@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.content_area {width: 100%;  margin: 151px auto 100px;}
.sub_menu > ul {display:flex; height: 100px;}
.sub_menu > ul > li {position:relative; width: auto; margin-right:80px;}
.sub_menu > ul > li::after {content:''; width:1px; height:24px; background:#334557; position:absolute; right:-40px; top:50%; transform:translateY(-50%);}
.sub_menu.book > ul > li:first-child, .sub_menu.book ul li:nth-child(2) {margin-right:30px;}
.sub_menu.book > ul > li:first-child::after, .sub_menu.book ul li:nth-child(2)::after {display: none;}
.sub_menu > ul > li:last-of-type {margin-right:0;}
.sub_menu > ul > li:last-of-type::after {display:none;}
.sub_menu > ul > li a {display:block; line-height:100px; letter-spacing: 0.14px; text-transform: uppercase; color:#333333; font-size:1.7rem;}
.sub_menu > ul > li.left_linktop a {color: #000; font-weight:700; text-decoration:underline; text-underline-offset:2px;}
.sub_menu > ul > li:hover a{color: #000;}
.con_tit {height: 170px; color: #111111; font-size: 3.6rem; text-align: center; font-weight: 600; padding-top: 90px;}
.book_selec{width: 260px; box-sizing: border-box; border: 0; padding: 0 13px; line-height: 40px; color: #fff; margin-top: 30px; outline: none; appearance:none; background:#588195 url('../../images/select_arrow.png') no-repeat right 15px center;}
.book_selec:focus{box-sizing: border-box; border: 0; outline: none;}
.book_selec option {padding: 4px; font-size: 14px; color: #333333; background: #fff; box-sizing: border-box; border-bottom: 1px solid #ededed; }



@media all and (max-width: 991px) {
    .content_area {width: 100%;  margin: 121px auto 100px;}
    .sub_menu > ul {display:flex; height: 70px;}
    .sub_menu > ul > li::after {height:20px;}
    .sub_menu > ul > li a {line-height:70px; font-size:1.5rem;}
    .con_tit {height: 100px; font-size: 3rem; padding-top: 40px;}
}

@media all and (max-width: 920px) {
    .sub_menu {margin: 130px 0 40px !important;}
    .sub_menu > ul {display: table; content: ''; clear: both; margin: 0 !important; padding: 0 !important; list-style: none !important; width: 100%;}
    .sub_menu > ul > li::after {display: none;}
    .sub_menu > ul > li {text-align: center; width: 50%; padding-right: 0px !important; margin-right: 0;display: inline-block;}
    .sub_menu > ul > li a {display: block; border-bottom: 1px solid #eee; border-right: 1px solid #eee; line-height: 50px;}
    .sub_menu.book > ul > li:first-child, .sub_menu.book ul li:nth-child(2) {margin-right:0px;}
    .sub_menu > ul > li:nth-child(1) a {border-top: 1px solid #eee; border-left: 1px solid #eee;}
    .sub_menu > ul > li:nth-child(2) a {border-top: 1px solid #eee;}
    .sub_menu > ul > li:nth-child(2n+1) a {border-left: 1px solid #eee;}
    .sub_menu > ul > li:nth-child(5) {display: block !important; width: 100% !important;}    
    .book_selec{width: 100%; box-sizing: border-box; border: 0; padding: 0 13px; line-height: 50px; color: #fff; margin-top: 0px; outline: none; appearance:none; background:#588195 url('../../images/select_arrow.png') no-repeat right 15px center;}
}



.greeting_con {padding-bottom: 10rem}
.greeting_text {background: #f7f7f7; padding: 80px 75px; width: 50%; position: absolute; right: 0; margin-top: -52rem; margin-right: 5%}
.greeting_txt {display: flex; flex-direction: column; gap: 35px;}
.greeting_txt p {font-size: 2rem; line-height: 1.5; letter-spacing: -0.5px; color: #333333; word-break: keep-all;}
.greeting_txt .greeting_sign {font-size: 2.2rem; text-align: right;}
.greeting_txt .greeting_sign span {font-size: 2.6rem; padding-left: 15px; font-weight: 500;}

@media all and (max-width: 1240px) {    
    .greeting_text {width: 60%; margin-top: -52rem; margin-right: 3%}
}

@media all and (max-width: 1110px) {    
    .greeting_text {width: 70%; margin-top: -52rem; margin-right: 3%}
}

@media all and (max-width: 991px) {    
    .greeting_con {padding-bottom: 0rem}
    .greeting_text {background: #f7f7f7; padding: 60px 55px; width: 94%; margin: -52rem 3% 0}
    .greeting_txt p {font-size: 1.8rem;}
    .greeting_txt .greeting_sign {font-size: 2rem; text-align: right;}
    .greeting_txt .greeting_sign span {font-size: 2.4rem; padding-left: 15px; font-weight: 500;}
}

@media all and (max-width: 680px) {    
    .greeting_text {background: #f7f7f7; padding: 40px 40px; width: 94%; margin: -45rem 3% 0}
    .greeting_txt {gap: 25px;}
    .greeting_txt p {font-size: 1.6rem;}
    .greeting_txt .greeting_sign {font-size: 1.8rem; text-align: right;}
    .greeting_txt .greeting_sign span {font-size: 2rem; padding-left: 15px; font-weight: 500;}
}

@media all and (max-width: 480px) {   
    .greeting_text {margin: -55rem 3% 0}
}





.layout-wrap.type3 {display: flex;}
.layout-wrap.type3 .layout-wrap-header {width: 50%;}
.layout-wrap.type3 .layout-wrap-conts {width: 50%;}
.layout-wrap.type3 .img-wrap {max-width: 55rem; max-height: 55rem;}
.layout-wrap.type3 .img-wrap img {width: 100%;}
.layout-wrap-header__title.title-big.type1 {font-size: 8rem; line-height: 12rem; margin-bottom: 2.4rem; font-family: "Montserrat", sans-serif; font-weight: 600;}
.layout-wrap-header__title.title-small {font-size: 4rem; line-height: 4rem; color: #333333;}
.layout-wrap-header__title.title-small.color-g {color: #25867D; margin-bottom: 6rem;}
.layout-wrap-header.type-d {margin-bottom: 5rem;}
.layout-wrap-header.type-d.col-2 {display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.2rem;}
.layout-wrap-header.type-d.col-2 .guide-text {font-size: 1.6rem; line-height: 2.4rem; color: #bbbbbb;}
.layout-wrap-header.type-d .layout-wrap-header__title {margin-bottom: 0;}
.layout-wrap-header.type-d .layout-wrap-header__title + .layout-wrap-header__text {margin-top: 2rem;}
.layout-wrap-header.type-d .layout-wrap-header__text {font-size: 2rem; line-height: 3rem; color: #333333;}
.layout-wrap-header.type-d br.pc-view {display: block;}
.layout-wrap-conts.type-d {border: none; padding: 0; width: 100%;}
.layout-wrap-conts.type-d.line {border-top: 2px solid #111111; padding-top: 3.6rem;}
.layout-wrap-conts.type-d.list-type1-wrap {display: flex;}
.layout-wrap-conts.type-d.list-type1-wrap .history-line {width: 1px; height: calc(100% - 10.8rem); margin-top: 1.3rem; background: #25867D;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1 {padding-left: 7.2rem;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__item {position: relative;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__item:nth-of-type(n+2) {margin-top: 8rem;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__title {font-size: 3.2rem; line-height: 4.8rem; font-weight: 700;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__title::before {content: ""; position: absolute; top: 1.3rem; left: -7.9rem; width: 1.3rem; height: 1.3rem; background: #25867D; border-radius: 50%;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__title + .list-type1__txt {margin-top: 3.2rem;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__txt {font-size: 2rem; line-height: 3rem; position: relative; color: #333333; margin-top: 2rem; padding-left: 2.4rem; word-break: keep-all;}
.layout-wrap-conts.type-d.list-type1-wrap .list-type1__txt::before {content: ""; position: absolute; top: 1.3rem; left: 0; width: 0.4rem; height: 0.4rem; background: #333333; border-radius: 50%;}
.layout-wrap-conts.type-d.text-right {margin-top: 41.3rem;}
.layout-wrap-conts.type-d.text-right .layout-wrap-conts__title br.pc-view {display: block;}
.layout-wrap-conts.type-d.text-right .detail-txt {font-size: 2rem; line-height: 3rem; color: #333333; margin-top: 10rem;}

@media all and (max-width: 1100px) {  
    .layout-wrap.type3 .img-wrap img {width: 90%;}
}

@media all and (max-width: 767px) {  
    .layout-wrap.type3 {margin: 0; flex-direction: column;}
    .layout-wrap.type3 .layout-wrap-header {width: 100%;}
    .layout-wrap.type3 .layout-wrap-conts {width: 100%; margin-top: 6rem;}
    .layout-wrap.type3 .img-wrap {width: 100%; max-width: 100%; text-align: center;}
    .layout-wrap.type3 .img-wrap img {width: 100%;}
    .layout-wrap-conts.type-d.list-type1-wrap .list-type1 {padding-left: 7rem;}
    .layout-wrap-header__title.title-big.type1 {font-size: 3.2rem; line-height: 3.8rem; font-weight: 700; margin-bottom: 0.6rem;}
    .layout-wrap-header__title.title-small {font-size: 1.6rem; line-height: 2rem;}
    .layout-wrap-header__title.title-small.color-g {margin-bottom: 3rem;}
    .layout-wrap-conts.type-d.list-type1-wrap .history-line {position: absolute; left: 37px; height: 100%;}
    .layout-wrap-conts.type-d.list-type1-wrap .list-type1__title {font-size: 2.8rem; line-height: 4.2rem; font-weight: 700;}
    .layout-wrap-conts.type-d.list-type1-wrap .list-type1__title::before {left: -4.9rem;}
    .layout-wrap-conts.type-d.list-type1-wrap .list-type1__txt {font-size: 1.4rem; line-height: 2.1rem; padding-left: 2rem; margin-top: 1.6rem; max-width: 28.2rem;}    
    .layout-wrap-conts.type-d.list-type1-wrap .list-type1__txt::before {top: 0.9rem;}
}




.brand {position: relative; height: 100%; min-height: 810px;}
.brand > img {width: 100%;}
.brand_logo {width: 100%; border-bottom: 1px solid #cccccc; padding: 0 0 60px; margin-bottom: 60px;}
.brand_text {position: absolute; right: 45px; top: 190px; background: #f7f7f7; padding: 67px; text-align: center; width: 820px;}
.brand_txt {display: flex; flex-direction: column; gap: 35px;}
.brand_txt p {font-size: 2rem; line-height: 1.5; letter-spacing: -0.5px; color: #333333; word-break: keep-all;}

@media all and (max-width: 991px) {   
    .brand {min-height: 700px;}
    .brand_text {position: inherit; right: 0; left: 0; top: 0; padding: 50px; width: 94%; margin: -10rem 3% 0}
    .brand_txt p {font-size: 1.8rem;}
}

@media all and (max-width: 680px) {   
    .brand {min-height: 600px;} 
    .brand_logo {padding: 0 0 40px; margin-bottom: 40px;}
    .brand_text {margin: -5rem 3% 0}
    .brand_txt {gap: 25px;}
    .brand_txt p {font-size: 1.6rem;}
}



.exbookWrap {margin-bottom: 150px;}
.exbook {position: relative;}
.exbook .years {font-size: 60px; font-weight: bold; letter-spacing: -1px; line-height: 1.1; width: 260px; position: absolute; top: 120px; left: 0; color: #333; font-family: "Montserrat", sans-serif;}
.exbook_content {padding-left: 260px; padding-top: 120px; position: relative;}
.exbook_content:before {content: ''; position: absolute; top: 120px; left: 260px; width: 1px; height: 100%; background: #ddd;}
.exbook .years.top {top: 0px !important;}
.exbook_content.top {padding-top: 0px !important;}
.exbook_content.top:before {top: 0px !important; height: 125%;}
.exbook_content>li {position: relative; padding-bottom: 50px; display: flex;}
.exbook_content>li:before {content: ''; background: #ddd; width: 12px; height: 10px; border-radius: 50%; padding: 0; display: inline-block; vertical-align: top; margin-left: -5px; margin-top: 8px;}
.exbook_content>li .year {font-size: 24px; color: #334557; margin-left: 45px; width: 60px; line-height: 1; font-family: "Montserrat", sans-serif;}
.exbook_content ul.txt {display: inline-block; font-size: 18px; width: 100%;}
.exbook_content ul.txt li {display: flex; flex: 1; margin-left: 45px; padding-bottom: 10px;}
.exbook_content ul.txt li>p {display: inline-block; vertical-align: top; width: 40px; color: #333; line-height: 1.4;}
.exbook_content ul.txt li>p.description {flex: 1; margin-left: 20px; color: #444;}

@media all and (max-width: 1024px) {   
    .exbook {padding-top: 50px;} 
    .exbook.top {padding-top: 0px !important;}
    .exbook_idx {display: none;}
    .exbook .years {font-size: 28px; width: 100%; position: initial; margin-bottom: 30px;}
    .exbook_content {padding: 0;}
    .exbook_content:before {left: 0%; top: 6px;}
    .exbook_content.top:before {height: 100%;}
    .exbook_content>li .year {font-size: 2rem; margin-left: 20px;}
    .exbook_content ul.txt {font-size: 1.7rem; padding-left: 0; width: 100%;}
    .exbook_content>li {padding-bottom: 0;}
    .exbook_content>li:not(:last-child){margin-bottom: 15px;}
    .exbook_content>li:before {width: 6px; height: 6px; margin-left: -2px; margin-top: 8px;}
    .exbook_content ul.txt li {margin-left: 20px;}
    .exbook_content ul.txt li>p.description {width: auto; flex: 1; font-size: 1.7rem; margin-left: 12px; word-break: keep-all;}
}


.location_con{}
.location_con .map_ctn{width: 100%; height: 580px;}
.location_con .map_ctn > div{width: 100%; height: 100%;}
.location_con .map_ctn > div > div{width: 100%; height: 100%;}
.location_con .info{margin-top:50px;}
.location_con .info .head{font-size:0; padding-bottom:50px; border-bottom: 1px solid #ddd; box-sizing:border-box;}
.location_con .info .head .logo{float: left; display:inline-block; vertical-align: middle;}
.location_con .info .head .btn{float: right; display:inline-block; vertical-align: middle;}
.location_con .info .head .btn a{display:inline-block; width: 200px; height: 70px; color: #fff; font-weight:500; font-size:2rem; letter-spacing:-0.03em; background: #03cd5c; text-align: center; line-height:70px}
.location_con .info .bottom{font-size:0;}
.location_con .info .bottom dl{border-bottom: 1px solid #ddd; padding: 34px 0; box-sizing:border-box;}
.location_con .info .bottom dl.w50{display:inline-block; vertical-align: top; width: 50%;}
.location_con .info .bottom dl dt{display:inline-block; vertical-align: middle; width: 252px; box-sizing:border-box; padding-left: 10px; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:20px; letter-spacing:-0.03em; color: #00295d; text-transform: uppercase; line-height:1.5em}
.location_con .info .bottom dl dt i{display:inline-block; width: 70px; vertical-align: middle; margin-right: 20px;}
.location_con .info .bottom dl dt i img {width: 100%;}
.location_con .info .bottom dl dd{display:inline-block; vertical-align: middle; width: calc(100% - 252px);font-size:2rem; letter-spacing:-0.03em; color: #333; line-height:1.3em}
.location_con .info .bottom dl dd .mon{text-transform: uppercase;}
.location_con .info .bottom dl dd span{display:inline-block; width: 40px; text-align: center; color: #999;}
.location_con .info .bottom dl dd .mob_h{display:none; }
.cf::after{content:""; display:block; clear: both}

@media all and (max-width: 1024px) {   
	.location_con .map_ctn{height: 400px;}
	.location_con .info .bottom dl.w50{width: 100%;}    
}
@media screen and (max-width: 800px) {
	.location_con .map_ctn{height: 300px;}
	.location_con .info .head .btn a{height: 50px; line-height:50px; width: 160px; font-size:1.7rem;}
	.location_con .info .bottom dl{padding: 14px 0;}
	.location_con .info .bottom dl dt{font-size:1.7rem; padding-left: 0; width: 170px;}
	.location_con .info .bottom dl dt i{width: 50px; margin-right: 10px;}
	.location_con .info .bottom dl dd{width: calc(100% - 170px); box-sizing:border-box; padding-left: 10px; font-size:1.7rem;}
}


.customer_con .cus_top {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6rem 0;}
.customer_con .cus_top .cus_title {text-align: center; font-size: 2.8rem; color: #333; line-height: 1.6; font-weight: 600; padding-bottom: 6rem; word-break: keep-all;}
.customer_con .cus_top .cus_con {border: 2px solid #334557; width: 70%; margin: 0 auto; padding: 8rem 0; display: flex; gap: 100px; align-items: center; justify-content: center;}
.customer_con .cus_top .cus_con .cus_img {vertical-align: middle;}
.customer_con .cus_top .cus_con .cus_txt {font-size: 2rem; color: #000; line-height: 1.6;}
.customer_con .cus_board {padding: 60px 0; display: flex; gap: 60px;}
.customer_con .cus_board .board_left {width: 50%;}
.customer_con .cus_board .board_right {width: 50%;}
.customer_con .cus_board .board_tit {position: relative; width: 100%; border-bottom: 2px solid #334557; padding-bottom: 15px;}
.customer_con .cus_board .board_tit .board_title {font-size: 2rem; color: #000;}
.customer_con .cus_board .board_tit .board_more {position: absolute; right: 0; top: 5px;}

@media screen and (max-width: 991px) {
    .customer_con .cus_top .cus_title {font-size: 2.5rem;}
    .customer_con .cus_board {padding: 60px 0; display: block; gap: 0px; width: 100%;}
    .customer_con .cus_board .board_left {width: 100%; padding: 6rem 0; }
    .customer_con .cus_board .board_right {width: 100%; padding-top: 30px;}
}

@media screen and (max-width: 800px) {
    .customer_con .cus_top .cus_title {font-size: 2.3rem;}
    .customer_con .cus_top .cus_con {width: 100%; }
    .customer_con .cus_top .cus_con {gap: 50px;}
}

@media screen and (max-width: 480px) {
    .customer_con .cus_top .cus_con {gap: 30px; padding: 4rem 0; }
}



.privacy_area {margin: 0rem 0 10rem;}
.privacy_tit {width:100%; border:1px solid #dadada; font-size:1.7rem; line-height:1.6; padding:40px 50px; word-break: keep-all;}
.privacy_tit1 {font-size:2.3rem; color:#525252; line-height:1.6; padding:70px 0 10px; font-weight:500;}
.privacy_txt {font-size:1.6rem; line-height:1.6; color: #898989; word-break: keep-all;}

@media (max-width: 900px) {
    .privacy_area {margin: 15rem 0 10rem;}
}
@media (max-width: 640px) {
    .privacy_tit {padding:30px 30px;}
    .privacy_tit1 {font-size:2rem; color:#525252; line-height:1.6; padding:50px 0 10px; font-weight:500;}
    .privacy_txt {font-size:1.3rem;}
}