/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:120px;}
#sub_visual {padding-top: 100px;position: relative;height: 280px;}
#sub_visual::after {background: url(../images/sub_visual.png) no-repeat center center;width: 65%;height: 300px;content: "";background-size: cover;position: absolute;right: 0px;top: 0%;z-index: 1;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 40px; text-align: left; font-weight: bold;letter-spacing: .1em; line-height: 200%; z-index: 2; font-family: "Cormorant", serif;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 18px; text-align: left; font-weight: 600;letter-spacing: .15em; line-height: 200%; margin: 70px 0 0 0; text-transform:uppercase; z-index: 2;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents section{max-width: 94%; position: relative; margin: 0 auto;}
#sub_contents .section{max-width: 94%; position: relative;margin: 50px auto 50px;}
#sub_contents h2{text-align: center;font-size:40px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; text-transform: capitalize; letter-spacing: 0.1em;font-family: "Cormorant", serif;}
#sub_contents h2 span{font-weight: bold;font-size:18px; 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:16px; line-height: 200%;font-weight: bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
#sub_contents .mb10{margin-bottom: 5px;}
#sub_contents .mb20{margin-bottom: 10px;}
#sub_contents .mb30{margin-bottom: 15px;}
#sub_contents .mb40{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{background: #ECE6D7; 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: bold;}
#sub_contents .dis-none{display:none;}
#link01, #link02, #link03, #link04, #link05, #link06, #link07{margin-top:-100px;padding-top:100px;}

/* 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:94%;margin:0 auto;margin-bottom:60px;}
#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;}

/* concept
-----------------------------*/
#sub_contents .concept_txt .lh{line-height: 180%;}
#sub_contents .concept_txt p{font-size: 16px;}
#sub_contents .commit_bg{background: rgb(255 255 255 / 65%); padding:25px 15px; position: relative; z-index: 1;}
#sub_contents .commit_bg::before {position: absolute;bottom: -8px;right: -8px;width: 100%; height:100%;background:none;border: 1px solid #7d6f5d;content: '';z-index: 0;}
#sub_contents .commit_bg .txt_cen{text-align:center; font-weight:normal; font-size:16px;line-height: 200%;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .commit_bg .commit_ttl{text-align:center;font-size:19px;line-height: 200%;font-weight:600; color:#484035;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin-top: 20px;}
#sub_contents .concept_txt .lh{line-height: 170%;}
#sub_contents .concept_txt p{font-size: 15.5px;}
#sub_contents .comm_g_area {display:flex;align-items:center;justify-content:space-between;gap:4%;width:100%;margin:0 auto;box-sizing:border-box;padding-bottom:50px;}
#sub_contents .comm_g_area .img {width:100%;margin:0 auto;}
#sub_contents .comm_g_area .img img {width:100%;height:auto;display:block;}
#sub_contents .comm_g_area .txt_area {width:100%;min-width:0;box-sizing:border-box;}
#sub_contents .comm_g_area .txt_area .ttl {font-size: 20px; line-height:1.6;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color:#484035;}
#sub_contents .comm_g_area .txt_area .num {font-size:40px;color:#484035;font-family:"Cormorant",serif;}
#sub_contents .comm_g_area.row-reverse {flex-direction:row-reverse;}
#sub_contents .comm_g_area.row-reverse .img {margin-left:0 !important;margin-right:0 !important;}
#sub_contents .comm_g_area.row-reverse .txt_area {width:100%;}
#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%; border-radius:10px;}
#sub_contents .access_area{column-gap: 2%; row-gap: 20px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:46%;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#F4F1E9;margin-bottom:0px;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #56371b; color: #fff; text-align:center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .tbl_info .th p{font-weight: normal;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}

/* 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:2px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 10px 0; border: 1px solid #664c32;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* 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; border: 1px solid #7d6f5d; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; }
#sub_contents .tab.is-active {padding: 15px 0; background: #56371b;color: #fff; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* guide
-----------------------------*/
#sub_contents .rec_g_area {padding: 30px 20px 20px; position: relative;background-color: #faf6ed;}
#sub_contents .rec_g_area .img {width: 100%; margin-bottom:0px;}
#sub_contents .rec_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 1px solid #7d6f5d;}
#sub_contents .rec_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;background: #7d6f5d;left: 0;bottom: -5px;}
#sub_contents .rec_g_area .txt_area {width: 100%;}
#sub_contents .rec_g_area .txt_area .name{font-size:20px;font-weight: bold;margin-bottom: 10px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;margin-top:10px;}
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}

#sub_contents .flow_g_area .ttl {border-bottom:1px solid #7d6f5d;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:27px;color:#7d6f5d;padding-right:10px;display:inline-block;font-family:"Cormorant",serif;margin-top:10px;}
#sub_contents .flow_g_area .txt {display:inline-block;font-weight:500;font-size:18px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;margin-top:10px;}
#sub_contents .flow_g_area{padding:20px;position:relative;;margin-bottom:55px;border: 1px solid #7d6f5d;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 20px solid #7d6f5d;border-right: 20px solid transparent;border-left: 20px solid transparent;position: absolute;bottom: -7%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_g_area .txt_area {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: 70%;padding: 15px 0;border-bottom: 1px solid #7d6f5d;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #9e9788;}
#sub_contents .menu_ttl {font-size: 25px;margin-top:5px;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}

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

/* staff
-----------------------------*/
#sub_contents .staff_textBox {margin-bottom:50px;}
#sub_contents .staff_textBox .img{width: 100%;margin: 0 auto; position:relative;padding:0;} 
#sub_contents .staff_textBox .text-container {text-align:left;margin-top: 20px;}
#sub_contents .staff_textBox .text-container .name_en{font-family:"Cormorant",serif;font-size:40px;line-height:1.5;position: relative;margin-bottom:5px;display:inline-block;margin-right: 10px;color: #664c32;}
#sub_contents .staff_textBox .text-container .name{font-size:16px;line-height:1.5;position: relative;display:inline-block;}
#sub_contents .staff_textBox .text-container .name_ja_box {margin-bottom:20px;}
#sub_contents .staff_textBox .text-container .name_ja_box .name_ja{font-size:13px;display:inline-block;background:#e5d6d1;color:#111;border-radius:30px;padding:5px 10px;margin:0 5px 10px 0;}
#sub_contents .staff_textBox .text-container .catch {line-height:2;font-size:20px;margin-top:30px;text-align:left;padding:0 0 0 10px ;}
#sub_contents .staff_textBox .text-container .catch p{display:inline-block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .staff_textBox .text-container .txt {line-height:2;margin-top:20px;padding:0 0 0 10px;}
#sub_contents .staff_textBox .textarea {width: 100%;}
#sub_contents .staff_textBox .tr {border-bottom:1px solid #7d6f5d;display:flex;padding:0;}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 30px;}
#sub_contents .staff_textBox .tr .th {display:block;width:30%;padding:20px 0;}
#sub_contents .staff_textBox .tr .td {display:block;width:70%;padding:20px 0;}

/* worry
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .guide_check_box {padding:30px 30px;margin-bottom: 40px;border: 1px solid #56371b;}
#sub_contents .guide_check_box .check {width: 100%;text-align: left;}
#sub_contents .guide_check_box .check .span {padding-left: 30px;display: inline-block;position: relative;margin-bottom: 20px;font-size: 16px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color: #56371b;}
#sub_contents .guide_check_box .check .span::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 .guide_check_box .ttl {font-size: 20px;font-weight: 500;display: block;width: 100%;text-align: left;margin-bottom: 20px;border-bottom: 1px solid #ee626c;padding: 10px 0;}

/* menu
-----------------------------*/
#sub_contents .area_free{background:#644d34; padding:50px 20px 20px 20px; color:#fff; text-align:center;}
#sub_contents .area_free .ttl_free{font-size:22px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin-bottom:15px; text-align:center;position:relative;}
#sub_contents .area_free .ttl_free::before{position:absolute; content:"Free counseling"; font-size:30px; left:0px; right:0px; opacity:0.1; top:-5px; text-transform:uppercase;}
#sub_contents .area_free .item_btn{width:100%;}
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width:100%; border-radius: 0px;}
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#sub_contents .tbl_menu .th {width: 100%;padding: 10px 0 0 0;border-bottom: none;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 100%;text-align: left;padding: 0 0 10px 0;line-height: 1.6;border-bottom: 1px solid #7d6f5d;}
#sub_contents .tbl_menu .th p{font-weight:600;}
#sub_contents .tbl_menu .td p{font-weight:500;}
#sub_contents .sub_bg_img{background: url(../images/sub_bg_img.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents .item_btn {max-width: 100%;width: 90%;position: relative;color:#fff; text-align: center;margin: 0 auto; margin-bottom:30px;margin-top:30px;}
#sub_contents .item_btn a{display: block;cursor: pointer;line-height: 50px;transition: .3s ease-out;position: relative;color:#fff; padding:20px 0; font-size:18px; border-radius:10px; background-color: #797260; background-image: linear-gradient(to right, #797260 0%, #A29F8E 100%); background-image: -webkit-linear-gradient(left, #797260 0%, #A29F8E 100%);background-repeat: no-repeat;}
#sub_contents .item_btn p{font-weight: 500;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 22px;font-weight:bold;text-align: left;border-left: 5px solid #7d6f5d; line-height: 1.5;position: relative;font-weight: bold;}

/* school
-----------------------------*/
#sub_contents .rec_g_area .txt_area .course_ttl{font-size:20px;font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #7d6f5d; position: relative; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .rec_g_area .txt_area .course_ttl::before {content: "";position: absolute;width: 100%;height: 1px;background: #7d6f5d;left: 0;bottom: -5px;}

/* contact
-----------------------------*/
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list{margin-inline: auto; margin:0 auto; text-align:center;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}
#sub_contents .sub_illust{text-align:center;width:42%; margin-left: auto; margin-right: auto;}
#sub_contents .atten_bg{background: rgb(255 255 255 / 65%); padding:25px 15px; position: relative;}
#sub_contents .atten_bg::before {position: absolute;bottom: 0;right: 0;width: 100%; height:100%;background:none;border: 1px solid #56371b;content: '';z-index: 1; }
#sub_contents .atten_bg p{text-align:left; font-weight:600; font-size:16px; line-height: 200%; position: relative; z-index: 2;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){justify-content: flex-cnt;margin-bottom: 30px;}
#sub_contents .webgene-item.categorylist {display: inline-block;width: 100%;margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; border: 1px solid #7d6f5d; font-weight:bold;}
#sub_contents .webgene-item.categorylist a:hover{background:#7d6f5d; color:#fff;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #7d6f5d;}
#sub_contents .webgene-blog .news__date{display:inline-block;font-size:14px; font-weight:600;}
#sub_contents .webgene-blog .news__cate{display:inline-block; background:#F9D954; padding:3px 10px;font-size:13px; font-weight:bold;}

/* detail_news
-----------------------------*/
#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 #86511d;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-size: 16px;font-weight:500; text-align:center;display:block;}
#sub_contents .area_blog{background: #fff;/*border: 1px solid #ede9e6;*/padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{border-radius:10px;}
#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: #452F0D;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #8f8255;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 #86511d;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 1px;background: #86511d;transition: width 0.3s ease;}

/* accordion
-----------------------------*/
#sub_contents .accordion .acc_title p {position: relative; cursor: pointer;padding: 15px 15px 15px 30px; border-top: 1px solid #7d6f5d;border-bottom: 1px solid #7d6f5d;font-weight: bold;background: #f6f6f6;transition: background 0.3s;}
#sub_contents .accordion .acc_title p::before {content: "●";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);font-size: 7px;color: #7f786f;}
#sub_contents .accordion .acc_title:not(:first-of-type) p {border-top: none;}
#sub_contents .accordion .acc_title p:hover {background: #dcdad5;}
#sub_contents .accordion .acc_title.open p {background: #dcdad5;}
#sub_contents .accordion .acc_content {display: none;padding: 20px;background:#fff;}

/* PC  */

@media screen and (min-width: 768px) {

/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:180px;}
#sub_visual {padding-top: 140px;position: relative;height: 400px;}
#sub_visual::after {background: url(../images/sub_visual.png) no-repeat center center;width: 65%;height: 400px;content: "";background-size: cover;position: absolute;right: 0px;top: 0%;z-index: 1;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 60px; text-align: left; font-weight: bold;letter-spacing: .15em; line-height: 200%; z-index: 2; font-family: "Cormorant", serif;}
#sub_visual p{position:absolute;display: block;width:100%;top: 30px; font-size: 22px; text-align: left; font-weight: 600;letter-spacing: .15em; line-height: 200%; margin: 70px 0 0 0; text-transform:uppercase; z-index: 2;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

/* 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; max-width: 96%; position: relative;margin: 50px auto 50px;}
#sub_contents h2{text-align: center;font-size:55px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px; text-transform: capitalize; letter-spacing: 0.1em;font-family: "Cormorant", serif;}
#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:16px; line-height: 200%;font-weight: bold;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
#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: #ECE6D7; 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: bold;}
#link01, #link02, #link03, #link04, #link05, #link06, #link07{margin-top:-100px;padding-top:100px;}
#sub_contents .dis-none{display:none;}
  
/* 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:60px;}
#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;}

/* concept
-----------------------------*/
#sub_contents .concept_txt .lh{line-height: 180%;}
#sub_contents .concept_txt p{font-size: 16px;}
#sub_contents .commit_bg{background: rgb(255 255 255 / 65%); padding:25px 15px; position: relative;z-index: 1; /*box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.15);*/}
#sub_contents .commit_bg::before {position: absolute;bottom: -8px;right: -8px;width: 100%; height:100%;background:none;border: 1px solid #7d6f5d;content: '';z-index: 0;}
#sub_contents .commit_bg .txt_cen{text-align:center; font-weight:normal; font-size:16px;line-height: 200%;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .commit_bg .commit_ttl{text-align:center;font-size:22px;line-height: 200%;font-weight:600; color:#484035;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin-top: 20px;}
#sub_contents .concept_txt .lh{line-height: 170%;}
#sub_contents .concept_txt p{font-size: 15.5px;}
#sub_contents .comm_g_area {display:flex;align-items:center;justify-content:space-between;gap:4%;width:100%;margin:0 auto;box-sizing:border-box;}
#sub_contents .comm_g_area .img {width:40% !important;flex:0 0 40% !important;margin-left:0 !important;margin-right:0 !important;margin-bottom:0;box-sizing:border-box;}
#sub_contents .comm_g_area .img img {width:100%;height:auto;display:block;}
#sub_contents .comm_g_area .txt_area {width:56%;min-width:0;box-sizing:border-box;}
#sub_contents .comm_g_area .txt_area .ttl {font-size: 25px; line-height:1.6;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color:#484035;}
#sub_contents .comm_g_area .txt_area .num {font-size:40px;color:#484035;font-family:"Cormorant",serif;}
#sub_contents .comm_g_area.row-reverse {flex-direction:row-reverse;}
#sub_contents .comm_g_area.row-reverse .img {margin-left:0 !important;margin-right:0 !important;}
#sub_contents .comm_g_area.row-reverse .txt_area {width:56%;}
#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%; border-radius:10px;}
#sub_contents .access_area{column-gap: 2%; row-gap: 20px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:46%;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#F4F1E9;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:22%;padding:10px 10px; background: #56371b; color: #fff; text-align:center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .tbl_info .th p{font-weight: normal;}
#sub_contents .tbl_info .td{width:76%;padding:10px 10px;}

/* 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 #664c32;}
#sub_contents .anker__item a:hover{opacity:.8;}

/* 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; border: 1px solid #7d6f5d; margin-bottom: 0px;}
#sub_contents .tab p {font-size: 18px;display: inline; }
#sub_contents .tab.is-active {padding: 15px 0; background: #56371b;color: #fff; margin-bottom: 0px;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}

/* guide
-----------------------------*/
#sub_contents .rec_g_area {padding: 30px 20px 20px; position: relative;background-color: #faf6ed;}
#sub_contents .rec_g_area .img {width: 33%; margin-bottom:0px;}
#sub_contents .rec_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 1px solid #7d6f5d;}
#sub_contents .rec_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;background: #7d6f5d;left: 0;bottom: -5px;}
#sub_contents .rec_g_area .txt_area {width: 65%;}
#sub_contents .rec_g_area .txt_area .name{font-size:20px;font-weight: bold;margin-bottom: 10px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}

#sub_contents .flow_g_area .ttl {border-bottom:1px solid #7d6f5d;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:30px;color:#7d6f5d;padding-right:10px;display:inline-block;font-family:"Cormorant",serif;}
#sub_contents .flow_g_area .txt {font-size:20px;display:inline-block;font-weight:500;font-size:20px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .flow_g_area{padding:20px;position:relative;;margin-bottom:55px;border: 1px solid #7d6f5d;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #7d6f5d;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -15%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 70%;}

#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: 1px solid #7d6f5d;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #9e9788;}
#sub_contents .menu_ttl {font-size: 25px;margin-top:5px;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}

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

/* staff
-----------------------------*/
#sub_contents .staff_textBox {margin-bottom:50px;}
#sub_contents .staff_textBox .img{width: 30%;margin: 0 auto; position:relative;padding:0;} 
#sub_contents .staff_textBox .text-container {text-align:left;margin-top: 50px;}
#sub_contents .staff_textBox .text-container .name_en{font-family:"Cormorant",serif;font-size:40px;line-height:1.5;position: relative;margin-bottom:20px;display:inline-block;margin-right: 10px;color: #664c32;}
#sub_contents .staff_textBox .text-container .name{font-size:16px;line-height:1.5;position: relative;display:inline-block;}
#sub_contents .staff_textBox .text-container .name_ja_box {margin-bottom:20px;}
#sub_contents .staff_textBox .text-container .name_ja_box .name_ja{font-size:13px;display:inline-block;background:#e5d6d1;color:#111;border-radius:30px;padding:5px 10px;margin:0 5px 10px 0;}
#sub_contents .staff_textBox .text-container .catch {line-height:2;font-size: 0;margin-top:30px;text-align:left;padding:0 0 0 10px ;}
#sub_contents .staff_textBox .text-container .catch p{display:inline-block;font-size: 20px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#sub_contents .staff_textBox .text-container .txt {line-height:2;margin-top:20px;padding:0 0 0 10px;}
#sub_contents .staff_textBox .textarea {width: 52%;}
#sub_contents .staff_textBox .tr {border-bottom:1px solid #7d6f5d;display:flex;padding:0;}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 30px;}
#sub_contents .staff_textBox .tr .th {display:block;width:50%;padding:20px 0;}
#sub_contents .staff_textBox .tr .td {display:block;width:50%;padding:20px 0;}

/* worry
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}

/* menu
-----------------------------*/
#sub_contents .area_free{background:#644d34; padding:80px 90px 50px 90px; color:#fff; text-align:center;}
#sub_contents .area_free .ttl_free{font-size:40px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; margin-bottom:20px; text-align:center;position:relative;}
#sub_contents .area_free .ttl_free::before{position:absolute; content:"Free counseling"; font-size:90px; left:0px; right:0px; opacity:0.1; top:-15px; text-transform:uppercase;}
#sub_contents .area_free .item_btn{width:70%;}
#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: 70%;padding: 15px 0;border-bottom: 1px solid #7d6f5d;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #7d6f5d;}
#sub_contents .item_btn {max-width: 1250px;width: 50%;position: relative;text-align: center;margin: 0 auto; margin-bottom: 20px;margin-top: 20px;}
#sub_contents .item_btn a{padding:20px 0;}
#sub_contents .menu_ttl {font-size: 24px;margin-top:5px;}
  
/* school
-----------------------------*/
#sub_contents .rec_g_area .txt_area .course_ttl{font-size:20px;}

/* contact
-----------------------------*/
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}
#sub_contents .contact_area{display:block;}
#sub_contents .contact_list{margin-inline: auto; margin:0 auto; text-align:center;}
#sub_contents .contact_list:not(:last-child){margin-bottom: 20px;}
#sub_contents .sub_illust{text-align:center;width:42%; margin-left: auto; margin-right: auto;}
#sub_contents .atten_bg{background: rgb(255 255 255 / 65%); padding:25px 15px; position: relative;}
#sub_contents .atten_bg::before {position: absolute;bottom: 0;right: 0;width: 100%; height:100%;background:none;border: 1px solid #56371b;content: '';z-index: 1; }
#sub_contents .atten_bg p{text-align:left; font-weight:600; font-size:16px; line-height: 200%; position: relative; z-index: 2;}

/* news
-----------------------------*/
#sub_contents .webgene-blog:has(.categorylist){justify-content: flex-cnt;margin-bottom: 30px;}
#sub_contents .webgene-item.categorylist {display: inline-block;width: 100%;margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a{display: block;width: 100%; text-align: center;padding: 14px 10px;transition: .5s; border: 1px solid #7d6f5d; font-weight:bold;}
#sub_contents .webgene-item.categorylist a:hover{background:#7d6f5d; color:#fff;}
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #7d6f5d;}
#sub_contents .webgene-blog .news__date{display:inline-block;font-size:14px; font-weight:600;}
#sub_contents .webgene-blog .news__cate{display:inline-block; background:#F9D954; padding:3px 10px;font-size:13px; font-weight:bold;}

/* detail_news
-----------------------------*/
#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 #7d6f5d;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-size: 16px;font-weight:500; text-align:center;display:block;}
#sub_contents .area_blog{background: #fff;padding: 30px 20px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog figure img{border-radius:10px;}
#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: #554b3f;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #8f8255;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 #7d6f5d;}
#sub_contents .btn_clear a::after {content: "";position: absolute;top:25px; left: -35px;width: 45px;height: 1px;background: #7d6f5d;transition: width 0.3s ease;}

}


@media screen and (min-width:1024px) {
 
/* concept
-----------------------------*/
#sub_contents .access_area{column-gap: 1%; row-gap: 10px;}
#sub_contents .access_list{width:23%;}
#sub_contents .access_list img{width:100%; border-radius:7px;}
  
/* worry
-----------------------------*/
#sub_contents .guide_check_box {padding:30px;margin-bottom: 50px;border: 1px solid #56371b;}
#sub_contents .guide_check_box .check {width: 48%;text-align: left;}
#sub_contents .guide_check_box .check .span {padding-left: 30px;display: inline-block;position: relative;margin-bottom: 20px;font-size: 16px;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color: #56371b;}
#sub_contents .guide_check_box .check .span::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 .guide_check_box .ttl {font-size: 20px;font-weight: 500;display: block;width: 100%;text-align: left;margin-bottom: 20px;border-bottom: 1px solid #ee626c;padding: 10px 0;}

/* accordion
-----------------------------*/
#sub_contents .accordion .acc_title p {position: relative; cursor: pointer;padding: 15px 15px 15px 30px; border-top: 1px solid #7d6f5d;border-bottom: 1px solid #7d6f5d;font-weight: bold;background: #f6f6f6;transition: background 0.3s;}
#sub_contents .accordion .acc_title p::before {content: "●";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);font-size: 7px;color: #7f786f;}
#sub_contents .accordion .acc_title:not(:first-of-type) p {border-top: none;}
#sub_contents .accordion .acc_title p:hover {background: #dcdad5;}
#sub_contents .accordion .acc_title.open p {background: #dcdad5;}
#sub_contents .accordion .acc_content {display: none;padding: 20px;background:#fff;}
  

}