@charset "utf-8";
/*common*/
body{
font-family:"游ゴシック Medium", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
font-feature-settings:"palt";
font-size:16px;
}
a,a:hover,a:visited{
text-decoration:none;
display:block;

}
a img{
transition: all .5s ease 0s;
}
a:hover img{
opacity:0.6;
transition: all .5s ease 0s;
}
a[href^="tel:"] {
pointer-events: none;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
header{
height:80px;
}
.header_box{
display:flex;
justify-content:space-between;
align-items:center;
}
header h1{
margin:0 0 0 25px;
}
.header_contact{
width:50%;
display:flex;
justify-content:flex-end;
align-items:center;
}
.h_register{
margin-right:15px;
}
.h_line{
margin-right:15px;
}
.h_tel{
background:#770b11;
padding:15px;
height:80px;
}


.mv{
margin-bottom:60px;
}


.preparation{
max-width:900px;
margin:0 auto 200px;
}


.step1{
background:#f3f0ec;
margin-bottom:200px;
}
.step1 h3{
width:165px;
margin:0px auto 30px;
}
.step1 h3 img{
margin-top:-90px;
}
.step1 h4{
background:#fff;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:70px;
}
.step1_box{
max-width:850px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
position:relative;
}
.step1_box:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
border-top: 15px solid #0072bb;
border-bottom: 0;
position:absolute;
bottom:-7%;
left:50%;
transform:translate(-50%,0);
}
.step1_box dl{
width:27%;
position:relative;
}
.step1_box dl:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #0072bb;
border-right: 0;
position:absolute;
top:35%;
right:-20%;
}
.step1_box dl:last-child:after{
display:none;
}
.step1_box dt{
margin-bottom:30px;
}
.step1_box dd{
line-height:2em;
letter-spacing:0.15em;
font-weight:bolder;
}
.step1_box dd p:first-child{
margin-bottom:10px;
}
.step1_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step1_box dd.second{
margin-top:20px;
}
.step1_last{
max-width:900px;
margin:0 auto;
}


.step2{
margin-bottom:200px;
}
.step2 h3{
width:165px;
margin:0px auto 30px;
}
.step2 h3 img{
margin-top:-90px;
}
.step2 h4{
background:#f3f0ec;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:50px;
}
.step2 h4 + p{
text-align:center;
line-height:2em;
letter-spacing:0.15em;
margin-bottom:70px;
font-weight:bolder;
}
.step2_box{
max-width:850px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
}
.step2_box dl{
width:27%;
position:relative;
}
.step2_box dl:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #0072bb;
border-right: 0;
position:absolute;
top:35%;
right:-20%;
}
.step2_box dl:last-child:after{
display:none;
}
.step2_box dt{
margin-bottom:30px;
}
.step2_box dd{
line-height:2em;
letter-spacing:0.15em;
font-weight:bolder;
}
.step2_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step2_box dd.second{
margin-top:20px;
}
.step2_last{
max-width:900px;
margin:-100px auto 0;
}


.step3{
background:#f3f0ec;
margin-bottom:200px;
}
.step3 h3{
width:165px;
margin:0px auto 30px;
}
.step3 h3 img{
margin-top:-90px;
}
.step3 h4{
background:#fff;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:50px;
}
.step3 h4 + p{
text-align:center;
line-height:2em;
letter-spacing:0.15em;
margin-bottom:50px;
font-weight:bolder;
}
.step3 h5{
max-width:900px;
margin:0 auto 50px;
background:#0072bb;
color:#fff;
border-radius:9999px;
text-align:center;
padding:15px 0;
font-size:24px;
}
.step3_box{
max-width:850px;
margin:0 auto 70px;
display:flex;
justify-content:space-between;
}

.step3_box dl{
width:27%;
position:relative;
}
.step3_box dl:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #0072bb;
border-right: 0;
position:absolute;
top:35%;
right:-20%;
}
.step3_box dl:last-child:after{
display:none;
}
.step3_box dt{
margin-bottom:30px;
}
.step3_box dd{
line-height:2em;
letter-spacing:0.15em;
}
.step3_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step3_box dd.second{
margin-top:20px;
}
.step3_last{
max-width:900px;
margin:0 auto;
}
.step3_last dl{
margin-bottom:60px;
}
.step3_last dd{
line-height:2em;
letter-spacing:0.15em;
text-align:center;
font-weight:bolder;
}
.step3_last dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}

.step3_4{
max-width:750px;
margin:0 auto;
}
.step3_4 dl{
margin-bottom:20px;
}
.step3_4 dt{
text-align:center;
}
.step3_4 dd{
line-height:2em;
letter-spacing:0.15em;
font-weight:bolder;
text-align:center;
}
.step3_4 dl dd p{
}
.step3_4 dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}


.step3_last{
max-width:610px;
margin:0 auto;
}


.step4{
margin-bottom:200px;
}
.step4 h3{
width:165px;
margin:0px auto 30px;
}
.step4 h3 img{
margin-top:-90px;
}
.step4 h4{
background:#f3f0ec;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:50px;
}
.step4 h4 + p{
text-align:center;
line-height:2em;
letter-spacing:0.15em;
margin-bottom:70px;
font-weight:bolder;
}
.step4 dl{
max-width:460px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:end;
}
.step4 dl:last-child:after{
display:none;
}
.step4 dt{
width:50%;
}
.step4 dd{
width:43%;
line-height:2em;
letter-spacing:0.15em;
font-weight:bolder;
}
.step4 dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}


.step5{
background:#f3f0ec;
}
.step5 h3{
width:165px;
margin:0px auto 30px;
}
.step5 h3 img{
margin-top:-90px;
}
.step5 h4{
background:#fff;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:50px;
}
.step5 h4 + p{
text-align:center;
line-height:2em;
letter-spacing:0.15em;
margin-bottom:70px;
font-weight:bolder;
}
.step5_box{
max-width:850px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.step5_box dl{
width:27%;
position:relative;
}
.step5_box dl:after{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 15px solid #0072bb;
border-right: 0;
position:absolute;
top:35%;
right:-20%;
}
.step5_box dl:last-child:after{
display:none;
}
.step5_box dt{
margin-bottom:30px;
}
.step5_box dd{
line-height:2em;
letter-spacing:0.15em;
font-weight:bolder;
}
.step5_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step5_box dd.second{
margin-top:20px;
}
.step5_last{
max-width:900px;
margin:-80px auto 0;
}


.f_contact{
margin-bottom:70px;
}
.f_contact_img{
}
.first{
text-align:center;
font-size:27px;
font-weight:bold;
letter-spacing:0.1em;
padding:50px 0 70px;
}
.f_contact_bg{
background:url(../img/f_contact_bg_pc.png) repeat-y;
background-size:100% auto;
width:100%;
color:#fff;
padding:70px 0;
}
.f_contact_inner{
max-width:780px;
margin:0 auto;

}
.f_contact_txt{
font-size:21px;
text-align:center;
margin-bottom:20px;
position:relative;
}
.f_contact_txt:before{
content:"";
display:block;
position:absolute;
top:50%;
left:-10px;
transform:translate(0,-50%);
background:url(../img/f_contact_txt_border.png) repeat-x;
height:10px;
width:35%;
}
.f_contact_txt:after{
content:"";
display:block;
position:absolute;
top:50%;
right:-10px;
transform:translate(0,-50%);
background:url(../img/f_contact_txt_border.png) repeat-x;
height:10px;
width:35%;
}
.f_contact_tel{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
}
.f_contact_tel p:first-child{
width:47%;
}
.f_contact_tel p:last-child{
font-weight:bold;
}
.f_contact_btn{
display:flex;
justify-content:space-between;
}
.f_contact_btn img{
filter: drop-shadow(3px 3px 3px #000);
}
.f_contact_large_btn{
width:52%;
}
.f_contact_small_btn{
width:42%;
display: flex;
flex-direction: column;
}
.f_contact_small_btn p:last-child{
margin-top: auto;
}


footer{
padding-bottom:20px;
}
.f_logo{
text-align:center;
margin:0 auto 40px;
max-width:340px;
}
.footer_info{
max-width:1020px;
margin:0 auto 40px;
text-align:center;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
align-items:end;
}
.footer_info li:first-child{
font-weight:bold;
font-size:23px;
}
.copy{
text-align:center;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}
body{
font-size:3.5vw;
}
a[href^="tel:"] {
pointer-events: auto;
}


header{
height:70px;
text-align:center;
}
.header_box{
justify-content:flex-end;
align-items:center;
}
header h1{
margin:0 auto;
line-height:70px;
max-width:46%;
}
header h1 img{
vertical-align:middle;
}
.header_contact{
display:none;

}
.h_register{
margin-right:15px;
}
.h_line{
margin-right:15px;
}
.h_tel{
background:#770b11;
padding:15px;
height:80px;
}


.mv{
margin-bottom:10%;
}


.preparation{
width:85%;
margin:0 auto 30%;
}


.step1{
margin-bottom:30%;
}
.step1 h3{
width:25%;
margin:0px auto 5%;
}
.step1 h3 img{
margin-top:-50%;
}
.step1 h4{
padding:10px;
font-size:5.5vw;
margin-bottom:10%;
}
.step1_box{
max-width:100%;
margin:0 auto;
display:block;
}
.step1_box:after{
content:"";
display:none;
}
.step1_box dl{
width:100%;
display:flex;
align-items:center;
margin-bottom:5%;
}
.step1_box dl:after{
content:"";
display:none;
}
.step1_box dl:last-child:after{
display:none;
}
.step1_box dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step1_box dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step1_box dl dd p{
padding-right:5%;
padding-left:0;
margin-bottom:5%;
}
.step1_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step1_box .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step1_box .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left: 0;
right:auto;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(-50deg);
transform-origin: 0.5px 50%;
}

.step1_box dl:nth-child(even){
display:flex;
flex-direction: row-reverse;
}
.step1_box dl:nth-child(even) dd{
width:50%;
}
.step1_box dl:nth-child(even) dd p{
padding-right:0;
padding-left:5%;
}
.step1_box dl:nth-child(even) .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step1_box dl:nth-child(even) .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left:auto;
right: 0;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(50deg);
transform-origin: calc(100% - 0.5px) 50%;
}
.step1_last{
max-width:85%;
margin:0 auto;
}
.step1_last img{
margin-bottom:-8%;
}


.step2{
margin-bottom:40%;
}
.step2 h3{
width:25%;
margin:0px auto 5%;
}
.step2 h3 img{
margin-top:-50%;
}
.step2 h4{
padding:10px;
font-size:5.5vw;
margin-bottom:10%;
}
.step2 h4 + p{
max-width:90%;
margin:0 auto 8%;
line-height:1.8em;
font-size:3.5vw;
text-align:left;
}
.step2_box{
max-width:100%;
margin:0 auto;
display:block;
}
.step2_box dl{
width:100%;
display:flex;
align-items:center;
margin-bottom:5%;
}
.step2_box dl:after{
content:"";
display:none;
}
.step2_box dl:last-child:after{
}
.step2_box dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step2_box dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step2_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step2_box .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step2_box .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left: 0;
right:auto;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(-50deg);
transform-origin: 0.5px 50%;
}
.step2_box dl:first-child{
width:100%;
display:flex;
flex-wrap:wrap;
align-items:center;
margin-bottom:5%;
}
.step2_box dl:first-child dd.sp{
width:100%;
}

.step2_box dl:nth-child(even){
display:flex;
flex-direction: row-reverse;
}
.step2_box dl:nth-child(even) dd{
width:50%;
}
.step2_box dl:nth-child(even) dd p{
padding-right:0;
padding-left:5%;
}
.step2_box dl:nth-child(even) .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step2_box dl:nth-child(even) .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left:auto;
right: 0;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(50deg);
transform-origin: calc(100% - 0.5px) 50%;
}

.step2_last{
max-width:100%;
margin:0 auto;
}
.step2_last img{
margin-bottom:-8%;
}


.step3{
margin-bottom:30%;
}
.step3 h3{
width:25%;
margin:0px auto 5%;
}
.step3 h3 img{
margin-top:-50%;
}
.step3 h4{
background:#fff;
color:#0072bb;
padding:10px;
text-align:center;
font-size:27px;
font-weight:bold;
margin-bottom:50px;
}
.step3 h4 + p{
max-width:90%;
margin:0 auto 8%;
line-height:1.8em;
font-size:3.5vw;
text-align:left;
}
.step3 h5{
max-width:100%;
margin:0 auto 5%;
border-radius:0;
padding:3% 0;
font-size:4vw;
}
.step3_box{
max-width:100%;
margin:0 auto;
display:block;
}
.step3_box:after{
content:"";
display:none;
}
.step3_box dl{
width:100%;
display:flex;
align-items:center;
margin-bottom:5%;
}
.step3_box dl:after{
content:"";
display:none;
}
.step3_box dl:last-child:after{
}
.step3_box dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step3_box dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step3_box dl dd p{
padding-right:5%;
padding-left:0;
margin-bottom:5%;
}
.step3_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step3_box .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step3_box .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left: 0;
right:auto;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(-50deg);
transform-origin: 0.5px 50%;
}
.step3_box dl:nth-child(even){
display:flex;
flex-direction: row-reverse;
}
.step3_box dl:nth-child(even) dd{
width:50%;
}
.step3_box dl:nth-child(even) dd p{
padding-right:0;
padding-left:5%;
}
.step3_box dl:nth-child(even) .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step3_box dl:nth-child(even) .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left:auto;
right: 0;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(50deg);
transform-origin: calc(100% - 0.5px) 50%;
}

.step3_4{
max-width:900px;
margin:0 auto;
}
.step3_4 dl{
width:100%;
display:flex;
flex-direction: row-reverse;
align-items:center;
margin-bottom:5%;

}
.step3_4 dl:after{
content:"";
display:none;
}
.step3_4 dl:last-child:after{
}
.step3_4 dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step3_4 dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step3_4 dl dd p{
padding-right:0;
padding-left:5%;
text-align:left;
}
.step3_4 dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step3_4 .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step3_4 .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left:auto;
right: 0;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(50deg);
transform-origin: calc(100% - 0.5px) 50%;
}
.step3_4 p{
max-width:90%;
margin:0 auto 5%;
}
.step3_last p{
max-width:100%;
margin:0 auto;
}


.step4{
margin-bottom:30%;
}
.step4 h3{
width:25%;
margin:0px auto 5%;
}
.step4 h3 img{
margin-top:-50%;
}
.step4 h4{
padding:10px;
font-size:5.5vw;
margin-bottom:10%;
}
.step4 h4 + p{
max-width:90%;
margin:0 auto 8%;
line-height:1.8em;
font-size:3.5vw;
text-align:left;
}
.step4 dl{
max-width:460px;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
}
.step4 dl:last-child:after{
display:none;
}
.step4 dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step4 dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step4 dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step4 .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step4 .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left: 0;
right:auto;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(-50deg);
transform-origin: 0.5px 50%;
}

.step5{
margin-bottom:20%;
}
.step5 h3{
width:25%;
margin:0px auto 5%;
}
.step5 h3 img{
margin-top:-50%;
}
.step5 h4{
padding:10px;
font-size:5.5vw;
margin-bottom:10%;
}
.step5 h4 + p{
max-width:90%;
margin:0 auto 8%;
line-height:1.8em;
font-size:3.5vw;
text-align:left;
}
.step5_box{
max-width:100%;
margin:0 auto;
display:block;
}
.step5_box dl{
width:100%;
display:flex;
align-items:center;
margin-bottom:5%;
}
.step5_box dl:after{
content:"";
display:none;
}
.step5_box dl:last-child:after{
}
.step5_box dt{
width:40%;
margin:0 5%;
margin-bottom:0;
}
.step5_box dd{
width:50%;
line-height:1.8em;
font-size:3.5vw;
}
.step5_box dd span{
color:#9b0014;
position:relative;
background: linear-gradient(transparent 50%, #ffef00 50%);
font-weight:bolder;
}
.step5_box .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step5_box .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left: 0;
right:auto;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(-50deg);
transform-origin: 0.5px 50%;
}
.step5_box dl:nth-child(even){
display:flex;
flex-direction: row-reverse;
}
.step5_box dl:nth-child(even) dd{
width:50%;
}
.step5_box dl:nth-child(even) dd p{
padding-right:0;
padding-left:5%;
}
.step5_box dl:nth-child(even) .arrow {
position: relative;
display: inline-block;
width: 100%;
height: 1px;
margin-top: 13px;
border-radius: 9999px;
background-color: #000000;
}
.step5_box dl:nth-child(even) .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
left:auto;
right: 0;
width: 18px;
height: 1px;
border-radius: 9999px;
background-color: #000000;
transform: rotate(50deg);
transform-origin: calc(100% - 0.5px) 50%;
}
.step5_box dl:last-child{
display:none;
}
.step5_last{
max-width:100%;
margin:0 auto 0;
}
.step5_last img{
margin-bottom:-6%;
}



.f_contact{
margin-bottom:5%;
}
.f_contact_img{
}
.first{
font-size:5.5vw;
line-height:1.6em;
padding:5% 0 5%;
}
.f_contact_bg{
background:url(../img/f_contact_bg_sp.png) repeat-y center center;
background-size:cover;
width:100%;
color:#fff;
padding:10% 0;
}
.f_contact_inner{
max-width:90%;
margin:0 auto;
}
.f_contact_txt{
font-size:4vw;
font-weight:bold;
margin-bottom:3%;
position:relative;
}
.f_contact_txt:before{
content:"";
display:none;}
.f_contact_txt:after{
content:"";
display:none;
}
.f_contact_tel{
display:block;
margin-bottom:8%;
}
.f_contact_tel p:first-child{
width:100%;
margin-bottom:3%;
}
.f_contact_tel p:last-child{
font-weight:bold;
font-size:3.4vw;
text-align:center;
}
.f_contact_btn{
display:block;
}
.f_contact_btn img{
filter: drop-shadow(3px 3px 3px #000);
}
.f_contact_large_btn{
width:100%;
margin-bottom:8%;
}
.f_contact_small_btn{
width:100%;
display:block;
margin-bottom:8%;
}
.f_contact_small_btn p{
margin-bottom:5%;
}
.f_contact_small_btn p:last-child{
margin-top: auto;
}


footer{
padding-bottom:20%;
}
.f_logo{
text-align:center;
margin:0 auto 5%;
max-width:70%;
}
.footer_info{
max-width:100%;
margin:0 auto 8%;
text-align:center;
display:block;
}
.footer_info li{
margin:0 auto 3%;
font-size:3vw;
}
.footer_info li:first-child{
font-weight:bold;
font-size:5vw;
}
.copy{
text-align:center;
font-size:3vw;
}


.fix_btn{
background:url(../img/fix_btn_bg.png) no-repeat;
background-size:cover;
padding:3%;
position:fixed;
bottom:0;
max-height:115px;
width:100%;
}
.fix_btn ul{
max-width:100%;
margin:0 auto;
display:flex;
justify-content:center;
gap:3%;
}
.fix_btn li{
max-width:87%;
height:auto;
text-align:center;
}
.fix_btn li img{
max-width:100%;
}
}