@charset "UTF-8";

.min{font-family:'Noto Serif JP', serif;}
.wid_960{max-width:1240px;margin:auto;box-sizing:border-box;padding:0 20px;}
#content #main .sec_title_box{background:#DDD;}
#content #main .sec_title_box .sec_title_inner{width:100%;height:350px;margin:0 auto;background:url("images/taitle_bg@2x.jpg")center bottom 40% no-repeat;background-size:cover;position:relative;}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:110px;}
#content #main .sec_title_box .page_title{font-size:3.8em;font-weight:700;line-height:1.4;letter-spacing:0.08em;padding-top:60px;text-shadow:0px 0px 8px #FFF,0px 0px 6px #FFF,0px 0px 3px #FFF;}
#content #main .sec_title_box .page_title em{color:#ee1c25;}
@media screen and (max-width: 981px) {
.wid_960{box-sizing:border-box;}
#content #main .sec_title_box .sec_title_inner{height:300px;background:url("images/taitle_bg@2x.jpg")center bottom 80% no-repeat;background-size:cover;}
#content #main .sec_title_box .page_title{font-size:3.5em;padding-top:45px;}
}
@media screen and (max-width: 767px) {
.sph_off{display:none;}
.wid_960{width:auto;padding:0 15px;}
#content #main .sec_title_box .sec_title_inner{height:190px;background-size:auto 120%;}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:85px;}
#content #main .sec_title_box .page_title{width:95%;font-size:2.0em;line-height:1.4;padding-top:0;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);}
#content #main .sec_title_box .page_title span{display:inline-block;}
}
/*-------------------------
__#sec
-------------------------*/
#content #main #sec{overflow:hidden;margin-bottom:60px;}
#content #main #sec .box1{background:#F0F4F6;box-sizing:border-box;padding:60px 0 60px;text-align:left;}
#content #main #sec .box2{box-sizing:border-box;padding:60px 0;text-align:left;}
#content #main #sec .box3{background:#F0F4F6;box-sizing:border-box;padding:60px 0 60px;text-align:left;}
#content #main #sec .box4{box-sizing:border-box;padding:60px 0;text-align:left;}
#content #main #sec .box5{background:#F0F4F6;box-sizing:border-box;padding:60px 0 60px;text-align:left;}
@media screen and (max-width: 981px) {
#content #main #sec .box3{padding:60px 0;}
}
@media screen and (max-width: 768px) {
#content #main #sec{margin-bottom:45px;}
#content #main #sec .box1,
#content #main #sec .box2,
#content #main #sec .box3,
#content #main #sec .box4,
#content #main #sec .box5{padding:30px 0;}
}
/*-------サイドイメージ--------*/
#content #main #sec .box_inner_r{width:700px;margin:0 0 0 auto;position:relative;}
#content #main #sec .box_inner_r::after{content:"";display:block;width:650px;height:400px; background:url("images/bas_1.jpg")no-repeat left -50px top;background-size:cover;-webkit-clip-path:polygon(88% 0, 100% 50%, 88% 100%, 0% 100%, 0 50%, 0% 0%);clip-path:polygon(88% 0, 100% 50%, 88% 100%, 0% 100%, 0 50%, 0% 0%);position:absolute;top:0;right:110%;}
#content #main #sec .box3 .box_inner_r::after{height:330px;background:url("images/bas_3.jpg")no-repeat center top;background-size:cover;position:absolute;top:0;right:110%;}
#content #main #sec .box_inner_l{width:700px;margin:0 auto 0 0;position:relative;}
#content #main #sec .box_inner_l::after{content:"";display:block;width:650px;height:330px; background:url("images/bas_2.jpg")no-repeat right bottom;background-size:cover;-webkit-clip-path:polygon(100% 0%, 100% 100%, 12% 100%, 0% 50%, 12% 0);clip-path:polygon(100% 0%, 100% 100%, 12% 100%, 0% 50%, 12% 0);position:absolute;top:0;left:110%;}
#content #main #sec .box4 .box_inner_l::after{background:url("images/bas_4.jpg")no-repeat left 50% bottom;background-size:cover;position:absolute;top:0;left:110%;}
@media screen and (max-width: 981px) {
#content #main #sec .box_inner_r{width:500px;}	
#content #main #sec .box_inner_l{width:500px;}	
}
@media screen and (max-width: 768px) {
#content #main #sec .box_inner_r,
#content #main #sec .box_inner_l{width:100%;margin:0 auto;position:static;}
#content #main #sec .box_inner_r::after{width:100%;height:200px;background:url("images/bas_1.jpg")no-repeat center;background-size:cover;-webkit-clip-path:none;clip-path:none;position:static;}
#content #main #sec .box3 .box_inner_r::after{width:100%;height:200px;background:url("images/bas_3.jpg")no-repeat center top;background-size:cover;position:static;}
#content #main #sec .box_inner_l::after{width:100%;height:200px;background:url("images/bas_2.jpg")no-repeat center bottom;background-size:cover;-webkit-clip-path:none;clip-path:none;position:static;}
#content #main #sec .box4 .box_inner_l::after{background:url("images/bas_4.jpg")no-repeat center bottom;background-size:cover;position:static;}
}
/*-------secタイトル--------*/
#content #main #sec .sec_title{font-size:2.8em;font-weight:700;line-height:1.3;letter-spacing:0.08em;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:30px;}
#content #main #sec .sec_title span.num_box{display:block;width:70px;height:70px;}
#content #main #sec .sec_title em{display:block;width:calc(100% - 90px);margin-left:20px;}
#content #main #sec .sec_title em span{display:inline-block;}
/*-------心配項目一覧--------*/
#content #main #sec .c_list{/*background:url("images/bg.jpg")no-repeat;background-size:cover;*/background:#FFF;padding:30px;margin-bottom:40px;}
#content #main #sec .c_list ul{display:flex;flex-wrap:wrap;}
#content #main #sec .c_list ul li{width:48%;}
#content #main #sec .c_list ul li::before{content:"";display:inline-block;width:30px;height:20px;background:url("images/c_box@2x.png")no-repeat center;;background-size:cover;margin-right:10px;vertical-align:middle;}
#content #main #sec .c_list ul li p{font-size:1.7em;font-weight:700;line-height:1.2;display:inline-block;width:calc(100% - 40px);vertical-align:middle;}
#content #main #sec .c_list ul li:nth-of-type(2n){margin-left:4%;}
#content #main #sec .c_list ul li:nth-of-type(n+3){margin-top:15px;}
/*-------テキストボックス--------*/
#content #main #sec .boxtext p{font-size:1.6em;line-height:1.7;letter-spacing:0.04em;margin-bottom:1.5em;}
#content #main #sec .boxtext p:last-child{margin-bottom:0;}
#content #main #sec .boxtext p.strong{font-size:2.0em;font-weight:700;color:#d64f2d;}
#content #main #sec .boxtext em{font-size:1.8em;display:inline-block;color:#d64f2d;}
/*-------box4特徴--------*/
#content #main #sec .feature{display:flex;text-align:center;margin-bottom:25px;}
#content #main #sec .feature em{display:block;width:24%;background:#034da2;box-sizing:border-box;padding:15px 10px;font-size:2.0em;font-weight:700;color:#FFF;}
#content #main #sec .feature em:nth-of-type(n+2){margin-left:2%;}
/*-------box5--------*/
#content #main #sec .kisarazu_point{display:flex;margin:40px auto 60px;}
#content #main #sec .kisarazu_point .in_box{width:48%;background:#FFF;}
#content #main #sec .kisarazu_point .in_box::before{content:"";display:block;height:200px;background:url("images/ichigogari.jpg")no-repeat center bottom 30%;background-size:cover;}
#content #main #sec .kisarazu_point .in_box:last-child{margin-left:4%;}
#content #main #sec .kisarazu_point .in_box:last-child::before{background:url("images/umihotaru2.jpg")no-repeat;background-size:cover;}
#content #main #sec .kisarazu_point .in_box .text_box{box-sizing:border-box;padding:20px;}
#content #main #sec .kisarazu_point .in_box .text_box .kisaraxu_stitle{font-size:1.8em;line-height:1.5;letter-spacing:0.06em;font-weight:700;padding-bottom:10px;color:#034da2;}
#content #main #sec .kisarazu_point .in_box .text_box p{font-size:1.4em;line-height:1.5;}
#content #main #sec .kisarazu_point .in_box .text_box p + p{padding-top:10px;}
#content #main #sec .time_box_wrap{border:1px solid #999;box-sizing:border-box;padding:30px;margin-bottom:60px;}
#content #main #sec .kisarazu_text{font-size:1.8em;margin-bottom:20px;letter-spacing:0.04em;}
#content #main #sec .time_box ul{display:flex;flex-wrap:wrap;}
#content #main #sec .time_box ul li{width:30%;/*border:1px solid #e7e7e7;*/ border-bottom:1px dotted #034da2;display:flex;justify-content:space-between;box-sizing:border-box;padding:10px 15px;margin-right:5%;}
#content #main #sec .time_box ul li:nth-of-type(3n){margin-right:0;}
#content #main #sec .time_box ul li:nth-of-type(n+4){margin-top:5px;}
#content #main #sec .time_box ul li .spot,
#content #main #sec .time_box ul li .time{font-size:2.0em;font-weight:700;}
#content #main #sec .time_box ul li .time span{font-size:0.6em;}
#content #main #sec .kome{display:block;font-size:1.3em;line-height:1.3;text-indent:-1em;padding-left:1em;margin-top:15px;}
#content #main #sec .box5 .end_text{display:block;font-size:1.6em;line-height:1.7;letter-spacing:0.04em;}
/*-------お問い合わせ--------*/
#content #main #sec .contact_btn{margin-top:60px;}
#content #main #sec .contact_btn .contact_text{display:block;font-size:1.8em;line-height:1.5;padding-bottom:20px;}
#content #main #sec .contact_btn .contact_text > span{display:inline-block;}
#content #main #sec .contact_btn a{text-decoration:none;font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#ee1c25;border-radius:5px;box-shadow:0 1px 6px 1px rgb(0 0 0 / 40%);}
@media screen and (min-width: 768px) {
#content #main #sec .contact_btn a:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}}
@media screen and (max-width: 981px) {
/*-------テキストボックス--------*/
#content #main #sec .boxtext p{line-height:1.6;margin-bottom:1.0em;}
#content #main #sec .boxtext p:last-child{margin-bottom:1.0em}
/*-------box4特徴--------*/
#content #main #sec .feature em{padding:15px 5px;font-size:1.8em;}
}
@media screen and (max-width: 767px) {
/*-------secタイトル--------*/
#content #main #sec .sec_title{font-size:1.8em;margin-bottom:30px;display:block;}
#content #main #sec .sec_title span.num_box{width:40px;height:40px;margin:0 auto 10px;}
#content #main #sec .sec_title span img{width:100%;height:auto;}
#content #main #sec .sec_title em{width:100%;margin-left:0;text-align:center;}
/*-------心配項目一覧--------*/
#content #main #sec .c_list{padding:20px;margin-bottom:20px;}
#content #main #sec .c_list ul{display:block;}
#content #main #sec .c_list ul li{width:100%;}
#content #main #sec .c_list ul li::before{width:30px;height:20px;margin-right:5px;}
#content #main #sec .c_list ul li p{font-size:1.6em;width:calc(100% - 35px);vertical-align:middle;}
#content #main #sec .c_list ul li:nth-of-type(2n){margin-left:0;}
#content #main #sec .c_list ul li:nth-of-type(n+2){margin-top:15px;}	
/*-------テキストボックス--------*/
#content #main #sec .boxtext p{font-size:1.4em;margin-bottom:0.5em;}
#content #main #sec .boxtext p.strong{font-size:1.8em;}
#content #main #sec .boxtext em{font-size:1.6em;}
/*-------box4特徴--------*/
#content #main #sec .feature{flex-wrap:wrap;}
#content #main #sec .feature em{width:49%;}
#content #main #sec .feature em:nth-of-type(n+2){margin-left:0%;}
#content #main #sec .feature em:nth-of-type(2n){margin-left:2%;}
#content #main #sec .feature em:nth-of-type(n+3){margin-top:2%;}
/*-------box5--------*/
#content #main #sec .kisarazu_point{display:block;margin:20px auto 30px;}
#content #main #sec .kisarazu_point .in_box{width:100%;}
#content #main #sec .kisarazu_point .in_box::before{height:150px;}
#content #main #sec .kisarazu_point .in_box:last-child{margin-left:0%;margin-top:20px;}
#content #main #sec .kisarazu_point .in_box .text_box .kisaraxu_stitle{font-size:1.6em;}
#content #main #sec .time_box_wrap{padding:20px;margin-bottom:30px;}
#content #main #sec .kisarazu_text{font-size:1.6em;margin-bottom:10px;}
#content #main #sec .time_box ul li{width:48%;padding:10px 0;margin-right:4%;}
#content #main #sec .time_box ul li:nth-of-type(3n){margin-right:4%;}
#content #main #sec .time_box ul li:nth-of-type(2n){margin-right:0;}
#content #main #sec .time_box ul li:nth-of-type(n+3){margin-top:5px;}
#content #main #sec .time_box ul li .spot,
#content #main #sec .time_box ul li .time{font-size:1.4em;}
#content #main #sec .box5 .end_text{font-size:1.4em;}
/*-------お問い合わせ--------*/
#content #main #sec .contact_btn{margin-top:45px;}
#content #main #sec .contact_btn .contact_text{font-size:1.6em;padding-bottom:10px;}
#content #main #sec .contact_btn a{font-size:16px;padding:0 20px;}
}
@media screen and (max-width: 374px) {
#content #main #sec .time_box ul{display:block;}
#content #main #sec .time_box ul li{width:100%;margin-right:0%;}
#content #main #sec .time_box ul li:nth-of-type(3n){margin-right:0;}
#content #main #sec .time_box ul li:nth-of-type(n+2){margin-top:5px;}
#content #main #sec .time_box ul li .spot,
#content #main #sec .time_box ul li .time{font-size:1.5em;}
}
.banner{width:100%;margin:40px auto 0;box-sizing:border-box;padding:0 10px;}
.banner a{display:block;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
.banner a img{line-height:0;width:100%;height:auto;vertical-align:middle;}