@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  scroll-behavior: smooth;
}

html, body {
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 34px;
  font-family: "M PLUS Rounded 1c", "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
}

@media screen and (max-width: 600px) {
  html, body {
    font-size: 14px;
    line-height: 24px;
  }
}

html .recruit, body .recruit {
  font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
}

main {
  position: relative;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

a, button {
  transition: all .2s;
}
button {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

button:after {
  top: 40%!important;
}

button:hover {
  cursor: pointer;
}

.site-width {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .site-width {
    width: 90%;
  }
}

@media screen and (max-width: 600px) {
  .page-template-page-form .site-width {
    width: 100%;
  }
}

.contents-width {
  width: 920px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .contents-width {
    width: 96%;
  }
}

.flex {
  /* display: flex;
  -webkit-display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; */
}

@media screen and (max-width: 600px) {
  .flex {
    /* justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column; */
  }
}

@media screen and (max-width: 1000px) {
  .flex-order-1 {
    order: 1;
  }
}

@media screen and (max-width: 1000px) {
  .flex-order-2 {
    order: 2;
  }
}

@media screen and (max-width: 1000px) {
  .flex-order-3 {
    order: 3;
  }
}

.flex-col-reverse {
  display: flex;
  -webkit-display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .flex-col-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.flex-row {
  display: flex;
  -webkit-display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-lg {
  display: flex;
  -webkit-display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .flex-lg {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.flex-lg-col-reverse {
  display: flex;
  -webkit-display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .flex-lg-col-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

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

@media screen and (max-width: 1000px) {
  .lg-none {
    display: none;
  }
}

.sp-show {
  display: none;
}

@media screen and (max-width: 600px) {
  .sp-show {
    display: inline-block;
  }
}

.lg-show {
  display: none;
}

@media screen and (max-width: 1000px) {
  .lg-show {
    display: inline-block;
  }
}
.pl5em {
  padding-left: 5em;
}
@media screen and (max-width: 1000px) {
  .pl5em {
    padding-left: 0;
  }
}

.tac {
  text-align: center;
}

.align-center {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.align-center li {
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .lg-align-center {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .lg-align-center li {
    text-align: left;
  }
}

.heading {
  font-size: 28px;
  color: #453790;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 40px;
}

@media screen and (max-width: 600px) {
  .heading {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading + p {
    font-size: 17px;
  }
}

.heading_purple-middle {
  font-size: 28px;
  color: #C94490;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 600px) {
  .heading_purple-middle {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.heading_xl {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  background: #B18CC2;
  height: 70px;
  width: 100%;
  line-height: 70px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  .heading_xl {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 600px) {
  .heading_xl {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
  }
}

.heading_xl-purple {
  background: #9384BB;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  height: 70px;
  width: 100%;
  line-height: 70px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  .heading_xl-purple {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 600px) {
  .heading_xl-purple {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
  }
}

/*200108_追加：病児保育枠フォーム見出し*/
.heading_xl-green {
  background: #bdd468;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  height: 70px;
  width: 100%;
  line-height: 70px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  .heading_xl-green {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 600px) {
  .heading_xl-green {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
  }
}
/*200108_追加：病児保育枠フォーム見出し　ここまで*/

.heading_l {
  font-size: 24px;
  font-weight: bold;
  color: #453790;
  background: #fff;
  height: 50px;
  line-height: 44px;
  width: 100%;
  border: 3px solid #F0C850;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .heading_l {
    font-size: 20px;
    height: 40px;
    line-height: 34px;
  }
}

.heading_m {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #453790;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .heading_m {
    font-size: 18px;
  }
}
.heading_m .hd-border {
  background: linear-gradient(transparent 64%, #F0C850 60%);
  padding: 0 5px;
}
.heading_m.tal {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .heading_m.tal {
    text-align: center;
  }
}

.heading-recruit_yellow {
  font-size: 25px;
  line-height: 50px;
  color: #F39800;
}

.heading-recruit_green {
  font-size: 22px;
  color: #62BD8D;
}

.button--regist {
  color: #fff;
  background: #CC4493;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .button--regist {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--regist:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.button--regist:hover {
  background: #fff;
  color: #CC4493;
  border: 5px solid #CC4493;
}

.button--regist__company {
  color: #fff;
  background: #C94490;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 24px;
  z-index: 1;
  margin: 10px;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 600px) {
  .button--regist__company {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--regist__company:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
@media screen and (max-width: 600px) {
  .button--regist__company:after {
    right: 11px;
  }
}

.button--regist__company:hover {
  background: #fff;
  color: #C94490;
  border: 5px solid #C94490;
}

@media screen and (max-width: 600px) {
  .button--regist__company {
    margin: 0 0 20px;
    width: 100%;
  }
}

.button--regist__personal {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
  background: #453790;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 24px;
  z-index: 1;
  margin: 10px;
}

@media screen and (max-width: 600px) {
  .button--regist__personal {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--regist__personal:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

@media screen and (max-width: 600px) {
  .button--regist__personal:after {
    right: 11px;
  }
}

.button--regist__personal:hover {
  background: #fff;
  color: #453790;
  border: 5px solid #453790;
}

@media screen and (max-width: 600px) {
  .button--regist__personal {
    font-size: 16px;
    margin: 0 0 20px;
    width: 100%;
  }
}

/*200108_ボタン追加：病児保育枠エントリー*/
.button--regist__hospitalcomp,
.button--regist__hospitalpers {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 24px;
  z-index: 1;
  margin: 10px;
}
.button--regist__hospitalcomp {
  background: #7acdf3;
}
.button--regist__hospitalpers {
  background: #62b888;
}

@media screen and (max-width: 600px) {
  .button--regist__hospitalcomp,
  .button--regist__hospitalpers{
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--regist__hospitalcomp:after,
.button--regist__hospitalpers:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

@media screen and (max-width: 600px) {
  .button--regist__hospitalcomp:after,
  .button--regist__hospitalpers:after {
    right: 11px;
  }
}

.button--regist__hospitalcomp:hover {
  background: #fff;
  color: #7acdf3;
  border: 5px solid #7acdf3;
}
.button--regist__hospitalpers:hover {
  background: #fff;
  color: #62b888;
  border: 5px solid #62b888;
}

@media screen and (max-width: 600px) {
  .button--regist__hospitalcomp,
  .button--regist__hospitalpers {
    font-size: 16px;
    margin: 0 0 20px;
    width: 100%;
  }
}
/*200108_ボタン追加：病児保育枠エントリー　ここまで*/

.button--submit__company {
  color: #fff;
  background: #CC4493;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  height: 100px;
  width: 600px;
  margin: 0 auto 80px;
  display: block;
  font-size: 24px;
  transition: all .2s;
}

@media screen and (max-width: 600px) {
  .button--submit__company {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--submit__company:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.button--submit__company:hover {
  background: #fff;
  color: #CC4493;
  border: 5px solid #CC4493;
}

@media screen and (max-width: 600px) {
  .button--submit__company {
    width: 90%;
  }
}

.button--submit__company:after {
  content: "";
}

.button--submit__personal {
  color: #fff;
  background: #453790;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  height: 100px;
  width: 600px;
  margin: 0 auto 80px;
  display: block;
  font-size: 24px;
  transition: all .2s;
}

@media screen and (max-width: 600px) {
  .button--submit__personal {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--submit__personal:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.button--submit__personal:hover {
  background: #fff;
  color: #453790;
  border: 5px solid #453790;
}

@media screen and (max-width: 600px) {
  .button--submit__personal {
    width: 90%;
  }
}

.button--submit__personal:after {
  content: "";
}

/*200108_追加：病児保育フォーム送信ボタン*/
.button--submit__hospitalcomp,
.button--submit__hospitalpers {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  height: 100px;
  width: 600px;
  margin: 0 auto 80px;
  display: block;
  font-size: 24px;
  transition: all .2s;
}
.button--submit__hospitalcomp {
  background: #7acdf3;
}
.button--submit__hospitalpers{
  background: #62b888;
}

@media screen and (max-width: 600px) {
  .button--submit__hospitalcomp,
  .button--submit__hospitalpers {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.button--submit__hospitalcomp:after,
.button--submit__hospitalpers:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.button--submit__hospitalcomp:hover {
  background: #fff;
  color: #7acdf3;
  border: 5px solid #7acdf3;
}
.button--submit__hospitalpers:hover {
  background: #fff;
  color: #62b888;
  border: 5px solid #62b888;
}

@media screen and (max-width: 600px) {
  .button--submit__hospitalcomp,
  .button--submit__hospitalpers {
    width: 90%;
  }
}

.button--submit__hospitalcomp:after,
.button--submit__hospitalpers:after {
  content: "";
}
/*200108_追加：病児保育フォーム送信ボタン　ここまで*/

.float-nav {
  position: fixed;
  right: 120px;
  bottom: 200px;
  z-index: 2;
}
.following-icon {
  text-align: center;
  color:#fff;
  transition: all .2s;
}
.following-icon a{
  display: block;
  text-decoration: none;
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 50px;
  border: 3px solid transparent;
  padding: 5px;
  font-family: "M PLUS Rounded 1c", "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
  color:#fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  background: #C94490;
}
.following-icon a::after{
  content: "→";
  position: absolute;
  bottom: 5px;
  left: 50%;
  font-weight: bold;
  transform: translateX(-50%);
}

.following-icon a:hover{
  color: #C94490;
  background: #fff;
  border: 3px solid #C94490;
}

#personal-entry a,
#contact a {
  padding-top: 10px;
  background: #453793;
}
#personal-entry a:hover,
#contact a:hover {
  color: #453793;
  background: #fff;
  border: 3px solid #453793;
}
#recruit a {
  padding-top: 10px;
  background: #C2D968;
}
#recruit a:hover {
  color: #C2D968;
  background: #fff;
  border: 3px solid #C2D968;
}
/*200108_追加：病児保育エントリーサイドボタン*/
#hospitalcomp-entry a {
  padding-top: 20px;
  background: #7acdf3;
}
#hospitalcomp-entry a:hover {
  color: #7acdf3;
  background: #fff;
  border: 3px solid #7acdf3;
}
#hospitalpers-entry a {
  padding-top: 20px;
  background: #62b888;
}
#hospitalpers-entry a:hover {
  color: #62b888;
  background: #fff;
  border: 3px solid #62b888;
}
/*200108_追加：病児保育エントリーサイドボタン　ここまで*/

.page-template-page-form #recruit a {
  padding-top: 5px;
  letter-spacing: -0.05em;
  font-size: 15px;
}

.page-template-page-form #company-entry a {
  padding: 10px 5px;
}
#contact a {
  background: #453793 url(../images/1x/ico-tel@2x.png) no-repeat center bottom 4px;
  background-size: 26px 33px;
}
#contact a::after {
  content: "";
}
#contact a:hover {
  background: #fff url(../images/1x/ico-tel-on@2x.png) no-repeat center bottom 4px;
  background-size: 26px 33px;
}
#regist a {
  color: #fff;
  background: #C94490 url(../images/1x/ico-mail@2x.png) no-repeat center bottom 10px;
  background-size: 36px 27px;
}
#regist a::after {
  content: "";
}
#regist a:hover {
  color: #C94490;
  background: #fff url(../images/1x/ico-mail-on@2x.png) no-repeat center bottom 10px;
  background-size: 36px 27px;
}

@media screen and (max-width: 600px) {
  .float-nav {
    right: 70px;
  }
  .following-icon a{
    width: 62px;
    height: 62px;
    border-radius: 30px;
    font-size: 9px!important;
    line-height: 12px;
    letter-spacing: -0.1em;
    padding: 5px 0;
  }
  #company-entry {
    bottom: 150px!important;
  }
  #personal-entry {
    bottom: 80px!important;
  }
  #recruit {
    bottom: 10px!important;
  }
  /*200108_追加：病児保育エントリーサイドボタン*/
  #hospitalcomp-entry {
    bottom: 10px!important;
  }
  #hospitalpers-entry {
    bottom: 10px!important;
  }
  /*200108_追加：病児保育エントリーサイドボタン　ここまで*/
  #contact a {
    padding: 5px;
    /* background: #453793 url(../images/1x/ico-tel@0.5x.png) no-repeat center bottom 4px; */
    background-size: 13px auto;
  }
  #contact a::after {
    content: "";
  }
  #contact a:hover {
    /* background: #fff url(../images/1x/ico-tel-on@0.5x.png) no-repeat center bottom 4px; */
    background-size: 13px auto;
  }
  #regist a {
    padding: 5px;
    /* background: #C94490 url(../images/1x/ico-mail@0.5x.png) no-repeat center bottom 5px; */
    background-size: 18px auto;
  }
  #regist a::after {
    content: "";
  }
  #regist:hover a {
    /* background: #fff url(../images/1x/ico-mail-on@0.5x.png) no-repeat center bottom 5px; */
    background-size: 18px auto;
  }
  #contact {
    bottom: 90px!important;
  }
  .page-template-page-form #recruit a {
    letter-spacing: 0.05em;
  }
  .page-template-page-form #company-entry {
    bottom: 10px!important;
  }

}

/*
.following-icon {
width: 102px;
height: 102px;
position: fixed;
z-index: 2;
}

.following-icon:hover {
cursor: pointer;
}

.following-icon a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.following-icon#contact {
background: url(../../dist/images/1x/following-icon-contact.png) left top no-repeat;
background-size: auto;
bottom: 150px;
right: 30px;
}

.following-icon#contact:hover {
background: url(../../dist/images/1x/following-icon-contact-hov.png) left top no-repeat;
background-size: auto;
}

.following-icon#regist {
background: url(../../dist/images/1x/following-icon-regist.png) left top no-repeat;
background-size: auto;
bottom: 30px;
right: 30px;
}

.following-icon#regist:hover {
background: url(../../dist/images/1x/following-icon-regist-hov.png) left top no-repeat;
background-size: auto;
}

.following-icon#company-entry {
background: url(../../dist/images/1x/following-icon-company-entry.png) left top no-repeat;
background-size: auto;
bottom: 270px;
right: 30px;
}

.following-icon#company-entry:hover {
background: url(../../dist/images/1x/following-icon-company-entry-hov.png) left top no-repeat;
background-size: auto;
}

.following-icon#personal-entry {
background: url(../../dist/images/1x/following-icon-personal-entry.png) left top no-repeat;
background-size: auto;
bottom: 150px;
right: 30px;
}

.following-icon#personal-entry:hover {
background: url(../../dist/images/1x/following-icon-personal-entry-hov.png) left top no-repeat;
background-size: auto;
}

.following-icon#recruit {
background: url(../../dist/images/1x/following-icon-recruit.png) left top no-repeat;
background-size: auto;
bottom: 30px;
right: 30px;
}

.following-icon#recruit:hover {
background: url(../../dist/images/1x/following-icon-recruit-hov.png) left top no-repeat;
background-size: auto;
}
*/

.background-section01 {
  background: #fffffa url(../../dist/images/1x/bg_entry_section01.png) no-repeat center top;
  background-size: contain;
}
@media screen and (min-width: 1400px) {
  .background-section01 {
    background-image: url(../../dist/images/1x/background-left-large.png), url(../../dist/images/1x/background-right-large.png);
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    background-size: auto;
  }
}

.background-yellow {
  background: #FFFFF7;
}

.background-flower {
  background: url(../../dist/images/1x/background-left-small.png), url(../../dist/images/1x/background-right-small.png), #FFFFF7;
  background-repeat: no-repeat,no-repeat;
  background-position: left -180px bottom -60px, right -180px top -60px;
}

.background__stripe-pink {
  background: url(../../dist/images/1x/bg_stripe_pink.gif);
}

.background__stripe-blue {
  background: url(../../dist/images/1x/bg_stripe_blue.gif);
}

.background__stripe-green {
  background: url(../../dist/images/1x/bg_stripe_green.gif);
}

/*200108_BGカラー追加*/
.background__stripe-yellow {
  background: url(../../dist/images/1x/bg_stripe_yellow.gif);
}

.background__dot_yellow {
  background: url(../../dist/images/1x/white-arc-top.png), url(../../dist/images/1x/white-arc-bottom.png), url(../../dist/images/1x/bg_dot_yellow.gif);
  background-size: contain,contain,auto;
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: center top, center bottom;
}

.background__dot_pink {
  background: url(../../dist/images/1x/white-arc-top.png), url(../../dist/images/1x/white-arc-bottom.png), url(../../dist/images/1x/bg_dot_pink.gif);
  background-size: contain,contain,auto;
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: center top, center bottom;
}

.background__dot_blue {
  background: url(../../dist/images/1x/white-arc-top.png), url(../../dist/images/1x/white-arc-bottom.png), url(../../dist/images/1x/bg_dot_blue.gif);
  background-size: contain,contain,auto;
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: center top, center bottom;
}

.arc {
  min-height: 300px;
  border-bottom-right-radius: 2000px 500px;
  border-bottom-left-radius: 2000px 500px;
  margin-left: -200px;
  margin-right: -200px;
  padding-left: 200px;
  padding-right: 200px;
  background: url(../../dist/images/1x/header-image_2-100.jpg) center bottom no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding: 20px 0 80px;
}

@media screen and (max-width: 1000px) {
  .arc {
    padding-bottom: 400px;
  }
}

.entry--wrapper {
  box-sizing: border-box;
  padding: 15px 30px;
  text-align: center;
  border: 3px solid #B18CC2;
  background: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 600px) {
  .entry--wrapper {
    padding: 20px;
  }
}

.entry--wrapper-recruit {
  font-family: "M PLUS Rounded 1c", sans-serif;
  overflow: hidden;
}

@media screen and (max-width: 1000px) {
  .entry--wrapper-recruit {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .entry--wrapper-recruit {
    padding: 20px 10px;
  }
}

.detail-area {
  padding: 0 30px;
  border-radius: 10px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .detail-area {
    padding: 0 10px;
  }
}

.detail-area-white {
  background: #fff;
  padding: 0 30px;
  margin-bottom: 60px;
  border-radius: 20px;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .detail-area-white {
    padding: 0 10px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

.detail-area-pink {
  background: #F6CFD1;
  border-radius: 10px;
  padding: 30px 20px;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.detail-area-pink .heading {
  font-size: 20px;
  padding: 0;
  font-weight: bold;
  color: #C94490;
}

.detail-area-pink .heading:nth-of-type(2) {
  margin-top: 20px;
}

.table_blue {
  text-align: left;
  border-collapse: separate;
  border-spacing: 2px;
  padding-bottom: 30px;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .table_blue tr {
    display: block;
  }
}

.table_blue th {
  background: #7ACDF3;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 30px;
  width: 190px;
  vertical-align: middle;
}

@media screen and (max-width: 1000px) {
  .table_blue th {
    width: auto;
    display: block;
    text-align: center;
  }
}

.table_blue td {
  background: #fff;
  line-height: 30px;
  min-height: 50px;
  padding: 10px 30px;
}

@media screen and (max-width: 1000px) {
  .table_blue td {
    min-height: 30px;
    width: auto;
    display: block;
    padding: 10px 15px;
  }
}

.table_green {
  text-align: left;
  border-collapse: separate;
  border-spacing: 2px;
  padding-bottom: 30px;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .table_green tr {
    display: block;
  }
}

.table_green th {
  background: #BFD668;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 30px;
  width: 190px;
  vertical-align: middle;
}

@media screen and (max-width: 1000px) {
  .table_green th {
    width: auto;
    display: block;
    text-align: center;
    padding: 10px 15px;
  }
}

.table_green td {
  background: #fff;
  line-height: 30px;
  min-height: 50px;
  padding: 10px 30px;
}

@media screen and (max-width: 1000px) {
  .table_green td {
    min-height: 30px;
    width: auto;
    display: block;
    padding: 10px 15px;
  }
}

/*200108_追加：テーブルカラーyellow*/
.table_yellow {
  text-align: left;
  border-collapse: separate;
  border-spacing: 2px;
  padding-bottom: 30px;
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .table_yellow tr {
    display: block;
  }
}

.table_yellow th {
  background: #f7cc3e;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  padding: 10px 30px;
  width: 190px;
  vertical-align: middle;
}

@media screen and (max-width: 1000px) {
  .table_yellow th {
    width: auto;
    display: block;
    text-align: center;
    padding: 10px 15px;
  }
}

.table_yellow td {
  background: #fff;
  line-height: 30px;
  min-height: 50px;
  padding: 10px 30px;
}

@media screen and (max-width: 1000px) {
  .table_yellow td {
    min-height: 30px;
    width: auto;
    display: block;
    padding: 10px 15px;
  }
}
/*200108_追加：テーブルカラーyellow ここまで*/

.table_recruit {
  text-align: left;
  width: 100%;
  margin: 0 auto 30px;
  font-size: 17px;
  line-height: 25px;
}

@media screen and (max-width: 600px) {
  .table_recruit {
    font-size: 14px;
    line-height: 20px;
  }
}

.table_recruit tr {
  background: url(../../dist/images/1x/border-dotted-5px.png) repeat-x bottom;
}

.table_recruit tr:nth-last-of-type(1) {
  background: none;
}

.table_recruit th {
  padding: 20px 30px 20px 15px;
  width: 230px;
  box-sizing: border-box;
}

.table_recruit th::before {
  content: url(../../dist/images/1x/list-dot-purple-middle.png);
  padding-right: 2px;
}

@media screen and (max-width: 1000px) {
  .table_recruit th {
    padding: 10px 15px;
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .table_recruit th {
    padding: 10px;
    display: block;
    width: 100%;
  }
}

.table_recruit td {
  padding: 20px 15px 20px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .table_recruit td {
    display: block;
    width: 100%;
    padding: 0 0 10px 15px;
  }
}

.table_form {
  text-align: left;
  width: 960px;
  margin: 40px auto;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .table_form {
    width: 100%;
  }
  .form-txt {
    width: 90%;
    margin: 0 auto;
  }
}

.table_form tr {
  background: url(../../dist/images/1x/border-dotted.png) repeat-x bottom;
}

.table_form tr:nth-last-of-type(1) {
  background: none;
}

@media screen and (max-width: 1000px) {
  .table_form tr {
    width: 100%;
  }
}

.table_form th {
  padding: 20px 30px 20px 15px;
  width: 330px;
  box-sizing: border-box;
  vertical-align: middle;
}

@media screen and (max-width: 1000px) {
  .table_form th {
    padding: 10px;
    display: block;
    width: 100%;
  }
}

.table_form th:before {
  content: url(../../dist/images/1x/list-dot-purple.png);
  padding-right: 2px;
}

.table_form td {
  padding: 20px 15px 20px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .table_form td {
    display: block;
    width: 100%;
    padding: 0 10px 20px 15px;
  }
}

.table_form td .form-input__middle {
  width: 160px;
  height: 60px;
  border: 1px solid #B18CC2;
  border-radius: 10px;
  line-height: 20px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 20px;
  background: #fff;
}

.table_form td .form-input__middle:nth-of-type(1) {
  margin-left: 0;
}

@media screen and (max-width: 1000px) {
  .table_form td .form-input__middle {
    width: 100px;
    margin: 0 5px;
  }
}

@media screen and (max-width: 600px) {
  .table_form td .form-input__middle {
    height: 50px;
    width: 80px;
    padding: 10px;
  }
}

.table_form td .form-input__narrow {
  width: 80px;
  height: 60px;
  border: 1px solid #B18CC2;
  border-radius: 10px;
  line-height: 20px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 20px;
  background: #fff;
}

@media screen and (max-width: 1000px) {
  .table_form td .form-input__narrow {
    margin: 0 5px;
  }
}

@media screen and (max-width: 1000px) {
  .table_form td .form-input__narrow {
    width: 50px;
    height: 50px;
    padding: 10px;
  }
}

.table_form .form-input__wide {
  width: 650px;
  height: 60px;
  border: 1px solid #B18CC2;
  border-radius: 10px;
  line-height: 20px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
}

@media screen and (max-width: 1000px) {
  .table_form .form-input__wide {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .table_form .form-input__wide {
    height: 50px;
    padding: 10px;
  }
}

.table_form input {
  font-size: 16px;
}

.table_form select {
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.table_form textarea {
  font-size: 16px;
  width: 650px;
  height: 200px;
  border: 1px solid #B18CC2;
  border-radius: 10px;
  line-height: 30px;
  padding: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .table_form textarea {
    width: 100%;
  }
}

.table_form input[type="radio"] {
  display: none;
}

.table_form .radio-label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 10px 0;
  padding: 0 60px;
  vertical-align: middle;
  cursor: pointer;
  z-index: 1;
}

.table_form .radio-label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -15px;
  width: 25px;
  height: 25px;
  border: 1px solid #B18CC2;
  border-radius: 50%;
  background: #fff;
  content: '';
}

.table_form .radio-label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 16px;
  left: 24.5px;
  display: block;
  margin-top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #B18CC2;
  content: '';
  opacity: 0;
  z-index: 2;
}

.table_form input[type=radio]:checked + .radio-label:before {
  opacity: 1;
}

.footer {
  /* z-index: 1;
  position: relative;
  min-height: 200px;
  background: url(../../dist/images/1x/footer-image.png);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 60px;
  margin-top: -80px; */
}

.footer--logo {
  margin: 0 auto 20px;
  display: block;
}

@media screen and (max-width: 600px) {
  .footer--logo {
    width: 70%;
  }
}

.footer--address {
  margin-bottom: 60px;
}

.footer--copyright {
  /* font-size: 14px;
  line-height: 60px;
  height: 60px;
  color: #fff;
  background: #F9CE3E; */
}
@media screen and (max-width: 600px) {
  .footer--copyright {
    /* font-size: 11px;
    line-height: 1.4;
    height: auto;
    padding: 5px 0; */
  }
}

.footer-recruit {
  z-index: 1;
  position: relative;
  min-height: 200px;
  background: url(../../dist/images/1x/white-arc-top.png), url(../../dist/images/1x/bg_dot_yellow.gif);
  background-size: cover, auto;
  background-position: center top;
  background-repeat: no-repeat, repeat;
  text-align: center;
  padding-top: 60px;
  margin-top: -80px;
}

.color_purple-middle {
  color: #C94490;
}

.color_purple-deep {
  color: #453790;
}

.color_purple {
  color: #843B90;
}

.color_orange {
  color: #F39800;
}

.bold {
  font-weight: bold;
}

.form--section-spacer {
  padding-top: 80px;
}

@media screen and (max-width: 600px) {
  .form--section-spacer {
    padding-top: 40px;
  }
}

.form-main {
  padding-bottom: 80px;
}

.form-main .infomation--notice {
  text-align-last: left;
  position: relative;
  top: -20px;
}

/*200108_追加：病児保育枠フォームコメント*/
.form-main .infomation--notice2 {
  position: relative;
  padding-top: 30px;
}
/*200108_追加：病児保育枠フォームコメント　ここまで*/

.form-header_company {
  position: relative;
  background: #FFFFF7 url(../../dist/images/1x/form-header1.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  height: 200px;
}
@media screen and (max-width: 600px) {
  .form-header_company {
    height: 140px;
  }
}

.form-header_personal {
  position: relative;
  background: url(../../dist/images/1x/form-header2.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  height: 200px;
}
@media screen and (max-width: 600px) {
  .form-header_personal {
    height: 140px;
  }
}

/*200108_追加：病児保育フォームヘッダー*/
.form-header_hospital {
  position: relative;
  background: url(../../dist/images/1x/form-header3.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  height: 200px;
}
@media screen and (max-width: 600px) {
  .form-header_hospital {
    height: 140px;
  }
}
/*200108_追加：病児保育フォームヘッダー　ここまで*/

.form-header_recruit {
  position: relative;
  background: url(../../dist/images/1x/form-header1.png);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
  height: 200px;
}
@media screen and (max-width: 600px) {
  .form-header_recruit {
    height: 140px;
  }
}

.form-header--heading {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
  .form-header--heading {
    font-size: 22px;
    width: 90%;
  }
}

.form-recruit--heading {
  font-size: 28px;
  background: url(../../dist/images/1x/bosyu-form-title-border.png) center bottom no-repeat;
  height: 100px;
  width: 500px;
  line-height: 100px;
  text-align: center;
  margin: 0 auto 40px;
  color: #873B93;
  position: relative;
  letter-spacing: 10px;
}



.form-recruit--heading::before {
  content: url(../../dist/images/1x/bosyu-form-title-left.png);
  position: absolute;
  left: 40px;
  bottom: -20px;
}

.form-recruit--heading::after {
  content: url(../../dist/images/1x/bosyu-form-title-right.png);
  position: absolute;
  right: 40px;
  bottom: -20px;
}

@media screen and (max-width: 600px) {
  .form-recruit--heading {
    width: 90%;
    margin: 0 auto;
  }
  .form-recruit--heading::before {
    left: 0;
    content: '';
    position: absolute;
    top: 30px;
    background-image: url(../../dist/images/1x/bosyu-form-title-left.png);
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
  }
  .form-recruit--heading::after {
    right: 0;
    content: '';
    position: absolute;
    top: 30px;
    background-image: url(../../dist/images/1x/bosyu-form-title-right.png);
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
  }
}

.form-recruit--text {
  width: 800px;
  font-size: 18px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .form-recruit--text {
    max-width: 90%;
  }
}

.form-recruit--button {
  font-family: "M PLUS Rounded 1c", sans-serif;
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  width: 600px;
  height: 100px;
  border-radius: 50px;
  border: none;
  box-sizing: border-box;
  margin: 80px auto;
  background: -moz-linear-gradient(left, #C94490 0%, #873B93 50%, #C94490 100%);
  background: -webkit-linear-gradient(left, #C94490 0%, #873B93 50%, #C94490 100%);
  background: linear-gradient(to right, #C94490 0%, #873B93 50%, #C94490 100%);
  background-size: 200% auto;
  transition: all .5s;
}
.form-recruit--button a {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .form-recruit--button {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.form-recruit--button:hover {
  background-position: right center;
}

.header-recruit {
  position: relative;
  background: url(../../dist/images/1x/bosyu-header-100.jpg) center bottom no-repeat;
  background-size: cover;
  text-align: center;
  height: 820px;
}


@media screen and (max-width: 1400px) {
  .header-recruit {
    height: 550px;
  }
}

@media screen and (max-width: 600px) {
  .header-recruit {
    height: 250px;
    background-size: cover;
  }
}

@media screen and (max-width: 1000px) {
  .header-recruit--icon {
    width: 20%;
  }
}

.header-recruit--icon-wrapper {
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 745px;
}

@media screen and (max-width: 1000px) {
  .header-recruit--icon-wrapper {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .header-recruit--icon-wrapper {
    width: 100%;
    bottom: 10px;
  }
}

.header-recruit--logo {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

@media screen and (max-width: 1000px) {
  .header-recruit--logo {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .header-recruit--logo {
    bottom: -20px;
    width: 40%;
  }
}

.recruit--section-title {
  text-align: center;
  position: relative;
}

.recruit--section-title img {
  position: absolute;
  top: -170px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

@media screen and (max-width: 600px) {
  .recruit--section-title img {
    width: auto;
    top: -140px;
    height: 130px;
  }
}

.recruit--section-spacer {
  padding-top: 80px;
}

@media screen and (max-width: 1000px) {
  .recruit--section-spacer {
    padding-top: 20px;
  }
}

.recruit--flow-item {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  width: 290px;
  height: 100px;
  margin-right: 15px;
  margin-bottom: 50px;
  border-radius: 10px;
  background: #873B93;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .recruit--flow-item {
    display: block;
    width: 60%;
    margin: 10px auto;
  }
}

@media screen and (max-width: 600px) {
  .recruit--flow-item {
    width: 80%;
    margin: 10px auto;
    font-size: 16px;
    line-height: 20px;
    height: 60px;
  }
}

.recruit--flow-item:nth-of-type(3n) {
  margin-right: 0;
}

.recruit--flow-item:nth-of-type(3n):after {
  background: url(../../dist/images/1x/bosyu-flow-line-2@2x.png) no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 636px;
  height: 55px;
  position: absolute;
  top: 98%;
  right: 130px;
}

@media screen and (max-width: 1000px) {
  .recruit--flow-item:nth-of-type(3n):after {
    background: none;
  }
}

@media screen and (max-width: 1000px) {
  .recruit--flow-item:nth-of-type(3n) {
    margin-right: auto;
  }
}

.recruit--flow-item:nth-of-type(3n+1):after {
  background: url(../../dist/images/1x/bosyu-flow-line1@2x.png);
  background-size: contain;
  content: '';
  display: inline-block;
  width: 47px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 98%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1000px) {
  .recruit--flow-item:nth-of-type(3n+1):after {
    background: none;
  }
}

.recruit--flow-item:nth-of-type(2):after {
  background: url(../../dist/images/1x/bosyu-flow-line1@2x.png);
  background-size: contain;
  content: '';
  display: inline-block;
  width: 47px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 98%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 1000px) {
  .recruit--flow-item:nth-of-type(2):after {
    background: none;
  }
}

.recruit--flow-item p {
  font-weight: bold;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.recruit--flow-item .recruit--flow-item_number {
  position: absolute;
  font-size: 50px;
  font-family: 'TBシネマ丸ゴシック','TBCineRGothic', sans-serif;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
  .recruit--flow-item .recruit--flow-item_number {
    font-size: 25px;
  }
}

.recruit--flow-message {
  display: inline-block;
  width: 290px;
  font-size: 16px;
  line-height: 25px;
  padding-left: 20px;
  text-align-last: left;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .recruit--flow-message {
    display: block;
    margin: 10px auto;
  }
}
.job-list .sp-show {
  display: none;
}
@media screen and (max-width: 730px) {
  .job-list .sp-show {
    display: inline-block;
  }
}
@media screen and (max-width: 730px) {
  .job-list .sp-show {
    display: none;
  }
}

.recruit-section01 {
  text-align: center;
  padding-bottom: 160px;
}

@media screen and (max-width: 600px) {
  .recruit-section01 {
    padding-bottom: 100px;
  }
}

.recruit-section01--button {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  width: 600px;
  height: 100px;
  border-radius: 50px;
  border: none;
  box-sizing: border-box;
  margin: 80px auto;
  background: -moz-linear-gradient(left, #2BB7E9 0%, #453892 50%, #2BB7E9 100%);
  background: -webkit-linear-gradient(left, #2BB7E9 0%, #453892 50%, #2BB7E9 100%);
  background: linear-gradient(to right, 38#2BB7E9 0%, #453892 50%, #2BB7E9 100%);
  transition: all .5s;
  background-size: 200% auto;
}

@media screen and (max-width: 1000px) {
  .recruit-section01--button {
    max-width: 90%;
  }
}

@media screen and (max-width: 600px) {
  .recruit-section01--button {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.recruit-section01--button:hover {
  background-position: right center;
}

.recruit-section01-heading-image {
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  .recruit-section01-heading-image {
    width: 100%;
  }
}

.recruit-section01-text {
  margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
  .recruit-section01-image {
    width: 30%;
  }
}

@media screen and (max-width: 600px) {
  .recruit-section01-image:first-child,
  .recruit-section01-image:last-child {
    margin-top: 60px;
  }
  .recruit-section01-image:nth-child(2) {
    margin-top: -20px;
  }
}

.recruit-section02 {
  padding-top: 80px;
  padding-bottom: 80px;
  line-height: 40px;
}

@media screen and (max-width: 600px) {
  .recruit-section02 {
    line-height: 24px;
  }
}

.recruit-section02--spacer {
  margin-bottom: 30px;
}

.recruit-section02--heading_orange {
  font-size: 25px;
  line-height: 50px;
  font-weight: bold;
  color: #F39800;
}

@media screen and (max-width: 1000px) {
  .recruit-section02--heading_orange {
    text-align: center;
  }
}

.recruit-section02--text-box {
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .recruit-section02--text-box {
    width: 90%;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
  }
}

.recruit-section02--text_large {
  font-size: 23px;
}

@media screen and (max-width: 1000px) {
  .recruit-section02-contents-wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 0 5%;
  }
}

.recruit-section02-contents-wrapper th {
  min-width: 80px;
}

.recruit-section03 {
  padding-top: 240px;
  padding-bottom: 160px;
}

@media screen and (max-width: 600px) {
  .recruit-section03 {
    padding-bottom: 100px;
  }
}

.recruit-section03--heading_green {
  font-size: 25px;
  line-height: 50px;
  font-weight: bold;
  color: #62BD8D;
}

@media screen and (max-width: 1000px) {
  .recruit-section03--heading_green {
    text-align: center;
  }
}

.recruit-section03--text-box {
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .recruit-section03--text-box {
    width: 95%;
    margin-bottom: 40px;
  }
}

.recruit-section04 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.recruit-section04--button {
  color: #fff;
  background: #CC4493;
  font-size: 16px;
  font-weight: bold;
  height: 100px;
  width: 400px;
  border-radius: 50px;
  position: relative;
  border: 5px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  width: 235px;
  height: 60px;
  border-radius: 10px;
  margin-bottom: 60px;
  font-size: 25px;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .recruit-section04--button {
    width: 90%;
    height: 60px;
    font-size: 16px;
    margin: 40px auto;
  }
}

.recruit-section04--button:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}

.recruit-section04--button:hover {
  background: #fff;
  color: #CC4493;
  border: 5px solid #CC4493;
}

@media screen and (max-width: 1000px) {
  .recruit-section04--button {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 600px) {
  .recruit-section04--button {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .recruit-section04--button:nth-last-of-type(1) {
    margin-bottom: 60px;
  }
}

.recruit-section04--button:after {
  content: "";
}

.recruit-section04--button.space {
  letter-spacing: 12px;
}

.recruit-section04 .flex-kangoshi {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
}

.recruit-section04 .flex-kangoshi div {
  align-self: baseline;
}

@media screen and (max-width: 1000px) {
  .recruit-section04 .flex-kangoshi {
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.recruit-section05 {
  padding-top: 240px;
  padding-bottom: 160px;
}

@media screen and (max-width: 600px) {
  .recruit-section05 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 1000px) {
  .recruit-section05 .table_recruit {
    width: 90%;
  }
}

.recruit-section05 .table_recruit th::before {
  content: url(../../dist/images/1x/list-dot-purple-deep.png);
  padding-right: 2px;
}

.recruit-section06 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.recruit-section06 p {
  margin-top: -10px;
  line-height: 26px;
}

@media screen and (max-width: 1000px) {
  .recruit-section06--image {
    margin-top: 40px;
  }
}

.recruit-section07 {
  padding-top: 240px;
  padding-bottom: 160px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .recruit-section07 {
    padding-top: 160px;
  }
}

.recruit-section07--button {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  width: 600px;
  height: 100px;
  border-radius: 50px;
  border: none;
  box-sizing: border-box;
  margin: 80px auto;
  background: -moz-linear-gradient(left, #C94490 0%, #873B93 50%, #C94490 100%);
  background: -webkit-linear-gradient(left, #C94490 0%, #873B93 50%, #C94490 100%);
  background: linear-gradient(to right, #C94490 0%, #873B93 50%, #C94490 100%);
  background-size: 200% auto;
  transition: all .5s;
}

@media screen and (max-width: 1000px) {
  .recruit-section07--button {
    font-size: 18px;
    max-width: 90%;
  }
}

@media screen and (max-width: 600px) {
  .recruit-section07--button {
    width: 90%;
    height: 60px;
    font-size: 14px;
    margin: 40px auto;
  }
}

.recruit-section07--button:hover {
  background-position: right center;
}

.recruit-section07--entry-info {
  width: 370px;
  float: left;
}

@media screen and (max-width: 1000px) {
  .recruit-section07--entry-info {
    display: block;
    margin: 0 auto;
    float: none;
    width: 90%;
  }
}

.recruit-section07--entry-info .title {
  color: #453790;
  font-size: 24px;
  font-weight: bold;
  display: block;
}

@media screen and (max-width: 600px) {
  .recruit-section07--entry-info .title {
    font-size: 16px;
  }
}

.recruit-section07--entry-info .tel {
  width: 300px;
  margin: 0 auto;
  font-size: 35px;
  line-height: 45px;
  display: block;
  color: #000;
}

@media screen and (max-width: 1000px) {
  .recruit-section07--entry-info .tel {
    width: 250px;
    font-size: 26px;
  }
}
@media screen and (max-width: 500px) {
  .recruit-section07--entry-info .tel {
    width: auto;
  }
}

.recruit-section07--entry-info .info {
  font-size: 16px;
}

.recruit-section07 .entry--wrapper button {
  font-family: "M PLUS Rounded 1c", sans-serif;
  width: 470px;
  height: 100px;
  font-size: 24px;
  float: left;
  margin-top: 5px;
}

.recruit-section07 .entry--wrapper button:after {
  top: 40%;
}

@media screen and (max-width: 1000px) {
  .recruit-section07 .entry--wrapper button {
    display: block;
    margin: 5px auto;
    float: none;
  }
}

@media screen and (max-width: 600px) {
  .recruit-section07 .entry--wrapper button {
    width: 95%;
    height: 60px;
    font-size: 14px;
    margin: 20px auto;
  }
}

.map-area {
  width: 530px;
  height: 350px;
}

@media screen and (max-width: 1000px) {
  .map-area {
    width: 100%;
  }
}

.arc-test {
  min-height: 300px;
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding: 20px 0 80px;
}

@media screen and (max-width: 1000px) {
  .arc-test {
    /*padding: 60px 0 300px;*/
    padding: 60px 0 500px;
  }
}

@media screen and (max-width: 768px) {
  .arc-test {
    /*padding: 20px 0;*/
    padding: 20px 0 410px;
  }
}

.arc-test2 {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.arc-test2 #left {
  max-width: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.arc-test2 #right {
  max-width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.header-entry {
  background: url(../../dist/images/1x/header-image.png) center bottom no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
  min-height: 700px;
}

.header-entry--title {
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-shadow: #453790 0 0 10px;
  line-height: 50px;
  padding-top: 40px;
  width: 280px;
}

@media screen and (max-width: 1000px) {
  .header-entry--title {
    font-size: 36px;
    padding: 0;
    width: auto;
  }
}
@media screen and (max-width: 768px){
  .header-entry .entry--wrapper {
    bottom: 30px;
  }
  .header-entry--image {
    width: 300px;
    height: auto;
  }
}

@media screen and (max-width: 600px) {
  .header-entry {
    min-height: 520px;
  }
  .header-entry--title {
    font-size: 20px;
    padding: 0px;
    line-height: 1.7;
  }
  .header-entry--image {
    width: 200px;
  }
}

@media screen and (max-width: 1000px) {
  .header-entry--image-circle {
    width: 200px;
    padding: 30px 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .header-entry--image-circle {
    width: 200px;
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .header-entry--image-circle {
    width: 40%;
    height: auto;
    padding: 0 0 20px;
  }
}

.header-entry .button--regist__company {
  font-size: 24px;
}

@media screen and (max-width: 1300px) {
  .header-entry .button--regist__company {
    font-size: 20px;
    height: 80px;
    width: 400px;
  }
}

@media screen and (max-width: 1000px) {
  .header-entry .button--regist__company {
    font-size: 16px;
    width: 80%;
    height: auto;
    padding: 10px 0;
  }
}

@media screen and (max-width: 600px) {
  .header-entry .button--regist__company {
    font-size: 14px;
    width: 100%;
    padding: 5px 0;
  }
}

.header-entry .button--regist__personal {
  font-size: 24px;
}

@media screen and (max-width: 1300px) {
  .header-entry .button--regist__personal {
    font-size: 20px;
    height: 80px;
  }
}

@media screen and (max-width: 1000px) {
  .header-entry .button--regist__personal {
    font-size: 16px;
    width: 80%;
    height: auto;
    padding: 10px 0;
  }
}

@media screen and (max-width: 600px) {
  .header-entry .button--regist__personal {
    font-size: 14px;
    width: 100%;
    padding: 5px 0;
  }
}

/*200108_ボタン追加：病児保育枠エントリー*/
.header-entry .button--regist__hospitalcomp,
.header-entry .button--regist__hospitalpers {
  font-size: 24px;
}

@media screen and (max-width: 1300px) {
  .header-entry .button--regist__hospitalcomp,
  .header-entry .button--regist__hospitalpers {
    font-size: 20px;
    height: 80px;
  }
}

@media screen and (max-width: 1000px) {
  .header-entry .button--regist__hospitalcomp,
  .header-entry .button--regist__hospitalpers {
    font-size: 16px;
    width: 80%;
    height: auto;
    padding: 10px 0;
  }
}

@media screen and (max-width: 600px) {
  .header-entry .button--regist__hospitalcomp,
  .header-entry .button--regist__hospitalpers {
    font-size: 14px;
    width: 100%;
    padding: 5px 0;
  }
}
/*200108_ボタン追加：病児保育枠エントリー ここまで*/

.header-entry--flag {
  position: absolute;
  bottom: 150px;
  right: 10%;
  animation: yurayura 1s ease-in-out infinite;
}

@media screen and (max-width: 1024px) {
  .header-entry--flag {
    width: 220px;
    left: auto;
    right: 0;
    bottom: 43%;
  }
}

@media screen and (max-width: 768px) {
  .header-entry--flag {
    width: 180px;
  }
}
@media screen and (max-width: 500px) {
  .header-entry--flag {
    width: 100px;
    top: 110px;
  }
}

.header-entry--staff {
  position: absolute;
  bottom: 0px;
  left: 3%;
  cursor: pointers;
  z-index: 10;
}

.header-entry--staff:hover {
  animation: katamuke .2s forwards;
}
.header-entry--staff a {
  display: block;
}
@media screen and (max-width: 1000px) {
  .header-entry--staff {
    width: 220px;
    z-index: -1;
    bottom: 40%;
    left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .header-entry--staff {
    width: 180px;
  }
}
@media screen and (max-width: 500px) {
  .header-entry--staff {
    width: 100px;
    top: 100px;
    left: 0;
  }
}

.header-entry .entry--wrapper {
  position: relative;
  background: transparent;
  border: none;
  bottom: 60px;
  max-width: 920px;/*200114追加*/
  margin: 0 auto;/*200114追加*/
}

@media screen and (max-width: 1300px) {
  .header-entry .entry--wrapper {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1000px) {
  .header-entry .entry--wrapper {
    position: absolute;
    width: 80%;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 768px) {
  .header-entry .entry--wrapper {
    bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .header-entry .entry--wrapper {
    width: 90%;
    bottom: 0;
  }
}

@keyframes yurayura {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(5px, 0px) rotateZ(2deg);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

@keyframes katamuke {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  50% {
    transform: translate(0px, 5px) rotateZ(-2deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(-4deg);
  }
}

.section01 {
  padding: 80px 0;
}

.section01--wrapper {
  text-align: center;
  font-size: 20px;
  line-height: 38px;
  font-weight: 500;
  margin-bottom: 60px;
}

.section01--message__text {
  padding-left: 30px;
}

/* firefox向け追加・編集ここから */
@media screen and (max-width: 1000px) {
  .section01--message__text {
    padding: 30px 0 0;
    /* firefox追加 */
    flex-basis: 45%; 
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1000px) {
  .section01--message__text {
    padding: 30px 0 0;
    flex-basis: auto;
  }
}

.section01--message__image {
  flex-shrink: 0;
  flex-basis: 55%;
}

@media screen and (max-width: 1000px) {
  .section01--message__image {
    flex-basis: auto;
  }
}
/* firefox向け追加ここまで */


@media screen and (max-width: 1000px) {
  /*.section01 .heading_m {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}*/
}

.section02 {
  padding: 80px 0;
  font-size: 20px;
  line-height: 38px;
  font-weight: 500;
}

@media screen and (max-width: 600px) {
  .section02 {
    font-size: 16px;
    line-height: 24px;
  }
}

.section02--text {
  text-align: center;
  margin-bottom: 40px;
}

.section02--list {
  margin-bottom: 40px;
  line-height: 2.2;
}

.section02--list-item {
  text-align: left;
  text-indent: -1.5em;
  padding-left: 2em;
}

.section02--policy-list {
  padding-left: 80px;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list {
    padding: 0;
  }
}

.section02--policy-list-item {
  padding-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .section02--policy-list-item {
    height: auto;
  }
  .section02--policy-list-item:nth-last-of-type(1) {
    padding-bottom: 0;
  }
}

.section02--policy-list-item-title_green {
  color: #fff;
  font-weight: 700;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  margin-right: 40px;
  display: inline-block;
  background: #BFD668;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list-item-title_green {
    display: block;
    width: 90%;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 5px;
  }
}

.section02--policy-list-item-title_blue {
  color: #fff;
  font-weight: 700;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  margin-right: 40px;
  display: inline-block;
  background: #7ACDF3;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list-item-title_blue {
    display: block;
    width: 90%;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 5px;
  }
}

.section02--policy-list-item-title_yellow {
  color: #fff;
  font-weight: 700;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  margin-right: 40px;
  display: inline-block;
  background: #F9CE3E;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list-item-title_yellow {
    display: block;
    width: 90%;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 5px;
  }
}

.section02--policy-list-item-title_purple {
  color: #fff;
  font-weight: 700;
  height: 100px;
  width: 100px;
  text-align: center;
  line-height: 100px;
  margin-right: 40px;
  display: inline-block;
  background: #C94490;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list-item-title_purple {
    display: block;
    width: 90%;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 5px;
  }
}

.section02--policy-list-item-text {
  vertical-align: middle;
  display: inline-block;
}
.txt {
  margin-bottom: 15px;
}

@media screen and (max-width: 1000px) {
  .section02--policy-list-item-text {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  .section02--policy-list-item-text {
    margin: 0 auto;
    width: 90%;
  }
}

.section03 {
  padding: 80px 0;
}

.section03--merit-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 445px;
  box-sizing: border-box;
  vertical-align: top;
}

.section03--merit-wrapper:nth-child(2n) {
  margin-left: 20px;
  margin-bottom: 40px;
}

/*191128_特徴追加（一時的追加CSS）*/
.section03--merit-wrapper:nth-child(5) {
  margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
  .section03--merit-wrapper {
    width: 70%;
    display: block;
    margin: 0 auto 40px;
  }
  .section03--merit-wrapper:nth-child(2n) {
    margin: 0 auto 40px;
  }
  /*191128_特徴追加（一時的追加CSS）*/
  .section03--merit-wrapper:nth-child(5) {
    margin: 0 auto 40px;
  }
}

@media screen and (max-width: 600px) {
  .section03--merit-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
  .section03--merit-wrapper:nth-child(2n) {
    margin-left: 0;
  }
  /*191128_特徴追加（一時的追加CSS）*/
  .section03--merit-wrapper:nth-child(5) {
    margin-left: 0;
  }
}

.section03--merit-icon {
  position: absolute;
  left: 50%;
  top: 80px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .section03--merit-icon {
    top: 48px;
  }
}

.section03--merit-text {
  text-align: left;
}

.section03 .heading_m {
  z-index: 1;
}

.section04 {
  padding: 80px 0;
}

.section04--topics01 {
  margin-bottom: 60px;
}

/* firefox対応追加・修正 */
.section04--topics01__image {
  flex-shrink: 0;
  /* flex-basis: 55%; */
}

@media screen and (max-width: 1000px) {
  .section04--topics01__image {
    flex-basis: auto;
  }
}


.section04--topics01__text {
  padding-left: 30px;
  /* flex-basis: 45%; */
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .section04--topics01__text {
    padding: 0 10px;
    flex-basis: auto;
  }
}

/* firefox対応追加・修正ここまで */

@media screen and (max-width: 1000px) {
  /*.section04--topics01 .heading_m {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}*/
}

.section04--topics02 {
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
  .section04--topics02__image {
    max-width: 49%;
  }
}

@media screen and (max-width: 600px) {
  .section04--topics02__image {
    max-width: 100%;
  }
  .section04--topics02__image:nth-of-type(1) {
    margin-bottom: 20px;
  }
  .f-img {
    margin-bottom: 10px;
  }
}


.section04--topics02__notice {
  text-align: right;
}
@media screen and (max-width: 600px) {
  .section04--topics02__notice {
    font-size: 12px;
  }
}

.section04--topics03 {
  margin-bottom: 60px;
}

/* firefox対応追加・修正 */
.section04--topics03__image {
  flex-shrink: 0;
}

.section04--topics03__text {
  padding-right: 30px;
  flex-basis: 42%;
}

@media screen and (max-width: 600px) {
  .section04--topics03__text {
    padding: 0 20px;
  }
}


@media screen and (max-width: 1000px) {
  /*.section04--topics03 .heading_m {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}*/
}

.section04--topics04 {
  text-align: center;
  margin-bottom: 60px;
}

.section05 {
  padding: 80px 0;
}

.section06 {
  padding: 80px 0;
}

.section06--map-area {
  height: 350px;
  width: 530px;
  border-radius: 10px;
  border: 2px solid #fff;
}

@media screen and (max-width: 600px) {
  .section06--map-area {
    width: 100%;
    margin-bottom: 40px;
  }
}

.section06--infomation {
  width: 380px;
  padding-left: 40px;
}

@media screen and (max-width: 1000px) {
  .section06--infomation {
    width: auto;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 600px) {
  .section06--infomation {
    padding-left: 0;
  }
}

.section07 {
  padding: 80px 0;
  padding-bottom: 160px;
  position: relative;
}

.section07--wrapper {
  margin-bottom: 60px;
}

.section07--contents {
  padding: 30px 0;
}

.section07--contents p {
  text-align-last: left;
}

.section07--contents .tac {
  text-align-last: center;
}

.section07--flow {
  padding-bottom: 20px;
}

.section07--application-button__common {
  display: inline-block;
  margin: 10px 25px 10px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.section07--application-button__common a {
  position: relative;
  display: block;
  padding: 17px 0;
  color: #fff;
  background: #C94490;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  width: 250px;
  border-radius: 10px;
  border: 3px solid transparent;
  box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .section07--application-button__common {
    display: block;
    width: 90%;
    margin: 10px auto;
  }
  .section07--application-button__common a {
    width: 100%;
    padding: 12px 0;
  }
}

.section07--application-button__common a:after {
  content: "→";
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 17px;
  right: 30px;
}

.section07--application-button__common a:hover {
  background: #fff;
  color: #C94490;
  border: 5px solid #C94490;
  transition: all .2s;
}

.section07--application-button__common a:before {
  content: '';
  display: inline-block;
  width:40px;
  height:49px;
  background: url(../../dist/images/1x/icon-pdf@2x.png);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: all .2s;
}

@media screen and (max-width: 600px) {
  .section07--application-button__common a:before {
    /* background: url(../../dist/images/1x/icon-pdf@2x.png); */
    width:21px;
    height:26px;
    left: 10px;
  }
  .section07--application-button__common a:after {
    top: 13px;
  }
}

.section07--application-button__common a:hover {
  border: 3px solid #C94490;
}

.section07--application-button__common a:hover:before {
  background: url(../../dist/images/1x/icon-pdf2@2x.png);
  background-size: contain;
}

.section07--application-button__common a:hover:after {
  color: #C94490;
}

.section07--application-button__common.btn-personal {
  margin: 10px auto;
}
.section07--application-button__common.btn-personal a {
  background: #453790;
}

.section07--application-button__common.btn-personal a:hover {
  background: #fff;
  color: #453790;
  border: 3px solid #453790;
}
.section07--application-button__common.btn-personal a:hover:before {
  background: url(../../dist/images/1x/icon-pdf3@2x.png);
  background-size: contain;
}
.section07--application-button__common.btn-personal a:hover:after {
  color: #453790;
}


.section07--infomation-border {
  font-weight: 500;
  border: 1px solid #7ACDF3;
  padding: 10px;
  margin: 10px 0;
}

.mw_wp_form_confirm .detail-area-pink {
  display: none;
}

.mw_wp_form_confirm tr:nth-last-of-type(3) {
  visibility: collapse;
}

.mw_wp_form_confirm .table_form td {
  font-weight: normal;
}

.radio {
  display: none;
}

label {
  position: relative;
  display: inline-block;
  margin: 10px 0;
  padding: 0 20px 0 30px;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
  z-index: 1;
}

.mwform-radio-field-text::before,
.mwform-radio-field-text::after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  content: '';
}

.mwform-radio-field-text::before {
  left: 0;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 1px solid #B18CC2;
}

.mwform-radio-field-text::after {
  opacity: 0;
  left: 10px;
  margin-top: -1px;
  width: 4px;
  height: 4px;
  background: #B18CC2;
  -webkit-transform: scale(2);
  transform: scale(2);
  z-index: 2;
}

.radio:checked + .mwform-radio-field-text::after {
  opacity: 1;
}

.mw_wp_form .horizontal-item {
  margin-right: 10px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.delay {
  animation-delay: .2s;
}