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

/* ページ切り替えアニメーション
----------------------------------- */
.ttb .animation-bg {
  background: linear-gradient(
    to right,
    #eef9fe 0%,
    #eef9fe 11.11%,
    #d1e7fe 11.11%,
    #d1e7fe 22.22%,
    #fbf8c9 22.22%,
    #fbf8c9 33.33%,
    #fef89a 33.33%,
    #fef89a 44.44%,
    #d5ead7 44.44%,
    #d5ead7 55.55%,
    #c1da6d 55.55%,
    #c1da6d 66.66%,
    #bbd5f0 66.66%,
    #bbd5f0 77.77%,
    #f4b2b3 77.77%,
    #f4b2b3 88.88%,
    #927fb8 88.88%,
    #927fb8 100%
  );
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

  animation-name: PageAnime-ttb;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  transform-origin: top;
}

@keyframes PageAnime-ttb {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top;
    transform: scaleY(1);
  }
  50.001% {
    transform-origin: bottom;
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}

/* main_visual
----------------------------------- */
#sub_visual {padding-top:70px;background:url(../images/sub_visual.png) no-repeat bottom right; height: 200px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:94%;margin:0 auto;position: relative;}
#sub_visual h1{font-size:30px; line-height: 100%;font-weight: 500; font-family: "Poppins", sans-serif; display: inline-block;}  
#sub_visual .ttl{font-size:14px; line-height: 100%;font-weight: 500;padding-left:10px;display: inline-block;}
@media screen and (min-width:768px) {
#sub_visual {padding-top:100px;background:url(../images/sub_visual.png) no-repeat bottom right; height: 300px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:94%;margin:0 auto;position: relative;}
#sub_visual h1{font-size:50px; line-height: 100%;font-weight: 500; font-family: "Poppins", sans-serif; display: inline-block;}  
#sub_visual .ttl{font-size:20px; line-height: 100%;font-weight: 500;padding-left:20px;display: inline-block;}
}
@media screen and (min-width:1024px) {
#sub_visual {padding-top:180px;background:url(../images/sub_visual.png) no-repeat bottom right; height: 450px; position:relative;z-index:0; background-size:cover;}
#sub_visual .b {max-width:1280px;width:94%;margin:0 auto;position: relative;}
#sub_visual h1{font-size:70px; line-height: 100%;font-weight: 500; font-family: "Poppins", sans-serif; display: inline-block;}  
#sub_visual .ttl{font-size:20px; line-height: 100%;font-weight: 500;padding-left:20px;display: inline-block;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .breadcrumb{font-size: 10px; margin-bottom:0;text-align:right;display:block;margin-top:-20px;}
@media screen and (min-width:768px) {
#sub_contents .breadcrumb{font-size: 12px; text-align:right; display:block;margin-top:-50px;margin-right:20px;}
}
/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:0px 0px 30px 0;z-index:0;background:url(../images/sub_contents_bg_sp.png) repeat top center;background-size:180%;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .sub_ttl {text-align:center;display: flex;flex-direction: column;align-items: center;margin-bottom:30px;}
#sub_contents .sub_ttl h2{ font-family: "Poppins", sans-serif;font-weight:500; font-size:30px; margin-bottom:5px; position: relative; line-height: 100%;letter-spacing: 0.08em; display: inline-block;}
#sub_contents .sub_ttl .span{ font-size:13px;font-weight:500; display: inline-block;}
#sub_contents .sub_illust {position: relative;}
#sub_contents .sub_illust::before {content: "";position: absolute;width: 100px;height: 80px;        top: -5%; left: 5px;background:url(../images/sub_con_illust08.png) repeat top center;}
#sub_contents .sub_illust::after {content: "";position: absolute;width: 100px;height: 80px;    top: 0; right: 0px;background:url(../images/sub_con_illust09.png) repeat top center;}
#sub_contents .sub_illust03 {position: relative;}
#sub_contents .sub_illust03::after {content: "";position: absolute;width: 100px;height: 80px;    top: -315px;right: 0px;background:url(../images/sub_con_illust08.png) repeat top center;        transform: rotate(190deg);}
#sub_contents .sub_illust02 {position: relative;}
#sub_contents .sub_illust02::before {content: "";position: absolute;width: 375px;height: 100px;        bottom: -25%;left: -10%;background:url(../images/sub_con_illust06.png) repeat top center;}
#sub_contents .txt_cen{ text-align: center;line-height: 200%;}
#sub_contents .tcen{text-align:center;}
#sub_contents .underbar_tcen {text-align: center; }
#sub_contents .underbar_tcen p {font-size: 16px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #fbf8c9 100%);}
#sub_contents .f13 {font-size:12px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 25px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .lh {line-height:2;}
@media screen and (min-width:768px) {
#sub_contents .sub_illust03::after {content: "";position: absolute;width: 217px;height: 171px;                top: -510px; right: -390px;background:url(../images/sub_con_illust04.png) repeat top center;        transform: rotate(190deg);}
#sub_contents .sub_illust::before {content: "";position: absolute;width: 217px;height: 171px;    top: 15%; left: -95px;background:url(../images/sub_con_illust04.png) repeat top center;}
#sub_contents .sub_illust::after {content: "";position: absolute;width: 220px;height: 144px;    top: 70%; right: 0px;background:url(../images/sub_con_illust07.png) repeat top center;}
#sub_contents .sub_illust02::before {content: "";position: absolute;width: 1000px;height: 200px;       bottom: -30%;left: -20%;background:url(../images/sub_con_illust05.png) repeat top center;}
#sub_contents {font-size: 15px; position: relative;padding:0px 0px 50px 0;z-index:0;background:url(../images/sub_contents_bg.png) repeat top center;}
#sub_contents .section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents .sub_ttl {text-align:center;display: flex;flex-direction: column;align-items: center;margin-bottom:40px;}
#sub_contents .sub_ttl h2{ font-family: "Poppins", sans-serif;font-weight:500; font-size:55px; margin-bottom:5px; position: relative; line-height: 100%;letter-spacing: 0.08em; display: inline-block;}
#sub_contents .sub_ttl .span{ font-size:15px;font-weight:500; 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; }
#sub_contents .underbar_tcen p {font-size: 22px;font-weight: 500;position: relative;display: inline;background: linear-gradient(to bottom, transparent 70%, #fbf8c9 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;}
}
@media screen and (min-width:1000px) {
  #sub_contents .sub_illust03::after {content: "";position: absolute;width: 217px;height: 171px;          top: -270px;right: 0px;background:url(../images/sub_con_illust04.png) repeat top center;        transform: rotate(190deg);}
}
    
@media screen and (min-width:1024px) {
  #sub_contents .sub_illust03::after {content: "";position: absolute;width: 217px;height: 171px;           top: -670px;  right: -590px;background:url(../images/sub_con_illust04.png) repeat top center;        transform: rotate(190deg);}
#sub_contents .sub_illust02::before {content: "";position: absolute;width: 1000px;height: 200px;            bottom: -175px;   left: -15%;background:url(../images/sub_con_illust05.png) repeat top center;}
#sub_contents .sub_illust::after {content: "";position: absolute;width: 220px;height: 144px;    top: 40%; right: 0px;background:url(../images/sub_con_illust07.png) repeat top center;}
#sub_contents .section{max-width: 94%; margin: 100px auto 100px;position: relative;}
}
@media screen and (min-width:1300px) {
  #sub_contents .sub_illust02::before {content: "";position: absolute;width: 1000px;height: 200px;      bottom: -45%;     left: -15%;background:url(../images/sub_con_illust05.png) repeat top center;}
    #sub_contents .sub_illust03::after {content: "";position: absolute;width: 217px;height: 171px;          top: -270px;right: 0px;background:url(../images/sub_con_illust04.png) repeat top center;        transform: rotate(190deg);}
#sub_contents .section{max-width: 1280px; margin: 100px auto 100px;position: relative;}
}
@media screen and (min-width:1920px) {
#sub_contents .sub_illust02::before {content: "";position: absolute;width: 1000px;height: 200px;           bottom: -40%;left: -25%;background:url(../images/sub_con_illust05.png) repeat top center;}
}
/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 4%;row-gap: 20px;padding-top:0px;}
#sub_contents .anker__item{width: 45%;height: 30px;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: 50px;color:#484848;background:#fff;border:1px solid #484848;font-weight:500;}
#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: 768px) {
#sub_contents .anker__items{row-gap: 40px;}
#sub_contents .anker__item p {line-height: 50px;font-size:13px;}
#sub_contents .anker__item a  {border:2px solid #484848;}
#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__items{column-gap: 2%;row-gap: 20px;padding-top:0px;}
#sub_contents .anker__item{width: 15%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}
}
/* 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:1px solid #252525;}
#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: #252525;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 #252525;}
#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: #252525;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;}
}
/* concept
----------------------------------- */
#sub_contents .sub__aboutarea .txt_area {position: relative;text-align:center;margin:50px 0 230px;}
#sub_contents .sub__aboutarea .txt_area .span{font-size:15px;font-weight:500;margin-bottom:10px;}
#sub_contents .sub__aboutarea .txt_area p{line-height:2;}
#sub_contents .sub__aboutarea .txt_area p em{margin-bottom: -30px;font-style: normal;display: block;}
#sub_contents .sub__aboutarea .txt_area .img01 {top:auto;bottom:-165px;left:25%;width:100px;height:150px;}
#sub_contents .sub__aboutarea .txt_area .img02 {top:auto;bottom:-130px;right:25%;width:60px;height:100px;}
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:100%;}
#sub_contents .com_txtbox .img {width:100%;margin-bottom: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: "Poppins", sans-serif; display: inline-block;font-weight:500;display:inline-block;padding-right:20px;border-right: 1px solid #252525;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:16px;display:inline-block;font-weight:500;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #a5a2a2;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 10px 5px 10px;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding:5px 10px 10px 10px;line-height:1.6;}
@media screen and (min-width: 768px) {
  #sub_contents .sub__aboutarea .txt_area p em{margin-bottom: 0px;font-style: normal;display: inline;}
#sub_contents .sub__aboutarea .txt_area .img01 {top:auto;bottom:-165px;left:37%;width:100px;height:150px;}
#sub_contents .sub__aboutarea .txt_area .img02 {top:auto;bottom:-130px;right:37%;width:60px;height:100px;}
}
@media screen and (min-width: 1025px) {
#sub_contents .sub__aboutarea .txt_area {position: relative;text-align:center;margin:80px 0 150px;}
#sub_contents .sub__aboutarea .txt_area .span{font-size:20px;font-weight:500;margin-bottom:30px;}
#sub_contents .sub__aboutarea .txt_area p{line-height:3;}
#sub_contents .sub__aboutarea .txt_area .img01 {top:0;left:10%;width:200px;height:280px;}
#sub_contents .sub__aboutarea .txt_area .img02 {top:0;right:10%;width:120px;height:200px;}
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%;}
#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: "Poppins", sans-serif; display: inline-block;font-weight:500;display:inline-block;padding-right:20px;border-right: 1px solid #252525;line-height:1;margin-right:20px;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:23px;display:inline-block;font-weight:500;}
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #a5a2a2;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;}
}
/* concept
----------------------------------- */
#sub_contents .sub_menu_box {width:100%;margin-bottom:100px;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #999999;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title em{margin-bottom: 0px;font-style: normal;display: block;}
#sub_contents .menu__ul .li .menu__title {font-size: 14px;margin:0;position: relative;padding-left: 15px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 5px;height: 5px;background: #111;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__p {font-size: 12px;letter-spacing: 0.075em;padding-left: 15px;margin-top:10px;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu__ul .menu__small {padding-left: 15px;font-size: 12px;margin:10px 0 20px 0;}
#sub_contents .menu__ul .li .menu__text .flow_list{padding-left:20px;margin:10px 0;}
#sub_contents .menu__ul .li .menu__text .flow_list .span{display:inline-block;position: relative;font-size:12px;padding:5px 10px;border:1px solid #333;border-radius:5px;line-height: 12px;margin:5px 20px 5px 0;}
#sub_contents .menu__ul .li .menu__text .flow_list .span::before {content: "→";position: absolute;width: 14px;height: 14px;top:50%;right:-20px;transform: translateY(-50%);line-height: 12px;}
#sub_contents .menu__ul .li .menu__text .flow_list .span:last-child::before {content: none;}
@media screen and (min-width: 768px) {
#sub_contents .menu__ul .li .menu__title em{margin-bottom: -30px;font-style: normal;display: inline;}
}
@media screen and (min-width: 1024px) {
#sub_contents .sub_menu_box {width:45%;margin-bottom:130px;}
#sub_contents .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #999999;}
#sub_contents .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .menu__ul .li .menu__title {font-size: 15px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #111;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;}
#sub_contents .menu__ul .menu__small {padding-left: 20px;font-size: 13px;margin:10px 0 20px 0;}
#sub_contents .menu__ul .li .menu__text .flow_list{padding-left:20px;}
#sub_contents .menu__ul .li .menu__text .flow_list .span{display:inline-block;position: relative;font-size:14px;padding:5px 10px;border:1px solid #333;border-radius:5px;line-height: 14px;margin-right:20px;}
#sub_contents .menu__ul .li .menu__text .flow_list .span::before {content: "→";position: absolute;width: 14px;height: 14px;top:50%;right:-20px;transform: translateY(-50%);line-height: 14px;}
#sub_contents .menu__ul .li .menu__text .flow_list .span:last-child::before {content: none;}
}
/* head spa
----------------------------------- */
#sub_contents .check_area {width:100%;margin:30px auto 50px;position: relative;}
#sub_contents .check_area .img {width:100%;margin-bottom:20px;}
#sub_contents .check_area .txt_area {width:100%;}
#sub_contents .check_area .txt_area .catch {font-size:16px;margin-bottom:10px;font-weight:500;display:inline-block;}
#sub_contents .check_area .txt_area .check_box {width:100%;padding:40px;background:#fff;border-radius:30px;border:1px solid #252525;}
#sub_contents .check_area .txt_area .check_box .strong{font-size:16px;margin-bottom:10px;font-weight:500;}
#sub_contents .check_area .txt_area .check_box .check .span {padding-left: 30px;display: inline-block;position: relative;margin-bottom:10px;font-size:14px;margin-right:20px;}
#sub_contents .check_area .txt_area .check_box .check .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block; width: 20px; height: 20px; background: url("../images/sub_check.png") no-repeat; background-size: contain;}
#sub_contents .sub_headspa_bg{position: relative;background: url(../images/sub_headspa_bg_test.png) no-repeat center top;background-size:cover;padding:50px 0;color:#fff;}
@media screen and (min-width: 768px) {
#sub_contents .sub_headspa_bg{position: relative;background: url(../images/sub_headspa_bg_test.png) no-repeat center top;background-size:cover;padding:50px 0;color:#fff;}
}
@media screen and (min-width: 1024px) {
#sub_contents .check_area {width:100%;margin:30px auto 50px;position: relative;}
#sub_contents .check_area .img {width:45%;}
#sub_contents .check_area .txt_area {width:50%;}
#sub_contents .check_area .txt_area .catch {font-size:20px;margin-bottom:20px;font-weight:500;display:inline-block;}
#sub_contents .check_area .txt_area .check_box {width:100%;padding:40px;background:#fff;border-radius:30px;border:1px solid #252525;}
#sub_contents .check_area .txt_area .check_box .strong{font-size:18px;margin-bottom:10px;font-weight:500;}
#sub_contents .check_area .txt_area .check_box .check .span {padding-left: 30px;display: inline-block;position: relative;margin-bottom:10px;font-size:15px;margin-right:20px;}
#sub_contents .check_area .txt_area .check_box .check .span::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block; width: 20px; height: 20px; background: url("../images/sub_check.png") no-repeat; background-size: contain;}
#sub_contents .sub_headspa_bg{position: relative;background: url(../images/sub_headspa_bg_test.png) no-repeat center top;background-size:cover;padding:50px 0;color:#fff;}
}
/* treatment
----------------------------------- */
#sub_contents .sub__worryarea {border-radius:30px;background:#fff;padding:30px 5px;box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);margin-bottom:50px;}
#sub_contents .sub__worryarea .ttl {position: relative;padding-left: 23px;font-weight:500;font-size:15px;margin-bottom:0px;}
#sub_contents .sub__worryarea .ttl::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;}
@media screen and (min-width: 1024px) {
#sub_contents .sub__worryarea {border-radius:50px;background:#fff;padding:60px;box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);margin-bottom:50px;}
#sub_contents .sub__worryarea .ttl {position: relative;padding-left: 35px;font-weight:500;font-size:20px;margin-bottom:20px;}
#sub_contents .sub__worryarea .ttl::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block; width: 25px; height: 25px; background: url("../images/sub_check.png") no-repeat; background-size: contain;}
}
/* guide
----------------------------------- */
#sub_contents .limited__area {position: relative;border-radius:30px;background:#fff;padding:30px;box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);text-align:center;}
#sub_contents .limited__area p {display:inline-block;font-size:14px;font-weight:500;}
#sub_contents .limited__area .color_red {color:#f44b4d;font-weight:700;font-size:14px;}
#sub_contents .limited__area .img {width:85%;margin:0 auto 0px;}
#sub_contents .limited__area .num {display:block;text-align:center;font-family: "Poppins", sans-serif;font-weight:500;padding:10px 0;font-size:20px;}
#sub_contents .limited__area .box {border-bottom:1px solid #ddd;padding:20px 0;}
#sub_contents .limited__area .box:last-of-type {border-bottom:0px solid #ddd;}
#sub_contents .faq__item {box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);padding:20px 30px;border-radius:20px;background:#fff;width:100%;margin:0 auto;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;border-bottom:1px solid #111;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;font-weight:400;color:#111;font-family: "Poppins", sans-serif; }
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:400;color:#111;font-family: "Poppins", sans-serif; }
@media screen and (min-width: 1024px) {
#sub_contents .limited__area {position: relative;border-radius:50px;background:#fff;padding:60px;box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);text-align:center;}
#sub_contents .limited__area p {display:inline-block;font-size:18px;font-weight:500;}
#sub_contents .limited__area .color_red {color:#f44b4d;font-weight:700;font-size:22px;}
#sub_contents .limited__area .img {width:50%;margin:0 auto 30px;}
#sub_contents .limited__area .num {display:block;text-align:center;font-family: "Poppins", sans-serif;font-weight:500;padding:10px 0;font-size:30px;}
#sub_contents .limited__area .box {border-bottom:1px solid #ddd;padding:30px 0;}
#sub_contents .limited__area .box:last-of-type {border-bottom:0px solid #ddd;}
#sub_contents .faq__item {box-shadow: 0px 5px 15px 0px rgba(102, 82, 65, 0.2);padding:20px 30px;border-radius:20px;background:#fff;width:100%;margin:0 auto;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 20px;}
#sub_contents .faq__item .dt {padding: 15px 20px 15px 50px;position: relative;border-bottom:1px solid #111;}
#sub_contents .faq__item .dd {padding: 15px 20px 15px 50px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px;font-weight:400;color:#111;font-family: "Poppins", sans-serif; }
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px;font-weight:400;color:#111;font-family: "Poppins", sans-serif; }
}
/* guide > flow
----------------------------------- */
#sub_contents .career__items {width: 100%;margin: 0 auto;padding-left: 0;position: relative;}
#sub_contents .career__items::before {content: "";position: absolute;width: 1px;height: 100%;background: #666;left: 0;top: 0;}
#sub_contents .career__item {padding: 1rem 0 1rem 4rem;}
#sub_contents .career__title {font-size: 16px;margin-bottom: 15px;position: relative;font-weight:500;}
#sub_contents .career__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #666;left: -43px;top: 10px;}
#sub_contents .career__title::after {content: "";position: absolute;width: 3rem;height: 1px;background: #666;top: 50%;left: -4rem;}
#sub_contents .career__text p {padding-left: 1rem;position: relative;}
#sub_contents .career__text p::before {content: "";position: absolute;width: 6px;height: 6px;background:#c4ebee;border-radius: 50%;top: 11px;left: 0;}
@media screen and (min-width: 768px) {
#sub_contents .career__items {padding-left: 4rem;}
#sub_contents .career__items::before {left: 2rem;}
#sub_contents .career__title::after {width: 6rem;left: -7rem;}
#sub_contents .career__item {padding: 1.5rem 0 2rem 5rem;}
#sub_contents .career__title {font-size: 18px;margin-bottom: 10px;font-weight:500;}
#sub_contents .career__title::before {left: -73px;top: 13px;}
#sub_contents .career__text p {padding-left: 15px;position: relative;display:block;}
}
/* product
----------------------------------- */
#sub_contents .sub__proarea .pro__item {width:100%;margin-bottom:50px;}
#sub_contents .sub__proarea .pro__item img {border-radius:30px;}
#sub_contents .sub__proarea .pro__item .ttl {font-weight:500;font-size:16px;border-bottom:1px solid #252525;margin-bottom:20px;padding:10px 0;text-align:center;}
#sub_contents .sub__proarea .pro__item .num {font-family: "Poppins", sans-serif;font-weight:500;font-size:18px;top:-0px;left:0px;background:#fff;border-radius:30px 0 30px 0;padding:5px 15px;}
@media screen and (min-width: 1024px) {
#sub_contents .sub__proarea .pro__item {width:47%;margin-bottom:80px;}
#sub_contents .sub__proarea .pro__item .anker__item{width:100%; margin-top:20px;}
#sub_contents .sub__proarea .pro__item .anker__item a:hover{background:#484848; color:#fff; opacity:1.0;}
#sub_contents .sub__proarea .pro__item img {border-radius:30px;}
#sub_contents .sub__proarea .pro__item .ttl {font-weight:500;font-size:18px;border-bottom:1px solid #252525;margin-bottom:20px;padding:10px 0;text-align:center;}
#sub_contents .sub__proarea .pro__item .num {font-family: "Poppins", sans-serif;font-weight:500;font-size:24px;top:-0px;left:0px;background:#fff;border-radius:30px 0 30px 0;padding:5px 25px;}
}