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

/*
Theme Name: 新サービスKAKU
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	line-height:1.6;
	font-family:"Noto Sans JP";
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{margin-bottom:30px;padding-bottom:10px;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {margin-bottom:40px;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #10193A;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #10193A;}
.wp-pagenavi span.current{color: #fff;background-color: #10193A;}

/* ===== 全体 ===== */
.wrap{max-width:1000px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}
.en{font-size:18px;font-weight:300;font-family: "Oswald", sans-serif;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* 画像ポップアップ */
.lightbox-target{width:100%;position:fixed;top:-100%;left:0;background:rgba(0, 0, 0, 0.7);opacity:0;transition:opacity 0.5s ease-in-out;overflow:hidden;z-index:300;}
.lightbox-target .container{margin:auto;position:absolute;top:50vh;left:50vw;background-color:white;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);transition:0.5s ease-in-out;text-align:left;transform:translate3d(-50%, -50%, 0);}
a.lightbox-close{width:50px;height:50px;line-height:50px;margin:0;display:block;background:white;color:black;text-decoration:none;position:absolute;top:0;right:0;text-align:center;}
.lightbox-target:target{opacity:1;top:0;bottom:0;}
.lightbox-target:target img{max-height:560px;vertical-align:top;}

.btn_dsn1{width:320px;margin:0 auto 64px;text-align:center;}
.btn_dsn1 a{padding:12px 16px;display:block;background:#FFFFFF;border:1px solid #FFFFFF;box-sizing:border-box;border-radius:32px;font-size:18px;font-weight:700;color:#3A6AB6;transition:0.4s;}
.btn_dsn1 a:hover{background:#3A6AB6;color:#FFFFFF;}

#page-top{margin:0;position:fixed;bottom:0;right:0;z-index:999;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:48px;height:48px;line-height:48px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}
/* slick */
.slick-track{display:flex!important;}
.slick-slide{height:auto!important;}
.slick-list{padding:40px 24px 12px 0!important;}

/* ===== header ===== */
#header{width:100%;padding:8px 3%;position:fixed;top:0;display:flex;justify-content:space-between;flex-wrap:wrap;background-color:inherit;transition:background-color 0.4s ease-out;box-sizing:border-box;z-index:9999;}
#logo{width:180px;}
#logo img{width:100%;vertical-align:baseline;}

.header-logo.headerLogoScroll.-before{display:none;}
.header-logo.-after{display:none;}
.header-logo.headerLogoScroll.-after{display:block;}

#header.headerColorScroll{
  background-color:rgba(255,255,255,0.8);
  transition:background-color 0.4s ease-out;
}

/* ===== global_menu ===== */
#global_menu_box{height:100%;display:flex;}
#global_menu ul{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
#global_menu ul li{margin:0 8px;font-size:16px;font-weight:700;letter-spacing:0.05em;}
#global_menu ul li a{color:#000000;transition:color 0.4s ease-out;}
.home #global_menu ul li a{color:#FFFFFF;}
#global_menu ul li.m_con a{padding:4px 24px;display:inline-block;background:#005089;border-radius:4px;border:1px solid #005089;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
#global_menu ul li.m_con a:hover{background:#FFFFFF;color:#005089;}
/* スクロールしたら */
#header.headerColorScroll #global_menu ul li a{color:#000000;transition:color 0.4s ease-out;}
#header.headerColorScroll #global_menu ul li.m_con a{color:#FFFFFF;transition:color 0.4s ease-out;}

/* mainimage */
.mainimage{height:80vh;margin-bottom:16px;text-align: center;position:relative;}
.mainimage video{width:100%;height:80vh;object-fit:cover;}
.mainimage .main_logo{width:94%;display:block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}

/* ===== contents ===== */
#contents section{padding:64px 0;}
#contents h2.page_title{margin-bottom:24px;font-size:36px;font-weight:700;text-align:center;line-height:1.4;}
#contents h2.page_title small{display:block;}

/* === about === */
#about{background:#FFFFFF;text-align:center;}
#about .concept_catch{margin-bottom:16px;font-size:24px;font-weight:700;}
#about .concept_catch span{padding:0 45px;position:relative;display:inline-block;}
#about .concept_catch span:before,
#about .concept_catch span:after{width:36px;height:2px;content:'';position:absolute;top:50%;display:inline-block;background-color:black;-webkit-transform: rotate(-60deg);ransform:rotate(-60deg);}
#about .concept_catch span:before{left:0;-webkit-transform: rotate(60deg);ransform:rotate(60deg);}
#about .concept_catch span:after{right:0;}

#about p{margin-bottom:24px;line-height:1.8;font-size:18px;}

.wave{height:120px;position:relative;}
.wave.m_top{height:100px;margin-top:-90px;}
canvas{width:100%;position:absolute;bottom:0;left:0;}
#sea_pattern_bg{background:#292E73;}
#sea_pattern{margin-top:-2px;background:#3A6AB6;}
#sea_pattern_middle{margin-top:-2px;position:relative;background:#292E73;}
#sea_pattern_bottom{margin-top:-2px;}
#sea_pattern_bottom p{color:#FFFFFF;text-align:center;}
#sea_pattern_bottom p a{color:#FFFFFF;}
/* case */
#case .case_wrap{margin-bottom:64px;padding:40px 40px;background:#FFFFFF url("image/case_bg.svg") no-repeat center center / 100%;border-radius:8px;box-sizing:border-box;}
#case .case_wrap h2.page_title{margin-bottom:48px;color:#292E73;}
#case .case_wrap ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#case .case_wrap ul li{width:48%;padding:12px 0 12px 52px;border-bottom:1px solid #4FACF7;background:url("image/check.svg") no-repeat left center / 38px;box-sizing:border-box;font-weight:700;}
#case .btn_dsn1{margin-bottom:0;}
/* plan */
#plan h2.page_title, #plan p.txt_c{color:#FFFFFF;}
#plan p.txt_c{margin-bottom:48px;}
#plan .plan_wrap{margin-bottom:64px;display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;}
#plan .plan_wrap .plan_item{width:calc(100% / 3);padding:24px 48px;border-right:1px solid #FFFFFF;box-sizing:border-box;color:#FFFFFF;text-align:center;}
#plan .plan_wrap .plan_item:last-of-type{border-right:none;}
#plan .plan_wrap .plan_item h3{margin-bottom:12px;font-size:32px;line-height:1.4;}
#plan .plan_wrap .plan_item h3 small{display:block;font-size:18px;}
#plan .plan_wrap .plan_item .plan_price{width:160px;margin:0 auto 24px;padding:4px 12px;background:#FFFFFF;border-radius:24px; color:#3A6AB6;font-size:16px;font-weight:700;}
#plan .plan_wrap .plan_item .plan_page{margin-bottom:4px;font-size:13px;}
#plan .plan_wrap .plan_item .plan_price span.plan_l{font-size:21px;}
#plan .plan_wrap .plan_item p{padding-top:148px;background:no-repeat center top / 280px;font-size:14px;}
#plan .plan_wrap .plan_item:nth-of-type(1) p{background-image:url("image/simple_icon.svg");}
#plan .plan_wrap .plan_item:nth-of-type(2) p{background-image:url("image/standard_icon.svg");}
#plan .plan_wrap .plan_item:nth-of-type(3) p{background-image:url("image/premium_icon.svg");}
#plan .plan_table{margin-bottom:64px;}
#plan .plan_table table{width:100%;color:#FFFFFF;}
#plan .plan_table table th,#plan .plan_table table td{padding:8px 12px;border:1px solid #FFFFFF;}
#plan .plan_table table thead td{border:none;}
#plan .plan_table table thead th{font-size:14px;font-weight:700;text-align:center;}
#plan .plan_table table thead th small{display:block;font-size:12px;font-weight:500;}
#plan .plan_table table tbody th{padding:12px 24px;background:#235399;}
#plan .plan_table table tbody td{text-align:center;}
/* flow */
#contents #flow .btn_dsn1{margin-bottom:120px;}
#flow{padding-bottom:120px;overflow:hidden;background:url("image/flow_bg.svg") no-repeat center top / cover;}
#flow h2.page_title{color:#FFFFFF;}
#flow p.txt_c{margin-bottom:64px;color:#666666;}
#flow .flow_box{margin-bottom:80px;margin-left:10%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#flow .flow_box .flow_item{width:23%;margin:0 0 0 24px;padding:12px 24px;background:#FFFFFF;box-sizing:border-box;border-radius:16px;box-shadow:2px 2px 8px rgba(0, 0, 0, 0.2);position:relative;cursor:pointer;}
#flow .flow_box .flow_item .flow_no{position:absolute;top:0;left:24px;font-size:58px;font-family:'Oswald', sans-serif;color:#190042;}
#flow .flow_box .flow_item h3{margin:30px 0 16px 80px;font-size:21px;font-weight:700;letter-spacing:0.05em;color:#190042;}
#flow .flow_box .flow_item p{font-size:14px;color:#666666;line-height:1.8;}
#flow ul.btn li{margin:8px 0;}
#flow ul.btn li a{padding:8px 16px;display:block;background:#190042;border:1px solid #190042;box-sizing:border-box;font-size:16px;font-weight:700;color:#FFFFFF;text-align:center;letter-spacing:0.05em;transition:0.4s;}
#flow ul.btn li a:hover{background:#292E73;}
#flow ul.btn li.tel_btn a{background:#FFFFFF;color:#190042;}
/* philosophy */
#philosophy{color:#FFFFFF;}
#philosophy h2.page_title{text-align:left;}
#philosophy p{margin-bottom:32px;font-size:18px;line-height:2;}

/* plan_choose */
#plan_choose{width:100%;margin-top:-400px;}
#plan_choose h2.page_title, #plan_choose p.txt_c{color:#FFFFFF;}
#plan_choose p.txt_c{margin-bottom:48px;}
#plan_choose .comparison_wrap .item{padding:24px;background:#FFFFFF;border-radius:8px;box-sizing:border-box;}
#plan_choose .comparison_wrap .item h3{margin-bottom:16px;font-size:32px;font-weight:700;color:#22B573;text-align:center;line-height:1.4;}
#plan_choose .comparison_wrap .item h3 small{display:block;font-size:18px;color:#000000;}
#plan_choose .comparison_wrap .item p{font-size:14px;text-align:center;}
#plan_choose .comparison_wrap .item .comparison_price{width:120px;margin:0 auto 24px;padding:4px 8px;background:#22B573;border-radius:24px;font-size:14px;font-weight:700;color:#FFFFFF;text-align:center;}
#plan_choose .comparison_wrap .item .comparison_price span.plan_l{font-size:21px;}

#plan_choose .comparison_wrap .item .comparison_plan{display:flex;justify-content:space-between;flex-wrap:wrap;}
#plan_choose .comparison_wrap .item .comparison_plan li{width:48%;margin:2% 0;padding-top:48%;background:#22B573;position:relative;border-radius:8px;color:#FFFFFF;}
#plan_choose .comparison_wrap .item .comparison_plan li.invalid{background:#E6E6E6!important;color:#B3B3B3!important;}
#plan_choose .comparison_wrap .item .comparison_plan li span{width:100%;padding-top:68%;position:absolute;bottom:12%;left:50%;transform:translateX(-50%);background:no-repeat center center / 40%;font-size:12px;font-weight:700;text-align:center;}

#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(1) span{background-image:url("image/plan_icon1.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(2) span{background-image:url("image/plan_icon2.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(3) span{background-image:url("image/plan_icon3.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(4) span{background-image:url("image/plan_icon4.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(5) span{background-image:url("image/plan_icon5.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(6) span{background-image:url("image/plan_icon7.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(7) span{background-image:url("image/plan_icon6.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(8) span{background-image:url("image/plan_icon8.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(9) span{background-image:url("image/plan_icon9.svg");}
#plan_choose .comparison_wrap .item .comparison_plan li:nth-of-type(10) span{background-image:url("image/plan_icon10.svg");}
/* シンプルプラン */
#plan_choose .comparison_wrap .item.simple .comparison_plan li:nth-of-type(7) span{background-image:url("image/plan_icon6_invalid.svg");}
#plan_choose .comparison_wrap .item.simple .comparison_plan li:nth-of-type(8) span{background-image:url("image/plan_icon8_invalid.svg");}
#plan_choose .comparison_wrap .item.simple .comparison_plan li:nth-of-type(9) span{background-image:url("image/plan_icon9_invalid.svg");}
#plan_choose .comparison_wrap .item.simple .comparison_plan li:nth-of-type(10) span{background-image:url("image/plan_icon10_invalid.svg");}
/* スタンダード */
#plan_choose .comparison_wrap .item.standard .comparison_plan li{background:#29ABE2;}
#plan_choose .comparison_wrap .item.standard h3{color:#29ABE2;}
#plan_choose .comparison_wrap .item.standard .comparison_price{background:#29ABE2;}
#plan_choose .comparison_wrap .item.standard .comparison_plan li:nth-of-type(9) span{background-image:url("image/plan_icon9_invalid.svg");}
#plan_choose .comparison_wrap .item.standard .comparison_plan li:nth-of-type(10) span{background-image:url("image/plan_icon10_invalid.svg");}
/* プレミアム */
#plan_choose .comparison_wrap .item.premium .comparison_plan li{background:#FF7BAC;}
#plan_choose .comparison_wrap .item.premium h3{color:#FF7BAC;}
#plan_choose .comparison_wrap .item.premium .comparison_price{background:#FF7BAC;}

/* sea_pattern_bottom */
#sea_pattern_bottom{margin-top:-2px;background:#190042;position:relative;z-index:10;}
#sea_pattern_bottom .sea_pattern_btm{padding:20% 0 30%;background:url("image/sea_pattern_bottom_bg.svg") no-repeat center bottom / 100%;}
#sea_pattern_bottom h2{width:100px;margin:0 auto 24px;}
#sea_pattern_bottom .link{font-size:10px;font-weight:700;text-align:center;}
#sea_pattern_bottom .link a{color:#FFFFFF;}
/* ===== footer ===== */
#footer{clear:both;background:#D0E3FF;color:#190042;}
#footer div.copy{height:48px;line-height:48px;text-align:center;font-size:11px;font-family: "Oswald", sans-serif;}

/* === 配下共通 === */
.page #header, .single #header, .archive #header{background-color:rgba(255,255,255,0.8);}
#page_head_title{padding-top:120px;}
#page_head_title h1.page_title{margin-bottom:24px;font-size:36px;font-weight:700;text-align:center;line-height:1.4;}
#page_head_title h1.page_title small{display:block;}
.page #contents .post .des a{color:#FFFFFF;text-decoration:underline;}
.page #sea_pattern_bg .post.wrap{padding:32px 0 40px;color:#FFFFFF;}

/* === よくある質問 === */
.faq #faq_box{padding:32px 0 40px;}
.faq #faq_box .faq_item_box{margin-bottom:40px;}
.faq #faq_box h2{margin-bottom:24px;padding-left:28px;position:relative;font-size:24px;font-weight:700;color:#FFFFFF;}
.faq #faq_box h2:before{content:"■";display:block;position:absolute;top:0;left:0;}

.faq #faq_box dl{margin-bottom:12px;}
.faq #faq_box dt{padding:12px 24px 12px 68px;background:#FFFFFF;box-sizing:border-box;border-radius:28px;position:relative;font-size:18px;font-weight:500;cursor:pointer;transition:0.4s;}
.faq #faq_box dt:before{content:"Q";display:block;position:absolute;top:4px;left:32px;font-size:28px;font-weight:700;font-family: "Oswald", sans-serif;color:#292E73;transition:0.4s;}
.faq #faq_box dt:hover,.faq #faq_box dt.select{background:#190042;color:#FFFFFF;}
.faq #faq_box dt:hover:before,.faq #faq_box dt.select:before{color:#FFFFFF;}
.faq #faq_box dd{padding:12px 0;display:none;color:#FFFFFF;line-height:1.8;}
.faq #faq_box dd ul{margin-left:24px;}
.faq #faq_box dd ul li{list-style:disc;}

/* contact */
#contact{max-width:800px;margin:48px auto 32px;padding:32px;background:#FFFFFF;border-radius:12px;color:#333333;}
#contact dt{margin-bottom:4px;}
#contact dt span.required{margin-left:12px;padding:0 12px;background:#D90000;border-radius:4px;color:#FFFFFF;font-size:10px;}
#contact dd{margin-bottom:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;box-sizing:border-box;border:1px solid #999999;}
.wpcf7 input[type="submit"]{display:block;width:320px;margin:0 auto 40px;padding:12px 0;border:1px solid #190042;cursor:pointer;outline: none;background:#190042;font-size:18px;font-weight:700;letter-spacing:0.05em;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;clear:both;transition:0.4s;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#190042;}

/* ===== single ===== */
.single #contents h2.page_title{padding: 0.2em 0;border-top: solid 3px #333333;border-bottom: solid 3px #333333;color:#333333}
.entry_data{font-size:11px;text-align:right;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1200px) {
/* plan */
	#plan .plan_wrap .plan_item p{background-size:100%;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	
	.overlayMenuBtn{position: absolute;top:50%;right:4%;transform:translateY(-50%);height:24px;cursor: pointer;z-index: 100001;}
	.overlayMenuBtn span{position: relative;display: block;width: 40px;border: 2px solid #190042;transition: .5s;background-color:#190042;}
	.home .overlayMenuBtn span{border: 2px solid #FFFFFF;background-color:#FFFFFF;}
	
	.overlayMenuBtn.open span{border-color:#FFFFFF;background-color:#FFFFFF;}
	
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 6px;}
	.overlayMenuBtn span:nth-child(3){top: 12px;}
	
	#header.headerColorScroll .overlayMenuBtn span{border-color:#FFFFFF;background-color:#FFFFFF;}
	#header.headerColorScroll .open .overlayMenuBtn span{border-color:#FFFFFF;}

	.overlayMenu{display: none;position: fixed;width: 100%;height: 100vh;overflow: auto;background-color:#190042;z-index: 100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}

	.overlayMenuItem ul.sp_menu{margin:20px 0 40px 0;padding: 0;list-style-type: none;}
	.overlayMenuItem ul.sp_menu li{border-top: 1px solid #ccc;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom: 1px solid #ccc;}
	.overlayMenuItem ul.sp_menu li a{width: 100%;padding:12px 0 12px 40px;color:#FFFFFF;text-decoration: none;transition: .5s;display: block;}
	.overlayMenuItem ul.sp_menu li a:hover{}

	/* ===== global_menu ===== */
	#global_menu{display:none;}
/* plan */
	#plan .plan_wrap .plan_item h3{font-size:28px;}
	#plan .plan_wrap .plan_item h3 small{font-size:15px;}
	#plan_choose{width:90%;}
	#plan_choose .comparison_wrap .item h3{font-size:28px;}
	#plan_choose .comparison_wrap .item h3 small{font-size:15px;}
}

@media screen and (max-width: 920px) {
/* case */
	#case .case_wrap ul li{width:100%;}
/* plan */
	#plan .plan_wrap .plan_item{width:50%;border-bottom:1px solid #FFFFFF;}
	#plan .plan_wrap .plan_item:last-of-type{border-right:1px solid #FFFFFF;border-bottom:none;}
	#plan .plan_wrap .plan_item p{background-size:90%;}
	
	#plan_choose .comparison_wrap .item{width:100%;margin-bottom:24px;}
	#plan_choose .comparison_wrap .item .comparison_plan::before{width:24%;content:"";display:block;order:1;}
	#plan_choose .comparison_wrap .item .comparison_plan::after{width:24%;content:"";display:block;}
	#plan_choose .comparison_wrap .item .comparison_plan li{width:24%;margin:1% 0;padding-top:24%;}
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
	.alignleft,.alignright{float:none;}
	.nav-previous,.nav-next{float:none;width:100%;text-align:left;}

/* plan */
	#plan .plan_wrap .plan_item{width:100%;border-right:none;}
	#plan .plan_wrap .plan_item:last-of-type{border-right:none;border-bottom:none;}
	#plan .plan_wrap .plan_item p{padding-top:24%;background-size:50%;}
	#plan .plan_table{font-size:13px;}
}

@media screen and (max-width: 640px) {
	#sea_pattern_bottom{margin-top:-2px;}
	#sea_pattern_bottom .sea_pattern_btm{padding-top:12%;}
	.mainimage{height:60vh;}
	.mainimage video{height:60vh;}
	.mainimage .main_logo{width:100%;}
	#contents h2.page_title{font-size:30px;}
	#about p{text-align:left;}
	#case .case_wrap{padding:40px 24px;}
	#case .case_wrap h2.page_title{font-size:22px;}
	#case .case_wrap ul li{padding-left:28px;background-size:21px;font-size:14px;}
	#philosophy p{font-size:15px;}
	#plan_choose .comparison_wrap .item .comparison_plan::after{width:32%;content:"";display:block;}
	#plan_choose .comparison_wrap .item .comparison_plan li{width:32%;padding-top:32%;}
/* === よくある質問 === */
	.faq #faq_box h2{font-size:21px;}
	.faq #faq_box dt{padding:12px 16px 12px 46px;font-size:16px;}
	.faq #faq_box dt:before{top:50%;left:18px;transform:translateY(-50%);}
	.faq #faq_box dd{font-size:14px;}
/* === お問い合わせ === */
	.contact #contents .post .des p{text-align:left!important;}
	#contact{padding:16px;}
}