@charset "utf-8";
/****************************** footer  ******************************/
#max_footer {position: relative; overflow: hidden; background: #22272D;}
#max_footer .inner {display: flex; align-items: center; width:1720px;}
#max_footer .inner .left img {max-width: 100%; display: block;}
#max_footer .inner .right {width: 100%; margin-left: 10rem;}
#max_footer .inner .right .siteinfo_wp {width:100%; padding: 4rem 0;}
#max_footer .inner .right .siteinfo_wp li {display:inline-block;}
#max_footer .inner .right .siteinfo_wp li:first-child {padding-left:0; margin-left:0;}
#max_footer .inner .right .siteinfo_wp li a {color:#fff; opacity:.5;} 
#max_footer .inner .right .siteinfo_wp li a:before {content:""; width:1px; height:11px; border:1px solid #C9C9C9; opacity:0.15; display: inline-block; margin: 0 2rem;}
#max_footer .inner .right .siteinfo_wp li:first-child  a:before {display:none;}
#max_footer .inner .right .address_wp {position: relative; display: flex; justify-content: space-between; color:#fff;}
#max_footer .inner .right .address_wp:after {position: absolute; bottom:0; left:0; content:""; width:100%; height:1px; display: block; border-bottom: 1px solid #7E8B9B; opacity:.21;}
#max_footer .inner .right .address_wp > div {width:50%;}
#max_footer .inner .right .address_wp > div dl dt {width:10rem; font-weight: 600;}
#max_footer .inner .right .address_wp > div dl dd {opacity:.6; font-weight: 400; letter-spacing:0; width:calc(100% - 10rem);}
#max_footer .inner .right .address_wp .add_box dl {display:flex; margin:0 0 2rem 0;}

#max_footer .inner .right .address_wp .info_box {margin-bottom:3rem;}
#max_footer .inner .right .address_wp .info_box dl {display: flex; margin:0 0 1.5rem 0;}
#max_footer .inner .right .address_wp .info_box dl dd p {position:relative; margin:0 0 1rem 0;  padding-left:1rem; letter-spacing:0;}
#max_footer .inner .right .address_wp .info_box dl dd p:before {position:absolute; left:0; top:.5rem; content:''; width:.4rem; height:.4rem; background:#fff;}

#max_footer .inner .right .address_wp .add_wp {display: flex; margin-bottom:3rem;}
#max_footer .inner .right .address_wp .add_wp li:nth-child(1) {margin-right:6rem;}
#max_footer .inner .right .address_wp .add_wp li .tit {margin-bottom:2rem;}
#max_footer .inner .right .address_wp .add_wp li .txt {opacity:.7;}
#max_footer .inner .right .address_wp .add_wp li .txt .line {width:1px; height:11px; border:1px solid #C9C9C9; opacity:0.15; display: inline-block; margin: 0 2rem;}
#max_footer .inner .right .address_wp .family_box {position:relative; z-index:1;}
#max_footer .inner .right .address_wp .family_box .family_site {position:relative; width: 23rem; height: 5.5rem;}
#max_footer .inner .right .address_wp .family_box .family_site button {width:100%; height:100%; color:#fff; border:0; text-align:left; padding: 0 3rem; font-size: 1.5rem; font-weight: 600; box-sizing:border-box; border-radius:.5rem; background:#292E35;}
#max_footer .inner .right .address_wp .family_box .family_site button:after {position:absolute; right:3rem; top:50%; transform:translateY(-50%); width:1.2rem; height:1.2rem; content:''; background: transparent url(../image/common/ico_footer_plus.svg)no-repeat 50% 50% / 1rem; opacity:.6; transition: transform 0.3s;}
#max_footer .inner .right .address_wp .family_box .family_site.open button:after {background-image: url(../image/common/ico_footer_minus.svg); transform: translateY(-50%);}
#max_footer .inner .right .address_wp .family_box .family_list {position:absolute; top: 100%; left:0; background:#fff; width: 100%; border-radius:.5rem; border:1px solid #515153;}
#max_footer .inner .right .address_wp .family_box .family_list li a {display:block; padding:1.5rem;}
#max_footer .inner .right cite {color:#fff; font-style: normal; letter-spacing:0; font-size: 1.4rem; opacity:.18; margin: 2.5rem 0; display: block;}
#max_footer .inner .right cite:before {border-top:1px solid #7E8B9B;}
#max_footer .inner .right cite a {color:#fff;}
 


@media all and (max-width:1700px){
	#max_footer .inner {width:100%; padding:0 5% !important;}
}
@media all and (max-width:1400px){

	#max_footer .inner .right .address_wp > div  {width:100%;}
	#max_footer .inner .right .address_wp .info_box {margin-bottom:2rem;}
}
@media all and (max-width:1023px){
	#max_footer .inner {flex-direction: column;  }
	#max_footer .inner .left {margin-top:2.5rem;}
	#max_footer .inner .left img{max-width:15rem;}
	
	#max_footer .inner .right {margin-left:0;}
	#max_footer .inner .right .siteinfo_wp {padding: 1rem 0 2rem;}
	#max_footer .inner .right .siteinfo_wp li a {line-height:1.5;}
	#max_footer .inner .right .address_wp {flex-direction: column; margin-bottom: 2rem;}
	
	#max_footer .inner .right .address_wp > div dl dd {font-size: .9em;}
	#max_footer .inner .right .address_wp .add_box dl {margin:0 0 1rem 0;} 
	#max_footer .inner .right .address_wp .info_box dl {margin:0;}
	
	#max_footer .inner .right cite {margin:2rem 0;}
}
@media all and (max-width:768px){	
	#max_footer .inner {flex-direction: column; align-items: flex-start; padding: 5%;}
	#max_footer .inner .left {margin:2.5rem auto}
	#max_footer .inner .left img {max-width:13rem;}
	#max_footer .inner .right {margin-left: 0;}
	#max_footer .inner .right .siteinfo_wp {font-size:1.4rem !important; padding: 2rem 0; display:none;}
	#max_footer .inner .right .siteinfo_wp li a:after {margin: 0 1rem;}
	#max_footer .inner .right .address_wp {margin-bottom:1rem;}
 
	#max_footer .inner .right .address_wp .add_box dl {flex-direction: column;}
	#max_footer .inner .right .address_wp > div {width:100%;}
	#max_footer .inner .right .address_wp > div dl dt {width:auto; margin-bottom:1rem;}
	#max_footer .inner .right .address_wp > div dl dd {width:100%; line-height:1.4;}

	#max_footer .inner .right .address_wp .info_box {margin-bottom:0;}
	#max_footer .inner .right .address_wp .info_box dl {flex-direction: column; margin-bottom:1rem;}
	#max_footer .inner .right .address_wp .info_box dl dt {width:auto;}
	#max_footer .inner .right .address_wp .info_box dl dd {width:100%;}
	#max_footer .inner .right .address_wp .info_box dl dd p {margin: 0 0 .2rem 0;}
 
	#max_footer .inner .right cite {margin:1rem 0; font-size:1.3rem;}
}


/****************************** sub_visual ******************************/
#sub_visual_wrap {position: relative; padding-top:8vh; height: auto;}
#sub_visual_wrap .inner {padding: 12rem 0 5rem;}
#sub_visual_wrap .title_area {position: relative; display: block; margin-bottom: 6rem;}
#sub_visual_wrap .title_area > p {display: flex; align-items: center; margin-bottom: 2rem; font-weight: 600;}
#sub_visual_wrap .title_area > p .sub_dot {width: .8rem; height: .8rem; background: var(--main-color1); border-radius: 100%; display: inline-block; margin-right:1rem;}
#sub_visual_wrap .title_area > h2 {font-weight:600;}
.tab-menu.pc ul {display: flex;}
.tab-menu.pc li {background: #F8F8F8;}
.tab-menu.pc li:first-child {border-radius:50px 0 0 50px;}
.tab-menu.pc li:last-child {border-radius:0 50px 50px 0;}
.tab-menu.pc li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #A5A5A5; padding: 2rem 4.5rem;}
.tab-menu.pc li:nth-child(1) a {border-radius:50px}
.tab-menu.pc .active a {color:var(--white-color); background:var(--main-color1); font-weight: 500; border-radius: 5rem;}
.tab-toggle-btn {display: none;}
.tab-menu-list {display: flex; flex-wrap: wrap;}
.tab-menu.mobile {display: none;}

@media screen and (max-width: 1200px) {
	#sub_visual_wrap .title_area {margin-bottom:3rem;}
}
@media screen and (max-width: 1024px) {
	#sub_visual_wrap .inner {padding: 7rem 5% 5rem 5% !important; box-sizing:border-box;}
	#sub_visual_wrap .title_area {margin-bottom:1rem;}
	#sub_visual_wrap .title_area > h2 {display:none;}
	#sub_visual_wrap .title_area > p {margin-bottom:1rem;}
	
	.tab-menu.pc {display: none;}
	.tab-menu.mobile {display: block; position: relative; z-index:1;}
    .tab-toggle-btn {display: block; width: 100%; font-size: 2em; background:0; color: #222; border: none;  font-weight: 600; text-align:left; cursor: pointer; letter-spacing:-0.05em;}
	.tab-toggle-btn:after{display:inline-block; content:'\e941'; font-family: 'Xeicon'; margin:0 1rem; font-size: .7em;}
	.tab-menu-list {display: none; flex-direction: column; background: #F8F8F8; border-radius: 10px; position: absolute; width: 100%; overflow:hidden;}
	.tab-menu-list li {padding:1rem;}
	.tab-menu-list li a {width: 100%;    height: 100%;    display: block;  padding: .3rem; }
	.tab-menu.mobile .tab-menu-list li.active {background-color: var(--main-color1); color: #fff;} 
	.tab-menu.mobile .tab-menu-list li.active a {color: #fff; font-weight: bold;}
}
@media screen and (max-width: 768px) { 
	#sub_visual_wrap .inner {padding:4rem 5% 4rem 5% !important;} 
	#sub_visual_wrap .title_area {margin-bottom:1rem; text-align: center;}
	#sub_visual_wrap .title_area > p {margin-bottom: 0; justify-content: center; margin-bottom:0;}
	#sub_visual_wrap .title_area > h2 {font-size: 1.8em;}
	
	.tab-toggle-btn {text-align: center; font-size: 1.6em;}
}



/****************************** 준비중 ******************************/
.ready {width:1600px; margin:0 auto; padding:20rem 0; border:2px solid #e6e1da; text-align:center;}
.ready img {max-width:100%;}

@media all and (max-width:1600px){
	.ready {width:100%;}
}
@media all and (max-width:768px){
	.ready {padding:10rem 0;}
	.ready img {max-width:40%;}
}


/******************** font ********************/
.f18 {font-size: 1.8rem;}
.f20 {font-size: 2.0rem;}
.f21 {font-size: 2.1rem;}
.f22 {font-size: 2.2rem;}
.f24 {font-size: 2.4rem;} 
.f25 {font-size: 2.4rem;} 
.f26 {font-size: 2.6rem;}
.f30 {font-size: 3.0rem;}
.f35 {font-size: 3.5rem;}
.f40 {font-size: 4rem;}
.f45 {font-size: 4.5rem;}
.f50 {font-size: 5rem;}
.f55 {font-size: 5.5rem;}
.f65 {font-size: 6.5rem;}
.f70 {font-size: 7rem;}

/********** 1600 **********/
@media all and (max-width:1600px){
	.f18 {font-size: 1.8rem;}
	.f20 {font-size: 1.8rem;}
	.f21 {font-size: 2rem;}
	.f22 {font-size: 2.1rem;}
	.f24 {font-size: 2.2rem;} 
	.f25 {font-size: 2.3rem;} 
	.f26 {font-size: 2.3rem;}
	.f30 {font-size: 2.5rem;}
	.f35 {font-size: 3rem;}
	.f40 {font-size: 3.5rem;}
	.f45 {font-size: 4rem;}
	.f50 {font-size: 4.5rem;}
	.f55 {font-size: 5rem;}
	.f65 {font-size: 6rem;}
	.f70 {font-size: 6.5rem;}
}
/********** 1200 **********/
	@media all and (max-width:1200px){	
	.f18 {font-size: 1.6rem;}
	.f20 {font-size: 1.6rem;}
	.f21 {font-size: 1.6rem;}
	.f22 {font-size: 1.8rem;}
	.f24 {font-size: 2rem;} 
	.f25 {font-size: 2.1rem;} 
	.f26 {font-size: 2.2rem;}
	.f30 {font-size: 2.3rem;}
	.f35 {font-size: 2.5rem;}
	.f40 {font-size: 3rem;}
	.f45 {font-size: 3.2rem;}
	.f50 {font-size: 3.5rem;}
	.f55 {font-size: 3.5rem;}
	.f65 {font-size: 4.5rem;}
	.f70 {font-size: 4.5rem;}	
}

/********** 768 **********/
	@media all and (max-width:768px){
	.f18 {font-size: 1.5rem;}
	.f20 {font-size: 1.5rem;}
	.f21 {font-size: 1.5rem;}
	.f22 {font-size: 1.5rem;}
	.f24 {font-size: 1.5rem;} 
	.f25 {font-size: 1.5rem;} 
	.f26 {font-size: 1.5rem;}
	.f30 {font-size: 1.6rem;}
	.f35 {font-size: 1.8rem;}
	.f40 {font-size: 2rem;}
	.f45 {font-size: 2rem;}
	.f50 {font-size: 2.1rem;}
	.f55 {font-size: 2.2rem;}
	.f65 {font-size: 2.3rem;}
	.f70 {font-size: 2.5rem;}		
}

/********** 450 **********/
	@media all and (max-width:768px){
	.f65 {font-size: 2.5rem;}
}

/********** 375 **********/
	@media all and (max-width:375px){
	.f65 {font-size: 2rem;}
}


/*************** Color ***************/
:root {
	--main-color1:#D64741; 
	--main-color2:#000;
	--black-color:#000000;
	--white-color:#ffffff;
    --bgcolor: #F4F6F9;
}