@charset "UTF-8";
/* CSS Document */

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

.top_logo{
background: #F15A24;
padding: 3.5% 0;
width: 12%;
text-align: center;
position: relative;
z-index: 9999;
position: absolute;
top: 0;
left: 0;
}

.top_logo img{
width: 60%;
}

.top_logo a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.top_navi{
width: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
padding: 2% 0;
z-index: 99;
}

.top_navi ul{
width: 90%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}

.top_navi ul li{
margin-left: 45px;
}

.top_navi ul li a{
font-size: 1.7rem;
}
.top_navi ul li a i{
margin-right: 0.5em;
}

.main_img_section{
width: 90%;
margin: 7% auto;
position: relative;
}

.main_img_section h2{
font-size: 6.1rem;
color: #fff;
position: absolute;
top: 28%;
left: 4%;
line-height: 150%;
z-index: 90;
text-shadow: black 0 0 5px;
}

.top_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 1000px;
margin: 0 auto 5% auto;
}

.top_section_01 div{
width: 48%;
}

.midashi_01{
font-size: 3.5rem;
line-height: 90%;
margin-bottom: 4%;
}

.midashi_01 span{
font-size: 1.4rem;
}

.orange{
color: #F15A24;
}

.black{
color: #000000;
}

.midashi_02{
font-size: 3.5rem;
}

.margintop01{
margin-top: 2%;
}

.honbun_01{
font-size: 1.6rem;
}

.top_section_02{
background: #FBB03B;
padding: 4% 0;
}

.white{
color: #fff;
}

.center{
text-align: center;
}

.flow_01{
width: 1000px;
margin: 0 auto;
text-align: center;
}

.flow_01 dt{
background: #fff;
border-radius: 10px;
padding: 1.5% 0;
}

.midashi_03{
font-size: 2.5rem;
color: #F15A24;
}

.flow_01 dd{
font-size: 3rem;
color: #fff;
}

.flow_01 dd span{
font-size: 50%;
}

.flow_01 dd:last-child{
margin-top: 3%;
}

footer{
background: #F15A24;
text-align: center;
padding: 4% 0 2% 0;
}

.f_logo{
width: 140px;
margin-bottom: 2%;
}

.f_data{
font-size: 1.4rem;
color: #fff;
margin-bottom: 4%;
}


.copyright{
font-size: 1.1rem;
color: #fff;
}

.contents_innner {
    padding-top: 120px;
    margin-top:-120px;
}

.main_img_section h1{
font-size: 3.5rem;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
line-height: 100%;
text-align: center;
}

.main_img_section h1 span{
font-size: 1.4rem;
}

.page_section_01{
width: 675px;
margin: 0 auto;
}

.page_midashi_01{
font-size: 2.9rem;
text-align: center;
border-bottom: #000000 1px solid;
margin-bottom: 2%;
color: #F15A24;
}

.rinen{
font-size: 2.5rem;
text-align: center;
}

.margintop02{
margin-top: 10%;
}

.dl_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
font-size: 1.6rem;
width: 580px;
margin: 0 auto;
}

.dl_01 dt{
background: #F15A24;
color: #fff;
width: 15%;
text-align: center;
margin-bottom: 2%;
}

.dl_01 dd{
width: 80%;
margin-left: 5%;
margin-bottom: 2%;
}

.dl_02{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1.6rem;
width: 620px;
margin: 0 auto;
}

.dl_02 dt{
width: 20%;
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: #000000 1px dotted;
}

.dl_02 dd{
width: 80%;
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: #000000 1px dotted;
}

.map_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 15%;
}

.map_section_01 div{
width: 48%;
text-align: center;
}

.map_section_01 iframe{
width: 100%;
height: 300px;
}

.map_section_01 div p{
font-size: 1.4rem;
font-weight: bold;
}

.swiper-container{
width: 100%;
}