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

/* main_visual
----------------------------------- */
#sub_visual {width: 100%;height: 230px;padding-top:20px;position: relative;background: url(../images/sub_visual.jpg) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;}
#sub_visual h1{margin:0 auto;font-size: 24px;color:#452f0d;font-weight: 500;letter-spacing: 0.16em;display: block;margin-top: 100px;margin-right:10px; text-align:right;/*text-shadow: 0px 0px 30px #52483e;*/ font-family: "Quicksand", sans-serif;}
#sub_visual p{margin:0 auto;font-size: 16px;color:#452f0d;font-weight: 500;letter-spacing: 0.14em;display: block;text-align:right;margin-right:10px; text-transform:uppercase;font-family: "Noto Sans JP", sans-serif;}

@media screen and (min-width:768px) {
#sub_visual {width: 100%;height: 400px;padding-top:50px;position: relative;background: url(../images/sub_visual.jpg) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px;}
#sub_visual h1{font-size: 36px;margin-top: 140px;margin-right:50px;}
#sub_visual p{font-size: 22px; margin-right:50px;}
}
@media screen and (min-width: 1024px) {
#sub_visual {height: 450px;}
#sub_visual h1{font-size: 42px;margin-top: 170px;max-width: 1240px;}
#sub_visual p{font-size: 24px;max-width: 1240px;}
}
@media screen and (min-width: 1280px) {
#sub_visual {height: 550px;}
#sub_visual h1{font-size: 60px;}
#sub_visual p{font-size: 32px;}
}
@media screen and (min-width: 1920px) {
#sub_visual {height: 750px;padding-top:140px;}
#sub_visual h1{font-size: 68px;margin-top: 170px;margin-right:200px;}
#sub_visual p{font-size: 36px; margin-right:200px;}
}

/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 12px; margin-bottom:0;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 14px; text-align:right; display:block;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0 0 30px 0;background:#fffbf5;z-index:0;}
#sub_contents section{max-width: 94%; margin: 10px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:50px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:10px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:24px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: 500;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:-15px;display: inline-block;width:35px;height:35px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:15px; display: block;margin-bottom:0px;font-family: "Patrick Hand", serif;font-weight: 500;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 150%;}
#sub_contents .tcen{text-align:left;}
#sub_contents .f13 {font-size:13px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 40px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .mb0{padding-bottom:0px;}
#sub_contents .sub_bg{background: url(../images/sub_bg.jpg) no-repeat top center / cover ; background-size: cover; padding: 10px 0px 20px 0;}
#sub_contents .sub_bg_simple{background-color: #fff;padding: 0px 0 100px;}
@media screen and (min-width:768px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;z-index:0;}
#sub_contents section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 100px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;margin-top:50px;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:35px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-weight: 500;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:-15px;display: inline-block;width:40px;height:40px;background:url(../images/subttl_icon.png) no-repeat;background-size:contain; right:0; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; 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: url(../images/sub_bg.jpg) no-repeat top center / cover ; background-size: cover; padding: 10px 0px 20px 0;}
#sub_contents .sub_bg_simple{background-color: #fff;padding: 0px 0 100px;}
}
@media screen and (min-width:1025px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;padding-left:200px;}
}
@media screen and (min-width:1500px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;padding-left:100px;}
}

/* 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;border-radius: 0;border-radius: 9999px;color: #fff;border:solid 1px #452f0d;color: #452f0d;}
#sub_contents .anker__item a:hover {background: #452f0d;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:-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.w100{width: 100%;}
#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%;}
#sub_contents .anker__item.w100{width: 100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__item{width: 25%;}
#sub_contents .anker__item.w20 {width: 19%;}
#sub_contents .anker__item.w100{width: 100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}

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

@media screen and (min-width:1024px) {
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #eee;}
#sub_contents .tbl_info .tr:nth-child(2n){background:rgba(255,255,255,0.5);}
#sub_contents .tbl_info .th{width:30%;padding:15px 40px;text-align:center;}
#sub_contents .tbl_info .td{width:70%;padding:15px;}
}
@media screen and (min-width:1024px) {
}

/* improving
-----------------------------*/
#sub_contents .worry_flex {position: relative;gap: 20px;}
#sub_contents .worry_flex::before {width: 243px;height: 71px;content: "";position: absolute;bottom: -65px;right: 0;left: 0;margin: 0 auto;}
#sub_contents .worry_flex .flex_item {border: 1px solid #faf0e0;text-align: center;padding: 50px 2px;  width: 100%;background-color: #fff;}
#sub_contents .worry_flex .flex_item img {max-width: 250px;width: 100%;height: auto;text-align: center;}
#sub_contents .worry_ttl {text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 35px;}
@media screen and (min-width:414px) { 
#sub_contents .illustration04 {margin-bottom: 100px; position: relative;margin-top: 76px;text-align:left;background-color: #fff;    padding: 30px 20px;}
}
@media screen and (min-width:768px) { 
#sub_contents .worry_flex .flex_item {border: 1px solid #faf0e0;text-align: center;padding: 50px 8px;  width: 47%;}
}

/* flow
----------------------------------- */
#sub_contents .flow_g_area .ttl {border-bottom:2px dashed #faf0e0;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-family: "Quicksand", sans-serif;font-size:18px;color:#f59500;padding-right:10px;display:inline-block;font-weight: bold;}
#sub_contents .flow_g_area .txt {font-size:16px;display:inline-block;font-weight:500;}
#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 #f59500;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 .bold{font-weight:bold;}

@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: bold;border-bottom: solid 2px #412500; 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;}
}

/* menu
-----------------------------*/
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width:100%; border-radius: 10px;max-width: 900px;}
#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;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 100%;padding: 15px 0;border-bottom: 0px solid #452f0d;line-height: 1.6;}
#sub_contents .tbl_menu .td {width: 100%;text-align: right;padding: 15px 0;line-height: 1.6;border-bottom: 1px solid #452f0d;}
#sub_contents .tbl_menu .th p{font-weight:600;}
#sub_contents .tbl_menu .td p{font-weight:500;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 5px 15px;font-size: 25px;font-weight:bold;text-align: left;border-left: 5px solid #452f0d; line-height: 1.5;position: relative;font-weight: bold;}
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:18px;margin-top:5px;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; border-radius: 10px; background: #452f0d;}

#sub_contents .concept_img{column-gap: 3%;}
#sub_contents .concept_img .li {width:23%;margin-bottom:10px;}
#sub_contents .concept_img .li img{width:100%;}

#sub_contents .center_img{width:100%;text-align: center;margin: 0 auto 50px;}
#sub_contents .center_img img{width:800px;text-align: center;margin: 0 auto;border-radius: 10px;}

/* staff
----------------------------------- */
#sub_contents .comm_textBox .img{width: 100%; margin-bottom: 30px; 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: "Quicksand", sans-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_number {font-family: "Quicksand", sans-serif;color:#f59500;} 
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: dashed 1px #f59500;margin-bottom: 10px;font-weight: bold;font-size: 17px;} 

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

@media screen and (min-width:1024px) {
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox.st .img{width: 25%;}
#sub_contents .comm_textBox .textarea {width: 45%;}
#sub_contents .comm_textBox.st .textarea {width: 70%;}
#sub_contents .comm_textBox .textarea .ttl_en {font-size:14px;font-family: "Quicksand", 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 {font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_ttl {font-weight: bold;margin-top: 20px;} 
}

/* products
----------------------------------- */
#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: bold;border-bottom: solid 2px #452f0d; 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%;}

@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: bold;border-bottom: solid 2px #452f0d; 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; }
}