/* main_visual
----------------------------------- */
#sub_visual.kv{padding-top:70px;}
#sub_visual {width: 100%;height: 200px;position: relative; margin: 0 0 0 auto; background: #F4F8FC;}
#sub_visual img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;}
#sub_visual h1{font-family: "Montserrat", sans-serif; color: #0A0A0A; margin:0 auto;font-size: 30px; font-weight: 500; letter-spacing: 0.06em;display: block;text-align:center; text-transform:capitalize; text-shadow: 0px 0px 2px #eee, 0px 0px 10px #eee;}
#sub_visual p{color: #0A0A0A; margin:0 auto; font-size: 19px; letter-spacing: 0.1em;display: block;text-align:center;text-transform:capitalize; margin-top: 10px; text-shadow: 0px 0px 2px #eee, 0px 0px 10px #eee;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{background:none;position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb {background:none; text-align:left;padding:0px;max-width:94%;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0px;background-attachment: inherit;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative; padding: 0;}
#sub_contents h2{font-family: "Montserrat", sans-serif; text-align: center;font-size:34px; font-weight: 500; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 20px;letter-spacing: 0.1em;text-transform:capitalize;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;}
#sub_contents h3{ text-align: center;font-size:17px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:16px; line-height: 180%;font-weight: 500;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb40{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .sp_br{display:block;}
#sub_contents .h2-small{letter-spacing: 0.1em;}
#sub_contents .bold{font-weight:500;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) no-repeat top center / cover ; padding: 30px 0px;}
#sub_contents .sub_bg02{background: url(../images/sub_bg02.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents h1, #sub_contents h2{scroll-margin-top: 100px;}

/* tab
-----------------------------*/
#sub_contents .tab_area {display: block; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 10px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; background:#fff; border: 1px solid #1E5FD8; margin-bottom: 10px;}
#sub_contents .tab p {font-size: 16px;display: inline; font-weight: bold;}
#sub_contents .tab.is-active {padding: 10px 0; background: #1E5FD8;color: #fff; margin-bottom: 10px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;height: 45px;position: relative;display: block; margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 1px solid #1E5FD8;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* greeting
-----------------------------*/
#sub_contents .cc_list.col .li{width: 100%; 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{position: absolute; right: 0; bottom: 0px; background: #B07C55; color: #fff; padding: 5px 10px; font-weight: bold;}
#sub_contents .cc_list .li .caption p{font-size: 18px;}

/* hair
-----------------------------*/
#sub_contents .menu_img {width: 100%; text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width: 100%;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 20px;font-weight:600;text-align: left;border-left: 4px solid #1E5FD8; line-height: 1.5;position: relative;font-weight: bold;}
#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: 80%;padding: 15px 0;border-bottom: 1px solid #0081cb;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 20%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #0081cb;}
#sub_contents .tbl_menu .th p{font-weight:600;}
#sub_contents .tbl_menu .td p{font-weight:500;}
#sub_contents .dress_g_area .txt_area {width: 100%;}
#sub_contents .dress_g_area .txt_area .ttl {position: relative; font-size: 20px; letter-spacing: .04em;padding-bottom: 10px;border-bottom: 1px solid #0081cb;}
#sub_contents .dress_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: -5px;}
#sub_contents .dress_g_area {padding: 30px 20px 20px; position: relative; border: 1px solid #1E5FD8;}
#sub_contents .dress_g_area .img {width: 100%; margin-bottom:20px;}
#sub_contents .row {width:100%; margin:0 auto;}
#sub_contents .autoplay-slider{ display: block; min-width: 94%; width: 94%; max-width:94%; animation: inherit; margin:0 auto;}
#sub_contents .autoplay-slider.s02{animation:inherit; }
#sub_contents .slide{ margin: 10px auto; position: relative; width:auto;height:auto;}
#sub_contents .slide img{width:100%; height:auto; object-fit:cover;}
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list{width:60%;margin-inline: auto;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}

/* thinning
-----------------------------*/
#sub_contents .check_area{padding:10px 10px 10px 20px;display:flex; background: #fff; border:1px solid #1E5FD8; display:block;}
#sub_contents .check_list{width:100%;font-size: 18px; font-weight: 500; position:relative;padding-left:30px;}
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/check.png) no-repeat top center / cover ;width:20px;height:20px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#sub_contents .thin_g_area .txt_area {width: 100%;}
#sub_contents .thin_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 1px solid #1E5FD8;}
#sub_contents .thin_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: -5px;}
#sub_contents .thin_g_area {padding: 30px 20px 20px; position: relative;position: relative;}
#sub_contents .thin_g_area .img {width: 100%; margin-bottom:20px;}
#sub_contents .th_list{padding: 0;}
#sub_contents .th_list.col .li{width: 47%; margin: 0px auto 10px; position: relative;}
#sub_contents .th_list .li{width: 47%; margin: 0px auto 30px;}
#sub_contents .th_list .li img{width: 100%; position: relative;}
#sub_contents .th_list .li .caption{position: absolute; right: 0; bottom: 0px; background: #1E5FD8; color: #fff; padding: 5px 10px; font-weight: bold;}
#sub_contents .th_list .li .caption p{font-size: 18px;}

/* case
-----------------------------*/
#sub_contents .case_g_area .txt_area {width: 100%;}
#sub_contents .case_g_area .txt_area .ttl {position: relative; font-size: 15px; letter-spacing: .04em;padding-bottom: 10px;border-bottom: 1px solid #1E5FD8;}
#sub_contents .case_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: -5px;}
#sub_contents .case_g_area .txt_area .bold{font-family: "Montserrat", sans-serif; font-size:20px; font-weight: 500;}
#sub_contents .case_g_area {border: 1px solid #0d49b8; padding: 30px 20px 20px; position: relative;position: relative;}
#sub_contents .case_g_area .img {width: 100%; margin-bottom:20px;}
#sub_contents .case_g_area .menu_list{border-bottom: 1px solid #1E5FD8; padding: 5px 0;display: block;}
#sub_contents .case_g_area .menu__name{width: 100%;}
#sub_contents .case_g_area .menu__price{width: 100%;}

/* about
-----------------------------*/
#sub_contents .concept_img{column-gap: 3%;}
#sub_contents .concept_img .li {width:45%;margin-bottom:10px;}
#sub_contents .concept_img .li img{width:100%;}
#sub_contents .concept_img .li:nth-child(even){padding-top:0px;}
#sub_contents .commit_bg{background: rgb(255 255 255 / 100%); padding: 30px 5px; position: relative; border: 1px solid #0d49b8;}
#sub_contents .commit_bg.bd-none{border: none; padding: 0; background: none;}
#sub_contents .commit_bg .txt_cen{text-align: center; font-weight:normal; font-size:16px;line-height: 200%; position: relative;z-index: 1;}
#sub_contents .commit_bg .txt_cen em{display: block;font-style: normal !important;    margin-bottom: -30px;}
#sub_contents .commit_bg .commit_ttl{text-align:center;font-size:22px;line-height: 170%; letter-spacing: 0.1em; font-weight:500; position: relative;z-index: 1;}
#sub_contents .comm_g_area{align-items: center;}
#sub_contents .comm_g_area .txt_area {width: 100%;}
#sub_contents .comm_g_area .txt_area .num{font-family: "Montserrat", sans-serif; font-size:30px;} 
#sub_contents .comm_g_area .txt_area .ttl{font-size:22px;font-weight:500;} 
#sub_contents .comm_g_area .img, #sub_contents .comm_g_area .img02 {width: 100%;margin-bottom: 20px;margin-inline: auto; margin-right: 0; margin-left: 0; flex: none; margin-bottom: 0px;}
#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%;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:0px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #1E5FD8; color:#fff; text-align:center;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}

/* flow
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:1px solid #1E5FD8;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:17px; padding-right:5px;display:inline-block;}
#sub_contents .flow_g_area .txt {font-size:15.5px;display:inline-block;font-weight:500; padding-bottom: 10px;}
#sub_contents .flow_g_area{background: rgb(255 255 255 / 80%); padding:15px;position:relative; border: 1px solid #1E5FD8; margin-bottom:45px;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #1E5FD8;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -8%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 100%;}

/* greeting
-----------------------------*/
#sub_contents .staff_g_area .txt_area{width: 100%;} 
#sub_contents .staff_g_area .txt_area .ttl{font-size:20px;padding:0 0 10px 0px;border-bottom: 1px solid #1E5FD8;font-weight:600;}
#sub_contents .staff_g_area .txt_area .bold{position: relative; padding-left: 35px; font-size:16px;font-weight:500; padding-top:10px;}
#sub_contents .staff_g_area .txt_area .bold::before {content: "";position: absolute;top: 60%;left: 0;width: 30px;height: 1px;background-color: #0d49b8;transform: translateY(-50%);}
#sub_contents .staff_g_area .txt_area .demibold{font-weight:500; font-size: 17px;}
#sub_contents .staff_g_area .img{width: 100%;margin-bottom: 20px;}
#sub_contents .staff_g_area .img img{width: 100%;}
#sub_contents .txt_area_message {width: 100%; border: 1px solid #0d49b8; padding:15px;}
#sub_contents .txt_area_message .ttl_border{padding-bottom:10px; border-bottom: 1px solid #0d49b8;}
#sub_contents .txt_area_message .bold{position: relative; padding-left: 35px; font-size:18px;font-weight:500;}
#sub_contents .txt_area_message .bold::before {content: "";position: absolute;top: 50%;left: 0;width: 30px;height: 1px;background-color: #0d49b8;transform: translateY(-50%);}

/* faq
-----------------------------*/
#sub_contents .faqBox {padding: 5px; background-color: #fff; border: 1px solid #0d49b8; } 
#sub_contents .anser { padding: 15px 10px; display: flex; align-items: baseline; letter-spacing: 0.05em; }
#sub_contents .anser .lh{font-weight: 500;}
#sub_contents .faqIcon {font-family: "Montserrat", serif; font-weight: bold; font-size: 22px; line-height: 1em; margin: 0 8px 0 0; display: inline-block; } 
#sub_contents .question {margin: 0 10px; padding: 6px 15px 10px 0px; border-bottom: 1px solid #0d49b8; display: flex; align-items: baseline; font-weight: bold; letter-spacing: 0.05em;}
#sub_contents .question .lh{font-size:16px; font-weight: 500;}
#sub_contents .overflow-hidden { overflow: hidden; }

/* news
-----------------------------*/
#sub_contents .webgene-item{width: 100%;}
#sub_contents .webgene-blog:has(.categorylist){margin-bottom: 30px;}
#sub_contents .webgene-item.categorylist {width: 100%;margin-bottom: 10px;}
#sub_contents .webgene-item figure img{width: 100%;aspect-ratio: 1/1;object-fit: cover; margin-bottom: 0px;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{font-family: "Montserrat", serif; margin-top: 10px; display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; border: 1px solid #c9bda6; color: #c9bda6; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-weight:normal; display:block; margin:10px 0 20px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog{display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-item{width: 100%;}
#sub_contents .webgene-item figure{margin-bottom: 10px;}
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 20px;font-size: 18px;border-bottom: 1px solid #0181CB;font-weight:500;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-family: "Montserrat", sans-serif; font-size: 16px;font-weight:500; text-align:center;display:block;}
#sub_contents .webgene-detail{width: 100%;}
#sub_contents .area_blog{width: 100%; background: #fff; border: 1px solid #1E5FD8; padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{width: 100%;}
#sub_contents .area_blog img{margin: 10px 0;}
#sub_contents .area_blog .cmn-blog-txt{font-size:14px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #0181CB;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333; text-decoration: none;}
#sub_contents .btn_clear{margin: 50px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 15px;border:1px solid #1E5FD8;}

@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding-top:160px;}
#sub_visual {width: 100%;height: 430px;position: relative; background: #F4F8FC; margin: 0 0 0 auto;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px;}
#sub_visual h1{font-family: "Montserrat", sans-serif; color: #0A0A0A; margin:0 auto;font-size: 67px; font-weight: 500; letter-spacing: 0.06em;display: block;text-align:center; text-transform:capitalize; /*text-shadow: 0px 0px 2px #eee, 0px 0px 10px #eee;*/}
#sub_visual p{margin:0 auto; font-size: 30px; color: #0A0A0A; font-weight: normal;letter-spacing: 0.1em;display: block;text-align:center;text-transform:capitalize; margin-top: 10px; /*text-shadow: 0px 0px 2px #eee, 0px 0px 10px #eee;*/}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents section{max-width: 1280px; position: relative;}
#sub_contents .section{max-width: 1280px; padding:0 2%; position: relative;margin: 50px auto 50px;}
#sub_contents h2{font-family: "Montserrat", sans-serif; text-align: center;font-size:44px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; text-transform: capitalize; letter-spacing: 0.1em;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;}
#sub_contents h3{ text-align: center;font-size:22px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:22px; line-height: 200%;font-weight: 500;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#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 .sp_br{display:inline-block;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) no-repeat top center / cover ; padding: 30px 0px;}
#sub_contents .sub_bg02{background: url(../images/sub_bg02.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents .h2-small{letter-spacing: 0.1em;}
#sub_contents .bold{font-weight: 500;}
#sub_contents h1, #sub_contents h2{scroll-margin-top: 100px;}

/* tab
-----------------------------*/
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 15px 0; font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative; background:#fff; border: 1px solid #1E5FD8; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; font-weight: bold;}
#sub_contents .tab.is-active {padding: 15px 0; background: #1E5FD8;color: #fff; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 42%;height: 45px;position: relative;display: block; margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 1px solid #1E5FD8;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* hair
-----------------------------*/
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}
#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: 80%;padding: 15px 0;border-bottom: 1px solid #1E5FD8;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 20%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #1E5FD8;}
#sub_contents .tbl_menu .th p{font-weight:600;}
#sub_contents .tbl_menu .td p{font-weight:500;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 22px;font-weight:600;text-align: left;border-left: 4px solid #1E5FD8; line-height: 1.5;position: relative;font-weight: bold;}
#sub_contents .dress_g_area {position: relative; padding: 30px; background: #fff; border: 1px solid #1E5FD8;}
#sub_contents .dress_g_area .img {width: 33%; margin-bottom:0px;}
#sub_contents .dress_g_area .img img{width: 100%;}
#sub_contents .dress_g_area .txt_area {width: 65%;}
#sub_contents .dress_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 5px;border-bottom: 1px solid #1E5FD8; font-size:24px; font-weight:500;}
#sub_contents .dress_g_area .txt_area .bold{position: relative; padding-left: 30px;}
#sub_contents .dress_g_area .txt_area .bold::before {content: "";position: absolute;top: 50%;left: 0;width: 20px;height: 1px;background-color: #1E5FD8;transform: translateY(-50%);}
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list{width:280px;margin-inline: 0;}
#sub_contents .contact_list{margin-bottom: 20px;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}
#sub_contents .autoplay-slider{ display: flex; min-width: 180%; width: min-content; animation: 20s linear infinite sliderAnimation; }
#sub_contents .autoplay-slider.s02{min-width: 100%; animation: 20s linear infinite sliderAnimation02; }
#sub_contents .slide{ margin: 20px 10px; position: relative; width:290px;height:370px;}
#sub_contents .slide img{width:100%; height:auto; object-fit:cover;}
@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
@keyframes sliderAnimation02 {
  100% {
    transform: translateX(50%);
  }
}
/* thinning
-----------------------------*/
#sub_contents .check_area{padding:20px 20px 20px 40px;display:flex; background: #fff; border:1px solid #1E5FD8; display:block;}
#sub_contents .check_list{width:100%;font-size: 21px; font-weight: 500; position:relative;padding-left:30px;}
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/check.png) no-repeat top center / cover ;width:20px;height:20px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#sub_contents .thin_g_area {position: relative; padding: 30px; background: #fff; border: 1px solid #1E5FD8;}
#sub_contents .thin_g_area .img {width: 33%; margin-bottom:0px;}
#sub_contents .thin_g_area .img img{width: 100%;}
#sub_contents .thin_g_area .txt_area {width: 65%;}
#sub_contents .thin_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 5px;border-bottom: 1px solid #1E5FD8; font-size:19px; font-weight:500;}
#sub_contents .thin_g_area .txt_area .bold{position: relative; padding-left: 30px;}
#sub_contents .thin_g_area .txt_area .bold::before {content: "";position: absolute;top: 50%;left: 0;width: 20px;height: 1px;background-color: #1E5FD8;transform: translateY(-50%);}
#sub_contents .th_list{padding: 0;}
#sub_contents .th_list.col .li{width: 32%; margin: 0px auto 10px;}
#sub_contents .th_list .li{width: 32%; margin: 0px 10px 30px; position: relative;}
#sub_contents .th_list .li img{width: 100%; position: relative; aspect-ratio: 3/4; object-fit: cover;}
#sub_contents .th_list .li .caption{position: absolute; right: 0; bottom: 0px; background: #1E5FD8; color: #fff; padding: 5px 10px; font-weight: bold;}
#sub_contents .th_list .li .caption p{font-size: 20px;}

/* flow
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:1px solid #1E5FD8;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-family: "Montserrat", sans-serif; font-size:24px; padding-right:10px;display:inline-block;}
#sub_contents .flow_g_area .txt {font-size:22px;display:inline-block;font-weight:500;}
#sub_contents .flow_g_area{background: #fff; padding:30px;position:relative; border: 1px solid #1E5FD8; margin-bottom:45px;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #1E5FD8;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -10%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 20px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 70%;}

/* case
-----------------------------*/
#sub_contents .case_g_area {padding: 30px;background: #fff; border: 1px solid #0d49b8; position: relative;position: relative;}
#sub_contents .case_g_area .img {width: 30%; margin-bottom:0px;}
#sub_contents .case_g_area .img img{width: 100%;}
#sub_contents .case_g_area .txt_area {width: 67%;}
#sub_contents .case_g_area .txt_area .ttl {position: relative; font-size:20px; letter-spacing: .04em; /*padding-bottom: 10px;*/ font-weight: 500;}
#sub_contents .case_g_area .txt_area .bold{font-family: "Montserrat", sans-serif; font-size:20px; font-weight: 500;}
#sub_contents .case_g_area .menu_list{display: flex;border-bottom: 1px solid #0d49b8;padding: 5px 0;}
#sub_contents .case_g_area .menu__name{width: calc(100% - 460px);}
#sub_contents .case_g_area .menu__price{width: 460px;}

/* faq
-----------------------------*/
#sub_contents .faqBox {padding: 10px; background-color: #fff; border: 1px solid #0d49b8; } 
#sub_contents .anser { padding: 20px 15px; display: flex; align-items: baseline; letter-spacing: 0.05em; }
#sub_contents .anser .lh{font-weight: 500;}
#sub_contents .faqIcon {font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 22px; line-height: 1em; margin: 0 8px 0 0; display: inline-block; } 
#sub_contents .question {margin: 0 10px; padding: 6px 15px 10px 0px; border-bottom: 1px solid #0d49b8; display: flex; align-items: baseline; font-weight: bold; letter-spacing: 0.05em;}
#sub_contents .question .lh{font-size:18px; font-weight: 500;}
#sub_contents .overflow-hidden { overflow: hidden; } 

/* greeting
-----------------------------*/
#sub_contents .staff_g_area .img{width: 38%;margin-bottom: 20px;position:relative;}
#sub_contents .staff_g_area .img img{width: 100%;} 
#sub_contents .staff_g_area .txt_area {width: 58%;}
#sub_contents .staff_g_area .txt_area .demibold{font-size: 17px; font-weight: 500;}
#sub_contents .staff_g_area .txt_area .ttl{font-size:21px;padding:0 0 10px 0px;border-bottom: 1px solid #0d49b8;font-weight:600;}
#sub_contents .staff_g_area .txt_area .bold{position: relative; font-size:18px;font-weight:500; color: #0d49b8; margin-bottom:10px; padding-left: 40px;}
#sub_contents .staff_g_area .txt_area .bold::before {content: "";position: absolute;top: 60%;left: 0;width: 30px;height: 1px;background-color: #0d49b8;transform: translateY(-50%);}
#sub_contents .txt_area_message {width: 100%; border: 1px solid #0d49b8; padding:20px;}
#sub_contents .txt_area_message .ttl_border{padding-bottom:10px; border-bottom: 1px solid #0d49b8;}
#sub_contents .txt_area_message .bold{font-size:18px;font-weight:500;color: #0d49b8; position: relative; padding-left: 40px;}
#sub_contents .txt_area_message .bold::before {content: "";position: absolute;top: 50%;left: 0;width: 30px;height: 1px;background-color: #0d49b8;transform: translateY(-50%);}
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .cc_list{padding: 0;}
#sub_contents .cc_list.col .li{width: 32%; margin: 0px auto 10px;}
#sub_contents .cc_list .li{width: 32%; margin: 0px 10px 30px; position: relative;}
#sub_contents .cc_list .li:last-child{width: 50%; margin: 0px 10px 30px; position: relative;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{position: absolute; right: 0; bottom: 0px; background: #B07C55; color: #fff; padding: 5px 10px; font-weight: bold; font-family: "Cormorant", serif;}
#sub_contents .cc_list .li .caption p{font-size: 20px;}

/* about
-----------------------------*/
#sub_contents .concept_img{column-gap: 2%;}
#sub_contents .concept_img .li {width:23%;margin-bottom:0px;}
#sub_contents .concept_img .li img{width:100%;}
#sub_contents .concept_img .li:nth-child(even){padding-top:50px;}
#sub_contents .commit_bg{background: rgb(255 255 255 / 100%); padding: 30px; position: relative; border: 1px solid #1E5FD8;}
#sub_contents .commit_bg.bd-none{border: none; padding: 0; background: none;}
#sub_contents .commit_bg .txt_cen{text-align: center; font-weight:normal; font-size:16px;line-height: 200%; position: relative;z-index: 1;}
#sub_contents .commit_bg .txt_cen em{display: inline-block;font-style: normal !important;}
#sub_contents .commit_bg .commit_ttl{text-align:center;font-size:25px;line-height: 170%; letter-spacing: 0.1em; font-weight:500; position: relative;z-index: 1;}
#sub_contents .comm_g_area{align-items: center;}
#sub_contents .comm_g_area .txt_area {width: 55%;} 
#sub_contents .comm_g_area .txt_area .ttl{font-size:24px;font-weight:500;} 
#sub_contents .comm_g_area .txt_area .num{font-family: "Montserrat", sans-serif; font-size:40px;}
#sub_contents .comm_g_area .img{width: 50%;margin-left: calc(50% - 47vw);flex: 1;margin-right: 6%;margin-bottom: 0px;}
#sub_contents .comm_g_area .img02{width: 40%;margin-right: calc(50% - 47vw);flex: 1;margin-left: 6%;margin-bottom: 0px;}
#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%;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info .tr:nth-child(2n){background:rgba(255,255,255,0.5);}
#sub_contents .tbl_info .th{background: #1E5FD8; color: #fff; width:24%;padding:15px 30px;text-align:center;}
#sub_contents .tbl_info .td{width:72%;padding:15px 0px;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){justify-content: flex-cnt;margin-bottom: 50px;}
#sub_contents .webgene-item.categorylist {display: inline-block;/*margin-right: 1%;*/width: 32.8%;margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; border: 1px solid #c9bda6; color: #c9bda6; font-weight: 500;}
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px dotted #c9bda6;}
#sub_contents .webgene-blog .news__date{font-family: "Montserrat", serif; /* margin-left: 10px; */display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{margin-left: 10px; display:inline-block; border: 1px solid #c9bda6; color: #c9bda6; padding:3px 10px;font-size:14px;}
#sub_contents .webgene-blog .news_ttl{font-weight:normal; display:block; margin:10px 0; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3; font-size:16px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog{display:flex;justify-content: start;column-gap: 1%;row-gap: 20px;flex-wrap: wrap;}
#sub_contents .webgene-item{width: 32.5%;}
#sub_contents .webgene-item figure{margin-bottom: 10px;}
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 20px;font-size: 20px;border-bottom: 1px solid #0181CB;font-weight:500;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-family: "Montserrat", sans-serif; font-size: 16px;font-weight:500; text-align:center;display:block;}
#sub_contents .webgene-detail{width: 100%;}
#sub_contents .area_blog{width: 100%; background: #fff; border: 1px solid #1E5FD8; padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{width: 100%;}
#sub_contents .area_blog .cmn-blog-txt{font-size:14px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #0181CB;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333; text-decoration: none;}
#sub_contents .btn_clear{margin: 50px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 15px;border:1px solid #1E5FD8;}

}

@media screen and (min-width:1025px) {
#sub_contents .section {padding-left: 200px;}
}