@charset "UTF-8";
/*------------メディアクエリ----------------*/

/*============================================
	sub_visual
=========================*/
.sub_visual {
  background: url(../images/sub_visual.jpg) no-repeat;
  background-size: cover;
  height: 800px;
  position: relative;
  margin-top: -4rem;
}
.tsuide_v{
  background: url(../images/tsuideni_visual.jpg) no-repeat!important;
  background-size: cover!important;
}
.sub_visual .font-en {
  position: absolute;
  right: 5%;
  bottom: 10%;
  font-size: 30px;
}


@media (max-width: 1279px) { 
  .sub_visual {margin-top: 0; height: 500px;}
  
}
@media (max-width: 768px) { 
  .sub_visual{height: 57vh;background-position-x: right;}
}
@media (max-width: 378px) { 
  .sub_visual {height: 45vh;}
  .sub_visual .font-en{font-size: 7.5vw;}
}


/*============================
    パンクズ
============*/
.crumbs {color: #141414; text-align: right; position: absolute; bottom: 2%; right: 5%;}
.crumbs a, .crumbs p {font-size: 14px;}
.crumbs span {font-size: 14px; color: #fff; display: inline;}

@media (max-width: 768px) { 

}

/*============================================
	sub_section
=========================*/
.sub_box {padding: 100px 0 100px 0; position: relative; z-index: 1;}
.inner { max-width: 1200px; margin: 0 auto; padding: 0 2%;}

.mt100{margin-top: 100px;}

.sub_box p{font-size: 14px; line-height: 2;}

.ta-c{text-align: center;}

.sub_bg{background: #f5f5f5;padding: 100px 0;}

.sp_br_n p br{display: block;}

@media screen and (max-width: 768px) {
  .sub_box {padding: 50px 0 50px 0;}
  .sub_bg {padding: 60px 0;}
  .sp_br_n p br{display: none;}
}



/*============================================
    width
=========================*/
.w25 {width: 25%;}
.w30 { width: 28%;}
.w50 { width: 48%;}
.w70 {  width: 68%;}

@media screen and (max-width: 767px) {
  .w25 { width: 100%;}
  .w30 { width: 100%;}
  .w50 { width: 100%;}
  .w70 { width: 100%;}
}

.m0a { margin-top: 0; margin-left: auto; margin-right: auto;}
.mb15 { margin-bottom: 15px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.mb80 { margin-bottom: 80px;}
.mb100 { margin-bottom: 100px;}
.mb130 { margin-bottom: 130px;}

@media screen and (max-width: 767px) {
  .mb15 { margin-bottom: 15px;}
  .mb30 { margin-bottom: 20px;}
  .mb50 { margin-bottom: 30px;}
  .mb80 { margin-bottom: 40px;}
  .mb100 { margin-bottom: 50px;}
  .mb130 { margin-bottom: 70px;}
}


/*============================================
    pc時非表示・sp字表示
=========================*/
.sp { display: none;}

@media screen and (max-width: 767px) {
  .sp { display: block;}
  .pc { display: none;}
}



/*============================================
    sub_ttl
=========================*/
.sub_ttl01 {width: fit-content; position: relative;}
.sub_ttl01 h2 {font-weight: 800; font-size: 2rem; display: block; line-height: 1.2em; letter-spacing: 0.05em; color: #161616;}
.sub_ttl_text {display: flex; align-items: center; letter-spacing: .05em; font-size: 14px; color: #deb452;}
.sub_ttl_text::before {content: ""; display: block; width: 0.5rem; margin-right: .9rem; aspect-ratio: 1; background: currentColor; border-radius: 50%;}


@media screen and (max-width: 767px){

}


/*============================================
    sub_tbl
=========================*/
.sub_tbl {width: 100%;border-spacing: 0px;border-collapse: collapse;}
.sub_tbl_th p, .sub_tbl_td p{font-size: 16px;}
.sub_tbl_th {text-align: center;padding: 20px;font-size: 16px;color: #fff;background: #1f1f1f;vertical-align: middle;width: 30%;line-height: 1.6;display: flex;text-align: center;align-items: center;}
.sub_tbl_th p{font-weight: 600;}
.sub_tbl_th div{text-align: center;width: 100%;}
.sub_tbl_td {text-align: center;padding: 20px 36px 20px 35px;width: 70%;line-height: 1.6;background: #fff;text-align: left;}
.sub_tbl_td p{font-size: 14px;}
.sub_tbl_tr{border: 1px solid #ccc;border-top: none;}
.sub_tbl_tr:nth-child(1){border-top: 1px solid #ccc;}

.sub_tbl_tr.top__border{border-top: 1px solid #ccc;;}

@media screen and (max-width: 768px) {
    .sub_tbl_th {text-align: center;padding: 10px;font-weight: 500;width: 100%;line-height: 1.5;display: block;}
    .sub_tbl_th p, .sub_tbl_td p {font-size: 14px;}
    .sub_tbl_td {padding: 10px;width: 100%;line-height: 1.5;}
}


/*============================================
    sub_textBox 
=========================*/
.flex__img {width: 50%; flex: 1; margin-left: calc(50% - 50vw); margin-right: 4%; z-index: 2;}
.sub_box img {width: 100%;}
.sub_box .flex-btw{align-items: flex-end;}
.flex__txt {width: 40%;}
.flex__txt p{line-height: 3;}
.sub_ttl01 {text-align: left;}
.sub_ttl01 h3 {font-size: 20px; font-weight: 400; letter-spacing: .1em;}
.sub_ttl01 .span {font-size: 14px; font-weight: 400; letter-spacing: .1em; margin-bottom: 5px;}


.row-reverse .flex__img {width: 50%; flex: 1; margin-right: calc(50% - 50vw); margin-left: 0; z-index: 2;}
.row-reverse .flex__txt{margin-left: 4%;}


@media screen and (max-width: 768px) {
  .flex__img {width: 100%; margin: 0 10px; margin-bottom: 20px;}
  .row-reverse .flex__img{width: 100%; margin: 0 10px; margin-bottom: 20px;}
  .flex__txt {width: 100%;}
}
@media screen and (max-width: 500px) {

}
@media screen and (max-width: 378px) {
  .sub_ttl01 h3 {font-size: 5.2vw;}
}

/*============================================
    sub_flexbox 
=========================*/
.flexbox01{margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;margin-top: 150px;    margin-bottom: 200px;}
.flexbox01:last-of-type{margin-bottom: 0;}
.flex__container {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;background: #fff; padding: 50px 60px 130px; position: relative;}
.flex__container::before {content: " "; display: table;}
.flexbox01_txtbox {width: 56%; padding-top: 100px; position: relative; display: flex; flex-direction: column; align-items: center;}
.flexbox01_txtbox p{font-size: 15px; line-height: 2.5; text-align: left;}
.flexbox01_txtbox .num {left: 50%; position: absolute; top: -100px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.flexbox01_txtbox .num img{width: 80%;}
.flex__container .img {position: absolute; right: -8rem; top: 35px;}
.flex__container .img img {width: 600px; height: 480px; object-fit: contain;}

@media screen and (max-width:1440px) {
  
}
@media screen and (max-width:1279px) {
  .flex__container .img{right: -2rem;}
  .flex__container{padding: 50px 60px 130px;}
  .flexbox01_txtbox {width: 45%;}
}
@media screen and (max-width: 1125px) {
  .flex__container .img img {width: 500px; height: 490px;}
}
@media screen and (max-width: 1024px) {
  .flex__container {padding: 50px 0 130px;}
  .flex__container .img {width: 43vw;}
  .flexbox01_txtbox {width: 50%;}
      
}

@media screen and (max-width: 768px) {
  .flexbox01{margin-bottom: 100px;}
  .flexbox01_txtbox{width: 100%;margin-bottom: 30px;}
  .flex__container {padding: 50px 10px 30px;}
  .flex__container .img {width: 100%; display: contents;}
  .flex__container .img img {width: 100%; height: 100%;}
      
}
@media screen and (max-width: 500px) {
  .flexbox01_txtbox{padding: 60px 20px 0;}
  .flexbox01_txtbox br{display: none;}
}



/*============================================
    タブ
=========================*/
.anker__items {column-gap: 2%; row-gap: 20px;}
.anker__item {width: 23%; margin-bottom: 30px;}
.anker__item a {
  display: block;
  border: 1px solid #000000;
  text-align: center;
  transition: .3s ease-out;
  background-color: #fff;
  position: relative;
  padding: 10px;
}
.anker__item a::before{
  content: "";
  background: #000;
  width: 1px;
  height: 30px;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transition: top 0.2s;
}
.anker__item a:hover::before {top: 3rem;}



/*============================================
    sub_concept 
=========================*/
.sub_concept{margin: 11rem auto; width: 90%;}


@media (max-width: 1279px) { 
  .sub_concept{margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
  .sub_concept{width: 95%;}
}
@media screen and (max-width: 723px) {
}
@media screen and (max-width: 699px) {
}


/*============================================
    sub_menu
=========================*/
.sub_menu_top {margin: 200px 0 100px;}
.sub_menu .inr {padding: 0 20%;}
.sub_menu .div{width: 65%; margin: 10rem 0 0 30rem;}
.sub_menu .flex__txt p {line-height: 2.5;}
.sub_menu .flex__photo {width: 40%; z-index: 1;}
.sub_menu .flex__photo img{width: 100%;}
.sub_menu .flex__txt {width: 55%;}
.color_ttl {font-size: 26px;font-weight: 500; padding-bottom: 15px; margin-bottom: 30px; border-bottom: solid 1px #5e5c5c;}
.option_item {padding-bottom: 3px; margin-bottom: 3px; border-bottom: dashed 1px #ddd;}
.option_ttl {font-size: 17px; font-weight: 500;}
.option_price {color: #b81326; font-weight: 500;font-size: 14px;}
.sub_menu .flex__txt p.caution{font-size: 13px; color: #7e7e7e; line-height: 1.5;}
.sub_menu .row-reverse .flex__txt {margin-left: 0;}

#link02.sub_menu {margin-bottom: 200px;}

.sub_menu .bg_wh {background: #fff; padding: 30px;}
.last_flex__txt .bg_wh{width: 100%; margin-bottom: 10px;}


@media (max-width: 1279px) { 
  .sub_menu_top {margin: 60px 0;}
  .sub_menu .inr {padding: 0 4%;}
  .sub__menu_box {width: 100%;}
  .sub_menu .div {margin: 10rem 0 0 10rem;}
}
@media screen and (max-width: 768px) {
  .sub_menu .anker__item {width: 40%;}
  .sub__menu_box {width: 100%;}
  .sub_menu .flex__txt {width: 100%;}
  .sub_menu .flex__photo {width: 50%; margin-bottom: 30px;}
}
@media screen and (max-width: 425px) {
  .sub_menu .flex__photo {width: 100%;}
  .menu_h_ttl {font-size: 5.6vw;}
  .sub_menu .bg_wh {padding: 30px 20px;}
  .sub_menu .flex__txt p {line-height: 1.8;font-size: 15px;}
  .option_price{width: 100%;}
  .option_item{margin-bottom: 10px;}
}


/*============================================
    sub_recruit
=========================*/
.sub_recruit_top {margin: 200px 0 100px;}
.sub_recruit .inr {padding: 0 20%; text-align: -webkit-center;}
.sub_recruit .anker__item {width: 25%;}
.recruit_video iframe {width: 100%; height: 586px;}
.recruit__ttl {font-size: 20px; margin-bottom: 30px !important;}

.sub_recruit:before {content: " ";margin-top: -120px; height: 120px; display: block; visibility: hidden;}

@media (max-width: 1600px) { 
  .sub_recruit .flex__container .img img{width: 550px;}
  .sub_charm .inr {padding: 0 14%;}
  
}
@media screen and (max-width:768px) {
  .sub_recruit .anker__item {width: 31%;}
  .sub_recruit .flex__container .img img{width: 100%;}
}
@media screen and (max-width:530px) {
  .sub_recruit .anker__item {width: 100%;}
  .recruit_video iframe {height: 367px;}
}



/* ホワイトで働きやすい労働環境 */
.work__ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.work__ul .li{width: calc(33% - 40px); border-radius: 16px; border: 4px solid #eae8e4; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; margin-left: 40px;}
.work__ul .li:nth-child(-n + 3){margin-top: 0;}
.work__ul .li .inr {-webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: -webkit-left; justify-content: space-between;}
.work__ul_top{display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px;}
.work__ul_top .span{display: block; font-weight: 700; font-size: 1.125rem; margin-left: 14px;}
.work__ul .li .inr p{text-align: left;}

@media screen and (max-width: 1024px) {
  .work__ul .li {width: calc(33.33% - 40px);}
  .work__ul .li:nth-child(-n + 4) {margin-top: 40px;}
  .work__ul .li:nth-child(-n + 3) {margin-top: 0;}
}
@media screen and (max-width: 940px) {
  .work__ul .li {width: calc(50% - 40px);}
  .work__ul .li:nth-child(-n + 2) {margin-top: 0;}
  .work__ul .li:nth-child(-n + 3) {margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .work__ul .li {width: 100%;margin-left: 0;}
  .work__ul_top .span br{display: none;}
}


/* 人を知る */
.greeting_in {position: relative}
.greeting_in:before {background: #f5f5f5; content: ""; height: 410px; left: 100px; position: absolute; top: 320px; width: 825px; z-index: 1;}
.greeting_in h3 {position: absolute; right: 300px; top: 0; z-index: 10;}
.greeting_body {width: 70%; position: relative; z-index: 10; text-align: left; margin: 0 auto;}
.greeting_body .img {margin-bottom: 45px;}
.greeting_body .img img {width: 450px; height: 467px; object-fit: cover;}
.greeting_body p {margin-left: 60px;}
.greeting_body .name{margin-top: 35px; display: flex;align-items: flex-end; justify-content: flex-end;}
.greeting_body .name p{font-size: 21px; margin-left: 20px;}
.greeting_body .name .span{font-size: 14px;}

@media screen and (max-width:768px) {
  .greeting_in:before{left: 0; width: 100%;}
  .greeting_body {width: 90%;}
  .greeting_body .img {text-align: center;}
  .greeting_body .img img{width: 350px;}
  .greeting_body p {margin-left: 0;}
}
@media screen and (max-width:425px) {
  .recruit__ttl{font-size: 4vw;}
  .greeting_body .img img {width: 100%; height: 300px;}
}


/* faq */
#link05.sub_recruit .box{text-align: left;}
.faq_name {font-size: 18px;}
.sub_recruit .s_post {line-height: 2; font-size: 16px; color: #fff; background: #444; padding: 1px 10px; width: fit-content; margin-bottom: 10px!important;}
.faq__item {margin-bottom: 30px; background: #fff; padding: 20px 40px;}
.faq__item p{text-align: left;}
.bg .faq__item{background: #fff;}
.faq__item .faq__question, 
.faq__item .faq__answer {position: relative; padding: 10px 10px 10px 40px; line-height: 2;}
.faq__item .faq__question {font-weight: bold; border-bottom: 1px solid #e6ddcb;}
.faq__question::before,
.faq__answer::before {font-weight: bold; position: absolute; left: 0; top: 5px;}
.faq__question::before {content: "Q."; color: #dfb759; font-size: 20px;}
.faq__answer::before {content: "A."; color: #0a0a0a; font-size: 20px;}

@media (max-width: 1279px) { 
  .sub_recruit_top {margin: 60px 0;}
  .sub_recruit .inr {padding: 0 4%;}
}
@media screen and (max-width:768px) {
  .faq__item{padding: 15px; margin-bottom: 15px;}
  .faq__item .faq__question, 
  .faq__item .faq__answer{padding: 10px 10px 10px 30px;}
}

/*技術カリキュラム*/
.stepbar {margin: 0 auto 100px; text-align: left; position: relative;}
.stepbar::before {content: ""; width: 1px; height: 100%; background-color: #6a6a6a; position: absolute; top: 1rem; left: 8px; z-index: -1;}
.stepbar .stepbarwrap {margin: 2em 0; position: relative;}
.stepbar .stepbarwrap .steptitle {display: inline-flex; align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {display: inline-block; width: 1em; height: 1em; content: ""; border-radius: 50%; background-color: #fff; border: 2px solid #deb453;}
.stepbar .stepbarwrap .steptitle .stepnum { padding-left: 16px; font-size: 1.5em; color: #333;}
.stepbar .stepbarwrap .steptxt {padding-left: 2em;}
.stepbar .stepbarwrap .steptxt .title {margin: 0.5em 0; font-weight: bold; font-size: 1.2em;}
.stepbar .stepbarwrap .steptxt .txt {font-size: 0.9em; text-align: left;}

.cut_model{width: 45%; position: relative;}
.cut_model::before{content: ""; background: #deb453; width: 1px; height: 85px; position: absolute; bottom: -1rem; left: 1rem; transition: bottom 0.3s ease;}
.cut_model:hover::before {bottom: -1.5rem;}
.cut_model img{width: 300px; height: 236px; object-fit: cover; margin-bottom: 10px;}
.cut_model p{text-align: left; font-size: 14px; padding-left: 30px;}

@media screen and (max-width: 1024px) {
  .stepbar {width: 100%;}
}
@media screen and (max-width: 768px) {
  .stepbar .stepbarwrap .steptxt .month { width: 100%; margin-bottom: 10px;}
  .stepbar .stepbarwrap .steptxt .cut_model {width: 100%; margin-bottom: 3rem;}
  .cut_model img{width: 100%; height: 45vw;}
}
@media screen and (max-width:347px) {
  .stepbar .stepbarwrap .steptxt .title {margin: 0.5em 0.1em 10px !important; font-weight: bold; font-size: 1em;}
}


/*============================================
    sub_guideline
=========================*/
.sub_guideline .anker__items {width: 72%; margin: 0 auto 80px;}
.sub_guideline .anker__item {width: 30%;}
.sub_guideline .inr {padding: 0 15%;}
.sub_guideline .sub_tbl{margin-top: 10rem;}
.sub_guideline .sub_box .flex-btw{align-items: stretch;}
.guide__area .txt{width: 45%;}
.guide__area .img{width: 50%;}
.sub_guideline .guide__area .flex-btw{align-items: flex-end;}
.guide__area .link_btn{margin-top: 30px;}

@media (max-width: 1440px) { 
  .sub_guideline .anker__items {width: 78%;}
}
@media (max-width: 1279px) { 
  .sub_guideline .inr {padding: 0 4%;}
  .sub_guideline .anker__item {width: 32%;}
  .sub_guideline .anker__items {width: 100%;}
  
}
@media (max-width: 768px) { 
  .sub_guideline .anker__item {width: 45%;}
  .guide__area .txt {width: 100%;}
  .guide__area .img {width: 100%; margin-top: 50px;}
}
@media (max-width: 600px) { 
  .sub_guideline p.ta-c{text-align: left;}
  .sub_guideline p.ta-c br{display: none;}
  .sub_guideline .anker__item {width: 100%;}
}


/*============================================
    sub_salon
=========================*/
.sub_salon .inr {padding: 0 20%;}
.sub_salon .anker__items {width: 85%; margin: 0 auto 80px;}
.sub_salon .anker__item {width: 22%;}
.sub_salon{}
.sub_salon iframe{height: 450px; padding: 10px; border: 1px solid #eee; background: #fff;}

/* staff
------------------------------*/
.staff_box{background: #fff;}  
.staff_box .flex__txt{padding: 20px 30px 20px; width: 60%; position: relative; z-index: 3;}
.staff_box:nth-child(even) .flex__txt{left: -40px;}
.staff_box:nth-child(odd) .flex__txt{right: -40px;}
.staff_box .flex-btw{align-items: center;}
.staff_box:not(:last-child){margin-bottom: 50px;}
.staff_box:nth-child(odd) .flex-btw{flex-direction: row-reverse;}
.staff_box .flex__photo{width: 32%;}
.staff_box .flex__photo img{padding: 0;}
.s_name_flex{display: flex; align-items: center;}
.s_name_flex a{padding-left: 20px;}
.flex__txt p.s_name{font-size: 28px; font-weight: 400;}
.flex__txt p.s_post{line-height: 2;font-size: 16px; color:#fff; background:#444 ; padding: 1px 10px; width: fit-content; margin-bottom: 10px;}

.sbg01 {background: url(../images/sbg01_bg.jpg) no-repeat center center / cover;}
.sbg02 {background: url(../images/sbg02_bg.jpg) no-repeat center center / cover;}
.sbg03 {background: url(../images/sbg03_bg.jpg) no-repeat center center / cover;}
.sbg04 {background: url(../images/sbg04_bg.jpg) no-repeat center center / cover;}
.sbg05 {background: url(../images/sbg05_bg.jpg) no-repeat center center / cover;}
.sbg06 {background: url(../images/sbg06_bg.jpg) no-repeat center center / cover;}
.sbg06 {background: url(../images/sbg07_bg.jpg) no-repeat center center / cover;}

@media screen and (max-width: 1279px) {
  .sub_salon .inr {padding: 0 4%;}
}
  
@media screen and (max-width: 1024px) {
  .staff_box:nth-child(odd) .flex__txt{left: inherit;}
  .staff_box:nth-child(even) .flex__txt{right: inherit;}
}

@media screen and (max-width: 768px) {
  .sub_salon .anker__items {width: 100%;}
  .s_post{font-size: 14px; padding: 1px 8px;}
  .s_name{font-size: 18px;}
  .staff_box .flex__txt{padding: 15px; width: 100%;}
  .staff_box:nth-child(odd) .flex__txt{left: inherit;}
  .staff_box:nth-child(even) .flex__txt{right: inherit;}
  .staff_box .flex__photo{width: 100%;}

}

@media screen and (max-width: 530px) {
  .sub_salon .anker__item {width: 48%;}
}


/*============================================
    sub_tsuideni
=========================*/
.sub_tsuideni{margin-top: 11rem;}
.sub_tsuideni .inr {padding: 0 20%;}
.sub_tsuideni .row-reverse .flex__img {width: 40%; margin-right: calc(51% - 45vw); margin-left: 3rem;}

.tsuideni__menuttl .menu_h_ttl {font-size: 20px;color: #9d9d9d;}

.tsuideni_menu .inr {padding: 0 20%;}
.tsuideni_menu_box {/*border-bottom: 1px solid #eee;*/ padding-bottom: 100px;margin-bottom: 100px;}
.tsuideni_menu_box:last-of-type{border-bottom: none;}
.tsuideni_menu .flex__photo{width: 55%; text-align: center;}
.tsuideni_menu .flex-btw{align-items: flex-end;}
.tsuideni_menu .flex-btw.align-center{align-items: center;}
.tsuideni_menu .flex__photo img{width: 90%;}
.tsuideni_menu .flex__txt {width: 44%;}
.tsuideni_menu .row-reverse .flex__txt {margin-left: 0;}

.cookie_menu {}
.cookie_box {}
.cookie_box {
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: dashed 1px #ddd;
}
.cookie_box .option_item {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.cookie_box .option_ttl{line-height: 2;}
.cookie_p{font-size: 14px;}


.tsuideni_menu .tsuideni_shop .flex-btw {align-items: stretch;}

.tsuideni_menu iframe {height: 450px; padding: 10px; border: 1px solid #eee; background: #fff}

.parking_box .link_btn{margin-top: 30px;}
.parking_box .flex__img {
    width: 40%;
    flex: 1;
    margin-left: calc(30% - 36vw);
    margin-right: 0;
}
.parking_box .flex__img img {
    width: 90%;
}
.menu_btn{
 column-gap: 1%;
  row-gap: 10px;
}
.menu_btn_list{
  background: #444;
  padding: 10px 30px;
  width:23%;
  text-align: center;
}
.menu_btn_list a{
color:#fff;  
}
.menu_btn_list:hover a{
color:#fff;  
  opacity:.8;
}
@media screen and (max-width: 1279px) {
  .sub_tsuideni .inr {padding: 0 4%;}
  .tsuideni_menu .inr {padding: 0 4%;}
  .sub_tsuideni {margin-top: 5rem;}
}

@media screen and (max-width: 768px) {
  .tsuideni_menu .flex__txt {width: 100%;}
  .tsuideni_menu .flex__photo {width: 100%; margin-bottom: 30px;}
  .parking_box .flex__img {width: 100%;margin-left: calc(100% - 91vw);}
  .parking_box .flex__img img {width: 100%;}
.menu_btn_list{
  width:48%;
}
}






/* .numbers-main
================================================== */
.numbers-main {position: relative;}
.numbers-main__bg {position: absolute; top: 0; right: 2.65vw; width: 67.2%; max-width: 700px; z-index: -1;}
.numbers-main__inner {padding-top: 28px; padding-bottom: 50px;}
.numbers-main__con {margin-bottom: -10px;}
.numbers-main-sec {box-sizing: border-box; background: #fff; padding: 22px 20px; margin-bottom: 10px; color: #dfb551; border: 1px solid #eee;}
.numbers-main-sec__head {box-sizing: border-box; font-size: 2rem; font-weight: 700; line-height: 1.4; margin-bottom: 10px; position: relative; text-align: center;}
.numbers-main-sec__note {color: rgb(var(--gray03)); font-size: 1.4rem;}
.numbers-main-sec__img {text-align: center;}
.numbers-main-sec.is-sec01 .numbers-parts-piechart {margin: 0 auto; width: 200px;}
.numbers-main-sec.is-sec01 .numbers-parts-piechart-label {text-align: center;}
.numbers-main-sec.is-sec01 .numbers-parts-piechart-label__txt { display: inline-block; font-size: 1.1rem; margin-bottom: 2px;}
.numbers-main-sec.is-sec01 .numbers-parts-piechart-label__num { font-size: 1.9rem;}
.numbers-main-sec.is-sec01 .numbers-parts-piechart-label__unit {font-size: 1.4rem;}

.numbers-main-sec.is-sec09 .numbers-parts-ratio__num {font-size: 12rem; line-height: 1;}
.numbers-main-sec.is-sec09 .numbers-main-sec__head {box-sizing: border-box; font-size: 1.9rem; font-weight: 700; line-height: 1.4; margin-bottom: 10px; position: relative; text-align: center;}
.numbers-main-sec.is-sec09 {grid-column: 1 / 4; grid-row: 5 / 7;}  
.numbers-main-sec.is-sec09 .num__flex{justify-content: center; align-items: flex-end;position: relative;}
.numbers-main-sec.is-sec09 .num__flex::before{
    content: "";
    background: url(../images/icon11.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 100px;
    position: absolute;
    left: 10%;
    top: -10%;
  }

.numbers-main-sec.is-sec07 .numbers-parts-txt {
  margin: 0 auto;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.num_box_img img{width: 100%;}

@media all and (max-width: 767px) {
  .numbers-main-sec {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .numbers-main-sec.is-sec07 .numbers-main-sec__head {
    display: flex;
    align-items: center;
    justify-content: center;
  }

}
@media all and (min-width: 768px) {
  .numbers-main__inner {padding-bottom: 120px;}
  .numbers-main__con {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 0;}
  .numbers-main-sec {display: flex; flex-direction: column; justify-content: space-around; margin-bottom: 0; padding: 40px 30px;}
  .numbers-main-sec__head {margin-bottom: 28px;}
  
  
  /*is-sec01*********/
  .numbers-main-sec.is-sec01 {grid-column: 1 / 4; grid-row: 1 / 2;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico::before{content: none;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico img{
    position: absolute;
    top: -9px;
    left: 8rem;
    display: block;
    height: 107px;
    width: 40% !important;
  }
  
  /*is-sec02*********/
  .numbers-main-sec.is-sec02 {grid-column: 4 / 7; grid-row: 1 / 1;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio{position: relative;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio::before{
        content: "";
        background: url(../images/icon14.png) no-repeat;
        background-size: contain;
        height: 70px;
        width: 70px;
        margin-right: 14px;
        position: absolute;
        top: -40px;
        left: 10%;
  }
  .numbers-main-sec.is-sec02 .num__flex{justify-content: center; align-items: flex-end;}

  
  
  /*is-sec03*********/
  .numbers-main-sec.is-sec03 {grid-row: 4 / 3; grid-column: 1 / 7;}
  .numbers-main-sec.is-sec03 .num__flex {justify-content: space-around;}
  .numbers-main-sec.is-sec03 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec03 .num_box_img img {width: 35%; margin-left: 33%;}
  .numbers-main-sec.is-sec03 .numbers-main-sec__head {margin-bottom: 0;}
  
  /*is-sec04*********/
  .numbers-main-sec.is-sec04 {grid-column: 4 / 7; grid-row: 2 / 3;}
  .numbers-main-sec.is-sec04 .numbers-main-sec__head {margin-bottom: 0;}
  .numbers-main-sec.is-sec04 .num__flex {align-items: flex-end; justify-content: center;}
  .numbers-main-sec.is-sec04 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec04 .numbers-parts-ratio{margin: 0 10px 0 30px;}
  
  /*is-sec05*********/
  .numbers-main-sec.is-sec05 {grid-column: 1 / 4; grid-row: 3 / 2;}  
  .numbers-main-sec.is-sec05 .num__flex{align-items: flex-end; justify-content: space-evenly;}
  .numbers-main-sec.is-sec05 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec05 .num_box_img img {width: 24%;}
  
  /*is-sec06*********/
  .numbers-main-sec.is-sec06 {grid-column: 3 / 5;}
  .numbers-main-sec.is-sec06 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec06{}
  
  /*is-sec07*********/
  .numbers-main-sec.is-sec07 {grid-column: 5 / 7;}
  .numbers-main-sec.is-sec07 .num__flex{justify-content: center; align-items: flex-end;}
  
  /*is-sec08*********/
  .numbers-main-sec.is-sec08 {grid-column: 1 / 3; grid-row: 4 / 5;}
  .numbers-main-sec.is-sec08 .num__flex{align-items: flex-end; justify-content: center; position: relative;}
  .numbers-main-sec.is-sec08 .num__flex::before{
        content: "";
        width: 100px;
        height: 67px;
        position: absolute;
        right: 5%;
        top: 0;
}

  
  /*is-sec09*********/
  .numbers-main-sec.is-sec09 {grid-column: 1 / 4; grid-row: 5 / 7;}  
  .numbers-main-sec.is-sec09 .num__flex{justify-content: center; align-items: flex-end;position: relative;}
  .numbers-main-sec.is-sec09 .num__flex::before{
    content: "";
    background: url(../images/icon11.png) no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 23%;
    top: -56%;
  }

  
  
  /*is-sec10*********/
  .numbers-main-sec.is-sec10 {grid-column: 4/7;}
  .numbers-main-sec.is-sec10 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 28%;}
  .numbers-main-sec.is-sec10 .num__flex{justify-content: space-evenly; align-items: flex-end;}
  
  /*is-sec11*********/
  .numbers-main-sec.is-sec11 {grid-column: 4/7;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 18%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) {bottom: 12px; left: 65%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) .numbers-parts-stackedbar-label__txt {flex-basis: auto; margin-right: 5px;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(3) {text-align: right;}
  .numbers-main-sec.is-sec11 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec11 .num-flex{justify-content: center; align-items: flex-start;}
  
}

.numbers-parts-ratio__label {font-size: 2rem; font-weight: 700; line-height: 1.4; margin-bottom: -5px;}
.numbers-parts-ratio__sep {display: block; font-size: 8rem; line-height: 1; margin: 0 20px;}
.numbers-parts-employee__ico {display: block; margin: 0 10px 0 0; position: relative; width: 50%;}
.numbers-parts-employee__ico::before {content: ""; display: block; padding-top: 58.407079646%;}
.numbers-parts-employee__ico img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}
.numbers-parts-employee__txt {font-size: 2rem; font-weight: 700;}
.numbers-parts-employee__txt-num {display: inline-block; font-size: 9rem; line-height: 1;}

@media all and (max-width: 767px) {
  .numbers-parts-employee {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
}
@media all and (min-width: 768px) {
  .numbers-parts-employee__ico {margin: 0 0 0 26px;}
}


.numbers-parts-ratio__num {font-size: 8rem; line-height: 1;}
.numbers-parts-map-label__num {display: inline-block; font-size: 2.3rem; line-height: 1;}
.numbers-parts-map-label__unit {font-size: 1.2rem;}

@media all and (min-width: 768px) {
  .numbers-parts-map-label {font-size: 2rem; padding-bottom: 5px;}
  .numbers-parts-map-label__num {font-size: 4rem;}
  .numbers-parts-map-label__unit {font-size: 2rem;}
}


.numbers-parts-txt {font-size: 2rem; font-weight: 700; line-height: 1.4;}
.numbers-parts-txt__num {display: inline-block; font-size: 6rem; line-height: 1;}

@media all and (min-width: 390px) {
  

  /*is-sec01*********/
  .numbers-main-sec.is-sec01 {grid-column: 1 / 4; grid-row: 1 / 2;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico::before{content: none;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico img{
    position: absolute;
    top: -9px;
    left: 9rem;
    display: block;
    height: 107px;
    width: 40% !important;
  }
  
  /*is-sec02*********/
  .numbers-main-sec.is-sec02 {grid-column: 4 / 7; grid-row: 1 / 1;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio{position: relative;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio::before{
        content: "";
        background: url(../images/icon14.png) no-repeat;
        background-size: contain;
        height: 70px;
        width: 70px;
        margin-right: 14px;
        position: absolute;
        left: 10%;
  }
  .numbers-main-sec.is-sec02 .num__flex{justify-content: center; align-items: flex-end;}

  
  
  /*is-sec03*********/
  .numbers-main-sec.is-sec03 {grid-row: 4 / 3; grid-column: 1 / 7;}
  .numbers-main-sec.is-sec03 .num__flex {justify-content: space-around;}
  .numbers-main-sec.is-sec03 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec03 .numbers-main-sec__head {margin-bottom: 0;}
  
  /*is-sec04*********/
  .numbers-main-sec.is-sec04 {grid-column: 4 / 7; grid-row: 2 / 3;}
  .numbers-main-sec.is-sec04 .numbers-main-sec__head {margin-bottom: 0;}
  .numbers-main-sec.is-sec04 .num__flex {align-items: flex-end; justify-content: center;}
  .numbers-main-sec.is-sec04 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec04 .numbers-parts-ratio{margin: 0 10px 0 30px;}
  
  /*is-sec05*********/
  .numbers-main-sec.is-sec05 {grid-column: 1 / 4; grid-row: 3 / 2;}  
  .numbers-main-sec.is-sec05 .num__flex{align-items: flex-end; justify-content: space-evenly;}
  .numbers-main-sec.is-sec05 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec05 .num_box_img img {width: 24%;}
  
  /*is-sec06*********/
  .numbers-main-sec.is-sec06 {grid-column: 3 / 5;}
  .numbers-main-sec.is-sec06 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec06{}
  
  /*is-sec07*********/
  .numbers-main-sec.is-sec07 {grid-column: 5 / 7;}
  .numbers-main-sec.is-sec07 .num__flex{justify-content: center; align-items: flex-end;}
  
  /*is-sec08*********/
  .numbers-main-sec.is-sec08 {grid-column: 1 / 3; grid-row: 4 / 5;}
  .numbers-main-sec.is-sec08 .num__flex{align-items: flex-end; justify-content: center; position: relative;}
  .numbers-main-sec.is-sec08 .num__flex::before{
        content: "";
        width: 100px;
        height: 67px;
        position: absolute;
        right: 5%;
        top: 0;
}
  
  /*is-sec09*********/
  .numbers-main-sec.is-sec09 .numbers-parts-ratio__num {font-size: 8rem; line-height: 1;}
  .numbers-main-sec.is-sec09 {grid-column: 1 / 4; grid-row: 5 / 7;}  
  .numbers-main-sec.is-sec09 .num__flex{justify-content: center; align-items: flex-end;position: relative;}
  .numbers-main-sec.is-sec09 .num__flex::before{
    content: "";
    background: url(../images/icon11.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 100px;
    position: absolute;
    left: 10%;
    top: -10%;
  }
  
  
  /*is-sec10*********/
  .numbers-main-sec.is-sec10 {grid-column: 4/7;}
  .numbers-main-sec.is-sec10 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 28%;}
  .numbers-main-sec.is-sec10 .num__flex{justify-content: space-evenly; align-items: flex-end;}
  .numbers-main-sec.is-sec10 .numbers-parts-map-label__num {display: inline-block; font-size: 7rem; line-height: 1;}

  
  /*is-sec11*********/
  .numbers-main-sec.is-sec11 {grid-column: 4/7;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 18%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) {bottom: 12px; left: 65%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) .numbers-parts-stackedbar-label__txt {flex-basis: auto; margin-right: 5px;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(3) {text-align: right;}
  .numbers-main-sec.is-sec11 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec11 .num-flex{justify-content: center; align-items: flex-start;}
  .numbers-main-sec.is-sec11 .numbers-parts-map-label__num {display: inline-block; font-size: 8rem; line-height: 1;}

}
@media all and (min-width: 320px) {
  .num_box_img img {width: 80%;}
  .numbers-main-sec.is-sec05 .num_box_img img {width: 38%;}
  .flex-btw.num__flex{justify-content: center; align-items: center;}
}
@media all and (min-width: 375px) {


  /*is-sec01*********/
  .numbers-main-sec.is-sec01 {grid-column: 1 / 4; grid-row: 1 / 2;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico::before{content: none;}
  .numbers-main-sec.is-sec01 .numbers-parts-employee__ico img{
    position: absolute;
    top: -9px;
    left: 9rem;
    display: block;
    height: 107px;
    width: 40% !important;
  }
  
  /*is-sec02*********/
  .numbers-main-sec.is-sec02 {grid-column: 4 / 7; grid-row: 1 / 1;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio{position: relative;}
  .numbers-main-sec.is-sec02 .numbers-parts-ratio::before{
        content: "";
        background: url(../images/icon14.png) no-repeat;
        background-size: contain;
        height: 70px;
        width: 70px;
        margin-right: 14px;
        position: absolute;
        left: 10%;
  }
  .numbers-main-sec.is-sec02 .num__flex{justify-content: center; align-items: flex-end;}

  
  
  /*is-sec03*********/
  .numbers-main-sec.is-sec03 {grid-row: 4 / 3; grid-column: 1 / 7;}
  .numbers-main-sec.is-sec03 .num__flex {justify-content: space-around;}
  .numbers-main-sec.is-sec03 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec03 .numbers-main-sec__head {margin-bottom: 0;}
  
  /*is-sec04*********/
  .numbers-main-sec.is-sec04 {grid-column: 4 / 7; grid-row: 2 / 3;}
  .numbers-main-sec.is-sec04 .numbers-main-sec__head {margin-bottom: 0;}
  .numbers-main-sec.is-sec04 .num__flex {align-items: flex-end; justify-content: center;}
  .numbers-main-sec.is-sec04 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec04 .numbers-parts-ratio{margin: 0 10px 0 30px;}
  
  /*is-sec05*********/
  .numbers-main-sec.is-sec05 {grid-column: 1 / 4; grid-row: 3 / 2;}  
  .numbers-main-sec.is-sec05 .num__flex{align-items: flex-end; justify-content: space-evenly;}
  .numbers-main-sec.is-sec05 .num_box_img{margin-top: 20px;}
  .numbers-main-sec.is-sec05 .num_box_img img {width: 24%;}
  
  /*is-sec06*********/
  .numbers-main-sec.is-sec06 {grid-column: 3 / 5;}
  .numbers-main-sec.is-sec06 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec06{}
  
  /*is-sec07*********/
  .numbers-main-sec.is-sec07 {grid-column: 5 / 7;}
  .numbers-main-sec.is-sec07 .num__flex{justify-content: center; align-items: flex-end;}
  
  /*is-sec08*********/
  .numbers-main-sec.is-sec08 {grid-column: 1 / 3; grid-row: 4 / 5;}
  .numbers-main-sec.is-sec08 .num__flex{align-items: flex-end; justify-content: center; position: relative;}
  .numbers-main-sec.is-sec08 .num__flex::before{
        content: "";
        width: 100px;
        height: 67px;
        position: absolute;
        right: 5%;
        top: 0;
}
  
  /*is-sec09*********/
  .numbers-main-sec.is-sec09 .numbers-parts-ratio__num {font-size: 8rem; line-height: 1;}
  .numbers-main-sec.is-sec09 {grid-column: 1 / 4; grid-row: 5 / 7;}  
  .numbers-main-sec.is-sec09 .num__flex{justify-content: center; align-items: flex-end;position: relative;}
  .numbers-main-sec.is-sec09 .num__flex::before{
    content: "";
    background: url(../images/icon11.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 100px;
    position: absolute;
    left: 10%;
    top: -10%;
  }
  
  
  /*is-sec10*********/
  .numbers-main-sec.is-sec10 {grid-column: 4/7;}
  .numbers-main-sec.is-sec10 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 28%;}
  .numbers-main-sec.is-sec10 .num__flex{justify-content: space-evenly; align-items: flex-end;}
  .numbers-main-sec.is-sec10 .numbers-parts-map-label__num {display: inline-block; font-size: 7rem; line-height: 1;}

  
  /*is-sec11*********/
  .numbers-main-sec.is-sec11 {grid-column: 4/7;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(1) {left: 18%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) {bottom: 12px; left: 65%;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(2) .numbers-parts-stackedbar-label__txt {flex-basis: auto; margin-right: 5px;}
  .numbers-main-sec.is-sec11 .numbers-parts-stackedbar-label:nth-of-type(3) {text-align: right;}
  .numbers-main-sec.is-sec11 .num__flex{justify-content: center; align-items: flex-end;}
  .numbers-main-sec.is-sec11 .num-flex{justify-content: center; align-items: flex-start;}
  .numbers-main-sec.is-sec11 .numbers-parts-map-label__num {display: inline-block; font-size: 8rem; line-height: 1;}

}
@media all and (min-width: 768px) {
  .num_box_img img {width: 80%;}
  .flex-btw.num__flex{justify-content: space-between; align-items: unset;}
}

@media all and (max-width: 768px) {
.staff_box:nth-child(even) .flex__txt.spNegativeMargin  {
  left: 0;
  
}

.staff_box:nth-child(odd) .flex__txt.spNegativeMargin {
    right: 0;
}
}