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


/*調整*/
.fs-l-page{background: #EFF8FF;padding: 0 0 0 0;}
#fs-footer{padding-top: 20px;}

h1.fs-c-heading.fs-c-heading--page{display: none}
.summer_cp .pc_only{display: block}
.summer_cp .sp_only{display: none}
@media (max-width: 767px){
.fs-l-main{padding: 0}
.summer_cp .indent{padding: 0 15px}
.summer_cp .pc_only{display: none}
.summer_cp .sp_only{display: block}
}

.summer_cp a:hover{opacity: 0.8;text-decoration: none}
.summer_cp .bold{font-weight: bold;}
.summer_cp .f13{font-size: 13px;}
.summer_cp {font-size: 16px;}
.summer_cp p{margin: 0 !important;line-height: 1.7}
.summer_cp .mb20{margin-bottom: 20px !important}
.summer_cp .mb40{margin-bottom: 40px !important}
.summer_cp .w770{max-width: 770px; margin-left: auto;margin-right: auto}
.summer_cp .pc_center{text-align: center;}
@media (max-width: 767px){
.summer_cp .pc_center{text-align: left;}
}

.summer_cp .key{background: url(key.jpg) no-repeat 0 0;height:430px; position: relative;margin-bottom: 40px}
.summer_cp .key .btn1{position: absolute;left: 20px;bottom: 30px}
.summer_cp .key .btn2{position: absolute;right: 40px;bottom: 30px}
.summer_cp .key .img1{position: absolute;left: 0; bottom: 0px;line-height: 0}
.summer_cp .key .img2{position: absolute;right: 0; bottom: 0px;line-height: 0}
.summer_cp .read{text-align: center;margin-bottom: 40px; font-weight: bold;}
@media (max-width: 767px){
.summer_cp .key{background: none;}
.summer_cp .key .ttl{line-height: 0}
.summer_cp .key .btn1{position:static;line-height: 0}
.summer_cp .key .btn2{position: static;line-height: 0}
}

.summer_cp .h2_flex{background: #27A5E2;padding: 20px 30px;display: flex;align-items: center}
.summer_cp .h2_flex .icon{width: 10%;border-right: 1px solid #70C1E6;padding-right: 2%}
.summer_cp .h2_flex .icon img{max-width: 86px}
.summer_cp .h2_flex .ttl{width: 86%;padding-left: 2%;}
.summer_cp .h2_flex .ttl p{color: #fff;font-size: 19px;font-weight: bold;}
.summer_cp .h2_flex .ttl h2{color: #FFFF00;font-size: 28px;margin: 0;font-weight: bold;}
@media (max-width: 767px){
.summer_cp .h2_flex{display: block;padding: 20px}
.summer_cp .h2_flex .icon{width: 100%;text-align: center;border-right: none;}
.summer_cp .h2_flex .icon img{border-bottom: 1px solid #70C1E6;padding-bottom: 10px;margin-bottom: 10px}
.summer_cp .h2_flex .ttl{width: 100%;text-align: center;padding: 0}
.summer_cp .h2_flex .ttl p{font-size: 17px;}
.summer_cp .h2_flex .ttl h2{font-size: 20px;}
}


.summer_cp .box{padding: 40px 100px; margin-bottom: 40px;border: #27A5E2 1px solid;background: #fff;}
.summer_cp .box .box_flex{display: flex;justify-content: space-between}
.summer_cp .box .box_flex .text_area{width: 70%}
.summer_cp .box .box_flex .img_area{width: 20%}
.summer_cp .box table.kikan{max-width: 450px;border: 1px solid #27A5E2;width: 100%;border-spacing:0}
.summer_cp .box table.kikan th{font-weight: bold;color: #fff;font-size: 18px; text-align: center;padding: 5px 1em;background: #27A5E2;}
.summer_cp .box table.kikan td{font-weight: bold;font-size: 18px; text-align: center;padding: 5px 0}
@media (max-width: 767px){
.summer_cp .box{padding: 30px 20px}
.summer_cp .box .box_flex{display: block;}
.summer_cp .box .box_flex .text_area{width: 100%;margin-bottom: 40px}
.summer_cp .box .box_flex .img_area{width: 100%;display: none}
.summer_cp .box .mb40{margin-bottom: 20px !important}
.summer_cp .box table.kikan td{font-size: 16px}
.summer_cp .box table.kikan th{padding: 5px 1em;font-size: 16px}
}

.summer_cp .box .red_btn a{text-align: center;background: url(icon.svg) no-repeat 95% center #F4175B;color: #fff;font-weight: bold;font-size: 18px;
padding: 15px 0;max-width: 540px; margin: 30px auto 0;display: block }

.summer_cp .box table.oubo{border-spacing:0}
.summer_cp .box table.oubo th{font-weight: bold;color: #fff;font-size: 20px; text-align: center;padding:5px 10px;background: #27A5E2;display: inline-block}
.summer_cp .box table.oubo td{font-weight: bold;font-size: 16px; text-align: left;margin: 10px 0 30px;display: block}
.summer_cp .box table.oubo td ul.bk{background: #F5F5F5;padding: 20px 20px 10px 20px;margin: 0 0 10px 0}
.summer_cp .box table.oubo td ul.bk li{font-weight: normal;padding:5px 0 5px 40px;list-style: none;margin-bottom: 10px}
.summer_cp .box table.oubo td ul.bk li.n1{background: url(1.png) no-repeat left center;background-size: 28px;}
.summer_cp .box table.oubo td ul.bk li.n2{background: url(2.png) no-repeat left center;background-size: 28px;}
.summer_cp .box table.oubo td ul.bk li.n3{background: url(3.png) no-repeat left center;background-size: 28px;}
.summer_cp .box table.oubo td ul.bk li.n4{background: url(4.png) no-repeat left center;background-size: 28px;}
.summer_cp .box table.oubo td ul.bk a{color: #F4175B;text-decoration: underline}
.summer_cp .box table.oubo td .attention{border: 1px solid #D5D5D5;padding: 20px ;margin: 0}
.summer_cp .box table.oubo td .attention .red{color: #F4175B;font-size: 19px; font-weight: bold;}
.summer_cp .box table.oubo td .attention ul.dot{padding: 0;margin:10px 0 0 1.5em}
.summer_cp .box table.oubo td .attention ul.dot li{font-weight: normal;font-size: 15px}
@media (max-width: 767px){
.summer_cp .box table.oubo th{font-size: 16px}
}

.summer_cp .slash{position: relative;color: #F4175B;font-size: 22px; font-weight: bold;margin-bottom: 20px;text-align: center}
.summer_cp .slash:before {content: "＼";font-size: 2.5rem;position: absolute;left:7%;bottom: 0}
.summer_cp .slash:after {content: "／";font-size: 2.5rem;position: absolute;right:7%;bottom: 0}
@media (max-width: 767px){
.summer_cp .slash{font-size: 17px}
.summer_cp .slash:before{left: 0}
.summer_cp .slash:after{right: 0}
}