@charset "UTF-8";

.min{font-family:'Noto Serif JP', serif;}
.wid_960{width:960px;margin:auto;}
#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/title_bg.jpg")center center no-repeat;background-size:cover;position:relative;}
/*.topic_path start*/
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:110px;}
#content .topic_path li::before{color:#fff;}
#content .topic_path li{color:#fff;}
#content .topic_path li a{color:#fff;}
/*.topic_path end*/
#content #main .sec_title_box .page_title{display:inline-block;font-size:3.8em;font-weight:700;line-height:1.4;letter-spacing:0.08em;color:#333;padding:25px 45px;position:relative;background:rgba(255,255,255,0.75);backdrop-filter:blur(5px);}
#content #main .sec_title_box .page_title em{color:#ee1c25;}
#content #main .sec_title_box .page_title .eng{display:block;font-size:0.4em;font-weight:500;color:#7B7B7B;}
@media screen and (max-width: 981px) {
.wid_960{box-sizing:border-box;padding:0 30px;width:100%;}
#content #main .sec_title_box .sec_title_inner{height:300px;}
#content #main .sec_title_box .page_title{font-size:3.5em;}
}
@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;}
/*.topic_path start*/
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:70px;}
#content .topic_path li{padding:0;}
#content .topic_path li::before{content:">";width:auto;height:auto;font-size:13px;border:0;border-top:none;border-left:none;transform:none;position:static;margin:0 5px;}
/*.topic_path end*/
#content #main .sec_title_box .page_title{font-size:2.0em;line-height:1.4;padding:10px 25px;}
#content #main .sec_title_box .page_title span{display:inline-block;}
}

/*-------------------------
.box02
-------------------------*/
/*概要*/
.box_inner{max-width:1200px;margin:0 auto;padding:60px 0 40px;}
.box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;border-bottom:1px solid #AAA;margin:0 10px;padding:20px 0;}
.box_inner dt,
.box_inner dd{font-size:14px;line-height:20px;letter-spacing:normal;display:inline-block;vertical-align:top;}
.box_inner dt{font-weight:700;width:195px;padding:0 0 0 5px;}
.box_inner dd{width:730px;padding:0 5px;}
.box_inner dd a:not(.call){color:#034da2/*アクセントカラー*/;text-decoration:underline;transition:0.3s;}
.box_inner dd a.call{color:inherit;text-decoration:inherit;pointer-events:none;}
.box_inner dd span{ display: inline-block; margin-bottom: 7px;}
/*写真*/
.box_ph{padding:0 10px 50px;width:960px;margin:auto;box-sizing:border-box;}
.box_ph span{display:block;font-size:14px;line-height:20px;font-weight:700;text-align:left;margin:0 auto 20px;}
.box_ph ul{text-align:center;display:flex;justify-content:space-between;}
.box_ph li{font-size:0;width:32%;vertical-align:top;display:inline-block;box-sizing:border-box;}
.box_ph li img{width:100%;height:auto;}
.box_map .box_map_inner{font-size:0;height:300px;}
.box_map .box_map_inner iframe{border:none;}

@media screen and (max-width: 981px) {
.box_inner{width:100%;padding:20px 20px 30px;box-sizing: border-box;}
.box_inner dt,
.box_inner dd{display:block;width:auto;}
.box_ph{padding:0 20px 50px;}
}
@media screen and (max-width: 767px) {
/*-------------------------
.box02
-------------------------*/
.box_inner dl{margin:0;padding:20px 0;}
.box_inner dt,
.box_inner dd{display:block;width:auto;}
.box_inner dd a.call{color:#034da2/*アクセントカラー*/;text-decoration:underline;pointer-events:auto;}
.box_ph{width:100%; margin:0 auto;padding:10px 20px 40px;}
.box_ph span{width:auto;margin:0 0 15px;}
.box_ph ul{display:block;margin:0 auto;}
.box_ph li{width:100%;}
.box_ph li + li{padding-top:10px;}
.box_ph li a{height:auto;}
}
/*-------------------------
各店舗 ナビ
-------------------------*/
.box_inner .inpage_link_box{margin:80px auto 0;}
.box_inner .inpage_link_box .inpage_btn{display:inline-block;width:280px;}
.box_inner .inpage_link_box .inpage_btn:nth-of-type(2){margin-left:10px;}
.box_inner .inpage_link_box .inpage_btn a{display:block;text-decoration:none;box-sizing:border-box;background:#034da2;font-size:1.6em;color:#FFF;text-align:center;padding:12px 10px;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
.box_inner .inpage_link_box .inpage_btn:nth-of-type(2) a{background:#fab40a/*千葉店カラー*/;}

@media screen and (min-width: 768px) {
	.box_inner .inpage_link_box .inpage_btn a{transition:transform 0.3s,filter 0.3s,opacity 0.3s,box-shadow 0.3s;}
	.box_inner .inpage_link_box .inpage_btn a:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
}
@media screen and (max-width: 767px) {
	.box_inner .inpage_link_box{margin:40px auto 0;display:flex;}
	.box_inner .inpage_link_box .inpage_btn{width:calc((100% - 10px)/2);}
}

/*-------------------------
各店舗 
-------------------------*/
.box_inner .office_wrap{margin-top:60px;padding-top:110px;margin-top:-50px;}
.box_inner .office_box{background:#EFF6FE;box-sizing:border-box;padding:20px;display:flex;flex-wrap:wrap;align-items:flex-start;}
.box_inner .office_box.chiba_office{background:#fef7e6;}
.box_inner .office_box .info{width:45%;}
.box_inner .office_box .info .office_name{background:#034da2;padding:10px 20px;text-align:left;color:#FFF;}
.box_inner .office_box.chiba_office .office_name{background:#fab40a/*千葉店カラー*/;}
.box_inner .office_box .info dl{margin:0;}
.box_inner .office_box .pic{width:55%;display:flex;flex-wrap:wrap;box-sizing:border-box;padding-left:30px;}
.box_inner .office_box .pic .pic_box{width:100%;position:relative;overflow:hidden;}
.box_inner .office_box .pic .pic_box:nth-of-type(n+2){width:49%;margin-top:2%;}
.box_inner .office_box .pic .pic_box:nth-of-type(3){margin-left:2%;}
.box_inner .office_box .pic .pic_box::before{content:"";display:block;padding-top:75%;background:#FFFFFF;}
.box_inner .office_box .pic .pic_box img{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
/*スタッフ紹介ボタン*/
.staff_btn{margin:40px auto 0;}
.staff_btn a{text-decoration:none;font-size:16px;line-height:40px;color:#FFF;letter-spacing:0;width:280px;height:40px;display:inline-block;background:#034da2;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
.staff_btn a + a{margin-left:40px;}
.box_inner .office_box .map{width:100%;margin-top:60px;}
.staff_btn2{margin:40px auto 0;}
.staff_btn2 a{text-decoration:none;font-size:16px;line-height:40px;color:#FFF;letter-spacing:0;height:40px;width:280px;display:inline-block;background:#fab40a;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
.staff_btn2 a + a{margin-left:40px;}
.box_inner .office_box .map{width:100%;margin-top:60px;}

@media screen and (min-width: 768px) {
.staff_btn a:hover{box-shadow: none;
    transform: translateY(1px);
    -webkit-filter: saturate(180%);
    filter: saturate(180%);
    opacity: 0.8;}
.staff_btn2 a:hover{box-shadow: none;
    transform: translateY(1px);
    -webkit-filter: saturate(180%);
    filter: saturate(180%);
    opacity: 0.8;}
}
@media screen and (max-width: 767px) {
	.box_inner .office_wrap{padding-top:80px;margin-top:-40px;}
	.box_inner .office_box{display:block;}
	.box_inner .office_box .info{width:100%;}	
	.box_inner .office_box .pic{width:100%;padding:20px 0 0;}
	/*スタッフ紹介ボタン*/
	.staff_btn,.staff_btn2{margin:30px auto 0;}
	.staff_btn a,.staff_btn2 a{font-size:14px;box-sizing:border-box;padding:0 20px;width:100%;}
	.staff_btn a + a,
	.staff_btn2 a + a{margin:20px 0 0;}
	.box_inner .office_box .map{margin-top:30px;}
	.box_inner .office_box .map iframe{height:100px;}
}

/*-------------------------
comingsoon
-------------------------*/
.comingsoon{position:relative;}
.comingsoon::after{content:"";display:block;position:absolute;top:10px;right:0;bottom:0;left:0;margin:auto;background:rgba(255, 255, 255, 0.5);border-radius:16px;box-shadow:0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255, 255, 255, 0.29);}
.comingsoon .com_text{display:block;position:absolute;top:50%;right:0;left:0;margin:auto;z-index:2;font-size:3.5em;font-weight:500;vertical-align:middle;transform:translateY(-50%);color:#fab40a;}
.pic_box .com_text{display:block;position:absolute;top:50%;right:0;left:0;margin:auto;z-index:2;font-size:3.5em;font-weight:500;vertical-align:middle;transform:translateY(-50%);color:#fab40a;}

@media screen and (max-width: 767px) {
	.comingsoon .com_text{font-size:2.4em;}
	.pic_box .com_text{font-size:2.4em;}
}