﻿.catch {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 50% !important;
}
.linkStyle {
    color: #036df7;
}
#contents2 h2::first-letter,#contents3 h3::first-letter {
    color: #d02026;
}
#contents1 h2 {
    border-bottom: 1px solid #d02026;
    border-left: 8px solid #d02026;
}
#contents1 h2:before {
    background-color: #d02026;
}
#contact_tel .width_300-max {
    max-width: 450px;
}
.slider .box_img img {
    width: 100% !important;
    height: auto !important;
}
.catch img {
    animation: scale 0.5s ease-in-out 2s forwards;
    opacity: 0;
}
@keyframes scale {
0% {
    transform: scale(2.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/***********タブレット*****************/
@media screen and (max-width: 768px){
.catch {
    position: absolute;
    top: 40%;
    left: 35%;
    width: 60% !important;
}
.slider .box_img img {
    width: auto !important;
    height: 100vh !important;
    position: relative;
    left: -50%;
}
}
/***********スマホ*****************/
@media screen and (max-width: 667px){
    .catch {
        position: absolute;
        top: 40%;
        left: 30%;
        width: 60% !important;
    }
#contact_tel a {
    padding: 30px 0;
    font-size: 17px;
}
#contents3 h3:first-letter {
    color: #fff;
}
#page8 .under_box {
    padding: 20px 0px;
}
.slider .box_img img {
    width: auto !important;
    height: 100vh !important;
    position: relative;
    left: -50%;
}
#contents2 h2, #contents3 h3 {
        font-size: 20px;
    }
#contents1 h2 {
        font-size: 20px;
    }
}

