/*=============================
	Sub(Lower)Page setting
===============================*/
.txt_st{ text-align: center; line-height: 200%; margin-bottom:50px;margin-top:20px;}

/* main_visual
----------------------------------- */
#sub_visual {padding-top:80px; height:200px;position:relative;z-index:0;margin-top:40px;overflow: hidden;}
#sub_visual .img { height:200px; position: absolute; right: 0; top: 0; width:90%;z-index:-1;}
#sub_visual .img img{width:100%;height:94%;object-fit: cover;object-position: right top;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual .h1 h1{font-size:26px; line-height: 140%;font-weight: 400;letter-spacing: 4px;font-family: "Marcellus", serif;font-weight: normal;color: #332719;}
#sub_visual .h1 .ttl{font-size:18px;line-height:200%;font-family: "Marcellus", serif;font-weight: normal;color:#b69662;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:200px; height:400px;position:relative;z-index:0;margin-top:50px;overflow: hidden;}
#sub_visual .img { height:400px; position: absolute; right: 0; top: 0; width:90%;z-index:-1;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual .h1 h1{font-size:54px; line-height: 140%;font-weight: normal;letter-spacing: 4px;font-family: "Marcellus", serif;font-weight: normal;}
#sub_visual .h1 .ttl{font-size:28px;line-height:200%;font-family: "Marcellus", serif;font-weight: normal;color:#b69662;}
}
@media screen and (min-width:1024px) {
#sub_visual {padding-top:200px; height:500px;position:relative;z-index:0;margin-top:50px;overflow: hidden;}
#sub_visual .img { height:500px; position: absolute; right: 0; top: 0; width:90%;z-index:-1;}
#sub_visual .img img{width:100%;height:94%;object-fit: cover;object-position: center;}
#sub_visual .h1{max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual .h1 h1{font-size:64px; line-height: 140%;font-weight: normal;letter-spacing: 4px;font-family: "Marcellus", serif;font-weight: normal;}
#sub_visual .h1 .ttl{font-size:34px;line-height:200%;font-family: "Marcellus", serif;font-weight: normal;color:#b69662;}
}

/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; margin-bottom:0;text-align:right;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 14px; display:block;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; 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: 50px auto 50px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:50px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:100px;}
#sub_contents .sub_ttl.mt10 {text-align:center;margin-top:10px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:22px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-family: "Marcellus", serif;font-weight: normal;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 1px;background: #b69662;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:15px; display: block;margin-bottom:0px;font-family: "Marcellus", serif;font-weight: normal;color: #b69662;letter-spacing: 0.1em;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; 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: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .mb0{padding-bottom:0px;}
#sub_contents .sub_bg{background:#fff;padding: 40px 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.mt0{max-width: 94%; margin: 0px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;}
#sub_contents .sub_ttl.mt10 h2{text-align:center;margin-top:10px;}
#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: normal;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 1px;background: #b69662;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:15px; 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 .sub_bg{background:#fff;padding: 0px 0 40px;z-index:0;}
#sub_contents .link_area a{padding:5px;}
}
@media screen and (min-width:1025px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
#sub_contents .section.mt0{max-width: 1280px; margin: 0px auto 100px;position: relative;}
}
@media screen and (min-width:1500px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
#sub_contents .section.mt0{max-width: 1280px; margin: 0px auto 100px;position: relative;}
}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 30px;}
#sub_contents .anker__item{width: 100%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #b69662;color: #fff;}
#sub_contents .anker__item a:hover {background: #b69662;color:#fff;}
#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,#link03_02{margin-top:-60px;padding-top:60px;}
@media screen and (min-width:299px) {
#sub_contents .anker__items{column-gap: 1%;}
#sub_contents .anker__item{width: 100%; height: 45px;}
#sub_contents .anker__item a{line-height: 45px;}
#sub_contents .anker__items{column-gap: 3%;}
}
@media screen and (min-width:525px) {
#sub_contents .anker__items{row-gap: 25px;}
#sub_contents .anker__item{width: 45%;}
#sub_contents .anker__item.menu_btn{width:50%;}
}
@media screen and (min-width: 768px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 20px;}
#sub_contents .anker__item.w20 {width: 45%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12,#link03_02{margin-top:-120px;padding-top:120px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__item{width: 22%;}
#sub_contents .anker__item.w20 {width: 19%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12,#link03_02{margin-top:-120px;padding-top:120px;}
}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:18%; padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b69662;}
#sub_contents .tab.sub_recruit {width:40%;}
#sub_contents .tab p {font-size: 13px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #b69662;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:22%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b69662;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #b69662;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;}
}

/* menu
-----------------------------*/
#sub_contents .center_img {text-align: center;margin: 0 auto 30px;}
#sub_contents .center_img img{width:100%; ;}
#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 #b69662;}
#sub_contents .tbl_menu .th p{font-weight: normal;}
#sub_contents .tbl_menu .td p{font-weight: normal;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 17px;font-weight:normal;text-align: left;border-left: 5px solid #b69662; line-height: 1.5;position: relative;font-weight: normal;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:13px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #b69662;}

#sub_contents .menu_subttl_ill {position: relative;padding-left: 50px;font-size: 15px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_menu_icon01.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_02 {position: relative;padding-left: 50px;font-size: 14px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill_02::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_menu_icon02.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_03 {position: relative;padding-left: 50px;font-size: 14px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill_03::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_menu_icon03.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_04 {position: relative;padding-left: 50px;font-size: 15px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill_04::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_menu_icon04.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_05 {position: relative;padding-left: 50px;font-size: 15px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill_05::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_menu_icon05.png");background-size: contain;background-repeat: no-repeat;background-position: center;}

@media screen and (min-width:768px) {
#sub_contents .center_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: 2px solid #b69662;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 .menu_subttl_ill {position: relative;padding-left: 90px;font-size: 18px;}
#sub_contents .menu_subttl_ill::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 80px;  height: 80px;background-image: url("../images/sub_menu_icon01.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_02 {position: relative;padding-left: 90px;font-size: 18px;}
#sub_contents .menu_subttl_ill_02::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 80px;  height: 80px;background-image: url("../images/sub_menu_icon02.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_03 {position: relative;padding-left: 90px;font-size: 18px;}
#sub_contents .menu_subttl_ill_03::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 80px;  height: 80px;background-image: url("../images/sub_menu_icon03.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_04 {position: relative;padding-left: 90px;font-size: 18px;}
#sub_contents .menu_subttl_ill_04::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 80px;  height: 80px;background-image: url("../images/sub_menu_icon04.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
#sub_contents .menu_subttl_ill_05 {position: relative;padding-left: 90px;font-size: 18px;}
#sub_contents .menu_subttl_ill_05::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 80px;  height: 80px;background-image: url("../images/sub_menu_icon05.png");background-size: contain;background-repeat: no-repeat;background-position: center;}
}
@media screen and (min-width: 1024px) {
#sub_contents .center_img img{max-width: 900px;width: 100%;}
}

/* information
-----------------------------*/
#sub_contents .tbl_information {width: 100%;margin-inline: auto;}
#sub_contents .tbl_information .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_information .th {width: 100%;padding: 10px 0 0 0;border-bottom: none;line-height: 1.6;border-bottom: 1px solid #eeeeee;}
#sub_contents .tbl_information .td {width: 100%;text-align: left;padding: 0 0 10px 0;line-height: 1.6;border-bottom: 1px solid #b69662;}
#sub_contents .tbl_information .th p{font-weight: normal;}
#sub_contents .tbl_information .td p{font-weight: normal;}

#sub_contents .comm_textBox .img{width: 100%; margin-bottom: 30px; position:relative;}
#sub_contents .comm_textBox .img img{width: 100%;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:20px;} 
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Marcellus", serif;}
#sub_contents .comm_textBox .textarea .ttl_ja {font-size:16px;font-weight: 500;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea p {line-height:2;} 
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: solid 1px #b69662;margin-bottom: 10px;font-weight: normal;font-size: 17px;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: normal;margin-top: 20px;color:#b69662} 

#sub_contents .sub_map{width:100%;}

@media screen and (min-width:768px) {
#sub_contents .tbl_information {width: 100%;margin-inline: auto;}
#sub_contents .tbl_information .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_information .th {width: 30%;padding: 15px 0;border-bottom: 2px solid #b69662;line-height: 1.6;text-align: left;padding-left: 1em;}
#sub_contents .tbl_information .td {width: 70%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #eeeeee;text-align: left;padding-left: 1em;}

}

@media screen and (min-width:1024px) {
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 45%;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Marcellus", serif;}
#sub_contents .comm_textBox .textarea .ttl_ja {font-size:20px;font-weight: 500;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: solid 1px #b69662;font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_name.colgreen {border-bottom: solid 1px #b69662;font-size: 20px;color:#b69662; } 
}


/* guide
----------------------------------- */
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:15px;margin-bottom:10px;text-align:center;font-weight: 500;}
#sub_contents .concept_area .txt.sub_sub_ttl {font-size:15px;text-align:center;font-weight: normal;border-bottom: solid 2px #b69662; display: inline-block;margin: 0 auto 10px;position: relative;}
#sub_contents .concept_area p {line-height:2;font-size:14px;text-align:center;}
#sub_contents .concept_area a.sub_contact_url {font-size:16px;text-align:center;margin:0 auto;}
#sub_contents .concept_area p.colred {color: #ee0101;}
#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 .flow_g_area .ttl {border-bottom:1px solid #b69662;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-family: "Marcellus", serif;font-size:18px;color:#b69662;padding-right:10px;display:inline-block;font-weight: normal;}
#sub_contents .flow_g_area .txt {font-size:16px;display:inline-block;font-weight: normal;}
#sub_contents .flow_g_area{background-color: #fff;padding:30px;position:relative;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);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 #b69662;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -5%;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%;}
#sub_contents .normal{font-weight:normal;}

@media screen and (min-width:768px) {
#sub_contents .flow_g_area .num {font-size:24px;padding-right:10px;}
#sub_contents .flow_g_area .txt {font-size:20px;padding-bottom:5px;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;} 
#sub_contents .flow_g_area .txt_area {width: 70%;} 
#sub_contents .flow_g_area:not(:last-child):before{bottom: -10%;}
}

@media screen and (min-width:1024px) {
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:25px;margin-bottom:20px;}
#sub_contents .concept_area .txt.sub_sub_ttl {font-size:25px;margin-bottom:20px;text-align:center;font-weight: normal;border-bottom: solid 2px #b69662; display: inline-block;}
#sub_contents .concept_area p {line-height:2;font-size:16px;text-align: center;}
#sub_contents .concept_area a.sub_contact_url {font-size:20px;text-align:center;margin: 0 auto;}
#sub_contents .concept_img{column-gap: 2%;}
#sub_contents .concept_img .li {width:23%;margin-bottom:0;}
#sub_contents .concept_img .li img{width:100%;}
#sub_contents .concept_img .li:nth-child(even){padding-top:50px; }
  
#sub_contents .flow_g_area:not(:last-child):before{bottom: -13%;}
#sub_contents .flow_g_area{margin-bottom:55px;}
}