@charset "UTF-8";

/* ===================================================================
CSS information
 File Name  : style.css
=================================================================== */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html {
  overflow-y: scroll;
  line-height: 1;
  font-size: 62.5%;
}
body {
  color: #333;
  font-family: "見出ゴMB31", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  background: url("../img/bg/bg.jpg") repeat;
}
  @media screen and (max-width: 768px) {
    body {
      font-size: 4.16vw;
    }
  }

/*----------------------------------------------------
  link要素
--------------------------------------------------- */
a {
  transition: all 0.2s ease-in-out 0s;
}
a:link {
  color: #0470B6;
}
a:visited {
  color: #0470B6;
}
a:hover {
  text-decoration: none;
  color: #0470B6;
}
a:active {
  color: #0470B6;
}
:focus-ring {
  outline: dotted 1px #F6AB00;
}
:-moz-focusring {
  outline: dotted 1px #F6AB00;
}

/*----------------------------------------------------
  img要素
--------------------------------------------------- */
img {
  line-height: 1;
  font-size: 0;
  vertical-align: top;
  height: auto;
  max-width: 100%;
  transition: all 0.2s ease-in-out 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*----------------------------------------------------
  見出し要素
--------------------------------------------------- */
h1,h2,h3,h4,h5,h6,dt {
  line-height: 1.5;
}

/*----------------------------------------------------
  form要素
--------------------------------------------------- */
input, textarea {
  padding: 14px 12px;
  border-radius: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #DADADA;
}
input[type="text"],
textarea {
  outline: none;
  border: 3px solid #DADADA;
  transition: all .3s;
  -webkit-transition: all .3s;
}
input[type="text"]:focus,
textarea:focus {
  box-shadow: 0 0 7px #52a8ec;
  border: 3px solid #DADADA;
}
label {
  margin-right: 15px;
}
  @media screen and (max-width: 768px) {
    input, textarea {
      padding: 2.5vw 3vw;
    }
    input[type="text"],
    textarea {
      border: 2px solid #DADADA;
      -webkit-appearance: none;
    }
    input[type="text"]:focus,
    textarea:focus {
      border: 3px solid #DADADA;
    }
    label {
      margin-right: 1.8vw;
    }
  }

/*----------------------------------------------------
 フォントファミリー
--------------------------------------------------- */
.mincho {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.inline_block {
  display: inline-block;
}
.inline {
  display:inline;
}
.block {
  display:block;
}
.flex {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
}
/* 横逆順 */
.fx_r_reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* 縦逆順 */
.fx_c_reverse {
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
/*アイテム折返し*/
.fx_wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* 等間隔に配置 */
.fx_between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
/* センターに配置 */
.fx_center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
/* 右側に配置 */
.fx_end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
/*上下中央寄せ*/
.fx_all_center {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;/* 子要素をflexboxにより縦方向に揃える */
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;/* センターに配置 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;/* 子要素をflexboxにより中央に配置する */
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.bC {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
.tC {
  text-align: center;
}
.tR {
  text-align: right;
}
.pc_none {
  display:none;
}
.inner,
.wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.alpha:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.8;
}
.no_alpha {
  filter: alpha(opacity=100)!important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}

@media screen and (max-width: 768px) {
  .pc_none {
    display:block;
  }
  .sp_none {
    display:none;
  }
  .fl,.fr {
    box-sizing:border-box;
    width:100%!important;
    float:none!important;
  }
  .inner,.wrapper {
    box-sizing:border-box!important;
    width:100%!important;
  }
  .sp_block {
    -webkit-display: block;
    -moz-display: block;
    -ms-display: block;
    -o-display: block;
    display: block;
  }
}

.br_sp{display: none;}
.br-pc{display: block;}
@media screen and (max-width: 768px) {
	.br_sp{display: block;}
	.br-pc{display: none;}
}

/*----------------------------------------------------
 共通カラム
--------------------------------------------------- */
#page {
  min-width: 1300px;
  overflow:hidden;
  margin: 0 auto;
}
.inner {
  width: 1300px;
}
.wrapper {
  width: 1100px;
}
#contents {
  line-height: 1.8;
}
#contents a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}
  @media screen and (max-width: 1200px) {
    .bs_android, .bs_android body, .bs_android #page,
    .bs_ipad, .bs_ipad body, .bs_ipad #page {
      min-width:1320px;
    }
  }
  @media screen and (max-width: 768px) {
    html, body, #page {
      min-width:100%!important;
      max-width:100%!important;
      width:100%!important;
    }
    #contents {
      line-height: 1.7;
    }
  }

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header {
  background: url("../img/main/main_bg5.png") center top no-repeat;
  text-align: center;
  margin-bottom: 70px;
}
#header .inner {
  /*height: 1370px;*/
  height: 1450px;
}
#header .logo {
	display:inline-block;
}
.main_staff {
  opacity: 0;
  position: absolute;
  bottom: 360px;
  right: 65px;
  -webkit-animation: mva 0.5s ease 1s 1 forwards;
  animation: mva 0.5s ease 1s 1 forwards;
}
@keyframes mva {
  0% {bottom: 0;opacity: 0}
  100% {bottom: 360px;opacity: 1}
}
@-webkit-keyframes mva {
  0% {bottom: 0;opacity: 0}
  100% {bottom: 360px;opacity: 1}
}

.main_ttl {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.main_ttl img {
  margin-left: 100px;
}
  @media screen and (max-width: 768px) {
    #header {
      background: url("../img/main/main_bg6_sp.png") center 5.8vw no-repeat;
      background-size: 100vw 202vw;
      text-align: center;
      margin-bottom: 5.8vw;
    }
    #header .inner {
      padding-top: 203vw;
      height: auto;
    }
    #header .logo {
      position: absolute;
      left: 0;
      top: 0;
    }
    .main_ttl {
      position: static;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
    }
    .main_ttl img {
      margin-left: 0;
      width: 94vw;
      height: 72.3vw;
    }
  }

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer {
  padding-bottom: 145px;
}
.ft_logo {
  display: inline-block;
  margin-bottom: 32px;
}
#footer li {
  position: relative;
}
#footer li a {
  display: block;
  padding: 0 10px;
  color: #1A1A1A;
  text-decoration: none;
}
#footer li a:hover {
  text-decoration: underline;
}
#footer .ft_menu01 {
  font-size: 1.5rem;
  margin-bottom: 60px;
}
#footer .ft_menu01 li:first-child::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #1A1A1A;
}
#footer .ft_menu02 {
  max-width: 880px;
  font-size: 1.4rem;
  margin: 0 auto 80px;
}
#footer .ft_menu02 li {
  margin-bottom: 10px;
}
#footer .ft_menu02 li::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #1A1A1A;
}
.copyright {
  font-size: 1.2rem;
}
  @media screen and (max-width: 768px) {
    #footer {
      padding-bottom: 20vw;
    }
    .ft_logo {
      display: inline-block;
      margin-bottom: 4.7vw;
    }
    .ft_logo img {
      width: 30vw;
      height: auto;
    }
    #footer .ft_menu01 {
      font-size: 3.6vw;
      margin-bottom: 4.4vw;
    }
    #footer li a {
      padding: 0 2vw;
    }
    .copyright {
      font-size: 2.8vw;
    }
  }

.ft_navi {
  display: none;
  height: auto;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  box-shadow: 0 -1px 1px rgba(255,255,255,0.4);
}
.ft_sp a {
  display: block;
  color: #fff;
  background: #F6477A;
  padding: 0 10px;
  font-size: 2.2rem;
}
.ft_sp a:hover {
  background: rgba(246,71,122,0.8);
}
.ft_sp a span {
  display: inline-block;
  padding: 25px 37px;
  height: 100%;
  background: url("../img/ico/ico_pen.svg") left 22px no-repeat;
  background-size: 27px 27px;
}
.ft_sp a:hover span {
  text-decoration: underline;
}
  @media screen and (max-width: 768px) {
    .ft_pc li {
      width: 50%;
      background: #fff;
    }
    .ft_pc a {
      display: block;
      color: #fff;
      font-size: 3.9vw;
    }
    .ft_pc a:hover {
      opacity: 0.7;
    }
    .ft_pc a span {
      display: inline-block;
      line-height: 12.5vw;
      padding-left: 5vw;
      height: 100%;
    }
    .ft_pc a:hover span {
      text-decoration: underline;
    }
    .ft_mail a {
      background: #F6477A;
    }
    .ft_mail span {
      background: url("../img/ico/ico_pen.svg") left center no-repeat;
      background-size: 3.9vw 3.9vw;
    }
    .ft_tel a {
      background: #64A8C7;
    }
    .ft_tel span {
      background: url("../img/ico/ico_tel.svg") left center no-repeat;
      background-size: 2.9vw 4.8vw;
    }
  }

/*----------------------------------------------------
  トップページ index
--------------------------------------------------- */
#menu_list {
  max-width: 2080px;
  margin: 0 auto;
  position: relative;
  background: url("../img/main/menu_list_bg.svg") center top no-repeat;
  background-size: 2084px 357px;
  padding: 85px 0 75px;
  overflow: hidden;
}
  @media screen and (max-width: 768px) {
    #menu_list {
      max-width: 100%;
      background: url("../img/main/menu_list_bg_sp.svg") center top no-repeat;
      background-size: 100vw 47.9vw;
      padding: 15.1vw 0 8.8vw;
    }
  }

#menu_list::after {
  position: absolute;
  left: 0;
  top: 350px;
  content: "";
  width: 100%;
  height: 100%;
  background: #EEEEE8;
}
#menu_list ul {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  z-index: 5;
}
#menu_list li {
  padding: 0 10px;
  margin-bottom: 35px;
}
#menu_list li a {
  position: relative;
  bottom: 0;
  display: block;
  transition: all 0.2s ease-in-out 0s;
}
#menu_list li a:hover {
  bottom: -5px;
}
  @media screen and (max-width: 768px) {
    #menu_list::after {
      top: 20vw;
    }
    #menu_list ul {
      max-width: 100%;
    }
    #menu_list li {
      padding: 0;
      margin-bottom: 4.2vw;
    }
    #menu_list li img {
      width: 78.1vw;
    }
  }

#minute_movie {
  max-width: 2080px;
  margin: 0 auto;
  background: url("../img/main/minute_movie_bg.png") #EFEFE9 center top no-repeat;
  text-align: center;
  padding: 40px 0 130px 0;
}
#minute_movie h2 {
  margin-bottom: 10px;
}
.minute_movie_wrap {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  padding: 28px;
  border-radius: 30px;
  text-align: center;
}
.minute_movie_wrap::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  z-index: 10;
}
.minute_movie_wrap::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  content: "";
  width: 100%;
  height: 100%;
  background: #DFA4A4;
  border-radius: 30px;
  z-index: 0;
}
.minute_movie_box {
  position: relative;
  z-index: 20;
}
.movie iframe {
  display: block;
}
  @media screen and (max-width: 768px) {
    #minute_movie {
      max-width: 100%;
      margin: 0 auto;
      background: url("../img/main/minute_movie_bg_sp.png") #EFEFE9 center top no-repeat;
      background-size: 100vw 53.3vw;
      padding: 6.8vw 0 13vw 0;
    }
    #minute_movie h2 {
      margin-bottom: 1.5vw;
      padding: 0 1.5vw;
    }
    .minute_movie_wrap {
      max-width: 100%;
      width: calc(100% - 7.8vw);
      padding: 2.3vw;
      border-radius: 20px;
    }
    .minute_movie_wrap::before {
      background: #EEEAE3;
      border-radius: 10px;
      z-index: 10;
    }
    .minute_movie_wrap::after {
      right: -0.8vw;
      bottom: -0.8vw;
      border-radius: 10px;
    }
    .movie iframe {
      width: 100%!important;
      height: 49vw;
    }
  }

#problem {
  text-align: center;
  background: url("../img/main/problem_bg.png") center top no-repeat;
  padding: 110px 0 45px;
}
#problem dt {
  margin-bottom: 20px;
}
  @media screen and (max-width: 768px) {
    #problem {
      text-align: center;
      background: url("../img/main/problem_bg_sp.png") center top no-repeat;
      background-size: 100vw 93.8vw;
      padding: 12.1vw 0 13.5vw;
    }
    #problem dt {
      margin-bottom: 2.4vw;
    }
    #problem dt img {
      width: 98vw;
      height: 127.6vw;
    }
    #problem dd img {
      width: 95.2vw;
      height: 146.5vw;
    }
  }

#record {
  background: url("../img/main/record_bg.jpg") center top no-repeat #EEEFE8;
  min-height: 1647px;
  padding: 110px 0;
  margin-bottom: 120px;
}
#record h2 {
  position: relative;
  z-index: 5;
}
.record_wrap {
  position: relative;
  top: -2px;
  max-width: 1100px;
  background: #fff;
  margin: 0 auto;
  padding-top: 15px;
}
.record_txt {
  font-size: 1.9rem;
}
.record_box:nth-child(odd) .record_txt {
  width: 400px;
  margin: 125px 0 0 100px;
}
.record_box:nth-child(odd) figure {
  position: relative;
  bottom: -28px;
}
.record_box:nth-child(even) .record_txt {
  width: 370px;
  margin: 105px 100px 0 0;
}
  @media screen and (max-width: 768px) {
    #record {
      background: url("../img/main/record_bg_sp.png") center top repeat-y #EEEFE8;
      min-height: auto;
      padding: 18vw 3.9vw;
      margin-bottom: 10.7vw;
    }
    .record_wrap {
      position: relative;
      max-width: 100%;
      box-shadow: 0 0 4px #eee;
      padding-top: 0;
    }
    .record_txt {
      font-size: 4.2vw;
    }
    .record_box:nth-child(odd) .record_txt {
      width: 100%;
      margin: 0;
      padding: 7vw 5.2vw 8vw 5.2vw;
    }
    .record_box:nth-child(odd) figure {
      position: static;
      text-align: right;
    }
    .record_box:nth-child(odd) figure img {
      width: 87.8vw;
      height: 73.1vw;
    }
    .record_box:nth-child(even) .record_txt {
      width: 100%;
      margin: 0;
      padding: 7vw 5.2vw 5.2vw 5.2vw;
    }
    .record_box:nth-child(even) figure {
      position: static;
      text-align: left;
    }
    .record_box:nth-child(even) figure img {
      width: 87.2vw;
      height: 72.7vw;
    }
  }

#reason > h2 {
  margin-bottom: 62px;
}
.reason_wrap {
  position: relative;
}
  @media screen and (max-width: 768px) {
    #reason > h2 {
      margin-bottom: 11vw;
      padding: 0 3.9vw;
    }
  }

#reason01 {
  position: relative;
  background: url("../img/main/reason01_bg.png") center 125px no-repeat;
  margin-bottom: 120px;
}
#reason01::after {
  position: absolute;
  left: 50%;
  margin-left: -540px;
  bottom: -230px;
  content: "";
  width: 371px;
  height: 657px;
  background:  url("../img/bg/arrow01.png") left top no-repeat;
}
#reason01 .reason_wrap::after {
  position: absolute;
  left: -98px;
  top: 0;
  content: "";
  width: 796px;
  height: 796px;
  background: /*url("../img/main/reason01_illust.png") */ #F3F730 center 93% no-repeat;
  border-radius: 50%;
  z-index: 5;
}
#reason01 .reason_box {
  position: relative;
  z-index: 10;
  padding-top: 50px;
  min-height: 810px;
  /* margin-bottom: 85px; */
}
#reason01 .reason_box h3 {
  margin-bottom: 40px;
}
#reason01 .reason_box .reason_txt {
  width: 520px;
  margin-left: 38px;
}
#reason01 .reason_box .reason_txt p {
  margin-bottom: 25px;
}
#reason01 .reason_box figure {
  position: absolute;
  right: -18px;
  top: 185px;
}
#reason01 .minute_movie_wrap {
  margin-bottom: 85px;
}

  @media screen and (max-width: 768px) {
    #reason01 {
      background: none;
      margin-bottom: 12.7vw;
    }
    #reason01::after {
      display: none;
    }
    #reason01 .reason_wrap::after {
      left: 0;
      top: 4.7vw;
      width: 100vw;
      height: 100vw;
      background: #F3F730;
    }
    #reason01 .reason_box {
      padding-top: 0;
      min-height: auto;
      margin-bottom: 8.3vw;
      padding-bottom: 95vw;
    }
    #reason01 .reason_box h3 {
      margin-bottom: 7vw;
      text-align: center;
    }
    #reason01 .reason_box h3 img {
      width: 69.2vw;
      height: 48.4vw;
    }
    #reason01 .reason_box .reason_txt {
      position: relative;
      width: 100%;
      margin-left: 0;
      padding: 0 6vw;
      z-index: 10;
    }
    #reason01 .reason_box .reason_txt p {
      margin-bottom: 6.5vw;
    }
    #reason01 .reason_box figure {
      top: auto;
      bottom: 0;
      right: 0;
    }
    #reason01 .reason_box figure img {
      width: 100vw;
      height: 113.7vw;
    }
  }

#reason02 {
  position: relative;
  background: url("../img/main/reason02_bg.png") center 80px no-repeat;
  margin-bottom: 125px;
}
#reason02::after {
  position: absolute;
  right: 50%;
  margin-right: -588px;
  bottom: -195px;
  content: "";
  width: 371px;
  height: 657px;
  background: url("../img/bg/arrow02.png") left top no-repeat;
}
#reason02 .reason_wrap::after {
  position: absolute;
  right: -68px;
  top: 0;
  content: "";
  width: 732px;
  height: 732px;
  background:  #F0A4B5;
  border-radius: 50%;
  z-index: 5;
}
#reason02 .reason_box {
  position: relative;
  z-index: 10;
  min-height: 860px;
}
#reason02 .reason_box h3 {
  position: absolute;
  right: 0;
  top: 50px;
}
#reason02 .reason_box .reason_txt {
  width: 500px;
  position: absolute;
  right: 55px;
  top: 222px;
}
#reason02 .reason_box figure {
  position: absolute;
  right: 0;
  top: 390px;
}
#reason02 .reason_sub_box {
  position: absolute;
  left: 0;
  top: 340px;
  width: 527px;
  height: 532px;
}
#reason02 .reason_sub_box::after {
  position: absolute;
  left: -5px;
  top: 0;
  content: "";
  width: 532px;
  height: 532px;
  background:  #F2F91C;
  border-radius: 50%;
  z-index: 5;
}
#reason02 .reason_sub_box figure {
  position: absolute;
  left: 0;
  top: -146px;
  z-index: 10;
}
#reason02 .reason_sub_txt {
  position: absolute;
  left: 95px;
  top: 190px;
  width: 327px;
  z-index: 10;
}
  @media screen and (max-width: 768px) {
    #reason02 {
      background: url("../img/main/reason02_bg_sp.png") center 87.2vw no-repeat;
      background-size: 100vw 147vw;
      margin-bottom: 13vw;
    }
    #reason02::after {
      display: none;
    }
    #reason02 .reason_wrap::after {
      left: 0;
      top: 6vw;
      width: 100vw;
      height: 100vw;
    }
    #reason02 .reason_box {
      min-height: auto;
      padding-bottom: 49vw;
    }
    #reason02 .reason_box h3 {
      position: static;
      text-align: center;
      margin-bottom: 5vw;
    }
    #reason02 .reason_box h3 img {
      width: 80.1vw;
      height: 39vw;
    }
    #reason02 .reason_box .reason_txt {
      width: 100%;
      position: static;
      padding: 0 6.5vw;
    }
    #reason02 .reason_box figure {
      right: 0;
      top: auto;
      bottom: -15.8vw;
      width: 100%;
      text-align: center;
    }
    #reason02 .reason_box figure img {
      width: 92.2vw;
      height: 57.8vw;
    }
    #reason02 .reason_sub_box {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      padding-bottom: 62.5vw;
    }
    #reason02 .reason_sub_box::after {
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vw;
    }
    #reason02 .reason_sub_box figure {
      left: 0;
      top: auto;
      bottom: 4.16vw;
      width: 100%;
      text-align: center;
    }
    #reason02 .reason_sub_box figure img {
      width: 68.2vw;
      height: 51vw;
    }
    #reason02 .reason_sub_txt {
      position: relative;
      left: auto;
      top: auto;
      width: 100%;
      padding-top: 22vw;
      padding: 22.5vw 6.5vw 0 6.5vw;
    }
  }

#reason03 {
  position: relative;
  background: url("../img/main/reason03_bg.png") center 125px no-repeat;
  margin-bottom: 120px;
}
#reason03::after {
  position: absolute;
  left: 50%;
  margin-left: -540px;
  bottom: -200px;
  content: "";
  width: 371px;
  height: 657px;
  background:  url("../img/bg/arrow01.png") left top no-repeat;
}
#reason03 .reason_wrap::after {
  position: absolute;
  left: -98px;
  top: 0;
  content: "";
  width: 796px;
  height: 796px;
  background: #69C2E8;
  border-radius: 50%;
  z-index: 5;
}
#reason03 .reason_box {
  position: relative;
  z-index: 10;
  padding-top: 50px;
  min-height: 810px;
  margin-bottom: 85px;
}
#reason03 .reason_box h3 {
  margin-bottom: 50px;
}
#reason03 .reason_box .reason_txt {
  width: 525px;
  margin-left: 38px;
}
#reason03 .reason_box .reason_txt p {
  margin-bottom: 25px;
}
#reason03 .reason_box figure {
  position: absolute;
  right: -18px;
  top: 185px;
}
  @media screen and (max-width: 768px) {
    #reason03 {
      background: none;
      margin-bottom: 13vw;
    }
    #reason03::after {
      display: none;
    }
    #reason03 .reason_wrap::after {
      left: 0;
      top: 6vw;
      width: 100vw;
      height: 100vw;
    }
    #reason03 .reason_box {
      padding-top: 0;
      min-height: auto;
      margin-bottom: 0;
      padding-bottom: 120vw;
    }
    #reason03 .reason_box h3 {
      position: static;
      text-align: center;
      margin-bottom: 5vw;
    }
    #reason03 .reason_box h3 img {
      width: 73.4vw;
      height: 48.8vw;
    }
    #reason03 .reason_box .reason_txt {
      position: relative;
      width: 100%;
      margin-left: 0;
      padding: 0 6.5vw;
      z-index: 10;
    }
    #reason03 .reason_box .reason_txt p {
      margin-bottom: 6.5vw;
    }
    #reason03 .reason_box figure {
      right: 0;
      top: auto;
      bottom: 4.5vw;
      width: 100%;
      text-align: center;
    }
    #reason03 .reason_box figure img {
      width: 100vw;
      height: 152.6vw;
    }
  }

#reason04 {
  position: relative;
  background: url("../img/main/reason04_bg.png") center 38px no-repeat;
  margin-bottom: 125px;
}
#reason04::after {
  position: absolute;
  right: 50%;
  margin-right: -588px;
  bottom: -250px;
  content: "";
  width: 371px;
  height: 657px;
  background: url("../img/bg/arrow02.png") left top no-repeat;
}
#reason04 .reason_wrap::after {
  position: absolute;
  right: -68px;
  top: 0;
  content: "";
  width: 796px;
  height: 796px;
  background:  #F3F730;
  border-radius: 50%;
  z-index: 5;
}
#reason04 .reason_box {
  position: relative;
  z-index: 10;
  min-height: 640px;
}
#reason04 .reason_box h3 {
  position: absolute;
  right: 45px;
  top: 50px;
}
#reason04 .reason_box .reason_txt {
  width: 470px;
  position: absolute;
  right: 80px;
  top: 240px;
}
#reason04 .reason_box .reason_txt p {
  margin-bottom: 25px;
}
#reason04 .reason_box figure {
  position: absolute;
  left: -20px;
  top: 185px;
}
  @media screen and (max-width: 768px) {
    #reason04 {
      background: none;
      margin-bottom: 13vw;
    }
    #reason04::after {
      display: none;
    }
    #reason04 .reason_wrap::after {
      display: none;
    }
    #reason04 .reason_box {
      min-height: auto;
      padding-bottom: 81vw;
      z-index: 15;
    }
    #reason04 .reason_box::after {
      position: absolute;
      content: "";
      background:  #F3F730;
      border-radius: 50%;
      left: 0;
      top: 6vw;
      width: 100vw;
      height: 100vw;
      z-index: 10;
    }
    #reason04 .reason_box h3 {
      position: relative;
      right: auto;
      top: auto;
      text-align: center;
      margin-bottom: 5vw;
      z-index: 20;
    }
    #reason04 .reason_box h3 img {
      width: 65.8vw;
      height: 37.7vw;
      
    }
    #reason04 .reason_box .reason_txt {
      width: 100%;
      position: relative;
      right: auto;
      top: auto;
      z-index: 15;
      padding: 0 6.5vw;
    }
    #reason04 .reason_box .reason_txt p {
      margin-bottom: 6.5vw;
    }
    #reason04 .reason_box figure {
      left: 0;
      top: auto;
      bottom: 0;
      z-index: 5;
      width: 100%;
      text-align: center;
    }
    #reason04 .reason_box figure img {
      width: 100vw;
      /*height: 116.8vw;*/
    }
  }

#reason05 {
  position: relative;
  background: url("../img/main/reason05_bg.png") center 95px no-repeat;
  margin-bottom: 120px;
}
#reason05 .reason_wrap::after {
  position: absolute;
  left: -37px;
  top: 0;
  content: "";
  width: 708px;
  height: 708px;
  background: #F0A4B5;
  border-radius: 50%;
  z-index: 5;
}
#reason05 .reason_box {
  position: relative;
  z-index: 10;
  padding-top: 70px;
  min-height: 760px;
  margin-bottom: 100px;
}
#reason05 .reason_box h3 {
  margin-bottom: 42px;
}
#reason05 .reason_box .reason_txt {
  width: 380px;
  margin-left: 110px;
}
#reason05 .reason_box .reason_txt p {
  margin-bottom: 25px;
}
#reason05 .reason_box figure {
  position: absolute;
  right: -24px;
  top: 160px;
}
  @media screen and (max-width: 768px) {
    #reason05 {
      background: none;
      margin-bottom: 13vw;
    }
    #reason05 .reason_wrap::after {
      display: none;
    }
    #reason05 .reason_box {
      padding-top: 0;
      min-height: auto;
      margin-bottom: 0;
      padding-bottom: 82vw;
    }
    #reason05 .reason_box::after {
      position: absolute;
      content: "";
      background:  #F0A4B5;
      border-radius: 50%;
      left: 0;
      top: 6vw;
      width: 100vw;
      height: 100vw;
      z-index: 10;
    }
    #reason05 .reason_box h3 {
      position: relative;
      text-align: center;
      margin-bottom: 5vw;
      z-index: 20;
      
       margin-bottom: 2vw;
    }
    #reason05 .reason_box h3 img {
      width: 77.9vw;
      height: 39.8vw;
    }
    #reason05 .reason_box .reason_txt {
      position: relative;
      width: 100%;
      margin-left: 0;
      z-index: 20;
      padding: 0 6.5vw;
    }
    #reason05 .reason_box .reason_txt p {
      margin-bottom: 6.5vw;
    }
    #reason05 .reason_box figure {
      right: 0;
      top: auto;
      bottom: 0;
      z-index: 5;
      width: 100%;
      text-align: center;
    }
    #reason05 .reason_box figure img {
      width: 100vw;
      /*height: 119.8vw;*/
    }
  }
  
#reason06 {
  position: relative;
  background: url("../img/main/reason06_bg.svg") center 38px no-repeat;
  margin-bottom: 125px;
}
#reason06::after {
  position: absolute;
 left: 50%;
  margin-left: -588px;
  top: -500px;
  content: "";
  width: 371px;
  height: 657px;
  background: url("../img/bg/arrow01.png") left top no-repeat;
}
#reason06 .reason_wrap::after {}
#reason06 .reason_wrap{
	width: 1170px;
	height: 893px;
	margin:0 auto;
	background-image: url("../img/main/reason06_inner_bg_pc.png");
}
#reason06 .reason_box{
	width: 520px;
	margin:0 auto;
	padding-top: 200px;
}
#reason06 .reason_box h3{
	margin-bottom: 40px;
}
#reason06 .reason_box p{
	margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
	#reason06 {
      background: none;
      margin-bottom: 0;
    }
    #reason06::after {
      display: none;
    }
    #reason06 .reason_wrap{
	width: 100%;
	height: 70rem;
	margin:0 auto;
	background-image: url("../img/main/reason06_inner_bg_sp.png");
	background-repeat: no-repeat;
	background-size: contain;
	}
	#reason06 .reason_box{
	width: 75%;
	margin:0 auto;
	padding-top: 90px;
	}
}

.reason_voice {
  position: relative;
  background: #EFEFE9;
  border-radius: 20px;
  border: solid 4px #FF6699;
  z-index: 10;
}
.reason_voice dl {
  position: relative;
  top: -38px;
  width: 315px;
  text-align: center;
}
.reason_voice dt img {
  border-radius: 50%;
  overflow: hidden;
  border: solid 4px #FF6699;
}
.reason_voice dd p {
  line-height: 1.5;
  margin: 7px 0 12px;
  white-space: nowrap;
}
.reason_voice dd h4 {
  color: #FF6699;
  font-size: 1.6rem;
  background: url("../img/border/border01.png") center bottom no-repeat;
  padding-bottom: 12px;
}
  @media screen and (max-width: 768px) {
    .reason_voice {
      border: solid 2px #FF6699;
      width: calc(100% - 7.8vw);
      margin: 0 auto;
      padding: 3.9vw;
      border-radius: 10px;
    }
    .reason_voice dl {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      top: 0;
      width: 100%;
      text-align: left;
      padding: 2.5vw 0;
    }
    .reason_voice dl:nth-child(even) {
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      -o-flex-direction: row-reverse;
      flex-direction: row-reverse;
    }
    .reason_voice dt {
      width: 33vw;
    }
    .reason_voice dt img {
      width: 100%;
      border: solid 2px #FF6699;
    }
    .reason_voice dd {
      width: 45.8vw;
    }
    .reason_voice dd p {
      line-height: 1.4;
      margin: 0 0 1.5vw;
      white-space: normal;
      font-size: 3.9vw;
    }
    .reason_voice dd p br {
      display: none;
    }
    .reason_voice dd h4 {
      text-align: center;
      font-size: 3.9vw;
      background: url("../img/border/border01_sp.svg") center bottom no-repeat;
      background-size: 26vw 1.3vw;
      padding-bottom: 2.5vw;
    }
  }

/*先輩スタッフに聞くオススメ・ポイント*/
#recommend {
  position: relative;
  background: url("../img/main/recommend_bg.png") center top no-repeat;
  padding-bottom: 170px;
}
#recommend::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/main/recommend_bg01.png") center 620px no-repeat;
}
#recommend::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/main/recommend_bg02.png") center 1595px no-repeat;
}
#recommend h2 {
  padding: 96px 0 86px;
}
#recommend h3 {
  font-size: 2.8rem;
}
#recommend h3 span {
  line-height: 1.1;
  display: inline-block;
  background: linear-gradient(transparent 55%, #F2F91C 50%);
}
.recommend_movie_wrap {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  padding: 28px;
  border-radius: 30px;
  text-align: center;
}
.recommend_movie_wrap::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  z-index: 10;
}
.recommend_movie_wrap::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg/slash_bg.png") repeat;
  border-radius: 30px;
  z-index: 0;
}
  @media screen and (max-width: 768px) {
    #recommend {
      background: url("../img/main/recommend_bg_sp.svg") center top no-repeat;
      background-size: 100vw 68.3vw;
      padding-bottom: 13vw;
    }
    #recommend::after {
      display: none;
    }
    #recommend::before {
      display: none;
    }
    #recommend h2 {
      padding: 13vw 3.9vw 10.6vw;
    }
    #recommend h3 {
      font-size: 4.94vw;
      line-height: 1.4;
      margin: 4.7vw 0 8.3vw;
    }
    .recommend_movie_wrap {
      max-width: 100%;
      padding: 2.4vw;
      border-radius: 10px;
    }
    .recommend_movie_wrap::before {
      border-radius: 10px;
    }
    .recommend_movie_wrap::after {
      right: -1.2vw;
      bottom: -1.2vw;
    }
  }

.slash_wrap {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 13px;
  border-radius: 30px;
}
.slash_wrap::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  z-index: 10;
}
.slash_wrap::after {
  position: absolute;
  right: -5px;
  bottom: -5px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg/slash_bg.png") repeat;
  border-radius: 30px;
  z-index: 0;
}
.slash_box {
  position: relative;
  z-index: 10;
}
  @media screen and (max-width: 768px) {
    .slash_wrap {
      padding: 2.4vw;
      border-radius: 10px;
    }
    .slash_wrap::before {
      border-radius: 10px;
    }
    .slash_wrap::after {
      right: -1.2vw;
      bottom: -1.2vw;
      border-radius: 10px;
    }
  }

.recommend_movie_box {
  position: relative;
  z-index: 10;
}
.recommend01 h3 {
  margin: 35px 0 60px;
}
.recommend_wrap01 {
  position: relative;
  z-index: 10;
}
.recommend_wrap01 h3 {
  margin: 30px 0 60px;
}
  @media screen and (max-width: 768px) {
    .recommend_movie_box img {
      width: 100%;
    }
    .recommend01 {
      padding: 0 3.9vw;
    }
    .recommend_wrap01 {
      padding: 0 3.9vw;
    }
  }

.recommend_wrap02 .slash_wrap {
  padding: 70px 70px 70px 58px;
}
#recommend .recommend_wrap02 h3 {
  font-size: 3rem;
  line-height: 1.4;
  margin: 30px 0 22px;
}
.recommend_wrap02_txt {
  width: 465px;
  margin-bottom: 15px;
}
.recommend_wrap02_txt p {
  font-size: 1.6rem;
  line-height: 1.6;
}
  @media screen and (max-width: 768px) {
    .recommend_wrap02 {
      padding: 0 3.9vw;
    }
    .recommend_wrap02 .slash_wrap {
      padding: 9.6vw 3.9vw 8vw 3.9vw;
    }
    .recommend_wrap02 figure img {
      width: 100%;
    }
    #recommend .recommend_wrap02 h3 {
      font-size: 5.2vw;
      margin: 4.16vw 0;
      text-align: center;
    }
    .recommend_wrap02_txt {
      width: 100%;
      margin-bottom: 6vw;
    }
    .recommend_wrap02_txt p {
      font-size: 4.16vw;
    }
  }

.recommend05 .recommend_wrap02_txt p {
  margin-left: 126px;
}
  @media screen and (max-width: 768px) {
    .recommend05 .recommend_wrap02_txt p {
      margin-left: 0;
    }
  }


.recommend06 .recommend_wrap02_txt {
  padding-top: 85px;
}
  @media screen and (max-width: 768px) {
    .recommend06 .recommend_wrap02_txt {
      padding-top: 0;
    }
  }

/*勤務予定地*/
#locateion {
  background: url("../img/main/locateion_bg.png") #fff center top repeat-y;
  padding: 160px 0 140px 0;
}
#locateion > h2 {
  margin-bottom: 120px;
}
.locateion_box {
  width: 528px;
  border-radius: 15px;
  overflow: hidden;
  border: solid 3px #62A8C6;
  background: #fff;
  margin-bottom: 50px;
}
.locateion_box h3 {
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  padding: 12px 10px;
  background: #62A8C6;
}
.locateion_box_inner {
  padding: 29px;
}
.locateion_ico {
  padding: 25px 0 13px;
}
.locateion_ico span {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  background: #666;
  border-radius: 20px;
  min-width: 250px;
  padding: 3px;
  margin-bottom: 9px;
}
.locateion_box p {
  font-size: 1.6rem;
  margin-bottom: 25px;
}
.locateion_box p.p_c{
	text-align: center;
	font-weight: 600;
} 
  @media screen and (max-width: 768px) {
    #locateion {
      background: url("../img/main/locateion_bg_sp.png") #fff center top repeat-y;
      background-size: 100vw 78.3vw;
      padding: 13vw 3.9vw 10vw 3.9vw;
    }
    #locateion > h2 {
      margin-bottom: 9.1vw;
    }
    #locateion > h2 img {
      width: 92vw;
      height: 25.2vw;
    }
    .locateion_box {
      width: 100%;
      border-radius: 12px;
      border: solid 2px #62A8C6;
      margin-bottom: 7.8vw;
    }
    .locateion_box figure img {
      width: 100%;
    }
    .locateion_box h3 {
      font-size: 5.2vw;
      padding: 2.5vw;
    }
    .locateion_box_inner {
      padding: 4.5vw;
    }
    .locateion_ico {
      padding: 4.5vw 0 2vw;
    }
    .locateion_ico span {
      border-radius: 8px;
      min-width: 52vw;
      padding: 1vw;
      margin-bottom: 2vw;
      font-size: 3.7vw;
    }
    .locateion_box p {
      font-size: 4.16vw;
      margin-bottom: 4.8vw;
    }
  }

.map_btn {
  position: relative;
  width: 348px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 10px;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 25px;
  cursor: pointer;
}
.map_btn::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #55A1BB;
  border-radius: 5px;
  z-index: 10;
  transition: all 0.1s ease-in-out 0s;
}
.map_btn::before {
  position: absolute;
  right: -4px;
  bottom: -4px;
  content: "";
  width: 100%;
  height: 100%;
  background: #3591AE;
  border-radius: 5px;
  z-index: 5;
  transition: all 0.1s ease-in-out 0s;
}
.map_btn:hover::after {
  right: -4px;
  bottom: -4px;
  opacity: 0.9;
}
.map_btn:hover::before {
  opacity: 0;
}
.map_btn span {
  position: relative;
  display: inline-block;
  padding: 0 22px;
  z-index: 15;
}
.map_btn span::after {
  position: absolute;
  content: "▼";
  right: 0;
  transition: all 0.2s ease-in-out 0s;
}
.map_btn.activ span::after {
  top: 2px;
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.map_btn span i {
  position: absolute;
  left: -13px;
  top: 0;
  font-size: 3rem;
}
  @media screen and (max-width: 768px) {
    .map_btn {
      width: 100%;
      padding: 3vw 2vw;
      margin-bottom: 4vw;
    }
    .map_btn::before {
      right: -0.8vw;
      bottom: -0.8vw;
    }
    .map_btn:hover::after {
      right: -0.8vw;
      bottom: -0.8vw;
    }
    .map_btn span {
      position: relative;
      display: inline-block;
      padding: 0 5.5vw;
      z-index: 15;
    }
    .map_btn.activ span::after {
      top: 0.7vw;
      -moz-transform: rotate(-60deg);
      -webkit-transform: rotate(-60deg);
      -o-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      transform: rotate(-60deg);
    }
    .map_btn span i {
      position: absolute;
      left: -1vw;
      top: 0.7vw;
      font-size: 5.7vw;
    }
  }

.g_map {
  display: none;
}
.g_map iframe {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
  @media screen and (max-width: 768px) {
    .g_map iframe {
      height: 60vw;
      margin-bottom: 2.3vw;
    }
  }

#locateion02.locateion_box {
  border: solid 3px #F9A448;
}
#locateion02.locateion_box h3 {
  background: #F9A448;
}
#locateion03.locateion_box {
  border: solid 3px #F14891;
}
#locateion03.locateion_box h3 {
  background: #F14891;
}
#locateion04.locateion_box {
  border: solid 3px #87C567;
}
#locateion04.locateion_box h3 {
  background: #87C567;
}
#locateion05.locateion_box {
  border: solid 3px #F0AB80;
}
#locateion05.locateion_box h3 {
  background: #F0AB80;
}
#locateion06.locateion_box {
  border: solid 3px #CE9DF9;
}
#locateion06.locateion_box h3 {
  background: #CE9DF9;
}

#recruit {
  padding: 127px 0 100px;
  background: url("../img/main/recruit_bg.png") center 40px repeat-y;
}
#recruit > h2 {
  margin-bottom: 75px;
}
.recruit_box {
  width: 530px;
  margin-bottom: 55px;
}
.recruit_box_inner {
  border: solid 3px #E89ABD;
  background: #fff;
  /*padding-bottom: 22px;*/
}
h3.recruit_ttl {
  font-size: 24px;
  margin-bottom: 1.5rem;
}
.recruit_box table {
  font-size: 1.6rem;
}
.recruit_box th {
  width: 120px;
  text-align: left;
  background: #E89ABD;
  border-bottom: solid 1px #ccc;
  padding: 12px 14px;
}
.recruit_box td {
  border-bottom: solid 1px #ccc;
  padding: 12px 18px;
  /* text-align: left; */
}
.recruit_box tr:last-child th,
.recruit_box tr:last-child td {
  border-bottom: none;
}
.recruit_box table.table_contents tr:first-child th,
.recruit_box table.table_contents tr:first-child td {
  border-top: solid 1px #ccc;
}



/*---- 職種 詳しく見るボタン ----*/
.detail_btn {
  /* text-align: center; */
  position: relative;
  cursor: pointer;
}
.detail_btn::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  z-index: 10;
  transition: all 0.1s ease-in-out 0s;
}
.detail_btn span::after {
  position: absolute;
  content: "▼";
  right: 39%;
  transition: all 0.2s ease-in-out 0s;
}
.detail_btn.activ span::after {
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.table_contents {
  display: none;
}





.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.content-wrap {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 80px 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 300px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  color: #333;
  cursor: pointer;
  padding: 5px 20px;
  width: 90%;
  font-size: 16px;
}
.close-btn {
  padding:0;
}











.recruit_box td p {
  padding-bottom: 15px;
}
.recruit_box dl {
  margin-bottom: 10px;
}
.recruit_box td span {
  display: block;
  /* margin-right: 15px; */
  text-align: center !important;
}
.recruit_box td h4 {
  margin: 10px 0 5px;
}
.recruit_lower_wrap {
  max-width: 800px;
  margin: 0 auto;
  border: solid 3px #E89ABD;
  background: #fff;
  margin-bottom: 50px;
}
.recruit_lower_wrap table {
  font-size: 1.6rem;
}
.recruit_lower_wrap th {
  width: 200px;
  text-align: left;
  background: #E89ABD;
  border-bottom: solid 1px #ccc;
  padding: 12px 14px;
}
.recruit_lower_wrap td {
  border-bottom: solid 1px #ccc;
  padding: 12px 18px;
}
.recruit_lower_wrap tr:last-child th,
.recruit_lower_wrap tr:last-child td {
  border-bottom: none;
}
.recruit_lower_wrap td p {
  padding-bottom: 15px;
}
.recruit_lower_wrap dl {
  margin-bottom: 10px;
}
.recruit_lower_wrap td span {
  display: inline-block;
  margin-right: 15px;
}
.recruit_lower_wrap td h4 {
  margin: 10px 0 5px;
}
.more_check {
  position: relative;
  width: 420px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 10px;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 25px;
  cursor: pointer;
}
.more_check::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #F6477A;
  border-radius: 5px;
  z-index: 10;
  transition: all 0.1s ease-in-out 0s;
}
.more_check::before {
  position: absolute;
  right: -4px;
  bottom: -4px;
  content: "";
  width: 100%;
  height: 100%;
  background: #E89ABD;
  border-radius: 5px;
  z-index: 5;
  transition: all 0.1s ease-in-out 0s;
}
.more_check:hover::after {
  right: -4px;
  bottom: -4px;
  opacity: 0.9;
}
.more_check:hover::before {
  opacity: 0;
}
.more_check span {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  z-index: 15;
}
.more_check span::after {
  position: absolute;
  content: "▼";
  right: 0;
  transition: all 0.2s ease-in-out 0s;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.more_check a {
  color: #fff;
  font-size: 2rem;
}
  @media screen and (max-width: 768px) {
    #recruit {
      padding: 17vw 0 10vw 0;
      background: url("../img/main/recruit_bg_sp.png") center 0 repeat-y;
      background-size: 94.4vw 152.4vw;
    }
    #recruit > h2 {
      margin-bottom: 7.5vw;
    }
    #recruit > h2 img {
      width: 92.3vw;
      height: auto;
    }
    .recruit_box {
      width: 100%;
      padding: 0 3.9vw;
      margin-bottom: 9vw;
    }
    .recruit_box_inner {
      border: solid 2px #E89ABD;
      /* padding-bottom: 5vw; */
    }
    .recruit_box table {
      font-size: 4.16vw;
    }
    .recruit_box th {
      width: 24vw;
      padding: 1.8vw 2.5vw;
    }
    .recruit_box td {
      padding: 1.8vw 2.5vw;
    }
    .recruit_box td p {
      padding-bottom: 2.8vw;
    }
    .recruit_box dl {
      margin-bottom: 2.8vw;
    }
    /* .recruit_box td span {
      display: inline-block;
      margin-right: 2.8vw;
    } */
    .recruit_box td h4 {
      margin: 2vw 0 1.2vw;
    }
    .recruit_lower_box {
      width: 100%;
      padding: 0 3.9vw;
      margin-bottom: 9vw;
    }
    .recruit_lower_wrap {
      border: solid 2px #E89ABD;
    }
    .recruit_lower_wrap table {
      font-size: 4.16vw;
    }
    .recruit_lower_wrap th {
      width: 24vw;
      padding: 1.8vw 2.5vw;
    }
    .recruit_lower_wrap td {
      padding: 1.8vw 2.5vw;
    }
    .recruit_lower_wrap td p {
      padding-bottom: 2.8vw;
    }
    .recruit_lower_wrap dl {
      margin-bottom: 2.8vw;
    }
    .recruit_lower_wrap td span {
      display: inline-block;
      margin-right: 2.8vw;
    }
    .more_check {
      width: 100%;
      padding: 3vw 2vw;
      margin-bottom: 4vw;
    }
    .more_check::before {
      right: -0.8vw;
      bottom: -0.8vw;
    }
    .more_check:hover::after {
      right: -0.8vw;
      bottom: -0.8vw;
    }
    .more_check span {
      position: relative;
      display: inline-block;
      padding: 0 5.5vw;
      z-index: 15;
    }
    
    /*---- 職種 詳しく見るボタン ----*/
    .detail_btn span::after {
      right: 33%;
    }
  }

.recruit_box .detail_txt {
  padding: 18px 0 20px;
}
.recruit_box .detail_txt span {
  position: relative;
  display: inline-block;
  background: url("../img/ico/arrow01.svg") right center no-repeat;
  background-size: 16px 8px;
  padding-right: 22px;
}
.recruit_box .detail_link {
  padding: 0 40px;
}
.recruit_box .detail_link span {
  position: relative;
  display: inline-block;
  background: url("../img/ico/arrow02.svg") left center no-repeat;
  background-size: 8px 16px;
  padding-left: 13px;
  text-decoration: underline;
}
.recruit_box .detail_link span:hover {
  text-decoration: none;
}
  @media screen and (max-width: 768px) {
    .recruit_box .detail_txt {
      padding: 4vw 0 2.5vw;
    }
    .recruit_box .detail_txt span {
      background-size: 4.3vw 3.2vw;
      padding-right: 5.3vw;
    }
    .recruit_box .detail_link {
      padding: 0 6vw;
    }
    .recruit_box .detail_link span {
      background-size: 2.2vw 4.3vw;
      padding-left: 3.5vw;
    }
  }

.recruit_gallery li {
  width: 16.66%;
}
.recruit_gallery li img {
  width: 100%;
}
  @media screen and (max-width: 768px) {
    .recruit_gallery li {
      width: 33.33%;
    }
  }

#flow {
  padding: 124px 0 90px 0;
  background: url("../img/main/flow_bg.jpg") repeat;
}
#flow h2 {
  margin-bottom: 75px;
}
.flow_box {
  position: relative;
  width: 210px;
  margin: 0 28px;
}
.flow_box::after {
  position: absolute;
  right: -124px;
  top: -10px;
  content: "";
  background: url("../img/main/flow_arrow.svg") left center no-repeat;
  background-size: 158px 83px;
  width: 158px;
  height: 83px;
}
.flow_box figure {
  margin-bottom: 18px;
}
.flow_box h3 {
  font-size: 3rem;
  margin-bottom: 30px;
}
.flow_box h3 span {
  line-height: 1.1;
  padding: 0 4px;
  display: inline-block;
  background: linear-gradient(transparent 60%, #F2F91C 0);
}
.flow_box p {
  font-size: 1.7rem;
  line-height: 1.7;
}
  @media screen and (max-width: 768px) {
    #flow {
      padding: 14.3vw 0 5vw 0;
      background-size: 34px 35px;
    }
    #flow h2 {
      margin-bottom: 9.6vw;
    }
    #flow h2 img {
      width: 92.1vw;
      height: 30.9vw;
    }
    .flow_wrap {
      padding: 0 6.5vw;
    }
    .flow_box {
      position: relative;
      width: 39vw;
      margin: 0 0 8vw 0;
    }
    .flow_box::after {
      right: -19.5vw;
      top: -2vw;
      background-size: 27vw 14.9vw;
      width: 27vw;
      height: 14.9vw;
    }
    .flow_box figure {
      margin-bottom: 2vw;
    }
    .flow_box figure img {
      width: 25.1vw;
      height: 22.1vw;
    }
    .flow_box h3 {
      font-size: 5.2vw;
      margin-bottom: 3vw;
    }
    .flow_box h3 span {
      padding: 0 1vw;
    }
    .flow_box p {
      font-size: 3.9vw;
      line-height: 1.5;
    }
  }

.step02 {
  margin-top: 55px;
}
.step03 {
  margin-top: 110px;
}
.step04 {
  margin-top: 165px;
}
.step04::after {
  display: none;
}
  @media screen and (max-width: 768px) {
    .step02 {
      margin-top: 7.1vw;
    }
    .step02::after {
      display: none;
    }
    .step03 {
      margin-top: 0;
    }
    .step04 {
      margin-top: 7.1vw;
    }
    .step04::after {
      display: none;
    }
  }

#tour {
  background: url("../img/main/contact_bg.png") center 80px no-repeat;
}
#tour h2 {
  position: relative;
  line-height: 250px;
  font-size: 3.6rem;
  background: #F0A4B5;
  overflow: hidden;
}
#tour h2::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 748px;
  height: 748px;
  margin-left: -374px;
  margin-top: -374px;
  background: #F2F91C;
  border-radius: 50%;
}
#tour h2 span {
  position: relative;
  z-index: 10;
}
.tour_txt {
  padding-top: 140px;
  height: 870px;
  background: url("../img/main/contact_bg_1_3.png") center bottom no-repeat;
}
.tour_txt p {
  font-size: 1.9rem;
  margin-bottom: 35px;
  line-height: 2;
}
  @media screen and (max-width: 768px) {
    #tour {
      background: url("../img/main/contact_bg_sp.png") center 0 no-repeat;
      background-size: 100vw 78.3vw;
    }
    #tour h2 {
      line-height: 1.4;
      height: 27.6vw;
      font-size: 5.2vw;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
    }
    #tour h2::after {
      width: 83vw;
      height: 83vw;
      margin-left: -41.5vw;
      margin-top: -41.5vw;
    }
    .tour_txt {
      position: relative;
      padding: 46.8vw 10vw 78vw 10vw;
      height: auto;
      background: url("../img/main/contact_bg_3_3.png") center bottom no-repeat;
      background-size: 88vw 76.8vw;
    }
    .tour_txt::after {
      position: absolute;
      left: 0;
      top: 3.3vw;
      content: "";
      width: 100%;
      height: 38.9vw;
      background: url("../img/main/contact_bg_2_3.png") center top no-repeat;
      background-size: 88.4vw 38.9vw;
    }
    .tour_txt p {
      font-size: 4.16vw;
      margin-bottom: 4.16vw;
      line-height: 2;
    }
  }

/*----------------------------------------------------
  お問い合わせ contact
--------------------------------------------------- */
#contact {
  background: #fff;
  margin-bottom: 76px;
  border: solid 5px #F16489;
  border-radius: 20px;
  padding: 98px 3.9vw;
}
#contact h3 {
  font-size: 4.4rem;
}
#contact h3 span {
  line-height: 1.1;
  padding: 0 4px;
  display: inline-block;
  background: linear-gradient(transparent 0, #F2F91C 0);
  color: #3766AD;
}
.contact_head {
  font-size: 1.9rem;
  line-height: 1.7;
  padding: 40px 0 50px;
}
  @media screen and (max-width: 768px) {
    #contact {
      width: calc(100% - 7.8vw)!important;
      margin: 0 auto 9vw auto;
      border: solid 3px #F16489;
      border-radius: 10px;
      padding: 7.5vw 3.9vw;
    }
    #contact h3 {
      font-size: 7.5vw;
    }
    #contact h3 span {
      line-height: 1.1;
      padding: 0 4px;
      display: inline-block;
      background: linear-gradient(transparent 0, #F2F91C 0);
      color: #3766AD;
    }
    .contact_head {
      font-size: 3.9vw;
      line-height: 1.7;
      padding: 3.3vw 0 6vw;
    }
  }

.contact_tel h4 {
  position: relative;
  font-size: 2.6rem;
  padding: 18px 10px;
  color: #fff;
  margin-bottom: 50px;
}
.contact_tel h4::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #F6477A;
  border-radius: 50px;
  z-index: 5;
}
.contact_tel h4::before {
  position: absolute;
  right: -5px;
  bottom: -5px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg/slash_bg.png") repeat;
  border-radius: 50px;
  z-index: 0;
}
.contact_tel h4 span {
  position: relative;
  z-index: 10;
}
.contact_tel dd {
  margin: 40px 0 75px;
  font-size: 1.6rem;
}
  @media screen and (max-width: 768px) {
    .contact_tel h4 {
      font-size: 4.7vw;
      padding: 2vw 3vw;
      margin-bottom: 6.6vw;
    }
    .contact_tel h4::before {
      right: -0.7vw;
      bottom: -0.7vw;
      background-size: 21px 21px;
    }
    .contact_tel dt img {
      width: 80.4vw;
      height: 9.6vw;
    }
    .contact_tel dd {
      margin: 4.8vw 0 11vw;
      font-size: 3.6vw;
    }
  }

.contact_form h4 {
  position: relative;
  font-size: 2.6rem;
  padding: 18px 10px;
  color: #fff;
  margin-bottom: 40px;
}
.contact_form h4::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #64A8C7;
  border-radius: 50px;
  z-index: 5;
}
.contact_form h4::before {
  position: absolute;
  right: -5px;
  bottom: -5px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg/slash_bg.png") repeat;
  border-radius: 50px;
  z-index: 0;
}
.contact_form h4 span {
  position: relative;
  z-index: 10;
}
  @media screen and (max-width: 768px) {
    .contact_form h4 {
      font-size: 4.7vw;
      padding: 2vw 3vw;
      margin-bottom: 4.7vw;
    }
    .contact_form h4::before {
      right: -0.7vw;
      bottom: -0.7vw;
      background-size: 21px 21px;
    }
  }

.contactComplete p {
  margin-bottom: 30px;
}


.mw_wp_form .error-message { display: none; }
.mw_wp_form_error .error-message { max-width: 700px; margin: 0 auto 30px; display: block; background: #F6477A; color: #fff; padding: 10px; }
.contactForm table {
  width: 700px;
  margin: 0 auto 35px auto;;
}
.contactForm th {
  text-align:left;
  font-weight:500;
  font-size:1.7rem;
}
.contactForm th span {
  display: inline-block;
  position: relative;
  padding-right: 55px
}
.contactForm th .require {
  position:absolute;
  right:0;
  top:3px;
  font-size:1.4rem;
  color:#fff;
  font-style:normal;
  display:inline-block;
  background: #64A8C7;
  line-height: 1.5;
  padding: 2px 7px;
}
.contactForm td {
  padding:12px 0 30px;
}
.contactForm td input[type="text"],.contactForm td textarea {
  font-size:1.6rem;
}
.contactForm td .error {
  display:block;
  color:#F6477A;
  margin-top:5px;
  padding:2px 5px;
}
.contactForm td select {
  width: 99%;
  padding: 12px 12px;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 3px solid #DADADA;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}
.contactForm td .select_container {
  position: relative;
  display: block;
  margin: 0!important;
}
.contactForm td .select_container::after {
  display: block;
  content: '';
  width: 12px;
  height: 24px;
  background: url("../img/ico/ico_select.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 21px;
  right: 20px;
  pointer-events: none;
}
.contactForm td option {
  font-size: 1.5rem;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}
.contactForm td div {
  margin-bottom: 15px;
}
.mw_wp_form_confirm .confirm_none , .contactConfirm .confirm_none {
  display:none;
}
  @media screen and (max-width: 768px) {
    .mw_wp_form_error .error-message { max-width: 100%; margin: 0 auto 4vw; padding: 0.7vw; }
    .contactForm table {
      width: 100%;
      margin: 0 auto 3.3vw auto;;
    }
    .contactForm th {
      font-size: 4.16vw;
    }
    .contactForm th span {
      padding-right: 11vw;
    }
    .contactForm th .require {
      top:1vw;
      font-size:3vw;
      line-height: 1.4;
      padding: 0.4vw 1.2vw;
    }
    .contactForm td {
      padding:1.5vw 0 4vw;
    }
    .contactForm td input[type="text"],.contactForm td textarea {
      font-size: 4.16vw;
    }
    .contactForm td .error {
      display:block;
      color:#F6477A;
      margin-top:1.5vw;
      padding:0;
    }
    .contactForm td select {
      padding: 2.5vw;
      border-radius: 0;
      border: 3px solid #DADADA;
    }
    .contactForm td .select_container::after {
      width: 3.4vw;
      height: 7vw;
      background: url("../img/ico/ico_select.png") no-repeat center center;
      background-size: 3.4vw 7vw;
      top: 3.2vw;
      right: 4vw;
    }
    .contactForm td option {
      font-size: 3.9vw;
    }
    .contactForm td div {
      margin-bottom: 2vw;
    }
  }

/*inputサイズ*/
.inp_short {
  width:45%;
}
.inp_middle {
  width:65%;
}
.inp_long {
  width:99%;
}
.area_long {
  width:99%;
  height:180px;
}
.radio_label {
  margin-right:40px;
}
  @media screen and (max-width: 768px) {
    .inp_short {
      width:45%;
    }
    .inp_middle {
      width:99%;
    }
    .inp_long {
      width:99%;
    }
    .area_long {
      width:99%;
      height:40vw;
    }
    .radio_label {
      margin-right:2.6vw;
    }
  }

/*プレースホルダー*/
input::-webkit-input-placeholder { color:#aaa; }
input:-moz-placeholder { color:#666; }
input::-moz-placeholder { color:#666; }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

/*ボタン*/
.btnArea {
  text-align:center;
}
.btnArea span:empty {
  display:none;
}
.btnArea span {
  position: relative;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 404px;
  transition: all 0.1s ease-in-out 0s;
  margin: 0 15px;
  text-align: center;
  background: #64A8C7;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
  box-shadow:4px 4px 0 0 #318EB2;
}
.btnArea span:hover {
  bottom: -4px;
  right: -4px;
  opacity: 0.9;
  box-shadow:0 0 0 0 #318EB2;
}
.btnArea span:hover::before {
  opacity: 1;
  left: 0;
}
.btnArea input {
  position: relative;
  width: 100%;
  padding: 25px 10px;
  border:none;
  color:#fff;
  font-size:2.2rem;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  border-radius:0;
  background: none;
  z-index: 10;
}
  @media screen and (max-width: 768px) {
    .btnArea span {
      width: 100%;
      margin: 0;
      box-shadow:3px 3px 0 0 #318EB2;
    }
    .btnArea input {
      width: 100%;
      padding: 2vw 3vw;
      font-size:5vw;
    }
  }

/*ラジオボタン*/
@keyframes click-wave {
  0% {
    position: relative;
    width: 30px;
    height: 30px;
    opacity: 0.35;
  }
  100% {
    width: 60px;
    height: 60px;
    margin-top: -19px;
    margin-left: -19px;
    opacity: 0;
  }
}
.mwform-radio-field  label input {
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: all 0.15s ease-out 0s;
  color: #ffffff;
  border: solid 2px #64A8C7;
  outline: none;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: top;
}
.mwform-radio-field  label input:hover {
  background: #D8E9F1;
}
.mwform-radio-field  label input:checked {
  background: #64A8C7;
}
.mwform-radio-field  label input:checked::before {
  font-size: 20px;
  line-height: 26px;
  position: absolute;
  display: inline-block;
  width: 26px;
  height: 26px;
  content: '✔';
  text-align: center;
}
.mwform-radio-field  label input:checked::after {
  position: relative;
  display: block;
  content: '';
  -webkit-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #64A8C7;
}
.mwform-radio-field  label input {
  border-radius: 50%;
}
.mwform-radio-field label input::after {
  border-radius: 50%;
}
.mwform-radio-field label {
  line-height: 40px;
  cursor: pointer;
  display: inline-block;
}

  @keyframes click-wave-sp {
    0% {
      position: relative;
      width: 7.4vw;
      height: 7.4vw;
      opacity: 0.35;
    }
    100% {
      width: 14.8vw;
      height: 14.8vw;
      margin-top: -4.5vw;
      margin-left: -4.5vw;
      opacity: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .mwform-radio-field  label input {
      position: relative;
      top: 1.5vw;
      right: 0;
      bottom: 0;
      left: 0;
      width: 7.4vw;
      height: 7.4vw;
    }
    .mwform-radio-field  label input:checked::before {
      font-size: 4.16vw;
      line-height: 7.4vw;
      width: 7.4vw;
      height: 7.4vw;
      left: -0.5vw;
      color: #fff!important;
    }
    .mwform-radio-field  label input:checked::after {
      position: relative;
      display: block;
      content: '';
      -webkit-animation: click-wave-sp 0.65s;
      animation: click-wave-sp 0.65s;
      background: #64A8C7;
    }
    .mwform-radio-field  label input {
      border-radius: 50%;
    }
    .mwform-radio-field label input::after {
      border-radius: 50%;
    }
    .mwform-radio-field label {
      line-height: 11vw;
      display: block;
    }
    .mw_wp_form .horizontal-item + .horizontal-item {
      margin-left: 0!important;
    }
    input#date {
      width: 99%;
    }
  }

#ui-datepicker-div {
  z-index: 20!important;
}

/*----------------------------------------------------
  送信完了
--------------------------------------------------- */
.thanks_logo {
  padding: 120px 0 100px;
}
#thanks_main h2 {
  font-size: 3.6rem;
  margin-bottom: 50px;
}
#thanks_main p {
  margin-bottom: 80px;
  line-height: 2;
}
#thanks_ft {
  padding: 150px 0 80px;
  line-height: 2;
  font-size: 1.5rem;
}
#thanks_ft h3 {
  margin-bottom: 22px;
}
#thanks_ft ul {
  margin-bottom: 25px;
}
#thanks_ft li {
  padding: 0 10px;
}
  @media screen and (max-width: 768px) {
    #thanks {
      padding: 0 6vw;
    }
    .thanks_logo img {
      width: 30vw;
      height: auto;
    }
    .thanks_logo {
      padding: 10vw 0 10vw;
    }
    #thanks_main h2 {
      font-size: 6vw;
      margin-bottom: 7vw;
    }
    #thanks_main p {
      margin-bottom: 9vw;
    }
    #thanks_ft {
      padding: 15vw 0 10vw;
      line-height: 2;
      font-size: 3.6vw;
    }
    #thanks_ft h3 {
      margin-bottom: 5vw;
    }
    #thanks_ft ul {
      margin-bottom: 5vw;
    }
    #thanks_ft li {
      padding: 0 2.5vw;
    }
  }

.btn01 a {
  display: block;
  width: 370px;
  padding: 25px 10px;
  margin: 0 auto;
  text-align: center;
  background: #7A99B7;
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
}
.btn01 a:hover {
  opacity: 0.7;
}
.btn01 a span {
  position: relative;
  z-index: 10;
  padding-left: 16px;
}
.btn01 a span::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 8px solid #fff;
  border-bottom: 8px solid transparent;
  margin-top: -8px;
}
  @media screen and (max-width: 768px) {
    .btn01 a {
      display: block;
      width: 100%;
      padding: 5vw 3vw;
      font-size: 4.16vw;
    }
    .btn01 a span {
      position: relative;
      z-index: 10;
      padding-left: 3.5vw;
    }
    .btn01 a span::after {
      border-top: 1.8vw solid transparent;
      border-right: 1.8vw solid #fff;
      border-bottom: 1.8vw solid transparent;
      margin-top: -1.8vw;
    }
  }


  /*--------------LINE-----------------*/
  .contact_line h4 {
    position: relative;
    font-size: 2.6rem;
    padding: 18px 10px;
    color: #fff;
    margin-bottom: 50px;
  }
  .contact_line h4::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #32cd32;
    border-radius: 50px;
    z-index: 5;
  }
  .contact_line h4::before {
    position: absolute;
    right: -5px;
    bottom: -5px;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../img/bg/slash_bg.png") repeat;
    border-radius: 50px;
    z-index: 0;
  }
  .contact_line h4 span {
    position: relative;
    z-index: 10;
  }
  .contact_line dd {
    margin: 40px 0 75px;
    font-size: 1.6rem;
  }
  
    @media screen and (max-width: 768px) {
      .contact_line h4 {
        font-size: 4.7vw;
        padding: 2vw 3vw;
        margin-bottom: 6.6vw;
      }
      .contact_line h4::before {
        right: -0.7vw;
        bottom: -0.7vw;
        background-size: 21px 21px;
      }
      .contact_line dt img {
        width: 80.4vw;
        height: 9.6vw;
      }
      .contact_line dd {
        margin: 4.8vw 0 11vw;
        font-size: 3.6vw;
      }
    }
  /*----------------------オンライン説明会-----------------------*/
  .online {
    border:4px solid #000;
    border-radius:10px;
    background:#fff;
    padding:40px 50px;
    position:relative;
    text-align: center;
    margin:30px 0 30px;
    }
  
  .online h2{
    font-size: 40px;
    margin: 0 0 20px 0;
  }
  
  /*.online:before {
    color:#f2f2f2;
    content:"\f3cd";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    top:150px;
    left:120px;
    font-size:100px;
    }
  .online:after {
    color:#f2f2f2;
    content:"\f109";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    top:150px;
    right:100px;
    font-size:100px;
    }
  
  .online i {
    font-size:60px;
    }*/
  .online .sub_title {
    margin:0;
  
    }
    .online .sub_title img{
    }
  .online p {
    text-align:center;
    margin:20px 0 0 0;
    }
    .online p .underline{
      text-decoration: underline;
      font-weight: bold;
    }
    .online p .red{
      color: #f00000;
    }
  @media screen and (max-width:768px){
      .online { padding:30px 15px; }
      /*.online:before,
      .online:after { display:none; }*/
  }
  
  
  /* ------------------------------pop up------------------------------　*/
   .popup_wrap input {
    display: none;
  }
  
  .popup_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
  }
  
  .popup_trigger {
    position: absolute;
    width: 100%;/*100%*/
    height: 100%;/*100%*/
  }
  
  .popup_content {
    position: relative;
    align-self: center;
    width: 100%;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
  }
  .popup_content p{
      width: 100%;
      height: auto;
      margin:0 auto;
  }
  .popup_content img{
  
  }
  
  .close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 30px;
    cursor: pointer;
  }
  
  .popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
  }
  
  .open_btn {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 90%;
    height: 30px;*/
    margin:10px auto;
    padding: 8px 16px;
    color: #dc143c;
    /*background:#ccc;*/
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: underline;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    margin-bottom: 20px;
  
  }
  .open_btn:hover{
      /*background:#000;
      color:#fff;
      transition: .3s ease;*/
  
  }
  @media screen and (max-width:768px){
      .open_btn{
          font-size: 1em;
      }
  
  }
  
  /* -------------------------現在募集しておりません-------------------------　*/
  .relative { position:relative; }
  .colorfilter-base {opacity: .3; background:rgba(255, 255, 255, 0.99); transition: all 0.3s ease-in-out; }
  .relative p {width:100%; color:#333333; position:absolute; /*top:50%;*/top:10vw; font-size:30px; font-weight:bold; text-align:center; }
  
  
  /* --- reCAPTCHAボタン位置調整 ----　*/
  .grecaptcha-badge {
    bottom: 85px !important;
    z-index: 100;
  }
  @media screen and (max-width: 480px) {
      .grecaptcha-badge {
        bottom: 65px !important;
    }
  }
  
  .wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
    display: none;
  }

.entry_txt{
	min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 200px 20px 45px;
    font-feature-settings: "palt";
}
.entry_box figure{
	position: absolute;
    right: 0;
    top: 0;
    width: 180px;
    height: 100%;
}
.entry_box{
    display: block;
    position: relative;
    width: 480px;
    background: #fff;
    color: #000!important;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 3px 6px 8px rgba(0,0,0,0.35);
}
.entry_box p{}
.entry_box figure img{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.space-between{
  justify-content: space-between;
}
.inner_entry {
  width: 1050px;
  margin-left: auto;
  margin-right: auto;
}
.recruit_lower_wrap_pink{
  max-width: 800px;
    margin: 0 auto;
    border: solid 3px #E89ABD;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 15px;
}
.recruit_lower_wrap_green{
  max-width: 800px;
    margin: 0 auto;
    border: solid 3px #3fa560c2;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 15px;
}
.recruit_lower_wrap_blue{
  max-width: 800px;
    margin: 0 auto;
    border: solid 3px #69c2e8a3;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 15px;
}
.recruit_lower_wrap_yellow{
  max-width: 800px;
    margin: 0 auto;
    border: solid 3px #f89c12ab;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 15px;
}
.entry_txt h3{
  font-size:2.13rem;
}
.entry_txt h3 span{
	font-size: 80%;
}
@media screen and (max-width: 768px) {
  .inner_entry{
    width: auto;
  }
  .entry_box{
    width: auto;
  }
  .entry_txt{
    padding: 0px 205px 1px 28px;
    min-height: 150px;
  }
  .entry_box p{font-size: 1.4rem;}
  .entry_box figure{
    width:130px;
  }
}
.side_nav{
    position: fixed;
    top: 130px;
    right: -40px;
    z-index: 110;
}
.side_nav li{
    position: relative;
    left: 0;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.side_nav li:hover {
  left: -10px;
}
/* -------------------------祝い金セクションtopボタン-------------------------　*/
.btn-top-iwaikin{}
.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
/* -------------------------祝い金セクション-------------------------　*/
#iwaikin2{
	  background-color: #f8fc8d;
	  padding:6rem 0;;
  }
#iwaikin2 .inner{
	width: 665px;
	margin:0 auto;
	position: relative;
}
#iwaikin2 .inner figure{
	position: absolute;
	top:200px;
	right: -180px;

}

@media screen and (max-width: 768px) {
	#iwaikin2{
		padding:6rem 4rem;
	}
	#iwaikin2 .inner{
		position: relative;
		}
	#iwaikin2 .inner figure{
	position: absolute;
	top:4rem;
	right: -12rem;
	
	}
	#iwaikin2 .inner figure img{
		width: 50%;
		
	}
}

  /* -------------------------ランクアップ-------------------------　*/
.wank-up{
	text-align: center;
	padding:5rem 0 5rem;
}
.wank-up .inner-box{
	background-color: #fff;
	border: 3px solid #24476c;
	border-radius: 10px;
	padding:0 60px 60px;
}
.wank-up .inner-box .ttl{
	margin-top: -50px;
	margin-bottom: 50px;
}
.wank-up .inner-box .ttl p{
	margin-top: -50px;
	font-weight: bold;
}
.wank-up .inner-box .wank-up_img{
	margin-bottom: 30px;
}
.wank-up .skill-up{
	margin-bottom: 30px;
}
.wank-up .school{
	border:3px dotted #24476c;
	border-radius: 10px;
	padding: 30px 100px;
	display: flex;
	justify-content: space-between;

}
.wank-up .school figure{}
.wank-up .school figure img{}
.wank-up .school p{
	text-align: left;
	font-weight: bold;
	line-height: 1.8;
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	.wank-up .inner-box{
		width: 80%;
		margin:0 auto;
		padding:0 3rem 3rem;
	}
	.wank-up .inner-box .ttl{
		margin-top: -3rem;
		margin-bottom: 5rem;
	}
	.wank-up .inner-box .ttl p{
		margin-top: -1rem;
	}
	.wank-up .inner-box .wank-up_img{
		margin-bottom: 4rem;
	}
	.wank-up .skill-up{
		margin-bottom: 4rem;
	}
	.wank-up .school{
		padding: 2rem;
		flex-direction: column;
	}
	.wank-up .school figure{}
	.wank-up .school figure img{}
	.wank-up .school p{}
}
 /* -------------------------数字で見てみよう!-------------------------　*/
#suuji{
	padding: 100px 0 70px 0;
}
#suuji .wrapper{
	width: 1200px;
}
#suuji .wrapper h2{
	margin-bottom: 3em;
}
#suuji .flex-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
#suuji .flex-box .item{
	width: 350px;
	margin-bottom: 140px;
	position: relative;
}
#suuji .flex-box .item .bg{
	z-index: 10;
}
#suuji .flex-box .item .bg img{}
#suuji .flex-box .item .text-box{
	position: absolute;
	z-index: 30;
	border:6px solid #ddd;
	border-radius: 10px;
	background-color: #fff;
	margin-top: -110px;
	padding: 20px 30px;
	
	font-feature-settings: "palt";
}
#suuji .flex-box .item .text-box p{
	line-height: 1.4;
}

#suuji .flex-box .item .text-box.blue{border-color: #69c2e8;}
#suuji .flex-box .item .text-box.orange{border-color: #fea621;}
#suuji .flex-box .item .text-box.green{border-color: #7ac943;}
#suuji .flex-box .item .text-box.pink{border-color: #f16489;}

@media screen and (max-width: 768px) {
	#suuji .wrapper{}
	#suuji .wrapper h2{
		width: 80%;
		margin:0 auto;
	}
	#suuji .flex-box{
		flex-direction: column;
		width: 80%;
		margin:0 auto;
	}
	#suuji .flex-box .item .bg{}
	#suuji .flex-box .item{
		width: 100%;
		margin-bottom: 10vw;
		}
}


 /* -------------------------1日の流れ-------------------------　*/
 /*アコーディオン*/
.accordion {
	margin-bottom: 30px;
}
.accordion-item {
  border: 1px solid #ccc;
  background: #fff;
}

.accordion-header {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	background: #ddd;
	text-align: center;
	padding: 10px 0;
}

/* 開閉部分 */
.accordion-content {
  max-height: 0;              /* 初期は閉じる */
  overflow: hidden;
  padding: 0 12px;
  background: #fff;
  border-top: 1px solid #ddd;
  transition: max-height 0.4s ease, padding 0.4s ease;
}

.accordion-content.open {
  padding: 12px;              /* 開いたらpadding復活 */
}

.toggle-btn {
  display: block;
  width: 100%;
  border: none;
  padding: 10px;
  background: #fff;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s;
  
  font-size: 20px;
}
.toggle-btn:hover {}

/*アコーディオン中身*/
#day-flow{
	background: url(../img/main/locateion_bg.png) #fff center top repeat-y;
    padding: 100px 0 70px 0;
}
#day-flow h2{
	margin-bottom: 3em;
}
#day-flow .accordion-item{
	width: 810px;
	margin:0 auto;
}
#day-flow .day_inner{
	padding:30px 40px;
}
#day-flow .day_inner .flex-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}
#day-flow .day_inner .flex-box figure{
	width: 34%;
}
#day-flow .day_inner .flex-box .text-box{
	width: 64%;
}
#day-flow .day_inner .flex-box .text-box .p_time{
	margin-bottom: 1em;
}
#day-flow .day_inner .flex-box .text-box .p_time span{
	color: #fff;
	background-color: #ddd;
	font-size: 20px;
	padding:5px 26px;
	border-radius: 10px;
}
#day-flow .day_inner .flex-box .text-box .p1{}

#day-flow .color_pink .accordion-header,
#day-flow .color_pink .flex-box .text-box .p_time span{background-color: #f16489;}
#day-flow .color_orange .accordion-header,
#day-flow .color_orange .flex-box .text-box .p_time span{background-color: #fea621;}
#day-flow .color_blue .accordion-header,
#day-flow .color_blue .flex-box .text-box .p_time span{background-color: #69c2e8;}

@media screen and (max-width: 768px) {
	#day-flow h2{
		width: 80%;
		margin: 0 auto;
	}
	#day-flow h2 p{
		margin-bottom: 2em;
	}
	.accordion-header {
		font-size: 6vw;
	}
	#day-flow .accordion-item{
	width: 90%;
	margin:0 auto;
	}
	#day-flow .day_inner .flex-box{
		flex-direction: column;
	}
	#day-flow .day_inner .flex-box figure{
		width: 100%;
		margin-bottom: 2em;
	}
	#day-flow .day_inner .flex-box .text-box{
		width: 100%;
	}
}