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

/* main_visual
----------------------------------- */
#sub_visual {padding-top:80px;background:url(../images/sub_visual.jpg) no-repeat top right; height: 180px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:94%;margin:0 auto;}
#sub_visual h1{text-transform: uppercase; font-size:38px; line-height: 100%;font-weight: 300; font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}  
#sub_visual .ttl{font-size:14px; line-height: 100%;font-weight: 400;padding-left:10px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:140px;background:url(../images/sub_visual.jpg) no-repeat bottom right; height: 250px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:94%;margin:0 auto;}
#sub_visual h1{text-transform: uppercase; font-size:50px; line-height: 100%;font-weight: 300; font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}  
#sub_visual .ttl{font-size:16px; line-height: 100%;font-weight: 400;padding-left:20px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
}
@media screen and (min-width:1024px) {
#sub_visual {padding-top:220px;background:url(../images/sub_visual.jpg) no-repeat bottom right; height: 450px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:1280px;margin:0 auto;}
#sub_visual h1{text-transform: uppercase; font-size:100px; line-height: 100%;font-weight: 300; font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}  
#sub_visual .ttl{font-size:20px; line-height: 100%;font-weight: 400;padding-left:20px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 10px; margin-bottom:0;text-align:right;display:block;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0 0 30px 0;background:#edfffe;z-index:0;}
#sub_contents section{max-width: 94%; margin: 50px 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;display: flex;flex-direction: column;align-items: center;margin-bottom:30px;}
#sub_contents .sub_ttl h2{text-transform: uppercase; font-size:30px; margin-bottom:5px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .sub_ttl .span{ font-size:13px;margin-bottom:0px;font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .txt_cen{ text-align: center; line-height: 170%;}
#sub_contents .txt_cen p{display:inline-block;}
#sub_contents .txt_cen.strong{font-weight:500;background: linear-gradient(135deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .tcen{text-align:left;}
#sub_contents .underbar_tcen {text-align: center; margin-bottom: 30px;}
#sub_contents .underbar_tcen p {font-size: 15px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #d2f3f8 100%);}
#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: 70px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .lh {line-height:2;}
#sub_contents .sub_bg{background:url(../images/sub_bg.png) no-repeat;padding: 20px 0;z-index:0;background-attachment: inherit;background-size:cover;}
@media screen and (min-width:768px) {
#sub_contents {font-size: 16px; position: relative;padding:0px 0px 50px 0;background:#edfffe;z-index:0;}
#sub_contents section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents .section_line {border:1px solid #e0e0e0;margin:100px 0;}
#sub_contents .sub_ttl {text-align:center;display: flex;flex-direction: column;align-items: center;margin-bottom:40px;}
#sub_contents .sub_ttl h2{ text-transform: uppercase; font-size:40px; margin-bottom:5px; position: relative; line-height: 100%; padding-top: 25px;letter-spacing: 0.08em;font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .sub_ttl .span{ font-size:15px;margin-bottom:0px;font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .tcen{text-align:center;}
#sub_contents .underbar_tcen {text-align: center; margin-bottom: 50px;}
#sub_contents .underbar_tcen p {font-size: 22px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #d2f3f8 100%);}
#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 .lh {line-height:2;}
#sub_contents .sub_bg{background:url(../images/sub_bg.png) no-repeat;padding: 20px 0;z-index:0;background-attachment: fixed;background-size:cover;}
}
@media screen and (min-width:1024px) {
#sub_contents .section{max-width: 94%; margin: 100px auto 100px;position: relative;}
}
@media screen and (min-width:1300px) {
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 20px;padding-top:0px;}
#sub_contents .anker__item{width: 100%;height: 30px;position: relative;display: block;}
#sub_contents .anker__items.w60 .anker__item {width:45%;}
#sub_contents .anker__items.w80 .anker__item {width:100%;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;border-radius: 50px;color:#fff;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);}
#sub_contents .anker__item a:hover {color:#fff;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);}
#sub_contents .anker__item p {line-height: 40px;font-size:12px;}
#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: 2%;}
#sub_contents .anker__item{width: 45%; height: 30px;}
#sub_contents .anker__item a{line-height: 30px;}
}
@media screen and (min-width:525px) {
#sub_contents .anker__items{row-gap: 40px;}
#sub_contents .anker__item{width: 48%;}
}
@media screen and (min-width: 768px) {
#sub_contents .anker__items{row-gap: 40px;}
#sub_contents .anker__item p {line-height: 50px;font-size:14px;}
#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: 18%;}
#sub_contents .anker__items.w60 .anker__item {width:48%;}
#sub_contents .anker__items.w80 .anker__item {width:48%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
/* sub_linkbtn
----------------------------------- */
#sub_contents .sub_linkbtn {gap:20px;}
#sub_contents .sub_linkbtn .linkbtn {width:45%;}
#sub_contents .sub_linkbtn .linkbtn a{display:block;padding:15px 15px 15px 0; border-top: 1px solid transparent;border-bottom: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;position: relative;color:#18add8; font-size:14px;}
#sub_contents .sub_linkbtn .linkbtn a::after {content: "››";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 16px;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .sub_linkbtn .linkbtn a:hover::after {right: 10px;}
@media screen and (min-width: 1024px) {
#sub_contents .sub_linkbtn {gap:30px;}
#sub_contents .sub_linkbtn .linkbtn {width:30%;}
#sub_contents .sub_linkbtn .linkbtn a{display:block;padding:30px 30px 30px 0; border-top: 1px solid transparent;border-bottom: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;position: relative;color:#18add8;font-size:15px;}
#sub_contents .sub_linkbtn .linkbtn a::after {content: "››";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 24px;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .sub_linkbtn .linkbtn a:hover::after {right: 10px;}
}
/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:30%; padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:1px solid #ee626c;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #ee626c;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:20%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:1px solid #ee626c;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #ee626c;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;}
}
/* about
----------------------------------- */
#sub_contents .sub__aboutarea .img{width:100%;margin-bottom:30px;}
#sub_contents .sub__aboutarea .txt_area{width:100%;}
#sub_contents .sub__aboutarea .txt_area p{line-height:2.5;}
#sub_contents .sub__aboutarea .txt_area .catch{font-size:20px;font-weight:500;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .sub__aboutarea.img_w30 .img{width:100%;}
#sub_contents .sub__aboutarea.img_w30 .txt_area{width:100%;}
#sub_contents .com_txtbox {margin:30px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:100%;}
#sub_contents .com_txtbox .img {width:100%;margin-bottom:20px;}
#sub_contents .com_txtbox .img img{border-radius:20px;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:20px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:40px; font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;font-weight:300;display:inline-block;padding-right:20px;border-right: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:18px;display:inline-block;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;display:block;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:100%;padding:10px;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding:10px 10px;line-height:1.6;}
#sub_contents .access_area {margin-top:30px;}
#sub_contents .access_area .txt {margin-bottom:30px;}
#sub_contents .access_area .txt .ttl {margin-bottom:10px;font-size:18px;font-weight:500;display:inline-block;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .access_area .txt .p {padding-left:15px;}
#sub_contents .img_list img{width:48%; height:200px; object-fit:cover; border-radius:10px; margin-bottom:15px;}
@media screen and (min-width: 1024px) {
#sub_contents .sub__aboutarea .img{width:45%;}
#sub_contents .sub__aboutarea .txt_area{width:50%;}
#sub_contents .sub__aboutarea .txt_area p{line-height:2.5;}
#sub_contents .sub__aboutarea .txt_area .catch{font-size:26px;font-weight:500; background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;}
#sub_contents .sub__aboutarea.img_w30 .img{width:30%;}
#sub_contents .sub__aboutarea.img_w30 .txt_area{width:65%;}
#sub_contents .com_txtbox {margin:80px 0 130px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%;}
#sub_contents .com_txtbox .img img{border-radius:30px;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:60px; font-family: "Zen Kaku Gothic New", sans-serif;  background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display: inline-block;font-weight:300;display:inline-block;padding-right:20px;border-right: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:23px;display:inline-block;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid transparent;border-image: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0) 1;display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:20%;padding:20px;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}
#sub_contents .access_area {margin-top:30px;}
#sub_contents .access_area .txt .ttl {margin-bottom:10px;font-size:20px;font-weight:500;display:inline-block;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .access_area .txt .p {padding-left:15px;}
#sub_contents .img_list img{width:23.5%; height:400px; object-fit:cover; border-radius:20px;}
}
/* face
----------------------------------- */
#sub_contents .icon_list .li {width:100%;background-color: rgba(255, 255, 255, 0.4);padding:30px;border-radius:30px;margin-bottom:30px;}
#sub_contents .icon_list .img {width:30%;margin:0 auto 20px;}
#sub_contents .icon_list .txt {width:100%;text-align:center;}
#sub_contents .icon_list .txt .ttl{font-size:18px;font-weight:500;margin-bottom:10px;}
#sub_contents .sub_face_movie {width:80%;height:auto;margin: 0 auto;}
@media screen and (min-width: 1024px) {
#sub_contents .icon_list .li {width:31%;background-color: rgba(255, 255, 255, 0.4);padding:30px;border-radius:30px;}
#sub_contents .icon_list .img {width:30%;margin:0 auto 20px;}
#sub_contents .icon_list .txt {width:100%;text-align:center;}
#sub_contents .icon_list .txt .ttl{font-size:20px;font-weight:500;margin-bottom:10px;}
#sub_contents .sub_face_movie {width:800px;}
}
/* dog
----------------------------------- */
#sub_contents .icon_list.sub_dog .li {width:100%;background-color: rgba(255, 255, 255, 0.4);padding:30px;border-radius:30px;margin-bottom:30px;}
#sub_contents .icon_list.sub_dog .img {width:30%;margin:0 auto 20px;}
#sub_contents .icon_list.sub_dog.face .img {width:100%;margin:0 auto 20px;}
#sub_contents .icon_list.sub_dog .txt {width:100%;text-align:center;}
#sub_contents .icon_list.sub_dog .txt .ttl{font-size:18px;font-weight:500;margin-bottom:10px;}
@media screen and (min-width: 1024px) {
#sub_contents .icon_list.sub_dog .li {width:24%;background-color: rgba(255, 255, 255, 0.4);padding:30px;border-radius:30px;}
#sub_contents .icon_list.sub_dog .img {width:40%;margin:0 auto 20px;}
#sub_contents .icon_list.sub_dog .txt {width:100%;text-align:center;}
#sub_contents .icon_list.sub_dog .txt .ttl{font-size:15px;font-weight:500;margin-bottom:10px;}
}
/* menu
----------------------------------- */
#sub_contents .sub_menu_box .img {width:100%;}
#sub_contents .sub_menu_box .img img{border-radius:20px;}
#sub_contents .sub_menu_box .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #6ac5e1;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 100%;margin-bottom: 10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {font-size: 16px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 50%;top: 10px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .sub_menu_box .menu__ul .menu__small {font-size: 13px;margin:20px 0;}
#sub_contents .menu_icon_list .li {width:100%;background-color: rgba(255, 255, 255, 0.4);padding:30px 20px;border-radius:30px;margin-bottom:30px;}
#sub_contents .menu_icon_list .img {width:40%;margin:0 auto 20px;}
#sub_contents .menu_icon_list .txt {width:100%;}
#sub_contents .menu_icon_list .txt .ttl{font-size:20px;font-weight:500;margin-bottom:20px;text-align:center;}
@media screen and (min-width: 1024px) {
#sub_contents .sub_menu_box .img {width:45%;}
#sub_contents .sub_menu_box .img img{border-radius:30px;}
#sub_contents .sub_menu_box .menu__ul {width:48%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #6ac5e1;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 100%;margin-bottom: 10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {font-size: 17px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:500;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background:linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 50%;top: 10px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .sub_menu_box .menu__ul .menu__small {font-size: 13px;margin:20px 0;}
#sub_contents .menu_icon_list .li {width:30%;background-color: rgba(255, 255, 255, 0.4);padding:30px 20px;border-radius:30px;margin:20px;}
#sub_contents .menu_icon_list .img {width:40%;margin:0 auto 20px;}
#sub_contents .menu_icon_list .txt {width:100%;}
#sub_contents .menu_icon_list .txt .ttl{font-size:20px;font-weight:500;margin-bottom:20px;text-align:center;}
}
/* staff
----------------------------------- */
#sub_contents .staff_textBox {margin-bottom:50px;background:rgba(255, 255, 255, 0.7);padding:30px;border-radius:20px;}
#sub_contents .staff_textBox .img{width: 100%;margin-bottom: 20px;position:relative;padding:0;} 
#sub_contents .staff_textBox .img img{border-radius:20px;} 
#sub_contents .staff_textBox .textarea {width: 100%;}
#sub_contents .staff_textBox .textarea .name_en{ font-family: "Zen Kaku Gothic New", sans-serif;font-size:30px;line-height:1.5;position: relative;margin-bottom:10px;display:inline-block;margin-right:10px; background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .staff_textBox .textarea .name{width:100%;font-size:16px;line-height:1.5;position: relative;display:inline-block;margin-bottom:50px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .staff_textBox .textarea .tr {display:block;padding:0;}
#sub_contents .staff_textBox .textarea .tr:last-of-type {margin-bottom: 30px;}
#sub_contents .staff_textBox .textarea .tr .th {display:block;width:100%;padding:10px 0px;border-right:0px solid #999999;}
#sub_contents .staff_textBox .textarea .tr .td {display:block;width:100%;padding:0px;}
#sub_contents .staff_textBox .message_area {margin:20px 0;width:100%;border-radius:30px;}
#sub_contents .staff_textBox .message_area .ttl_en {position: relative;padding-left: 10px;font-family: "Zen Kaku Gothic New", sans-serif;font-size:18px;margin-bottom:10px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display:inline-block;}
#sub_contents .staff_textBox .message_area .ttl_en::before {content: "";position: absolute;width: 4px;height: 4px;background:linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 50%;top: 50%;left: 0;}
@media screen and (min-width: 1024px) {
#sub_contents .staff_textBox {margin-bottom:80px;background:rgba(255, 255, 255, 0.7);padding:80px;border-radius:30px;}
#sub_contents .staff_textBox .img{width: 43%;margin-bottom: 0px;position:relative;padding:0;} 
#sub_contents .staff_textBox .img img{border-radius:30px;} 
#sub_contents .staff_textBox .textarea {width: 55%;}
#sub_contents .staff_textBox .textarea .name_en{ font-family: "Zen Kaku Gothic New", sans-serif;font-size:50px;line-height:1.5;position: relative;margin-bottom:10px;display:inline-block;margin-right:10px; background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .staff_textBox .textarea .name{width:100%;font-size:16px;line-height:1.5;position: relative;display:inline-block;margin-bottom:50px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#sub_contents .staff_textBox .textarea .tr {display:flex;padding:0;}
#sub_contents .staff_textBox .textarea .tr:last-of-type {margin-bottom: 30px;}
#sub_contents .staff_textBox .textarea .tr .th {display:block;width:15%;padding:20px;border-right:1px solid #999999;}
#sub_contents .staff_textBox .textarea .tr .td {display:block;width:80%;padding:20px;}
#sub_contents .staff_textBox .message_area {margin:20px 0;width:100%;border-radius:30px;}
#sub_contents .staff_textBox .message_area .ttl_en {position: relative;padding-left: 20px;font-family: "Zen Kaku Gothic New", sans-serif;font-size:24px;margin-bottom:10px;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;display:inline-block;}
#sub_contents .staff_textBox .message_area .ttl_en::before {content: "";position: absolute;width: 7px;height: 7px;background:linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 50%;top: 50%;left: 0;}
}
/* contact
----------------------------------- */
#sub_contents .policy_area {width:100%;margin:0 auto;}
#sub_contents .policy_area .txt_box {margin-bottom:50px;}
#sub_contents .policy_area .txt_box .ttl{font-size:16px;padding:10px 0;border-bottom:1px solid #111;margin-bottom:20px;}
#sub_contents .policy_area .txt_box .p{background:rgba(255, 255, 255, 0.5);padding:30px;font-size:13px;}
#sub_contents .campaign_box .box{font-size:13px;text-align:center;width:100%;padding:20px;color:#fff;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 30px; display: inline-block;margin-bottom:20px;}
#sub_contents .campaign_box .box .ttl{font-size:20px;margin-bottom:10px;}
#sub_contents .campaign_box .box a {width:70%;margin:20px auto 0;display:block;border:1px solid #fff;border-radius:15px;padding:10px;}
#sub_contents .campaign_box .box a:hover{color:#fff;}
#sub_contents .campaign_box .box02{font-size:13px;text-align:center;width:100%;padding:20px;background:#fff;border:2px solid #2ea52e;border-radius: 30px;margin-bottom:20px;}
#sub_contents .campaign_box .box02 .ttl{font-size:20px;margin-bottom:10px;}
#sub_contents .campaign_box .box02 a {width:70%;margin:20px auto 0;display:block;}
@media screen and (min-width: 768px) {
#sub_contents .campaign_box .box{font-size:13px;text-align:center;width:48%;padding:30px;color:#fff;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 30px; display: inline-block;}
#sub_contents .campaign_box .box .ttl{font-size:20px;margin-bottom:20px;}
#sub_contents .campaign_box .box a {width:70%;margin:20px auto 0;display:block;border:1px solid #fff;border-radius:15px;padding:10px;}
#sub_contents .campaign_box .box a:hover{color:#fff;}
#sub_contents .campaign_box .box02{font-size:13px;text-align:center;width:48%;padding:30px;background:#fff;border:4px solid #2ea52e;border-radius: 30px;}
#sub_contents .campaign_box .box02 .ttl{font-size:20px;margin-bottom:20px;}
#sub_contents .campaign_box .box02 a {width:70%;margin:20px auto 0;display:block;}
}
@media screen and (min-width: 1024px) {
#sub_contents .policy_area {width:90%;margin:0 auto;}
#sub_contents .policy_area .txt_box {margin-bottom:50px;}
#sub_contents .policy_area .txt_box .ttl{font-size:18px;padding:10px 0;border-bottom:1px solid #111;margin-bottom:20px;}
#sub_contents .policy_area .txt_box .p{background:rgba(255, 255, 255, 0.5);padding:30px;font-size:14px;}
#sub_contents .campaign_box .box{font-size:15px;text-align:center;width:48%;padding:50px;color:#fff;background: linear-gradient(90deg, #4ecde6, #18add8, #0d94c4, #047cb0);border-radius: 30px; display: inline-block;}
#sub_contents .campaign_box .box .ttl{font-size:30px;margin-bottom:20px;}
#sub_contents .campaign_box .box a {width:70%;margin:20px auto 0;display:block;border:1px solid #fff;border-radius:15px;padding:20px;}
#sub_contents .campaign_box .box a:hover{color:#fff;}
#sub_contents .campaign_box .box02{font-size:15px;text-align:center;width:48%;padding:50px;background:#fff;border:4px solid #2ea52e;border-radius: 30px;}
#sub_contents .campaign_box .box02 .ttl{font-size:30px;margin-bottom:20px;}
#sub_contents .campaign_box .box02 a {width:70%;margin:20px auto 0;display:block;}
}
/* blog
----------------------------------- */
.webgene-item-content h2{ margin-bottom: 20px; padding: 10px 0; font-weight: bolder; color: #371c07; }
.webgene-item-content h3 { font-size: 150%; background-color: #00b8c8; border-radius: 30px; color: #fff; padding: 10px; text-align: center; margin: 40px 0 20px; }
.webgene-item-content h4 { color: #371c07; font-size: 140%; font-weight: 600; margin-bottom: 25px; text-align: left; border-left: 5px solid #00b8c8; padding: 10px 5px 10px 20px; border-radius: 5px; background-color: #fff; }
.webgene-item-content h5 { font-size: 150%; font-weight: bold; letter-spacing: 2px; color: #00b8c8; }