/*=============================
	Sub(Lower)Page setting
===============================*/

/* main_visual
----------------------------------- */
#sub_visual.kv::before {content: none;}
#sub_visual {padding-top:100px;background:url(../images/sub_visual.jpg) no-repeat center left; height:250px; background-attachment: inherit; position:relative;z-index:0; background-size:180%;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;}
#sub_visual h1{ text-align: left; padding-left:5%;}
#sub_visual h1{font-size:25px; line-height: 100%;font-weight: 300;}
#sub_visual .ttl{text-align: left;margin-top:10px;padding-left:5%;}
#sub_visual .ttl{font-size:20px; line-height: 100%;font-weight: 500; font-family: "Cormorant", serif;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:100px;background:url(../images/sub_visual.jpg) no-repeat center left; height: 300px; background-attachment: inherit; position:relative;z-index:0; background-size:160%;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px;}
#sub_visual h1{ text-align: left;padding-left:5%;}
#sub_visual h1{font-size:40px; line-height: 100%;}
#sub_visual .ttl{text-align: left;margin-top:20px;padding-left:5%;}
#sub_visual .ttl{font-size:23px; line-height: 100%;font-weight: 500;}
}
@media screen and (min-width:1024px) {
#sub_visual {padding-top:190px;background:url(../images/sub_visual.jpg) no-repeat bottom left; height: 500px; background-attachment: fixed; position:relative;z-index:0; background-size:cover;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px;}
#sub_visual h1{ text-align: left;padding-left:8%;}
#sub_visual h1{font-size:60px; line-height: 100%;}  
#sub_visual .ttl{text-align: left;margin-top:20px;padding-left:8%;}
#sub_visual .ttl{font-size:35px; line-height: 100%;font-weight: 500;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; margin-bottom:0; background-color: #fff;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 14px; text-align:left; display:block; background-color: #fff;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0 0 30px 0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:50px 0;}
#sub_contents .sub_ttl {text-align:center;}
#sub_contents .sub_ttl h2{text-align: center;font-size:20px; margin-bottom:5px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: 300;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height:1px;background:#ec6d73; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:13px; display: block;margin-bottom:0px;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 150%;}
#sub_contents .tcen{text-align:left;}
#sub_contents .f13 {font-size:13px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 40px;}
#sub_contents .mb100{margin-bottom: 60px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .mb0{padding-bottom:0px;}
#sub_contents .sub_bg{background:#f3f0f0;padding: 20px 0;z-index:0;}
@media screen and (min-width:768px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;}
#sub_contents .sub_ttl h2{text-align: center;font-size:30px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-weight: 300;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:50px;height:1px;background:#ec6d73; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:14px; display: block;margin-bottom:0px;}
#sub_contents .txt_cen{ text-align: center; font-size:28px; line-height: 200%;}
#sub_contents .tcen{text-align:center;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .txt_bold p{text-align:center;font-weight:bold;}
#sub_contents .sub_bg{background:#f3f0f0;padding: 40px 0;z-index:0;}
}
@media screen and (min-width:1024px) {
#sub_contents section{max-width:1140px; margin: 100px auto 80px;position: relative;}
}
@media screen and (min-width:1500px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 1%;row-gap: 5px;}
#sub_contents .anker__item{width: 100%;height: 50px;position: relative;display: block;margin: 0 5px 15px 0;}
#sub_contents .anker__item.w50{width: 100%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8; background:#ec6d73;color:#f9e7ec;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;border-radius: 100vh;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;}
#sub_contents .anker__item p {line-height: 50px;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:100px;}
#menu01,#menu02,#menu03{scroll-margin-top:100px;}

@media screen and (min-width:768px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 5px;}
#sub_contents .anker__item{width: 30%;height: 50px;position: relative;display: block;margin: 10px;}
#sub_contents .anker__item.w50{width: 100%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8; background:#ec6d73;color:#f9e7ec;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;border-radius: 100vh;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;border-radius: 100vh;}
#sub_contents .anker__item p {line-height: 50px;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:100px;}
#menu01,#menu02,#menu03{scroll-margin-top:100px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 22%;height: 50px;position: relative;display: block;margin: 10px;}
#sub_contents .anker__item.w50{width: 45%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8; background:#ec6d73;color:#f9e7ec;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;border-radius: 100vh;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: #f9e7ec;color:#ec6d73;border-radius: 100vh;}
#sub_contents .anker__item p {line-height: 50px;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:100px;}
}
#menu01,#menu02,#menu03{scroll-margin-top:100px;}
}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:90%; padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #fff;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #fff;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}
@media screen and (min-width: 1024px) {
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:25%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #fff;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #fff;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}
}

/* concept
----------------------------------- */
#sub_contents .concept_textBox .img{width: 100%; margin-bottom: 10px; position:relative;} 
#sub_contents .concept_textBox .img img{border-radius:10px; aspect-ratio: 800 / 400; object-fit: cover;} 
#sub_contents .concept_textBox .textarea {width: 100%;padding:0px;} 
#sub_contents .concept_textBox .ttl{z-index:0;padding:10px 0px;position: relative;font-size:16px;font-weight:700;margin-top:10px; border-bottom: 2px solid #ec6d73;}
@media screen and (min-width:1024px) {
#sub_contents .concept_textBox .img{width: 45%; margin-bottom: 0px; position:relative;} 
#sub_contents .concept_textBox .img img{border-radius:10px; aspect-ratio: 800 / 700; object-fit: cover;} 
#sub_contents .concept_textBox .textarea {width: 50%;padding:20px;}
#sub_contents .concept_textBox .ttl{z-index:0;padding:10px 0px;position: relative;font-size:20px;font-weight:700; border-bottom: 2px solid #ec6d73;}
}

/* concept > commitment
----------------------------------- */
#sub_contents .commitment_area{ box-shadow:4px 4px 40px #eee; border-radius:10px; padding:30px 10px;background:#fff;}
#sub_contents .commitment_area .s_ttl p:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .commitment_area .s_ttl p{text-align:center; font-size:24px; position:relative; padding-top:15px;}
#sub_contents .commitment_area .ttl_repair{border-bottom:1px solid #ec6d73;margin-bottom:20px;padding:10px 0; font-size:16px; font-weight:bold;}
#sub_contents .commitment_area .ttl_repair::first-letter{font-size:30px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:10px; font-weight:bold;}
#sub_contents .commitment_area .ttl_repair.s03::first-letter{font-size:24px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:0px; font-weight:bold;}
@media screen and (min-width:1024px) {
#sub_contents .commitment_area{ box-shadow:4px 4px 40px #eee; border-radius:20px; padding:70px 100px;background:#fff;}
#sub_contents .commitment_area .s_ttl p:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .commitment_area .s_ttl p{text-align:center; font-size:34px; position:relative; padding-top:20px;}
#sub_contents .commitment_area .ttl_repair{border-bottom:1px solid #ec6d73;margin-bottom:20px;padding:10px 0; font-size:26px; font-weight:bold;}
#sub_contents .commitment_area .ttl_repair::first-letter{font-size:50px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:10px; font-weight:bold;}  
#sub_contents .commitment_area .ttl_repair.s03::first-letter{font-size:40px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:5px; font-weight:bold;}  
}

/* concept > info
----------------------------------- */
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:15px 15px;background:#f9e7ec;text-align:left;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:100%;padding:15px 15px; background:#f9e7ec57;font-size: 14px;}
#sub_contents .access_area{column-gap: 1%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:100%;}
#sub_contents .access_list img{width:100%;}
}
@media screen and (min-width:768px) {
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#f9e7ec;text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px; background:#f9e7ec57;}
#sub_contents .sub_map{width:100%;height: 500px;}
#sub_contents .access_area{column-gap: 4%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:100%;}
#sub_contents .access_list img{width:100%;}
}
@media screen and (min-width:1024px) {
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#f9e7ec;text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px; background:#f9e7ec57;}
#sub_contents .access_area{column-gap: 1%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:32%;}
#sub_contents .access_list img{width:100%;}
}

/* care
----------------------------------- */
#sub_contents .concerns_area{text-align:center;}
#sub_contents .concerns_area .check_box {margin-bottom:50px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);padding:40px 40px;border-radius:10px;margin-bottom:50px; display: inline-block;}
#sub_contents .concerns_area .check_box .check {text-align:left;}
#sub_contents .concerns_area .check_box .check .text {padding-left: 20px;display: inline-block;position: relative;margin-bottom:20px;font-size:13px;}
#sub_contents .concerns_area .check_box .check .text::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block; width: 15px; height: 15px; background: url("../images/sub_check.png") no-repeat; background-size: contain;}
#sub_contents .concerns_txt .span{display: block;}
@media screen and (min-width:1024px) {
#sub_contents .concerns_area{text-align:center; font-size:20px;}
#sub_contents .concerns_area .check_box {margin-bottom:50px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);padding:40px 40px;border-radius:10px;margin-bottom:50px; display: inline-block;}
#sub_contents .concerns_area .check_box .check {text-align:left;}
#sub_contents .concerns_area .check_box .check .text {padding-left: 30px;display: inline-block;position: relative;margin-bottom:20px;font-size:16px;}
#sub_contents .concerns_area .check_box .check .text::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block; width: 20px; height: 20px; background: url("../images/sub_check.png") no-repeat; background-size: contain;}
#sub_contents .concerns_area .check_box .ttl {font-size:20px;font-weight:500;display:block;width:100%;text-align:left;margin-bottom:20px;border-bottom:1px solid #ec6d73;padding:10px 0;}
#sub_contents .concerns_txt .span{display: inline-block;margin-right: -8px;}
}

/* care > perspective
----------------------------------- */
#sub_contents .perspective_textBox .img{width: 100%; margin-bottom: 10px; position:relative;} 
#sub_contents .perspective_textBox .img img{border-radius:10px; aspect-ratio: 800 / 400; object-fit: cover;} 
#sub_contents .perspective_textBox .textarea {width: 100%;padding:0px;font-size: 13px;} 
#sub_contents .perspective_textBox .ttl{z-index:0;padding:10px 0px;position: relative;font-size:16px;font-weight:700;margin-top:10px; border-bottom: 2px solid #ec6d73;}
@media screen and (min-width:1024px) {
#sub_contents .perspective_textBox .img{width: 45%; margin-bottom: 0px; position:relative;} 
#sub_contents .perspective_textBox .img img{border-radius:10px; aspect-ratio: 800 / 600; object-fit: cover;} 
#sub_contents .perspective_textBox .textarea {width: 50%;padding:20px;}
#sub_contents .perspective_textBox .ttl{z-index:0;padding:10px 0px;position: relative;font-size:20px;font-weight:700;margin-top:10px; border-bottom: 2px solid #ec6d73;}
}

/* care > repair
----------------------------------- */
#sub_contents .repair_area{ box-shadow:4px 4px 40px #eee; border-radius:10px; padding:30px 10px;background:#fff;}
#sub_contents .repair_area .s_ttl p:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .repair_area .s_ttl p{text-align:center; font-size:24px; position:relative; padding-top:15px;}
#sub_contents .repair_area .ttl_repair{border-bottom:1px solid #ec6d73;margin-bottom:20px;padding:10px 0; font-size:18px; font-weight:bold;}
#sub_contents .repair_area .ttl_repair::first-letter{font-size:30px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:10px; font-weight:bold;}
#sub_contents .repair_area .ttl_repair.s03::first-letter{font-size:24px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:0px; font-weight:bold;}
@media screen and (min-width:1024px) {
#sub_contents .repair_area{ box-shadow:4px 4px 40px #eee; border-radius:20px; padding:70px 100px;background:#fff;}
#sub_contents .repair_area .s_ttl p:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .repair_area .s_ttl p{text-align:center; font-size:34px; position:relative; padding-top:20px;}
#sub_contents .repair_area .ttl_repair{border-bottom:1px solid #ec6d73;margin-bottom:20px;padding:10px 0; font-size:26px; font-weight:bold;}
#sub_contents .repair_area .ttl_repair::first-letter{font-size:50px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:10px; font-weight:bold;}  
#sub_contents .repair_area .ttl_repair.s03::first-letter{font-size:40px;font-family: "Raleway", sans-serif; color:#ec6d73; margin-right:5px; font-weight:bold;}  
}

/* menu
-----------------------------*/
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: block;}
#sub_contents .tbl_menu .th {width: 100%;line-height: 1.6;display: block;border-bottom: 2px solid #ec6d73; margin-bottom:10px; padding-bottom:10px;}
#sub_contents .tbl_menu .th p {font-weight: bold;font-size: 15px;}
#sub_contents .tbl_menu .td {width: 100%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #ec6d73;display: block;}
#sub_contents .menu_subttl{position: relative;padding-left: 15px; font-size:15px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #ec6d73;}
@media screen and (min-width:768px) {
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 70%;padding: 15px 0;border-bottom: 2px solid #ec6d73;line-height: 1.6;}
#sub_contents .tbl_menu .th p {font-weight: bold;font-size: 16px;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #ec6d73;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #ec6d73;}
}
@media screen and (min-width:1024px) {
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 70%;padding: 15px 0;border-bottom: 2px solid #ec6d73;line-height: 1.6;}
#sub_contents .tbl_menu .th p {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #ec6d73;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #ec6d73;}
}

/* item
-----------------------------*/
#sub_contents .center_img {text-align: center;margin: 0 auto 20px;}
#sub_contents .center_img img{max-width: 100%;width: 100%;border-radius: 10px;}
#sub_contents .center_img {text-align: center;margin: 0 auto 30px;}
#sub_contents .center_img img{max-width: 700px;width: 100%;border-radius: 10px;height: 300px;}
#sub_contents .item_area .tbl_menu{background: url(../images/news_bg.png) no-repeat center top / cover; padding:20px;border-radius: 10px;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 17px;font-weight:normal;text-align: left; line-height: 1.5;position: relative;font-weight: normal;border-left: 5px solid #ec6d73;}
@media screen and (min-width:768px) {
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 22px;font-weight:normal;text-align: left; line-height: 1.5;position: relative;font-weight: normal;border-left: 5px solid #ec6d73;}
}
@media screen and (min-width:1024px) {
#sub_contents .item_area .center_img {text-align: center;margin: 0 0 30px; width:47%;}
#sub_contents .item_area .tbl_menu{width:45%;background: url(../images/news_bg.png) no-repeat center top / cover; padding:40px;border-radius: 10px;}
#sub_contents .center_img {text-align: center;margin: 0 auto 30px;}
#sub_contents .center_img img{max-width: 900px;width: 100%;border-radius: 10px;height: 350px;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 25px;font-weight:normal;text-align: left;line-height: 1.5;position: relative;font-weight: normal;border-left: 5px solid #ec6d73;}
}

/* voice
----------------------------------- */
#sub_contents .sub_voice_wrap {gap:20px;}
#sub_contents .sub_voice {border:1px solid #58404036;padding:30px 20px;width:100%; border-radius: 10px;}
#sub_contents .sub_voice .left{width:100%;text-align:center;border-right:0px solid #58404036; border-bottom:1px solid #58404036;padding:0 0 30px 0;}
#sub_contents .sub_voice .left .num{font-size:14px;display:block;}
#sub_contents .sub_voice .left img{width:25%; margin-top:10px;}
#sub_contents .sub_voice .right{width:100%;padding:10px;}
#sub_contents .sub_voice .right .name {display:inline-block;font-size:18px;padding-right:10px;}
#sub_contents .sub_voice .right .small {display:inline-block;font-size:14px;}
#sub_contents .sub_voice .right .age {font-size:17px;margin:10px 0 20px 0;}
#sub_contents .sub_voice .right p {font-size:14px;}
@media screen and (min-width: 768px) {
#sub_contents .sub_voice .left img{width:20%;}
}
@media screen and (min-width: 1024px) {
#sub_contents .sub_voice_wrap {gap:20px;}
#sub_contents .sub_voice {border:1px solid #58404036;padding:30px 20px;width:48%; border-radius: 10px;}
#sub_contents .sub_voice .left{width:28%;text-align:center;border-right:1px solid #58404036;border-bottom:0px solid #58404036;padding:0 30px 0 10px;}
#sub_contents .sub_voice .left .num{font-size:14px;display:block;}
#sub_contents .sub_voice .left img{width:60%; margin-top:10px;}
#sub_contents .sub_voice .right{width:70%;padding:0 10px 0 30px;}
#sub_contents .sub_voice .right .name {display:inline-block;font-size:20px;padding-right:10px;}
#sub_contents .sub_voice .right .age {display:inline-block;font-size:14px;}
#sub_contents .sub_voice .right p {font-size:15px;}
}

/* case
-----------------------------*/
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Cormorant", serif; position: absolute; right: 0; bottom: 0px; background: #f9e7ec; color: #ec6d73; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 20px;}
#sub_contents .cc_list .li img {border-radius: 10px; aspect-ratio: 4 / 5; object-fit: cover;}
@media screen and (min-width:768px) {
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Cormorant", serif; position: absolute; right: 0; bottom: 0px; background: #f9e7ec; color: #ec6d73; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 25px;}
#sub_contents .cc_list .li img {border-radius: 10px; aspect-ratio: 4 / 4; object-fit: cover;}
}
@media screen and (min-width:1024px) {
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Cormorant", serif; position: absolute; right: 0; bottom: 0px; background: #f9e7ec; color: #ec6d73; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 30px;}
#sub_contents .cc_list .li img {border-radius: 10px; aspect-ratio: 4 / 4; object-fit: cover;}
}

/* case > instagram
----------------------------------- */
#sub_contents .sub_insta_box {text-align: center;}
#sub_contents .sub_insta_box .img {width: 100%;}
#sub_contents .sub_insta_box .img img{margin: 0 auto;width: 150px;object-fit: cover;}
@media screen and (min-width:768px) {
#sub_contents .sub_insta_box {text-align: center;}
#sub_contents .sub_insta_box .img {width: 100%;}
#sub_contents .sub_insta_box .img img{margin: 0 auto;width: 200px;object-fit: cover;}
}
@media screen and (min-width:1024px) {
#sub_contents .sub_insta_box {text-align: center;}
#sub_contents .sub_insta_box .img {width: 100%;}
#sub_contents .sub_insta_box .img img{margin: 0 auto;width: 200px;object-fit: cover;}
}

/* faq
----------------------------------- */
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 18px 25px 20px 50px;background: #f9e7ec;position: relative;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 18px 25px 20px 50px;position: relative;border: 1px solid #f9e7ec;background:#fff;border-radius: 0 0 10px 10px;font-size: 13px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 17px;color:#ec6d73;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 17px;color: #ec6d73;font-family: "Cormorant", serif;}
@media screen and (min-width:768px) {
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 18px 25px 20px 55px;background: #f9e7ec;position: relative;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 18px 25px 20px 55px;position: relative;border: 1px solid #f9e7ec;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 30px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#ec6d73;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #ec6d73;font-family: "Cormorant", serif;}
}
@media screen and (min-width:1024px) {
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 18px 30px 25px 60px;background: #f9e7ec;position: relative;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 18px 30px 25px 60px;position: relative;border: 1px solid #f9e7ec;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 30px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#ec6d73;font-family: "Cormorant", serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #ec6d73;font-family: "Cormorant", serif;}
}