@charset "utf-8";
/* CSS Document */

body {color: #333;}
article {overflow: hidden}

p {margin-bottom: 1rem;line-height: 1.75;}
p:last-of-type {margin-bottom: 0}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  .PC {display: none !important}
}
@media only screen and (min-width: 645px) {/*スマホ以外*/
  .SP {display: none !important}
}

/****************************************************
共通
****************************************************/

.inner {max-width: 1120px;padding: 0 10px; margin: auto}

#h1_title {display: flex;justify-content: center;}

#h1_title .bird {
  background: url("../../images/bird.png") no-repeat left 15px;
  width: 46px;
}
#h1_title .tree {
  background: url("../../images/tree.png") no-repeat bottom;
  width: 75px;height: 69px;
}
#h1_title .title {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  text-align: center; 
}
#h1_title .h1_sub {color: #bebec1}
#h1_title h1 {color: #e16a4d}

#eye_catch {display: block;width: 100%; max-width: 1100px;aspect-ratio: 11/4;margin: 0 auto 60px;overflow: hidden}
#eye_catch img {object-fit: cover;width: 100%;height: 100%; border-radius: 30px;}


.link_button {
  text-align: center;
  margin-top: 1.5rem;
}
.link_button a {
  display: inline-block;
  text-decoration: none;
  border-radius: 10px;
  border: solid 2px #f5b3a2;
  color: #f5b3a2;
  font-weight: bold;
  padding: 0.75em 2em;
}
.link_button a:hover {
  background: #f5b3a2;
  color: #FFF;
}

@media only screen and (min-width: 645px) {/*スマホ以外*/
  #h1_title {margin: 40px auto}
  #h1_title .title {padding: 0 20px 0 30px;}
  #h1_title .h1_sub {font-size: 26px}
  #h1_title h1 {font-size: 32px}
}
@media only screen and (max-width: 1100px) {/*スマホ以外*/
  #eye_catch {padding: 0 20px}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #h1_title {margin: 20px auto}
  #h1_title .title {padding: 0 10px 0 15px;}
  #h1_title .h1_sub {font-size: 1.25rem}
  #h1_title h1 {font-size: 1.5rem}
  #eye_catch {margin: 0 auto 30px;}
  #eye_catch {padding: 0 10px}
}



.title_area {text-align: center;}
.title_area .title_sub {color: #bebec1;letter-spacing:-0.1em}
.title_area .title {color: #75ae9c}
@media only screen and (min-width: 645px) {/*スマホ以外*/
  .title_area {padding: 60px 0}
  .title_area .title_sub {font-size: 26px}
  .title_area .title {font-size: 32px}
  #home .title_area {padding:0 0 40px}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  .title_area {padding: 2rem 0}
  .title_area .title_sub {font-size: 1.25rem}
  .title_area .title {font-size: 1.5rem}
  #home .title_area {padding: 0 0 1.5rem}
}


/*===================================================
header
===================================================*/
header {
  display: flex;align-items: center;justify-content: space-between;
  max-width: 1320px; padding: 10px 10px;margin: 0 auto;
  min-height: 60px;
}
header .logo a:hover {opacity: 0.5}
@media only screen and (min-width: 645px) {/*スマホ以外*/
 
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  header {height: 60px;padding: 0 0 0 10px}
  header .logo {position: relative;z-index: 200;}
}



/*===================================================
ナビ
===================================================*/
#g-nav ul,#g-nav ul li {
  margin: 0;padding: 0;list-style: none;
}
@media only screen and (min-width: 1001px) {/*スマホ以外*/
  #g-nav ul li:not(:last-of-type) {margin-right: 30px}
}
@media only screen and (min-width: 851px) and (max-width: 1000px) {/*スマホサイズ*/
  #g-nav ul li:not(:last-of-type) {margin-right: 20px}
}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #g-nav ul {display: flex;align-items: center;font-weight: bold}
  #g-nav ul a {text-decoration: none;color: #333;padding: 5px;}
  #g-nav ul a:hover {border-bottom: solid 1px #333}
  #g-nav ul .contact a {display: block;border: solid 1px #fff}
  #g-nav ul .contact a:hover {border: solid 1px #f5b3a2;}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #g-nav {
    width: 100%;
    z-index: 100;
    position: absolute;
    position: fixed;
    top: 0;
    right: 0;
  }
  #g-nav ul {
    overflow: hidden;
    width: 100%;
    background: #fff;
    display: none;
    border-top: 5px solid #f5b3a3;
    border-bottom: 5px solid #f5b3a3;
  }
  #g-nav ul li {
    text-align: center;
    float: left;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
  }
  #g-nav ul li:last-child {
    border-bottom: none;
  }
  #g-nav ul li a {
    display: flex;flex-direction: column;
    justify-content: center;align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    padding: 1rem 0;
  }
  #g-nav ul li a span {
    font-size: 0.9rem;
    color: var(--blue_3);
  }
  #g-nav ul li a:hover {
    border-bottom: 3px solid #FF7E00;
    color: #FF7E00;
    padding-bottom: 9px;
  }
  #nav-btn {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #FFF;
    margin: 5px;
    border-radius: 50%;
    float: right;
  }
  #nav-btn span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #f5b3a3;
    margin: -1px 0 0 -10px;
    transition: .2s;
  }
  #nav-icon:before, #nav-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    background: #f5b3a3;
    transition: .2s;
  }
  #nav-icon:before {
    margin-top: -6px;
  }
  #nav-icon:after {
    margin-top: 4px;
  }
  #nav-btn .close {
    background: transparent;
  }
  #nav-btn .close:before, #nav-btn .close:after {
    margin-top: 0px;
  }
  #nav-icon.close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #nav-icon.close:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(-135deg);
  }
}


/*===================================================
パンくず・shareボタン
===================================================*/
.inner.add_button {overflow: hidden;margin: 4rem auto 0;position: relative;height: 40px;}
.addtoany_shortcode {position: absolute;left: 0;right: 0;top: 0;bottom: 0; height: 40px;}
.addtoany_shortcode .a2a_kit {display: flex;flex-wrap: wrap;justify-content: center;}
.addtoany_list.a2a_kit a {width: calc((100% - 20px) / 5)}
.addtoany_list.a2a_kit a:not(.addtoany_special_service) > span {width: 100%;height: 40px;}
.addtoany_list.a2a_kit a .a2a_svg svg {height: 32px;margin: 4px auto}


#breadcrumbs {margin: 2rem 0 4rem}
#breadcrumbs .inner {position: relative}
#breadcrumbs .inner::before,#breadcrumbs .inner::after {
  content: "";display: block;background: #ccc;height: 1px;
  position: absolute;left: 0;right: 0;
}
#breadcrumbs .inner::before {top: -10px;}
#breadcrumbs .inner::after {bottom: -15px;}
#breadcrumbs .separator {color: #999;padding: 0 5px}
#breadcrumbs img {width: 32px;height: 32px;margin-right: 5px;}
#breadcrumbs .inner > span {display: inline-block;margin: 0.25rem 0;}
@media only screen and (max-width: 1120px) {/*スマホサイズ*/}
  #breadcrumbs .inner::before {top: -10px;left: 10px;right: 10px;}
  #breadcrumbs .inner::after {bottom: -15px;left: 10px;right: 10px;}

@media only screen and (max-width: 644px) {/*スマホサイズ*/
  .inner.add_button {margin: 2rem 0 0}
  #breadcrumbs {margin: 2rem 0}
}

/*===================================================
footer
===================================================*/
footer {background: #f5b3a3;color: #FFF;}
footer a {color: #FFF}
footer .bg_tree {
  background: url("../../images/footer/bg.png") repeat-x center #FFF;
  display: block;
}
footer .logo {text-align: center}
footer .sns {display: flex;justify-content: center}
footer .footer_nav {text-align: center}
footer .footer_nav ul {display: flex;justify-content: center}
footer small {display: block;text-align: center}
footer .sns a {margin: 0 10px}
@media only screen and (min-width: 645px) {/*スマホ以外*/
  footer {padding-bottom: 60px;}
  footer .bg_tree {height: 250px;background-size:  auto 250px;}
  footer .logo {padding-top:60px;}
  footer .sns,footer .footer_nav {margin: 25px 0}
  footer .footer_nav li {margin: 0 10px}
  footer .footer_nav .privacy {margin-top: 1rem}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  footer {padding-bottom: 30px;}
  footer .bg_tree {height: 100px;background-size:  auto 100px;}
  footer .logo {padding:30px 0 20px;}
  footer .sns,footer .footer_nav {margin: 15px 0}
  footer .footer_nav ul {flex-direction: column}
  footer .footer_nav li {margin: 5px 0;text-align: center;}
}




/****************************************************
トップページ
****************************************************/
#home #main_img {position: relative;width: 100%;}
#home #main_img .main_img {max-height: 600px;overflow: hidden;display: flex;justify-content: center;align-items: center;margin: 0}
#home #main_img .main_text {
  position: absolute;top: 0;bottom: 0;left: 0;right: 0;
  display: flex;align-items: center;
}
#home #main_img .main_text .inner {width: 100%;padding: 0 10px}
#home #main_img .main_text p {display: flex;flex-direction: column;align-items: flex-start;line-height: 2}
#home #main_img .main_text p span {padding: 0 1.5rem}
#home #main_img .main_text p span:nth-of-type(2){margin-top: 0.75rem}
#home #main_img .main_text .text1 span {background:#f5b3a2;color: #FFF;font-weight: bold;font-size: 2rem}
#home #main_img .main_text .text2 span {background:#FFF;color: #686868; font-weight: bold;font-size: 1.5rem}
#home #main_img .main_text .text1 {margin-bottom: 1.5rem}


#home section {position: relative}
#home .inner {position: relative;z-index: 2; padding: 40px 10px}




@media only screen and (min-width: 851px) {/*スマホ以外*/
  #home #main_img .main_img img {width: 100%;}
  #home .bg {
    position: absolute;top: 0;bottom: 0;
    display: flex;align-items: center;overflow: hidden;
  }
  #home .bg .img {height: 100%;display: flex;align-items: center}
  #home .bg img {object-fit: contain}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
#home #main_img .main_img {height: 350px;}
#home #main_img .main_img  img {width: 100%;height: 100%;object-fit: cover;object-position: 20% 0;}
  #home .bg .img {text-align: center}
  #home .bg img {width: 80%;max-width: 400px;}
}
@media only screen and (max-width: 650px) {/*スマホサイズ*/
#home #main_img .main_img {height: 300px;}
#home #main_img .main_img  img {width: 100%;height: 300px;object-position: 60% 0;}
#home #main_img .main_text p {line-height: 1.75}
#home #main_img .main_text p span {padding: 0 1rem}
#home #main_img .main_text p span:nth-of-type(2){margin-top: 0.5rem}
#home #main_img .main_text .text1 span {font-size: 5vw}
#home #main_img .main_text .text2 span {font-size: 3.5vw}
}



/**理念********/
#home .philosophy{
  background: url("../../images/bg_01.jpg") center top;
  background-size: 100%;
}
@media only screen and (min-width: 645px) {/*スマホ以外*/
  #home .philosophy .inner {padding: 60px 20px}
}

/**採用情報********/
#home .recruit{
  background: url("../../images/bg_02.png")center top;
  background-size: 100%;
}
#home .recruit .bg .img ,#home .recruit .bg img {border-radius: 0 30px 30px 0;overflow: hidden}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #home .recruit .inner {display: flex;}
  #home .recruit .inner > * {width: 50%;padding-left: 40px}
  #home .recruit .bg {right: 50%;top: 20px; bottom: 20px;}
  #home .recruit .title_area {padding: 0 0 30px}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #home .recruit .bg img {border-radius: 30px }
  #home .recruit {display: flex;flex-direction: column-reverse;padding: 30px 0}
  #home .recruit .inner {padding: 0 10px}
  #home .recruit .title_area {padding: 30px 0}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #home .recruit .title_area {padding: 1.5rem 0}
}

/**仕事について********/
#home .works{
  background: url("../../images/bg_03.png")center top;
  background-size: 100%;
}
#home .works .text {background: rgba(255,255,255,0.7);padding: 10px}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #home .works .inner {display: flex;}
  #home .works .inner > * {width: 50%;padding-right: 40px}
  #home .works .bg {left: 50%;padding: 20px 0}
  #home .works .bg img {height: 100%}
  #home .works .title_area {padding: 0 0 30px}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #home .works {display: flex;flex-direction: column-reverse;padding: 30px 0}
  #home .works .inner {padding: 0}
  #home .works .title_area {padding: 30px 0 30px}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #home .works .title_area {padding: 1.5rem 0}
}


/**社員インタビュー********/
#home .interview {background: #fffdec;}
#home .interview .inner {position: relative;}
#home .interview .flag {
  position: absolute;top: 50px;left: 0;right: 0;
  display: flex;justify-content: space-between;
}
#home .interview .flag .flag_img {text-align: center;width: calc((100% - 280px) / 2);}
#home .interview .flag .space {width: 280px;}

#home .interview ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0;padding: 0}
#home .interview ul li {
  background: #FFF;border-radius: 30px; overflow: hidden;
  width: calc((100% - 30px) / 3);font-weight: bold;
  box-shadow: 0px 0px 5px #f1ecd7,3px 3px 10px #f1ecd7;
}
#home .interview ul li.dummy {display: none}
#home .interview ul li a {
  text-decoration: none;height: 100%;
  display: flex;flex-direction: column;
}
#home .interview ul li a:hover {opacity: 0.4}
#home .interview ul li .img {height: 200px;overflow: hidden;display: flex;align-items: center}
#home .interview ul li .img img {object-fit: cover}
#home .interview ul li .text {
  padding: 30px 20px;flex-grow: 1;
  display: flex;flex-direction: column;
}
#home .interview ul li .meta {display: flex;justify-content: center;align-items: center}
#home .interview ul li .meta .job {
  background: #41c0eb;color: #FFF;line-height: 1;
  padding: 0.5em 1.25em; border-radius: 1em;
  margin-right: 0.5em;
}
#home .interview ul li .meta .name {color: #6f6f6f;font-size: 1.2rem}
#home .interview ul li .oneword {color: #333;flex-grow: 1;}
#home .interview ul li .link {color: #f5b3a3;text-align: right;}


@media only screen and (max-width: 1000px) {/*スマホサイズ*/
  #home .interview ul {justify-content: space-around}
  #home .interview ul li {width: 350px}
  #home .interview ul li:nth-of-type(n+3) {margin-top: 20px}
  #home .interview ul li.dummy {display: block;background: none;box-shadow: none;}
}
@media only screen and (max-width: 790px) {/*スマホサイズ*/
  #home .interview ul li {width: 300px}
}
@media only screen and (max-width: 690px) {/*スマホサイズ*/
#home .interview .flag {
  position: absolute;top: 0;left: 0;right: 0;
}
#home .interview .flag .flag_img {text-align: center;width: calc((100% - 100px) / 2);}
#home .interview .flag .space {width: 100px;}
  #home .interview ul {display: block;}
  #home .interview ul li {margin: auto;width: 100%; max-width: 400px;}
  #home .interview ul li:nth-of-type(n+2) {margin-top: 20px}
  #home .interview ul li .text {padding: 20px 15px;}
}




/**挨拶********/
#home .greeting .inner {padding-top: 0}
#home .greeting .text .title {color: #e16a4d;font-weight: bold;font-size: 1.15rem}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #home .greeting .title_area {padding: 40px 0}
  #home .greeting .inner {display: flex;flex-direction: row-reverse; justify-content: space-between;}
  #home .greeting .inner .img {width: 45%}
  #home .greeting .inner .text {width: 50%}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #home .greeting .title_area {padding: 1.5rem 0}
  #home .greeting .inner .img {margin-bottom: 1.5rem}
  #home .greeting .inner .g_name {text-align: right;}
}


/**スクール一覧********/
#home #school {padding: 40px 0}
#home #school .area.inner {padding: 0}
#home #school .area .school_name {margin: 0.25rem 0 0}
@media only screen and (max-width: 500px) {
  #home #school .area ul {padding: 20px 10px 0}
  #home #school .area ul li {
        width: calc((100% - 15px) / 2);
    }
}

/**　tiktok　********/
@media only screen and (min-width: 1120px) {/*スマホ以外*/
  #home .tiktok .inner{padding: 100px 0;overflow: hidden}
  #home .tiktok blockquote{transform: scale(1.4, 1.4)}
}
@media only screen and (max-width: 1119px) {/*スマホ以外*/
  #home .tiktok .inner{padding: 80px 0;overflow: hidden}
  #home .tiktok blockquote{transform: scale(1.2, 1.2)}
}
@media only screen and (max-width: 1000px) {/*スマホ以外*/
  #home .tiktok .inner{padding: 60px 0;overflow: hidden}
  #home .tiktok blockquote{transform: scale(1.1, 1.1)}
}
@media only screen and (max-width: 850px) {/*スマホ以外*/
  #home .tiktok .inner{padding: 40px 0;overflow: hidden}
  #home .tiktok blockquote{transform: scale(1, 1)}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #home .tiktok .inner{padding: 20px 0;overflow: hidden}
}

/**インスタ********/
#home .instagram{background: #fff3f1;}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
}




/*============================================================================================
会社概要
============================================================================================*/
/**共通**/
#about .about_title {display: flex;align-items: center;margin-bottom: 1rem}
#about .about_title .title {color: #5a3e22;font-weight: bold;}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #about .inner.flex {display: flex;align-items: center;justify-content: space-between}
  #about .inner.flex .con {padding: 40px 0}
  #about .about_title .title {font-size: 2rem;}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #about .about_title {justify-content: center}
  #about .about_title .title {font-size: 1.5rem}
  #about .inner.flex {padding: 30px 10px}
}


/**理念********/
#about .philosophy{
  background: url("../../images/bg_01.jpg") center top;
  background-size: 100%;
  padding-bottom: 60px
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #about .philosophy{    padding-bottom: 2rem  }
}


/**求める人物像********/
#about .person {
  background: url("../../images/bg_02.png") center top;
  background-size: 100%
}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #about .person .inner {display: flex;align-items: center;justify-content: space-between}
  #about .person .inner .left {padding: 20px 0;width: calc(60% - 30px)}
  #about .person .inner .right {width: 40%}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #about .person .inner .left {text-align: center}
  #about .person .inner .left img {width: 80%; max-width: 400px;}
}


/**弊社の取り組み********/
#about .attempt {position: relative}
#about .attempt .about_title {display: flex;align-items: flex-end}
#about .attempt .about_title .title {padding-bottom: 10px}
#about .attempt .about_title .img {max-width: 30%}
#about .attempt .bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
#about .attempt .bg.bg_white {z-index: -1}
#about .attempt .bg.bg_img {overflow: hidden;z-index: -2}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #about .attempt .inner {display: flex;align-items: center;justify-content: space-between}
  #about .attempt .inner .right {width: 50%; padding: 60px 0 60px 30px}
  #about .attempt .bg.bg_white {
    background: rgba(255,255,255,0.8);
    top: 30px;bottom: 30px;left: 50%;
    border-radius: 30px 0 0 30px;
  }
  #about .attempt .bg.bg_img .img {height: 100%;}
  #about .attempt .bg.bg_img img {object-fit: cover;height: 100%;width: 100%;}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #about .attempt {display: flex;flex-direction: column-reverse;}
  #about .attempt .inner .right {
    background: rgba(255,255,255,0.8);border-radius: 30px;
    box-shadow: 0 0 7px rgba(0,0,0,0.3);padding: 20px
  }
  #about .attempt .bg.bg_white {position: relative;height: 40vw}
  #about .attempt .bg.bg_img .img {width: 200%;height: 70vw;overflow: hidden;}
  #about .attempt .bg.bg_img .img img {height: 300%; object-fit: cover;object-position: 17% -50vw;}
}


/**挨拶********/
#about .greeting .inner {padding-top: 0}
#about .greeting .text .title {color: #e16a4d;font-weight: bold;font-size: 1.15rem}
@media only screen and (min-width: 851px) {/*スマホ以外*/
  #about .greeting .title_area {padding: 40px 0}
  #about .greeting .inner {display: flex;flex-direction: row-reverse; justify-content: space-between;}
  #about .greeting .inner .img {width: 45%}
  #about .greeting .inner .text {width: 50%}
}
@media only screen and (max-width: 850px) {/*スマホサイズ*/
  #about .greeting .title_area {padding: 1.5rem 0}
  #about .greeting .inner .img {margin-bottom: 1.5rem}
  #about .greeting .inner .g_name {text-align: right;}
}


/**法人情報********/
#about .info table {width: 100%;border: solid 1px #f5b3a3}
#about .info table th,#about .info table td {padding: 1em}
#about .info table tr {background: #fff3f1}
#about .info table tr:not(:first-of-type){border-top: solid 1px #f5b3a3}
#about .info table tr:nth-child(2n) {background: #fffdec}
@media only screen and (min-width: 645px) {/*スマホ以外*/
  #about .info .title_area {padding-bottom: 40px}  
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #about .info .title_area {padding-bottom: 1.5rem}  
  #about .info table tr {display: flex;flex-direction: column;align-items: center}
  #about .info table th {padding-bottom: 0}
}



/*============================================================================================
採用情報
============================================================================================*/
#recruit ul,#recruit ul li {list-style: none;margin: 0;padding: 0;}

/***福利厚生**********/
#recruit .fukuri {background: #fff3f1;padding-bottom: 100px}
#recruit .fukuri ul {display: flex;flex-wrap: wrap;margin-right: -10px;}

#recruit .fukuri ul li {
  width: calc((100% - 40px) / 4);
  background: #fff;
  position: relative;
  margin-bottom: 10px;margin-right: 10px;
}
#recruit .fukuri ul li img {}
#recruit .fukuri ul li div {
  position: absolute;top: 0;bottom: 0;left: 0; right: 0;
  display: flex;justify-content: center;align-items: center;text-align: center;
  color: #fff;
  text-shadow: 0 0 5px #333,0 0 10px #f09293,0 0 20px #f09293,0 0 20px #f09293,0 0 20px #f09293,0 0 20px #f09293;
}
@media only screen and (min-width: 1120px) {/*スマホ以外*/
  #recruit .fukuri ul li div {font-size: 22px}
}
@media only screen and (max-width: 1119px) {
  #recruit .fukuri ul li div {font-size: 2vw}
}
@media only screen and (max-width: 700px) {
  #recruit .fukuri ul {margin-right: -5px;}
  #recruit .fukuri ul li {width: calc((100% - 20px) / 4);margin-bottom: 5px;margin-right: 5px;}
}
@media only screen and (max-width: 500px) {
  #recruit .fukuri ul li {width: calc((100% - 15px) / 3);}
  #recruit .fukuri ul li div {font-size: 2.5vw}
}



#recruit .entry_stop {
  border: solid 1px #f5b3a3;
  background: #fffdec;
  text-align: center;
  padding: 2em 10px;
}


/***募集要項**********/
#recruit .recruit_works .job_title {
  font-size: 1.5rem;padding: 1em; position: relative;border-bottom: solid 1px #999;
}

#recruit .recruit_works .job_title .type_box {
  display: inline-block;background: #ccc;color: #FFF; border-radius: 5px;margin-left: 5px;
  width: 2rem;line-height:2rem;font-size: 1.3rem; text-align: center;
}
#recruit .recruit_works .job_title .type_box.sei {background: #77cada}
#recruit .recruit_works .job_title .type_box.pa {background: #f7b149}
#recruit .recruit_works .job_title .type_box.aru {background: #f7b149}

#recruit .recruit_works .job_title.accord:hover {background: #fffdec;cursor: pointer;}
#recruit .recruit_works .job_title.accord {border-bottom: none}
#recruit .recruit_works .job_title.accord.open {border-bottom: solid 1px #999;}
#recruit .recruit_works .job_title.accord::after {content: "＋"; color: #e16a4d;font-weight: bold;position: absolute; right: 1em}
#recruit .recruit_works .job_title.accord.open::after {content: "－";}

#recruit .recruit_works ul {border-top: solid 2px #666}
#recruit .recruit_works ul li {border-bottom: solid 2px #666}

#recruit .recruit_works table {margin: 0 0 1em;}
#recruit .recruit_works .accord + table {display: none}
#recruit .recruit_works table tr:not(:last-of-type){border-bottom:  dotted 1px #999;}
#recruit .recruit_works th,#recruit .recruit_works td {vertical-align: top;font-weight: normal;padding: 0.75rem;line-height: 1.75}

#recruit .recruit_works th {width: 7.5em}
#recruit .oubo {background: #fef8f3;text-align: center;margin: 80px 0 0;padding: 80px 0;}
#recruit .oubo p {font-size: 1.5rem;font-weight: bold;}
#recruit .oubo .button {text-align: center;line-height: 1;}
#recruit .oubo .button a{
  display: inline-block;text-decoration: none;
  background: #e16a4d;color: #FFF;border: solid 3px #e16a4d;
  padding: 1em 3em;border-radius: 3em;
}
#recruit .oubo .button a:hover {
  background: #FFF;color: #e16a4d;
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #recruit .recruit_works .job_title {font-size: 1.2rem;}
#recruit .recruit_works .job_title .type_box {
  width: 1.5rem;line-height:1.5rem;font-size: 1rem; text-align: center;
}
  #recruit .recruit_works table tr {display: flex;flex-direction: column;align-items: center}
  #recruit .recruit_works th {width: 10em; padding: 0.75em 0 0.5em; border-bottom: solid 1px #f5b3a3;}
  #recruit .recruit_works td {padding: 1em 0.75rem ;}
  #recruit .oubo  {margin: 40px 0 0;padding: 40px 0}
#recruit .oubo p {font-size: 1.25rem;}
}





/*============================================================================================
インタビュー＠個人
============================================================================================*/
/****導入部分****/
#staff .intro {background: url("../../images/bg_01.jpg") center top;background-size: 100%; padding: 80px 20px}
#staff .intro .inner {
  border: solid 6px #f5b3a2;background: #FFF;padding: 0;
  display: flex;
}
#staff .intro .inner .img {overflow: hidden;display: flex;}
#staff .intro .inner .img img {object-fit: cover;width: 100%;height: 100%;}
#staff .intro .inner .text .oneword span{
  color:#e16a4d;font-weight: bold;display: inline;
  background-image : linear-gradient(to right, #e16a4d 3px, transparent 3px);
  background-size: 10px 3px;
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 0.25em 0;line-height: 2em;
}
#staff .intro .inner .text .meta {font-weight: bold;display: flex;flex-wrap: wrap;align-items: center}
#staff .intro .meta > * {margin: 0.5rem 0}
#staff .intro .meta .job,#staff .intro .meta .year {
  padding: 0.5rem 1rem; border-radius: 2em;
  color: #FFF;line-height: 1;
}
#staff .intro .meta .job {background: #41c0eb;margin-right: 0.5rem}
#staff .intro .meta .year {background: #f5b3a3;margin-right: 1rem}
#staff .intro .meta .name {
  color: #7a7a7a;font-size: 1.7rem;line-height: 1;
  background: url("../../images/bird.png") no-repeat right ;
  padding-right: 50px;
}

@media only screen and (min-width: 750px) {/*スマホ以外*/
  #staff .intro .inner {max-height: 350px;}
  #staff .intro .inner .img {width:35%;align-items: center; }
  #staff .intro .inner .text {width:65%;max-width: 600px;margin: auto;padding: 20px}
  #staff .intro .inner .text .oneword {font-size: 26px;line-height: 1;margin-bottom: 1rem}
}
@media only screen and (max-width: 749px) and (min-width: 645px) {/*スマホ以外*/
  #staff .intro .inner .img {width:30% }
  #staff .intro .inner .text {width:70%;max-width: 600px;margin: auto;padding: 20px}
  #staff .intro .inner .text .oneword {margin-bottom: 0.75rem}
  #staff .intro .inner .text .oneword span{font-size: 1.3rem;}
  #staff .intro .meta .name {font-size: 1.3rem;}
  #staff .intro .meta .job {margin-right: 0.25rem}
  #staff .intro .meta .year {margin-right: 0.5rem}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #staff .intro {padding: 40px 10px}
  #staff .intro .inner {flex-direction: column;}
  #staff .intro .inner .img,#staff .intro .inner .img img {width: 100%;}
  #staff .intro .inner .img {height: 50vw}
  #staff .intro .inner .text {padding: 20px;display: flex;flex-direction: column-reverse;}
  #staff .intro .inner .text .oneword span{font-size: 1.3rem;display: inline;}
  #staff .intro .inner .text .meta {justify-content: center;}
  #staff .intro .meta .name {font-size: 1.3rem;}
  #staff .intro .meta .job {margin-right: 0.25rem}
  #staff .intro .meta .year {margin-right: 0.5rem}
}


/****質問****/
#staff .interview {background: url("../../images/bg_02.png") center top;background-size: 100%;}
#staff .interview .inner {
  background: #FFF;border-radius: 30px;position: relative;z-index: 2;
  display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
}
#staff .interview .bg_con:nth-of-type(2n) .inner {flex-direction: row-reverse}
#staff .interview .inner .img {width: 40%;}
#staff .interview .inner .qa {width: 55%;}
#staff .interview .inner .qa .a {line-height: 2}
#staff .interview .inner .qa .q {
  color:#e16a4d;font-weight: bold;font-size: 1.25rem;line-height: 1.5rem;
  display: flex;align-items: center;
}
#staff .interview .inner .qa .q .nam {
  font-family: Arial, Helvetica, sans-serif;color: #f5b3a3;
  font-size: 2rem;margin-right: 5px;line-height: 1;
}

#staff .interview .bg_con {position: relative;}
#staff .interview .bg_con .bg {position: absolute;top:0;bottom: 0;background: #FFF;}
#staff .interview .bg_con .bg_l {left: 0;right: 50%}
#staff .interview .bg_con .bg_r {left: 50%;right: 0}

@media only screen and (min-width: 750px) {/*スマホ以外*/
  #staff .interview {padding: 120px 0}
  #staff .interview .bg_con:nth-of-type(2n+1) {padding-right: 20px}
  #staff .interview .bg_con:nth-of-type(2n) {padding-left: 20px;}
  #staff .interview .bg_con:nth-of-type(n+2){margin-top:70px }
  #staff .interview .bg_con .inner {padding: 60px 60px 60px 20px}
  #staff .interview .bg_con:nth-of-type(2n) .inner {padding: 60px 20px 60px 60px}
  #staff .interview .inner .qa .q:nth-of-type(n+2){margin-top:45px }
}
@media only screen and (max-width: 749px) {/*スマホサイズ*/
  #staff .interview {padding: 40px 0}
  #staff .interview .inner .img {width: 100%;margin-top: 20px}
  #staff .interview .inner .img img {max-width: 250px}
  #staff .interview .inner .qa {width: 100%;}
  #staff .interview .bg_con:nth-of-type(2n+1) {padding-right: 10px}
  #staff .interview .bg_con:nth-of-type(2n) {padding-left: 10px;}
  #staff .interview .bg_con:nth-of-type(n+2){margin-top:30px }
  #staff .interview .bg_con .inner {padding: 20px 20px 20px 10px}
  #staff .interview .bg_con:nth-of-type(2n) .inner {padding: 20px 10px 20px 20px}
  #staff .interview .inner .qa .q:nth-of-type(n+2){margin-top:30px }
}

/*============================================================================================
インタビュー＠一覧
============================================================================================*/
#interview #staff {background: #fffdec}
#interview #staff .intro {background: none}
#interview #staff .intro:not(:first-of-type){padding-top: 0}
#interview #staff a.inner {
  text-decoration: none;border-radius: 30px;overflow: hidden;border: none;
  box-shadow: 0px 0px 5px #f1ecd7, 3px 3px 10px #f1ecd7;
}
#interview #staff a.inner:hover {}
#interview #staff .intro .meta {margin-bottom: 0.5rem}
#interview #staff .intro .meta .name {color: #e16a4d;font-size: 1.75rem;}
#interview #staff .intro .inner .text .oneword span {color: #5f5f5f;background: none;font-size: 1.25rem;line-height: 1.75}
#interview #staff .link {color: #f5b3a3;text-align: right;font-weight: bold;}
@media only screen and (min-width: 750px) {/*スマホ以外*/
  #interview #staff .intro .inner {max-height: 300px;}
}
@media only screen and (max-width: 749px) and (min-width: 645px) {/*スマホ以外*/
  #interview #staff .intro .meta .name {font-size: 1.5rem;}
  #interview #staff .intro .inner .text .oneword span {font-size: 1.15rem;}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #interview #staff .intro .inner .text {flex-direction: column;}
  #interview #staff .intro .meta .name {font-size: 1.5rem;}
  #interview #staff .intro .inner .text .oneword span {font-size: 1.15rem;}
}







/*============================================================================================
仕事について
============================================================================================*/
#works {}
#works .work_job .title {color: #e16a4d;font-weight: bold;font-size: 1.5rem;margin-bottom: 1rem}
#works .work_job .link {text-align: right}
#works .work_job .link a {color: #e16a4d;font-weight: bold;padding: 5px;border-radius: 5px;}
#works .work_job .link a:hover {background: #e16a4d;color: #FFF;text-decoration: none}
#works .work_job img {border-radius: 30px}
@media only screen and (min-width: 801px) {/*スマホ以外*/
  #works .work_job {margin-top: 120px}
  #works .work_job:first-of-type {margin-top: 60px}
  #works .work_job .inner {display: flex;}
  #works .work_job:nth-of-type(2n) .inner {flex-direction: row-reverse}
  #works .work_job .inner > * {width: 50%}
  #works .work_job img {width: 100%}
  #works .work_job:nth-of-type(2n+1) .inner .text {padding-right: 30px}
  #works .work_job:nth-of-type(2n) .inner .text {padding-left: 30px}
}
@media only screen and (max-width: 800px) {/*スマホサイズ*/
  #works .work_job {margin-top: 3rem}
  #works .work_job img {margin-top: 1rem}
}







/*============================================================================================
スクール一覧
============================================================================================*/
#school .archive_text {
  display: table;margin: 0 auto 2em;
  max-width: 1100px; padding: 0 10px;
}
#school ul,#school ul li  {list-style: none;margin: 0;padding: 0;}
#school .area .area_title {
  font-size: 1.5rem;padding: 1em; position: relative;cursor: pointer;
  border-top: solid 1px #333;border-bottom: solid 1px #333;font-weight: normal;
}
#school .area .area_title:hover {background: #fffdec}

#school .area:not(:last-of-type) .area_title.open {border-bottom: none}
#school .area .area_title::after {content: "－"; color: #e16a4d;font-weight: bold;position: absolute; right: 1em}
#school .area .area_title.open::after {content: "＋";}

#school .area ul {
  display: flex;flex-wrap: wrap;justify-content: space-between;
}
#school .area ul li {
  width: calc((100% - 40px) / 2);
  margin-bottom: 40px;
}
#school .area ul li a {text-align: center;}
#school .area ul li a:hover {opacity: 0.5}

#school .area .school_img {text-align: center;aspect-ratio: 50/34;width: 100%;}
#school .area .school_img a {
  display: flex;justify-content: center;align-items: center;
  overflow: hidden;height: 100%;border-radius: 20px;aspect-ratio: 50/34;
}
#school .area .school_img img {object-fit: cover;width: 100%;height: 100%;border-radius: 20px;}
#school .area .school_name {font-weight: bold;text-align: center;margin: 0.5rem 0}
#school .area .school_name a {
  color: #e16a4d;padding-right: 25px;line-height: 20px;
  background: url("../../images/link-icon.png") no-repeat right;
}
#school .area .address,#school .area .map_link {margin: 0 1em;line-height: 1.5}

@media only screen and (min-width: 645px) {/*スマホ以外*/
  #school .area ul {padding: 40px 40px 0;}
}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
  #school .area .area_title {font-size: 1.2rem}
  #school .area ul {padding: 20px 20px 0}
  #school .area ul li {width: calc((100% - 15px) / 2);margin-bottom: 20px;}
}
@media only screen and (max-width: 500px) {/*スマホサイズ*/
  #school .area ul li {width: 100%;}
  #school .area .school_img {width: 100%; max-width: 300px;margin: auto;}
  
}

#school .school .title_area{
  padding: 1rem 0;
}
#school .school .text {
  display: table;margin: auto;
}
#school .school .text p {margin: 0.5rem 0}
#school .school .school_name {text-align: center;}
#school .school .school_name a {
  color: #e16a4d;padding-right: 25px;line-height: 20px;
  background: url("../../images/link-icon.png") no-repeat right;
}
#school .school a:hover {opacity: 0.5}

/*============================================================================================
プライバシーポリシー
============================================================================================*/
#privacy-policy h2 {font-size: 1.5rem;margin:2rem 0 1rem;}
@media only screen and (max-width: 644px) {/*スマホサイズ*/
#privacy-policy h2 {font-size: 1.25rem;}
}
@media only screen and (max-width: 500px) {/*スマホサイズ*/
#privacy-policy #h1_title .title {padding: 0;}
#privacy-policy #h1_title .h1_sub {font-size: 1rem}
#privacy-policy #h1_title h1 {font-size: 1.25rem}
}