@charset "UTF-8";
/* ---------------------------------------------------------------------------- 
//768px以下（SP用）
---------------------------------------------------------------------------- */
@media only screen and (max-width:768px){
/* intro ---------------------------------------------------------------------------- */
a.active{background:#ff8b53 !important}
.l-spContactArea{background:#ff8b53}
.tit-borderline{margin-top:7%;background:url(/images/benefit/bg_borderline2.png) 0 0 repeat}
.handlingBox-tit{color:#ff4400}
.tit_band{background:#ff8b53 url(/images/benefit/bg_titband.png) 0 0 repeat-y;margin:3% auto 0;padding:2% 4%;background-size:1.7%;color:#fff;font-size:15px;box-sizing:border-box;font-weight:bold}
/* table ---------------------------------------------------------------------------- */
td.shl-name{display:block;text-align:center;width:100%;font-size:16px;color:#e3061b;margin:1em 0;padding-bottom:10px;background-color:#fa726180;border-radius: 5px;font-weight:bold;line-height:1;position: relative;letter-spacing:.1em}
.p-table td.td01,.p-table td.td02{display:inline-block;padding:0 2px 5px 0;text-align:left;width:94%}
.p-table td.td01{background-color:#f9abab47;border-radius:5px;padding-top:5px;margin-bottom:.5em;margin-left:3%}
.p-table td.td02{padding-left:1em;textalign:left}
.p-table-left{font-size:16px;width:100%}
.list-content{width:98%;border:#f9abab47 solid 2px;margin:auto;padding:3% 7%}
.tbl-conte01{width:100%;margin:auto}
.listText{text-indent:-1em}
.liKome{padding-bottom:7px}
.p-sotsugyo-wrap01 p{display:inline-block;font-size:16px;border-radius:8px;padding:2%;border:#fcdbd6 solid 2px}
.m-contact-ttl{margin-top:1em}
.p-sotsugyo-wrap01 p{display:inline-block;font-size:16px;background-color:#fff;margin-bottom:.5em}
.m-ttl01x{background-size:10px;background-position:8px center;padding:8px 10px 8px 25px;border-radius:8px;font-size:18px;margin-top:10px;background-color:#e3061b;text-align:center;color:#fff;font-family:'Noto Sans Japanese';font-weight:500}
/* tab ---------------------------------------------------------------------------- */
.tabs{margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);width:100%;margin:0 auto}
.tab_item{width:calc(100%/2);height:50px;border-bottom:3px solid #ffc8c8;background-color:#d9d9d9;line-height:50px;text-align:center;color:#565656;display:block;float:left;font-weight:bold;transition:all 0.2s ease;font-size:16px}
.tab_item:hover{opacity:.75}
input[name="tab_item"]{display:none}
.tab_content{display:none;padding:0 10px;clear:both;overflow:hidden}
#east:checked ~ #east_content,#west:checked ~ #west_content{display:block}
.tabs input:checked + .tab_item{background-color:#f94040;color:#fff}
/* 下層コンテンツ ---------------------------------------------------------------------------- */
.underlayerContent{padding:7% 0 0;background:#fff;border-top:5px solid #6bc7d1}
.underlayerPagelink{padding:0 3%}
.underlayerPagelink-list{margin:5% 0 8%}
.underlayerPagelink-list li{width:32%;float:left}
.underlayerPagelink-list li a{width:100%;display:block;font-size:11px;font-size:0.6875rem;color:#3ab4c1;line-height:1.2em;box-sizing:border-box}
.underlayerPagelink-list li:not(:first-of-type){margin-left:2%}
.handlingBox{padding:2% 4%;font-size:14px;font-size:.875rem;color:#3ab4c1}
.handlingBox .handlingBox-list{margin-top:2%}
.handlingBox .handlingBox-list li{width:32%;margin-bottom:2%;float:left}
.handlingBox .handlingBox-list li:not(:nth-of-type(3n+1)){margin-left:2%}
.handlingBox-bnrS{margin-top:5%}
.handlingBox-bnrS li{width:32%;float:left}
.handlingBox-bnrS li:first-of-type{margin-right:2%}
.handlingBox-bnr{margin-top:5%}
.handlingBox-bnr li{margin-bottom:4%}
.w100{width:100%}
.noDotted{border:none}
.p0{padding:0}
.plusM{margin-top:7%}
.plusMT{margin-top:7%}
.elMore{padding:2% 2% 10%;text-align:right}
.elMore a{color:#fff}
.benefit{padding:0 3%;margin-top:3%;font-size:14px;font-weight:bold}
.hotelDetailWrap .p-typeArticleBox-tit_sp{margin-top:10%}
.hotelDetailWrap .tit_band{margin:2% auto 5%;padding:2% 4%}
.sNum{color:#3d3d3d;font-size:11px}
.blist{margin-left:1em;text-indent:-1em}
.w40{width:35%}
.w60{}
.p-bold{font-weight:bold !important}
}
/* ---------------------------------------------------------------------------- 
//768px以上（PC用）
----------------------------------------------------------------------------*/ 
@media print, screen and (min-width:769px){
.tit-borderline{background:url(/images/benefit/bg_borderline2.png) 0 0 repeat}
.benefitIntroItem{margin-top:18px}
.benefitIntroItem .benefitIntroTit{font-size:16px;font-weight:bold;color:#ff4400}
.benefitIntroItem .benefitIntroTx{font-size:14px}
.benefitIntroItem .benefitIntroTx span{position:relative;top:-10px;left:10px}
.tableBeforeTx{font-size:14px;margin-top:15px}
.blockText{font-size:14px}
.blockText img{margin-right:5px;vertical-align:middle}
.blockText a{color:#3ab4c1;text-decoration:underline}
.blockText a:hover{text-decoration:none}
.tit_band{background:#ff8b53 url(/images/benefit/bg_titband.png) 0 0 repeat-y;margin:3% auto 0;padding:10px 22px;color:#fff;font-size:18px;box-sizing:border-box;font-weight:bold} 
.moreBtnB{width:542px;margin:20px auto 40px}
.moreBtnB li{width:257px;float:left}
.moreBtnB li:first-of-type{margin-right:28px}
/*table ---------------------------------------------------------------------------- */
.p-table{width:100%;font-size:13px}
.p-table th{color:#ff4400}
.p-table th, .p-table td{border-bottom:#d3d3d3 1px solid;border-right:#d3d3d3 1px solid;text-align:center;vertical-align:middle;padding:2px}
.p-table-left table{width:100%;border-top:#ccc 1px solid;border-left:#ccc 1px solid;border-spacing:0}
.p-table-left th{height:43px !important;background-color:#ffe7ce}
.p-table-left td{background-color:white}
.p-table02{width:100%;margin-top:30px}
.p-th{font-weight:bold;padding:10px 15px;border:1px solid #d3d3d3;background-color:#ffe7ce;vertical-align:middle;font-size:14px;color:#ff4400}
.p-td{padding:10px 15px;border:1px solid #d3d3d3;vertical-align:middle;font-size:13px;background:#fff}
.tbl-conte01{margin-bottom:10px}
.tbl-conte01 th:nth-child(1){width:45px}
.tbl-conte01 th:nth-child(2){width:150px}
.tbl-conte01 th:nth-child(3){width:510px}
.p-table td.td01{text-align:left}
.p-table td.td02{text-align:left}
.m-cv-btn {border:4px solid #ddddd3;border-radius:5px;padding:20px 75px;background-color:#fff;text-align:center}
.p-sotsugyo-wrap01 p{padding:15px;background-color:#fff;font-size:16px;border-radius:8px;border:#fec8c8 solid 2px}
.p-sotsugyo-wrap01{padding-bottom:10px}
.m-ttl01x{background-image:url(/images/common/icn_ttl01.svg);background-repeat:no-repeat;background-position:12px center;background-color:#e3061b;padding:8px 15px 10px 35px;border-radius:8px;color:#fff;font-size:22px;font-family:'Noto Sans Japanese';font-weight:500;margin-top:10px}
/* tab ---------------------------------------------------------------------------- */
.tabs {margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);width:720px;margin:0 auto}
.tab_item{width:calc(100%/2);height:50px;border-bottom:3px solid #ffc8c8;background-color:#d9d9d9;line-height:50px;font-size:14px;text-align:center;color:#565656;display:block;float:left;font-weight:bold;transition:all 0.2s ease}
.tab_item:hover{opacity:.75}
input[name="tab_item"]{display:none}
.tab_content{display:none;padding:0 10px;clear:both;overflow:hidden}
#east:checked ~ #east_content,#west:checked ~ #west_content{display: block}
.tabs input:checked + .tab_item{background-color:#f94040;color:#fff}
/* 下層コンテンツ ---------------------------------------------------------------------------- */
.underlayerContent{padding:20px;background:#fff;border-top:5px solid #6bc7d1}
.underlayerSliderArea{padding:1px 43px;margin:0 auto}
.underlayerContactArea{margin-top:20px;padding:15px;background:url(/images/benefit/bg_borderline2.png) 0 0 repeat;border:5px solid #779cd5}
.underlayerContactArea .underlayerContactArea-list{width:533px;margin:0 auto}
.underlayerContactArea .underlayerContactArea-list li{display:inline-block}
.underlayerContactArea .underlayerContactArea-list li:first-of-type{margin-right:20px}
.schoolIntro{margin-top:20px}
.schoolIntro .schoolIntro-tx{margin-top:20px;padding:0 4px;font-size:14px}
.underlayerPagelink-list{margin:30px 0}
.underlayerPagelink-list li{width:227px;float:left}
.underlayerPagelink-list li:not(:first-of-type){margin-left:18px}
.underlayerPagelink-list li a{width:100%;display:block;font-size:18px;color:#3ab4c1;line-height:1.2em;box-sizing:border-box}
.underlayerPagelink-list li a:hover{text-decoration:none}
.underlayerPagelink-list li .listBtnPrice{padding:18px 0 19px 70px;background:url(/images/benefit/btn_ul_price_pc.png) 0 0 no-repeat;background-size:100%}
.underlayerPagelink-list li .listBtnHotel{padding:9px 0 9px 70px;background:url(/images/benefit/btn_ul_hotel_pc.png) 0 0 no-repeat;background-size:100%}
.underlayerPagelink-list li .listBtnInfo{padding:18px 0 19px 60px;background:url(/images/benefit/btn_ul_info_pc.png) 0 0 no-repeat;background-size:100%}
.handlingBox{padding:2% 0;font-size:18px;font-weight:bold;color:#3ab4c1}
.handlingBox .handlingBox-list{margin-top:10px}
.handlingBox .handlingBox-list li{width:110px;float:left}
.handlingBox .handlingBox-list li:not(:first-of-type){margin-left:12px}
.handlingBox-bnrS{margin-top:20px}
.handlingBox-bnrS li{width:243px;float:left}
.handlingBox-bnrS li:first-of-type{margin-right:20px}
.handlingBox-bnr{margin-top:20px}
.handlingBox-bnr li{margin-bottom:20px}
.p0{padding:0 !important}
.plusMB{margin-bottom:40px}
.bgGreen{padding:0.5% 3%;background:#359015;color:#fff}
.plusM{margin-top:7%}
.plusMT{margin-top:7%}
.plusMB{margin-bottom:100px}
.elMore{margin-top:10px;padding:2% 0 0%;text-align:right}
.elMore a{color:#fff}
.sNum{display:block;color:#3d3d3d;font-size:10px}
.benefit{margin-top:20px;font-size:15px;font-weight:bold}
.nw{white-space:nowrap !important}
.blist{margin-left:1em;text-indent:-1em}
.w40{width:140px}
.w60{width:580px}
.p-bold{font-weight:bold !important}
}