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

/* main_visual
----------------------------------- */
#sub_visual {width: 100%;height: 200px;position: relative; background: url(../images/sub_visual_sp.jpg) no-repeat center top / cover; margin: 0 0 0 auto;padding-top:50px;}
#sub_visual img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:94%; display:none;}
#sub_visual .h1_container {width: 100%;text-align: left;max-width:94%;margin: 0 auto;position: relative;}
#sub_visual .h1_container h1{margin:0 auto;font-size: 50px; font-weight: normal;letter-spacing: 0.1em;display: block;text-align:left; text-transform:lowercase;position: relative; font-family: "Allura", cursive;}
#sub_visual .h1_container p.ttl{font-size: 17px; font-weight: bold;display: inline-block;text-align:left;background-color: #fff;padding: 5px 10px 5px 10px;border-radius: 10px;margin-left: 0;position: relative;}

@media screen and (min-width:768px) {
#sub_visual {width: 100%;height: 350px;position: relative; background: url(../images/sub_visual.jpg) no-repeat center top / cover; margin: 0 0 0 auto;padding-top:100px;}
#sub_visual img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:94%; display:none;}
#sub_visual .h1_container {width: 100%;text-align: left;max-width:94%;margin: 0 auto;position: relative;}
#sub_visual .h1_container h1{margin:0 auto;font-size: 80px; font-weight: normal;letter-spacing: 0.1em;display: block;text-align:left; text-transform:lowercase;position: relative; font-family: "Allura", cursive;}
#sub_visual .h1_container p.ttl{font-size: 20px; font-weight: bold;display: inline-block;text-align:left;background-color: #fff;padding: 5px 10px 5px 10px;border-radius: 10px;margin-left: 0;position: relative;}
}

@media screen and (min-width:1024px) {
#sub_visual {width: 100%;height: 450px;position: relative; background: url(../images/sub_visual.jpg) no-repeat center top / cover; margin: 0 0 0 auto;padding-top:150px;}
#sub_visual img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:94%; display:none;}
#sub_visual .h1_container {width: 100%;text-align: left;max-width:1140px;margin: 0 auto;position: relative;padding: 0 2%;}
#sub_visual .h1_container h1{margin:0 auto;font-size: 90px; font-weight: normal;letter-spacing: 0.1em;display: block;text-align:left; text-transform:lowercase;position: relative; font-family: "Allura", cursive;}
#sub_visual .h1_container p.ttl{font-size: 20px; font-weight: bold;display: inline-block;text-align:left;background-color: #fff;padding: 5px 10px 5px 10px;border-radius: 10px;margin-left: 0;position: relative;}
}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:0px 0px 50px 0;z-index:0;background-color: #eee;}
#sub_contents section{max-width:94%; margin: 50px auto 30px;position: relative;}
#sub_contents .section{max-width:94%; margin: 50px auto 30px;position: relative;}
#sub_contents .section.mt0{max-width: 94%; margin: 0px auto 30px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:30px;}
#sub_contents .sub_ttl.mt10 h2{text-align:center;margin-top:10px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:20px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 15px;letter-spacing: 0.08em;font-weight: normal;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_h2_icon.png) no-repeat center center / cover ;width:30px;height:30px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl .span{font-size:14px; display: block;margin-bottom:0px;font-family: "Lato", sans-serif;text-transform: capitalize;}
#sub_contents .txt_cen{ text-align: center; font-size:14px; line-height: 200%;}
#sub_contents .txt_cen.span{ text-align: center; font-size:16px; line-height: 200%;font-weight: bold;}
#sub_contents .txt_st{ text-align: center; 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: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .mt0{margin-top: 0px;}
#sub_contents .pt0{padding-top: 0px;}
#sub_contents .sub_bg{background:#ede7d7;padding: 0px 0 20px;z-index:0;}
#sub_contents .link_area a{padding:5px;}

@media screen and (min-width:768px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;z-index:0;background-color: #eee;}
#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;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_h2_icon.png) no-repeat center center / cover ;width:60px;height:60px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-family: "Lato", sans-serif;text-transform: capitalize;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .txt_cen.span{ text-align: center; font-size:24px; line-height: 200%;font-weight: bold;}
#sub_contents .txt_st{ text-align: center; 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 .mt0{margin-top: 0px;}
#sub_contents .pt0{padding-top: 0px;}
#sub_contents .sub_bg{background:#ede7d7;padding: 0px 0 40px;z-index:0;}
#sub_contents .link_area a{padding:5px;}
}
@media screen and (min-width:1024px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;z-index:0;background-color: #eee;}
#sub_contents section{max-width:1140px; margin: 100px auto 80px;position: relative;}
#sub_contents .section{max-width:1140px; margin: 100px auto 80px;position: relative;padding: 0 2%;}
#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;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{position: absolute;content: "";background: url(../images/sub_h2_icon.png) no-repeat center center / cover ;width:60px;height:60px;top: -10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-family: "Lato", sans-serif;text-transform: capitalize;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .txt_cen.span{ text-align: center; font-size:24px; line-height: 200%;font-weight: bold;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .tcen{text-align:center;}
#sub_contents .f13 {font-size:14px;}
#sub_contents .txt_cen strong{background: linear-gradient(90deg, #ad87bb, #86b0c8);; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:bold;}
#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 .mt0{margin-top: 0px;}
#sub_contents .pt0{padding-top: 0px;}
#sub_contents .sub_bg{background:#ede7d7;padding: 0px 0 40px;z-index:0;}
#sub_contents .link_area a{padding:5px;}
}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;max-width:94%;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;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:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:10px;}

@media screen and (min-width:768px) {
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;max-width:94%;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;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:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;}
}
@media screen and (min-width:1024px) {
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;max-width:1140px;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;padding:0 2%;}
}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 1%;row-gap: 5px;}
#sub_contents .anker__item{width: 100%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item.w50{width: 100%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#966c3b;border-radius: 9999px;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#966c3b;}
#sub_contents .anker__item a:hover {background: linear-gradient(90deg, #c5aecc, e3d6f4, #aacad2);color:#fff;}
#sub_contents .anker__item.sub_line a:hover {background: linear-gradient(90deg, #c5aecc, e3d6f4, #aacad2);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{margin-top:-120px;padding-top:50px;}

@media screen and (min-width:768px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 5px;}
#sub_contents .anker__item{width: 30%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item.w50{width: 100%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#966c3b;border-radius: 9999px;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#966c3b;}
#sub_contents .anker__item a:hover {background: linear-gradient(90deg, #ad87bb, #86b0c8);color:#fff;}
#sub_contents .anker__item.sub_line a:hover {background: linear-gradient(90deg, #ad87bb, #86b0c8);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{margin-top:-120px;padding-top:100px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 22%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item.w50{width: 45%;height: 50px;position: relative;display: block;margin: 5px;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);border-radius: 9999px;color:#966c3b;}
#sub_contents .anker__item.sub_line a {display: block;text-align: center;line-height: 50px;background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#966c3b;}
#sub_contents .anker__item a:hover {background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);color:#fff;}
#sub_contents .anker__item.sub_line a:hover {background: linear-gradient(90deg, #c5aecc, #e3d6f4, #aacad2);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{margin-top:-120px;padding-top:100px;}
}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:45%; padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #966c3b;}
#sub_contents .tab p {font-size: 11px;display: inline;font-weight: bold;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #966c3b;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: 767px) {
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:23%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #966c3b;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #966c3b;}
#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: #966c3b;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:17%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #966c3b;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #966c3b;}
#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: #966c3b;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;}
}
/* guide
----------------------------------- */
#sub_contents .border-list {border-bottom:1px solid #ede7d7;margin-bottom:20px;}
#sub_contents .flow_textBox .num {font-size:18px;font-family: "Lato", sans-serif;color:#966c3b;padding-right:10px;display:inline-block;}
#sub_contents .flow_textBox .txt {font-size:16px;display:inline-block;font-weight:500;}
#sub_contents .flow_textBox{padding:30px;position:relative;margin-bottom:45px;background:#fff;}
#sub_contents .flow_textBox:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #966c3b;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -5%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_textBox .img{width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .flow_textBox .textarea {width: 100%;} 

#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;background: #966c3b;position: relative;color:#fff;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;border: 1px solid #966c3b;background:#fff;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#fff;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #966c3b;}

@media screen and (min-width:768px) {
#sub_contents .flow_textBox .num {font-size:30px;padding-right:15px;}
#sub_contents .flow_textBox .txt {font-size:20px;padding-bottom:5px;}
#sub_contents .flow_textBox .img{width: 20%;margin-bottom: 0px;} 
#sub_contents .flow_textBox .textarea {width: 75%;} 
#sub_contents .flow_textBox:not(:last-child):before{bottom: -15%;}
}
@media screen and (min-width:1024px) {
#sub_contents .flow_textBox:not(:last-child):before{bottom: -15%;}
#sub_contents .flow_textBox{margin-bottom:55px;}
}

/* menu
-----------------------------*/
#sub_contents .center_img {text-align: center;margin: 0 auto 20px;}
#sub_contents .center_img img{max-width: 100%;width: 100%;border-radius: 10px;}
#sub_contents .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 #966c3b;line-height: 1.6;}
#sub_contents .tbl_menu .th p {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #966c3b;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 17px;font-weight:normal;text-align: left;border-left: 5px solid ; line-height: 1.5;position: relative;font-weight: normal;border-image: linear-gradient(to top, #ad87bb, #86b0c8) 1;}
#sub_contents .menu_subttl{position: relative;padding-left: 15px; font-size:15px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #966c3b;}
@media screen and (min-width:768px) {
#sub_contents .center_img {text-align: center;margin: 0 auto 30px;}
#sub_contents .center_img img{max-width: 700px;width: 100%;border-radius: 10px;}
#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 #966c3b;line-height: 1.6;}
#sub_contents .tbl_menu .th p {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #966c3b;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 22px;font-weight:normal;text-align: left;border-left: 5px solid ; line-height: 1.5;position: relative;font-weight: normal;border-image: linear-gradient(to top, #ad87bb, #86b0c8) 1;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #966c3b;}
}
@media screen and (min-width:1024px) {
#sub_contents .center_img {text-align: center;margin: 0 auto 30px;}
#sub_contents .center_img img{max-width: 900px;width: 100%;border-radius: 10px;}
#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 #966c3b;line-height: 1.6;}
#sub_contents .tbl_menu .th p {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #966c3b;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 0px 15px;font-size: 25px;font-weight:normal;text-align: left;border-left: 5px solid ; line-height: 1.5;position: relative;font-weight: normal;border-image: linear-gradient(to top, #ad87bb, #86b0c8) 1;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #966c3b;}
}

/* case
-----------------------------*/
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Lato", sans-serif; position: absolute; right: 0; bottom: 0px; background: #966c3b; color: #fff; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 16px;}
#sub_contents .cc_list .li img {border-radius: 10px;}
@media screen and (min-width:768px) {
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Lato", sans-serif; position: absolute; right: 0; bottom: 0px; background: #966c3b; color: #fff; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 16px;}
#sub_contents .cc_list .li img {border-radius: 10px;}
}
@media screen and (min-width:1024px) {
#sub_contents .cc_list.col{width: 100%; padding: 0; margin-left: auto; margin-right: auto;}
#sub_contents .cc_list.col .li{width: 49%; margin: 0px auto 10px; position: relative;}
#sub_contents .cc_list .li{width: 100%; margin: 0px auto 30px;}
#sub_contents .cc_list .li img{width: 100%; position: relative;}
#sub_contents .cc_list .li .caption{font-family: "Lato", sans-serif; position: absolute; right: 0; bottom: 0px; background: #966c3b; color: #fff; padding: 5px 10px; font-weight: bold;border-radius: 10px 0 10px 0;text-transform: capitalize;}
#sub_contents .cc_list .li .caption p{font-size: 18px;}
#sub_contents .cc_list .li img {border-radius: 10px;}
}
/* products
----------------------------------- */
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .img img{border-radius: 10px;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Lato", sans-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: dashed 1px #966c3b;margin-bottom: 10px;font-weight: bold;font-size: 17px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Lato", sans-serif;color:#966c3b;font-size: 13px;margin-bottom: 0px;text-transform: capitalize;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: bold;margin-top: 20px;} 

#sub_contents .ranking_check_area {width: 100%;padding: 20px 20px 10px;border: 1px solid #966c3b;}
#sub_contents .ranking_check_area .catch {font-size: 14px;margin-bottom: 10px;font-weight: bold;}
#sub_contents .ranking_check_area .span { padding-left: 25px;display: block;position: relative;margin-bottom: 10px;font-size: 14px;margin-right: 0px;}
#sub_contents .ranking_check_area .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 15px;height: 15px;background: url(../images/sub_check.png) no-repeat;background-size: contain;}

#sub_contents .ranking_check_area.guide {width: 100%;padding: 0px;border: none;}
#sub_contents .ranking_check_area.guide .span { padding-left: 25px;display: block;position: relative;margin-bottom: 10px;font-size: 14px;margin-right: 10px;}
#sub_contents .ranking_check_area.guide .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 15px;height: 15px;background: url(../images/sub_comment.png) no-repeat;background-size: contain;}
@media screen and (min-width:768px) {
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Lato", sans-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: dashed 1px #966c3b;margin-bottom: 10px;font-weight: bold;font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Lato", sans-serif;color:#966c3b;font-size: 15px;margin-bottom: 5px;text-transform: capitalize;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: bold;margin-top: 20px;} 

#sub_contents .ranking_check_area {width: 100%;padding: 30px 40px 20px;border: 1px solid #966c3b;}
#sub_contents .ranking_check_area .catch {font-size: 18px;margin-bottom: 20px;font-weight: bold;}
#sub_contents .ranking_check_area .span { padding-left: 30px;display: block;position: relative;margin-bottom: 10px;font-size: 16px;margin-right: 10px;}
#sub_contents .ranking_check_area .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 .ranking_check_area.guide {width: 100%;padding: 0px;border: none;}
#sub_contents .ranking_check_area.guide .span { padding-left: 30px;display: block;position: relative;margin-bottom: 10px;font-size: 16px;margin-right: 10px;}
#sub_contents .ranking_check_area.guide .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_comment.png) no-repeat;background-size: contain;}
}
@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%;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Lato", sans-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: dashed 1px #966c3b;margin-bottom: 10px;font-weight: bold;font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Lato", sans-serif;color:#966c3b;font-size: 15px;margin-bottom: 5px;text-transform: capitalize;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: bold;margin-top: 20px;} 

#sub_contents .ranking_check_area {width: 100%;padding: 30px 40px 20px;border: 1px solid #966c3b;}
#sub_contents .ranking_check_area .catch {font-size: 18px;margin-bottom: 20px;font-weight: bold;}
#sub_contents .ranking_check_area .span { padding-left: 30px;display: block;position: relative;margin-bottom: 10px;font-size: 16px;margin-right: 10px;}
#sub_contents .ranking_check_area .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 .ranking_check_area.guide {width: 100%;padding: 0px;border: none;}
#sub_contents .ranking_check_area.guide .span { padding-left: 30px;display: block;position: relative;margin-bottom: 10px;font-size: 16px;margin-right: 10px;}
#sub_contents .ranking_check_area.guide .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_comment.png) no-repeat;background-size: contain;}
}
/* faq
----------------------------------- */
#sub_contents .border-list {border-bottom:1px solid #ede7d7;margin-bottom:20px;}
#sub_contents .flow_textBox {border-radius: 10px;}
#sub_contents .flow_textBox .num {font-size:20px;font-family: "Lato", sans-serif;color:#966c3b;padding-right:15px;display:inline-block;text-transform: capitalize;font-weight: normal;padding-bottom:5px;}
#sub_contents .flow_textBox .txt {font-size:17px;display:inline-block;font-weight:500;padding-bottom:5px;}
#sub_contents .flow_textBox{padding:20px;position:relative;margin-bottom:35px;background:#fff;}
#sub_contents .flow_textBox:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #966c3b;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -10%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .flow_textBox .img img{border-radius: 10px;} 
#sub_contents .flow_textBox .textarea {width: 100%;} 

#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 20px 25px 20px 50px;background: #966c3b;position: relative;color:#fff;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 20px 25px 20px 50px;position: relative;border: 1px solid #966c3b;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 20px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 17px;color:#fff;font-family: "Lato", sans-serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 17px;color: #966c3b;font-family: "Lato", sans-serif;}
@media screen and (min-width:768px) {
#sub_contents .border-list {border-bottom:1px solid #ede7d7;margin-bottom:20px;}
#sub_contents .flow_textBox {border-radius: 10px;}
#sub_contents .flow_textBox .num {font-size:20px;font-family: "Lato", sans-serif;color:#966c3b;padding-right:15px;display:inline-block;text-transform: capitalize;font-weight: normal;padding-bottom:5px;}
#sub_contents .flow_textBox .txt {font-size:18px;display:inline-block;font-weight:500;padding-bottom:5px;}
#sub_contents .flow_textBox{padding:20px;position:relative;margin-bottom:45px;background:#fff;}
#sub_contents .flow_textBox:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #966c3b;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -15%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_textBox .img{width: 20%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_textBox .img img{border-radius: 10px;} 
#sub_contents .flow_textBox .textarea {width: 75%;} 

#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 20px 25px 20px 55px;background: #966c3b;position: relative;color:#fff;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 20px 25px 20px 55px;position: relative;border: 1px solid #966c3b;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 30px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#fff;font-family: "Lato", sans-serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #966c3b;font-family: "Lato", sans-serif;}
}
@media screen and (min-width:1024px) {
	#sub_contents .border-list {border-bottom:1px solid #ede7d7;margin-bottom:20px;}
#sub_contents .flow_textBox {border-radius: 10px;}
#sub_contents .flow_textBox .num {font-size:24px;font-family: "Lato", sans-serif;color:#966c3b;padding-right:15px;display:inline-block;text-transform: capitalize;font-weight: normal;padding-bottom:5px;}
#sub_contents .flow_textBox .txt {font-size:20px;display:inline-block;font-weight:500;padding-bottom:5px;}
#sub_contents .flow_textBox{padding:30px;position:relative;margin-bottom:55px;background:#fff;}
#sub_contents .flow_textBox:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #966c3b;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -15%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_textBox .img{width: 20%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_textBox .img img{border-radius: 10px;} 
#sub_contents .flow_textBox .textarea {width: 75%;} 

#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 25px 30px 25px 60px;background: #966c3b;position: relative;color:#fff;border-radius: 10px 10px 0 0;}
#sub_contents .faq__item .dd {padding: 25px 30px 25px 60px;position: relative;border: 1px solid #966c3b;background:#fff;border-radius: 0 0 10px 10px;}
#sub_contents .faq__item .dt::before,
#sub_contents .faq__item .dd::before {position: absolute;left: 30px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;color:#fff;font-family: "Lato", sans-serif;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;color: #966c3b;font-family: "Lato", sans-serif;}
}
/* about
----------------------------------- */
#sub_contents .sub_resev_box {width: 100%;padding: 20px 10px;border-radius: 10px;position: relative;text-align: center;border: solid 1px #966c3b;}
#sub_contents .sub_resev_box p.ttl {font-size: 17px; font-weight: bold;text-align: center;margin: 0 auto 20px;display: block;}
#sub_contents .sub_resev_box p.small {font-size: 13px; font-weight: bold;text-align: center;margin: 0 auto 0px;display: block;}
#sub_contents .sub_resev_box .img {width: 100%;}
#sub_contents .sub_resev_box .img img{margin: 0 auto;width: 150px;object-fit: cover;}

#sub_contents .sub_illust{padding:0px;width:18%;}
#sub_contents .sub_illust_left{text-align:left;width:100%;padding:0px;max-width:1140px;position: relative;}
#sub_contents .sub_illust_left img{text-align:left;width:15%;padding:0px;left: 0;max-width: 94%;}
#sub_contents .sub_illust_right{text-align:right;width:100%;padding:0px;max-width: 94%;position: relative;}
#sub_contents .sub_illust_right img{text-align:right;width:15%;padding:0px;right: 0;max-width: 94%;}

#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:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:100%;padding:15px 15px;}

#sub_contents .tbl_info.pro .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info.pro .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info.pro .th{width:100%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info.pro .td{width:100%;padding:15px 15px;}

#sub_contents .sub_map{width:100%;height: 300px;}
@media screen and (min-width:768px) {
#sub_contents .sub_resev_box {width: 100%;padding: 20px 30px;border-radius: 10px;position: relative;text-align: center;border: solid 1px #966c3b;}
#sub_contents .sub_resev_box p.ttl {font-size: 20px; font-weight: bold;text-align: center;margin: 0 auto 20px;display: block;}
#sub_contents .sub_resev_box p.small {font-size: 15px; font-weight: bold;text-align: center;margin: 0 auto 0px;display: block;}
#sub_contents .sub_resev_box .img {width: 100%;}
#sub_contents .sub_resev_box .img img{margin: 0 auto;width: 200px;object-fit: cover;}

#sub_contents .sub_illust{padding:0px;width:18%;}
#sub_contents .sub_illust_left{text-align:left;width:100%;padding:0px;max-width:1140px;position: relative;}
#sub_contents .sub_illust_left img{text-align:left;width:15%;padding:0px;left: 0;max-width: 94%;}
#sub_contents .sub_illust_right{text-align:right;width:100%;padding:0px;max-width: 94%;position: relative;}
#sub_contents .sub_illust_right img{text-align:right;width:15%;padding:0px;right: 0;max-width: 94%;}

#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:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px;}

#sub_contents .tbl_info.pro .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info.pro .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info.pro .th{width:60%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info.pro .td{width:40%;padding:15px 15px;}

#sub_contents .sub_map{width:100%;height: 500px;}
}
@media screen and (min-width:1024px) {
#sub_contents .sub_resev_box {width: 100%;padding: 20px 40px;border-radius: 10px;position: relative;text-align: center;border: solid 1px #966c3b;}
#sub_contents .sub_resev_box p.ttl {font-size: 22px; font-weight: bold;text-align: center;margin: 0 auto 30px;display: block;}
#sub_contents .sub_resev_box p.small {font-size: 15px; font-weight: bold;text-align: center;margin: 0 auto 0px;display: block;}
#sub_contents .sub_resev_box .img {width: 100%;}
#sub_contents .sub_resev_box .img img{margin: 0 auto;width: 300px;object-fit: cover;}

#sub_contents .sub_illust{padding:0px;width:18%;}
#sub_contents .sub_illust_left{text-align:left;width:100%;padding:0px;max-width:1140px;position: relative;}
#sub_contents .sub_illust_left img{text-align:left;width:15%;padding:0px;left: 0;max-width: 1280px;}
#sub_contents .sub_illust_right{text-align:right;width:100%;padding:0px;max-width: 1280px;position: relative;}
#sub_contents .sub_illust_right img{text-align:right;width:15%;padding:0px;right: 0;max-width: 1280px;}

#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:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px;}

#sub_contents .tbl_info.pro .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info.pro .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info.pro .th{width:60%;padding:15px 15px;background:#966c3b;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info.pro .td{width:40%;padding:15px 15px;}

#sub_contents .sub_map{width:100%;height: 500px;}
}