@charset "utf-8";

/* ----------------------------------------------------------

Common Setting

---------------------------------------------------------- */
/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:520px) {
.pc   {display:none}
.sp   {display:block}
}

div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd  {
  position: relative;
  word-break:break-all;
  padding:0;
  margin:0;
  box-sizing:border-box;
  outline:none;
  font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3,h4,h5,h6   {
  font-weight:normal;
  padding:0;
  margin:0;
  font-size: inherit;
  line-height: inherit;
}

/*webfont*/
.mono {
  font-family: "Monomaniac One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.damion {
  font-family: "Damion", cursive;
  font-weight: 400;
  font-style: normal;
}

.mont {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.mplus {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.corporate {
  font-family: "corporate-logo-ver2", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.corporate.bold{
  font-family: "corporate-logo-ver2", sans-serif;
  font-weight: 700;
  font-style: normal;
}

  .stroke i.corporate.bold {
    display: inline-block;
    padding: 0 0.045em;
    font-size: 97%;
    transform: scale(1.1, 1)!important
  }

/*ul dl*/
ul,ul li  {
  list-style:none;
  padding:0;
  margin:0
}

ul.disc li {
  list-style: disc;
  margin-left: 1em;
}

ol  {
  margin-left: 1em;
}

/*position*/
.center {
  text-align:center
}

.left {
  text-align:left
}

.right  {
  text-align:right
}

.block  {
  display: block;
}

.inherit {
  font-size: inherit;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: 120%;
}

.small {
  font-size: 90%;
}

.mt-9  {
  margin-top: -9px
}

.mt-18  {
  margin-top: -18px
}

.mt-27  {
  margin-top: -27px
}

.mt-36 {
  margin-top: -36px
}

.mt-45 {
  margin-top: -45px
}

.mt-54 {
  margin-top: -54px
}

.mt-63 {
  margin-top: -63px
}

.mt-72 {
  margin-top: -72px
}

.mt-81 {
  margin-top: -81px
}

.mt-90 {
  margin-top: -90px
}

.mb-9  {
  margin-bottom: -9px
}

.mb-18  {
  margin-bottom: -18px
}

.mb-27  {
  margin-bottom: -27px
}

.mb-36 {
  margin-bottom: -36px
}

.mb-45 {
  margin-bottom: -45px
}

.mb-54 {
  margin-bottom: -54px
}

.mb-63 {
  margin-bottom: -63px
}

.mb-72 {
  margin-bottom: -72px
}

.mb-81 {
  margin-bottom: -81px
}

.mb-90 {
  margin-bottom: -90px
}

.mt9 {
  margin-top: 9px;
}

.mt18 {
  margin-top: 18px;
}

.mt27 {
  margin-top: 27px;
}

.mt36 {
  margin-top: 36px;
}

.mt45 {
  margin-top: 45px;
}

.mt54 {
  margin-top: 54px;
}

.mt63 {
  margin-top: 63px;
}

.mt72 {
  margin-top: 72px;
}

.mt81 {
  margin-top: 81px;
}

.mt90 {
  margin-top: 90px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb27 {
  margin-bottom: 27px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb54 {
  margin-bottom: 54px;
}

.mb63 {
  margin-bottom: 63px;
}

.mb72 {
  margin-bottom: 72px;
}

.mb81 {
  margin-bottom: 81px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt9 {
  padding-top: 9px;
}

.pt18 {
  padding-top: 18px;
}

.pt27 {
  padding-top: 27px;
}

.pt36 {
  padding-top: 36px;
}

.pt45 {
  padding-top: 45px;
}

.pt54 {
  padding-top: 54px;
}

.pt63 {
  padding-top: 63px;
}

.pt72 {
  padding-top: 72px;
}

.pt81 {
  padding-top: 81px;
}

.pt90 {
  padding-top: 90px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb27{
  padding-bottom: 27px;
}

.pb36 {
  padding-bottom: 36px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb54 {
  padding-bottom: 54px;
}

.pb63 {
  padding-bottom: 63px;
}

.pb72 {
  padding-bottom: 72px;
}

.pb81 {
  padding-bottom: 81px;
}

.pb90 {
  padding-bottom: 90px;
}

@media only screen and (max-width:520px) {
  .mt-9  {
    margin-top: calc(-9px / 2)
  }

  .mt-18  {
    margin-top: calc(-18px / 2)
  }

  .mt-27  {
    margin-top: calc(-27px / 2)
  }

  .mt-36 {
    margin-top: calc(-36px / 2)
  }

  .mt-45 {
    margin-top: calc(-45px / 2)
  }

  .mt-54 {
    margin-top: calc(-54px / 2)
  }

  .mt-63 {
    margin-top: calc(-63px / 2)
  }

  .mt-72 {
    margin-top: calc(-72px / 2)
  }

  .mt-81 {
    margin-top: calc(-81px / 2)
  }

  .mt-90 {
    margin-top: calc(-90px / 2)
  }

  .mb-9  {
    margin-bottom: calc(-9px / 2)
  }

  .mb-18  {
    margin-bottom: calc(-18px / 2)
  }

  .mb-27  {
    margin-bottom: calc(-27px / 2)
  }

  .mb-36 {
    margin-bottom: calc(-36px / 2)
  }

  .mb-45 {
    margin-bottom: calc(-45px / 2)
  }

  .mb-54 {
    margin-bottom: calc(-54px / 2)
  }

  .mb-63 {
    margin-bottom: calc(-63px / 2)
  }

  .mb-72 {
    margin-bottom: calc(-72px / 2)
  }

  .mb-81 {
    margin-bottom: calc(-81px / 2)
  }

  .mb-90 {
    margin-bottom: calc(-90px / 2)
  }

  .mt9 {
    margin-top: calc(9px / 2)
  }

  .mt18 {
    margin-top: calc(18px / 2)
  }

  .mt27 {
    margin-top: calc(27px / 2)
  }

  .mt36 {
    margin-top: calc(36px / 2)
  }

  .mt45 {
    margin-top: calc(45px / 2)
  }

  .mt54 {
    margin-top: calc(54px / 2)
  }

  .mt63 {
    margin-top: calc(63px / 2)
  }

  .mt72 {
    margin-top: calc(72px / 2)
  }

  .mt81 {
    margin-top: calc(81px / 2)
  }

  .mt90 {
    margin-top: calc(90px / 2)
  }

  .mb9 {
    margin-bottom: calc(9px / 2)
  }

  .mb18 {
    margin-bottom: calc(18px / 2)
  }

  .mb27 {
    margin-bottom: calc(27px / 2)
  }

  .mb36 {
    margin-bottom: calc(36px / 2)
  }

  .mb45 {
    margin-bottom: calc(45px / 2)
  }

  .mb54 {
    margin-bottom: calc(54px / 2)
  }

  .mb63 {
    margin-bottom: calc(63px / 2)
  }

  .mb72 {
    margin-bottom: calc(72px / 2)
  }

  .mb81 {
    margin-bottom: calc(81px / 2)
  }

  .mb90 {
    margin-bottom: calc(90px / 2)
  }

  .pt9 {
    padding-top: calc(9px / 2)
  }

  .pt18 {
    padding-top: calc(18px / 2)
  }

  .pt27 {
    padding-top: calc(27px / 2)
  }

  .pt36 {
    padding-top: calc(36px / 2)
  }

  .pt45 {
    padding-top: calc(45px / 2)
  }

  .pt54 {
    padding-top: calc(54px / 2)
  }

  .pt63 {
    padding-top: calc(63px / 2)
  }

  .pt72 {
    padding-top: calc(72px / 2)
  }

  .pt81 {
    padding-top: calc(81px / 2)
  }

  .pt90 {
    padding-top: calc(90px / 2)
  }

  .pb9 {
    padding-bottom: calc(9px / 2)
  }

  .pb18 {
    padding-bottom: calc(18px / 2)
  }

  .pb27{
    padding-bottom: calc(27px / 2)
  }

  .pb36 {
    padding-bottom: calc(36px / 2)
  }

  .pb45 {
    padding-bottom: calc(45px / 2)
  }

  .pb54 {
    padding-bottom: calc(54px / 2)
  }

  .pb63 {
    padding-bottom: calc(63px / 2)
  }

  .pb72 {
    padding-bottom: calc(72px / 2)
  }

  .pb81 {
    padding-bottom: calc(81px / 2)
  }

  .pb90 {
    padding-bottom: calc(90px / 2)
  }

}

/*link*/
a,
a:hover {
  cursor:pointer;
  color: inherit;
}

@media (min-width: 520px) {
  a[href^="tel:"],
  a.pcblank {
      pointer-events: none;
      cursor: default;
  }
}

.pcblank  {
  text-decoration: none!important;
  outline: none;
}

.pcblank span {
  display: none;
}

@media only screen and (max-width:520px) {
  .pcblank span {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
  }

  .section__body .pcblank span {;
    color: #505050;
  }
}

/*img*/
img {
  vertical-align:middle;
  -ms-interpolation-mode:bicubic;
  max-width:100%
}

.alignnone,
.alignleft,
.alignright,
.aligncenter  {
  max-width:100%;
  margin:0;
  width:auto
}

.alignnone  {
  margin-bottom:5px
} 

.alignleft  {
  display:inline;
  float:left;
  margin-top:9px;
  margin-right:54px;
  margin-bottom:36px
}

.alignright {
  display:inline;
  float:right;
  margin-top:9px;
  margin-left:54px;
  margin-bottom:36px
}

.aligncenter  {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center
}

@media only screen and (max-width:520px) {
  .alignnone,
  .alignleft,
  .alignright,
  .aligncenter  {
    display:block;
    float:none;t
    ext-align:center;
    margin:1em auto
  }
}

/* ----------------------------------------------------------

Form Setting

---------------------------------------------------------- */
/*form reset
input[type=submit],
button,
button[type=submit],
button[type=button] {
  appearance:none;
  cursor:pointer;
  outline:none;
  box-sizing:border-boxt;
  border:none;
  background: transparent;
  font-size: 18px;
}
*/
input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=url],
input[type=tel],
textarea {
  appearance:none;
  outline:none;
  border-radius: 9px;
  border:1px solid #ccc;
  padding:22.5px 18px;
  box-sizing:border-box;
  max-width: 100%;
  font-size: 18px;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {
  transition: 0.3s;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.5)
}

/*radio checkbox*/
input[type=radio].scale2,
input[type=checkbox].scale2 {
  transform:scale(2.0)
}

/*select*/
.select select {
  box-sizing:border-box;
  width: 100%;
  outline: none;
  border:none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  appearance: none;
  color: #000;
  max-width: 100%;
  padding: 22.5px 36px 22.5px 18px;
  font-size: 18px;
}

.select select::-ms-expand {
  display: none;
}

.select {
  display: inline-block;
  position: relative;
  border-radius: 6px;
  border:1px solid #ccc;
  box-sizing:border-box;
  background: #fff;
}

.select::before {
  position: absolute;
  top: 45%;
  right:9px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222;
  pointer-events: none;
}

::-webkit-input-placeholder {
  color:#aaa;
}
:-ms-input-placeholder {
  color:#aaa;
}
::placeholder{
  color:#aaa
}

/* ----------------------------------------------------------

Btn Setting

---------------------------------------------------------- */
/*btn*/
.btn, 
button[type="submit"], 
input[type="submit"]  {
  display:block;
  text-decoration: none;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
  position:relative;
  cursor:pointer;/*
  box-shadow:none;*/
  outline:none;
  border:none;
  appearance:none;/*
  font-weight: 600;*/
  font-weight:inherit;
/*
  background: #050505;
  */
}

.btn span {
  letter-spacing: 0.075em;
  padding-top: 0.25em;
}

/*
.btn__primary {
  background: #FFE100;
  border: 1px solid #FFE100;
  border-bottom: 5px solid #838383!important;
  color: #222;
  padding:22.5px 18px;
  border-radius: 200px;
  font-weight: bold;
}
*/
.btn__green {
  background: rgb(42,176,165);
  background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
  box-shadow: 0 0 10px 8px rgba(100,100,100,0.1);
  color: #fff;
  padding:18px ;
  border-radius: 200px;
  font-weight: 500;
}

  .btn__green:focus,
  .btn__green:hover {
    color: #fff;
  }

.btn__orange {
  background: rgb(228,153,46);
  background: linear-gradient(90deg, rgba(228,153,46,1) 0%, rgba(222,117,46,1) 100%);
  box-shadow: 0 0 10px 8px rgba(100,100,100,0.1);
  color: #fff;
  padding:18px ;
  border-radius: 200px;
  font-weight: 500;
}

  .btn__orange:focus,
  .btn__orange:hover {
    color: #fff;
  }

.btn__white__green {
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom: 5px solid #fff!important;
  box-shadow: 0 0 10px 8px rgba(100,100,100,0.1);
  color: rgba(42,178,121,1);
  padding:18px ;
  border-radius: 200px;
  font-weight: 500;
  }

  .btn__white__green:focus,
  .btn__white__green:hover {
    color: rgba(42,178,121,0.75);
  }

.btn__white__orange {
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom: 5px solid #fff!important;
  box-shadow: 0 0 10px 8px rgba(100,100,100,0.1);
  color: rgba(228,153,46,1);
  padding:18px ;
  border-radius: 200px;
  font-weight: 500;
  }

  .btn__white__orange:focus,
  .btn__white__orange:hover {
    color: rgba(228,153,46,0.75);
  }

.btn__arrow span {
  display: block;
  background-position:95% 50% ;
  background-size: calc(44px / 2);
  background-repeat: no-repeat;
}

  .btn__green.btn__arrow span {
    background-image: url(../img/icon__arrow3.png);
  }

  .btn__white__green.btn__arrow span {
    background-image: url(../img/icon__arrow1.png);
  }

  .btn__white__orange.btn__arrow span {
    background-image: url(../img/icon__arrow2.png);
  }

  .btn__orange.btn__arrow span {
    background-image: url(../img/icon__arrow3.png);
  }

@media only screen and (max-width:520px) {
  .btn__arrow span {
    background-position:97.5% 50% ;
    background-size: calc(44px / 3);
  }
}


/*btn__link*/
.btn__link {
  text-align: center;
  margin: auto;
}

.btn__small,
.btn__link .btn__small {
  display: block;
  font-size: 18px;
  width:238px;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

.btn__middle,
.btn__link .btn__middle {
  display: block;
  font-size: 18px;
  width:280px;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

.btn__large,
.btn__link .btn__large {
  display: block;
  font-size: 20px;
  width:500px;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

@media only screen and (max-width:520px) {
  .btn__small,
  .btn__link .btn__small {
    font-size: calc(18px / 1.15);
    width:100%;
    padding:calc(13.5px / 1) calc(18px / 1);
  }

  .btn__middle,
  .btn__link .btn__middle {
    font-size: calc(18px / 1.15);
    width:100%;
    padding:calc(13.5px / 1) calc(18px / 1);
  }

  .btn__large,
  .btn__link .btn__large {
    font-size: calc(20px / 1.15);
    width:100%;
    padding:calc(13.5px / 1) calc(18px / 1);
  }

}


/* ----------------------------------------------------------

Table Setting
---------------------------------------------------------- */
/*table*/
table {
  width: 100%;
}

table.w25 tr th {
  width: 25%;
}

table.w30 tr th {
  width: 30%;
}

@media only screen and (max-width:520px) {
  table,
  table.w25 tr th ,
  table.w30 tr th {
    width: 100%;
  }
}

/*table__bordered*/
.table__bordered tr th {
  font-weight:500;
  text-align: left;
  vertical-align: top;
  color:  #fff;
  border-bottom: 5px solid #fff;
  background: rgb(42,176,165);
  background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
  padding: 22.5px ;
}

.table__bordered tr td {
  text-align: left;
  font-weight:normal;
  background-color: #fff;
  vertical-align: top;
  border-bottom: 5px solid #f0f0f0;
  background-color:#fff;
  padding: 22.5px ;
}

  .table__bordered tr:nth-last-child(1) th,
  .table__bordered tr:nth-last-child(1) td {
    border-bottom: none;
  }

@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
    font-size: inherit;
  }

  .table__bordered.table__responsive tr th,
  .table__bordered.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding:calc(22.5px / 2);
    border-bottom: none;
  }


}

/*table__striped*/
.table__striped {
  border-collapse: collapse;
}

.table__striped tr:nth-last-child(even) th,
.table__striped tr:nth-last-child(even) td {
  font-weight:500;
  text-align: left;
  vertical-align: top;
  background: #fff;
  padding: 22.5px ;
}

.table__striped tr:nth-last-child(odd) th,
.table__striped tr:nth-last-child(odd) td {
  font-weight:500;
  text-align: left;
  vertical-align: top;
  background: #fbf6ec;
  padding: 22.5px ;
}

@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
  }

  .table__striped.table__responsive tr th,
  .table__striped.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding:calc(22.5px / 2) ;
  }

  .table__striped.table__responsive tr th {
    padding-bottom:0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
  }

  .table__striped.table__responsive tr td {
    padding-top:0;
    padding-left: 0;
    padding-right: 0;
  }

}


/*table__default*/
.table__default tr th {
  font-weight:500;
  text-align: left;
  background-color: #F0F0F0;
  vertical-align: top;
  border-bottom: 5px solid #fff;
  padding: 27px;
}

.table__default tr td {
  text-align: left;
  font-weight:normal;
  background-color: #fff;
  vertical-align: top;
  border-bottom: 5px solid #F0F0F0;
  padding: 27px;
}

  .table__default tr:nth-last-child(1) th,
  .table__default tr:nth-last-child(1) td {
    border-bottom: none;
  }


@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
  }

  /*table__responsive*/
  .table__default.table__responsive tr th,
  .table__default.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
  }

  .table__default.table__responsive tr th {
    border-bottom: calc(5px / 2) solid #fff;
    padding:calc(27px / 2) ;
  }

  .table__default tr td {
    border-bottom:none;
    padding:calc(27px / 2) ;
  }

}



/* ----------------------------------------------------------

Layout Setting

---------------------------------------------------------- */
body        {
  position: relative;
  font-feature-settings:"palt" 1;
  line-break:strict!important;
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  box-sizing:border-box;
  width:100%;
  min-width: 1180px;
  color: #222;
  font-weight:400;
  font-size:18px;
  line-height: 2;
  padding:0;
  margin:auto;
}

#wrapper {
  width: 100%;
  overflow: hidden;
}

/*main*/
main {
  position: relative;
  padding-bottom: 0;
  z-index: 1;
}

  .home main {
    background: #fff0d9;
    padding-bottom: 0;
  }

@media only screen and (max-width:520px) {
  .entry main.recruit__main {
    margin-top: calc(-150px / 2);
    padding-top: calc(200px / 3);
  }

}

/*container*/
.container__fluid  {
  width:100%;
  margin:auto;
  max-width: 1980px;
}

.container__wide {
  width:100%;
  margin:auto;
  box-sizing: border-box;
  max-width: 1980px;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.container  {
  width:1180px;
  margin:auto;
  /*
  max-width: 1980px;
  */
}

.container__middle {
  width:1080px;
  margin:auto;
}

.container__narrow {
  width:1024px;
  margin:auto;
}

.container__xnarrow  {
  width:980px;
  margin:auto;
}

.container__xxnarrow {
  width:880px;
  margin:auto;
}

.container__xxxnarrow {
  max-width:780px;
  margin:auto;
}

.container__xxxxnarrow {
  max-width:680px;
  margin:auto;
}

.container__xxxxxnarrow {
  max-width:580px;
  margin:auto;
}

@media only screen and (max-width:520px) {
  body  {
    min-width:1px;
    font-size:calc(18px / 1.15);
    -webkit-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch;
  }

 /* .container__fluid,*/
  .container,
  .container__wide,
  .container__middle,
  .container__narrow,
  .container__xnarrow,
  .container__xxnarrow,
  .container__xxxnarrow ,
  .container__xxxxnarrow ,
  .container__xxxxxnarrow {
    width:100%;
    max-width:100%;
    padding-left:1em;
    padding-right:1em;
    box-sizing:border-box
  }
}

/*iPhone横*/
@media (orientation: landscape) and (max-width:900px)　{
  body  {
    min-width:1180px;
  }
}

/*iPad用*/
@media screen and (device- width : 768px ) and (device- height : 1024px ) and (-webkit-device-pixel-ratio: 2 ) {
  body  {
    min-width: 1024px;
  }
}

/* ----------------------------------------------------------

Header Setting

---------------------------------------------------------- */
/*header*/
.header {
  width: 100%;
  position: relative;
  height: 450px;
  padding: 0;
  background-image: url(../img/mainvisual.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-bottom: -25px;
}

.header:after,
.header:before {
  display: block;
  position: absolute;
  color: rgba(255, 255, 255, 0.15);
  content: 'RECRUIT';
  font-size:290px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  line-height: 0;
  transform:rotate(90deg); 
  margin: 0;
  padding: 0;
}

  .header:after {
    left:-588px;
    top:765px;
  }

  .header:before {
    right:-600px;
    top:-45px;
  }

.home .header {
  width: 100%;
  height: 800px;
  padding: 0;
  background-image: url(../img/home__mainvisual.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  margin-bottom: auto;
}

  .home .header:after,
  .home .header:before {
    display: none;
  }

.single-interview .header {
  width: 100%;
  height: 680px;
  padding: 0;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: auto;
  z-index: 1;
}

  .single-interview .header:after,
  .single-interview .header:before {
    display: none;
  }

@media only screen and (max-width:520px) {
  .header {
    height: calc(450px / 1.5);
    margin-bottom: calc(-25px / 2);
  }

    .header:after,
    .header:before {
      font-size:calc(290px / 2);
    }

    .header:after {
      left:calc(-588px / 2);
      top:calc(765px / 2)
    }

    .header:before {
      right:calc(-600px / 2);
      top:calc(-45px / 2);
    }

  .home .header {
    height: calc(800px / 2);
    background-size: cover;
  }

  .single-interview .header {
    height: calc(680px / 1.75);
    background-size:cover;
    background-position: -220px 0;
  }

}

/*topbar*/
.topbar {
  width: 100%;
  z-index: 12345;
  position: relative;
  padding: 0 0 18px;
  background: rgb(0,0,0);
  background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
}

  .home .topbar {
    width: 100%;
    padding: 0 0 18px;
    background: rgb(0,0,0);
    background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  }

.topbar__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 4.5px;
  min-width: 1240px;
}

.topbar__container .logo {
  flex-basis: 300px;
  text-align: left;
}

.topbar__container .gnav__pc {
  flex-basis: calc(100% - 300px);
  text-align: right;
}

  .topbar__container .logo img {
    width: calc(715px / 2.25);
    margin-top:11px;
  } 

.gnav__pc ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: center;
  text-align: right;
  padding-top: 22.57px;
}

.gnav__pc ul li  {
  margin: 0 auto;
}

.gnav__pc ul li a {
  display: block;
  text-decoration: none;
  text-align: center;
}

.gnav__pc ul li a span {
  display: block;
  padding: 4.5px 0 2.25px;
  color: #fff;
}

  .gnav__pc ul li a span.en {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .gnav__pc ul li a span.ja {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.015em;
  }

.gnav__entry   {
  padding-top: 0;
}

.gnav__entry a  {
  padding:18px 36.0px;
  color: #fff;
}

.gnav__entry a img {
  width: 20px;
  margin-right: 4.5px;
}

/*dropdown*/
.gnav__pc ul li a {
  padding: 18px;
}

.gnav__pc ul.sub {
  position: absolute;
  z-index: 2;
  width:150%;
  display:none;
  border-radius:18px;
}

.gnav__pc ul.sub li ,
.gnav__pc ul.sub li a {
  padding: 0 ;
  margin: 0;
}

  .gnav__pc ul.sub li a:hover  {
    border-radius: 18px;
  }

.gnav__pc ul li:hover ul {
  display: block;
  color: #000!important;
  background: rgb(42,152,121);
  background: linear-gradient(360deg, rgba(42,152,121,1) 0%, rgba(88,209,135,1) 100%);
  border-radius: 0 18px 18px 18px;
  padding-bottom: 18px;
  padding-top: 18px;
}

.gnav__pc ul li:hover a.noopacity {
  background: rgb(88,209,135,1);
  text-shadow: none;
  border-radius: 18px;
}

.gnav__pc ul li.dropdown:hover a {
  border-radius: 18px 18px 0 0;
}

.gnav__pc ul.sub li  {
  padding:9px 0;
}



/*is-show*/
.topbar.is-show {
  position: fixed;
  background-color: rgb(42,176,165);
  /*background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);*/
  height: 100px;
  top: 0;
  transition : all 0.3s ease 0s;
  z-index: 1234567890;
  width: 100%;
}

  .single-interview .topbar.is-show {
    position: fixed;
    top: 0;
  }

  .topbar.is-show .topbar__container .logo img {
    width: calc(715px / 2.85);
    margin-top:15.5px;
  } 

  .topbar.is-show .topbar__container {
    padding-top: 0;
    margin-top: -13.5px;
  }

  .topbar.is-show .topbar__contact {
    padding-top: 9px;
    background: none;
  }

@media only screen and (max-width:520px) {
  .topbar,
  .home .topbar {
    padding: 0 0 calc(18px / 2);
  }

  .topbar__container {
    min-width: 1px;
    padding-top: calc(4.5px / 2);
  }

  .topbar__container .logo {
    flex-basis: calc(328px / 2);
  }

  .topbar__container .gnav__pc {
    display: none;
  }

  .topbar__container .logo img {
    width: calc(715px / 3);
    margin-top:18px;
  } 

  .gnav__pc ul ,
  .gnav__entry a  {
    display: none;
  }

  /*is-show*/

  .single-interview .topbar.is-show,
  .topbar.is-show {
    position: relative;
  }

    .topbar.is-show .topbar__container .logo {
      padding-top:inherit;
      background: inherit;
    }

    .topbar.is-show .topbar__container .gnav__pc {
      padding-top:inherit;
    }

    .topbar.is-show .topbar__contact {
      padding-top: inherit;
      background:inherit
    }

}

/*nav.gnav__sp*/
nav.gnav__sp {
  display: none;
}

@media only screen and (max-width:520px) {
  .gnav__pc {
    display: none;
  }

  nav.gnav__sp  {
    display:block;
    position: relative;
    height: 100vh;
    position:fixed;
    top:0;
    right:-60%;
    bottom:0;
    width:60%;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transition:all .5s;
    opacity:0;
    background: rgb(42,176,165);
    background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
    z-index: 12345678991234567899;
  }

  .open nav.gnav__sp  {
    right:0;
    padding:1em;
    box-sizing: border-box;
    opacity:1
  }

  nav.gnav__sp .inner {
    padding:0 1em 
  }

  nav.gnav__sp .logo {
    padding-top: 0;
    background: none;
    width: 75%;
  }
  
  nav.gnav__sp .inner ul  {
    list-style:none;
    margin-top: 36px;
    padding:0
  }

  nav.gnav__sp .inner ul li {
    position:relative;
    margin:0;
    text-align:left
  }

  nav.gnav__sp .inner ul li a     {
    display:block;
    color:#fff!important;
    box-sizing:border-box;
    font-size:inherit;
    padding:calc(36px / 1.5) 0;
    text-decoration:none;
    transition-duration:0.2s;
    border-bottom:1px solid rgba(255,255,255,0.5)
  }

  .gnav__sp ul li a span {
    padding: calc(4.5px / 2) 0 calc(2.25px / 2);
    display: block;
  }

  .gnav__sp ul li a span.en {
    font-size: calc(20px / 1);
    line-height: 1.1;
    letter-spacing: calc(0.015em / 2)
  }

  .gnav__sp ul li a span.ja {
    font-size: calc(12px * 1.1);
    line-height: 1.1;
    letter-spacing: calc(0.015em / 2)
  }

  /*toggle__btn*/
  .toggle__btn {
    display:block;
    position:fixed;
    height:30px;
    transition:all .5s;
    right: 1em;
    padding-right: 18px;
    top: 30px;
    cursor:pointer;
    z-index: 12345678901;
  }

  .toggle__btn__container {
    position:fixed;
    width: 90px;
    height: 90px;
    right: 0;
    background: rgb(42,176,165);
    background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
    border-radius: 0 0 0 18px;
  }

  .toggle__btn span {
    display:block;
    position:absolute;
    right:0;
    width:40px;
    height:1.5px;
    background-color:#fff;    /*
    background: rgb(42,152,121);
    background: linear-gradient(270deg, rgba(42,152,121,1) 0%, rgba(88,209,135,1) 100%);*/

    border-radius:0;
    transition:all .5s;
  }

  .toggle__btn span:nth-child(1) {
    top:4px
  }

  .toggle__btn span:nth-child(2) {
    top:12px
  }

  .toggle__btn span:nth-child(3)  {
    bottom:8px
  }

  .open .toggle__btn__container {
    display: none;
  }

  .open .toggle__btn span {
    background-color:#fff
  }

  .open .toggle__btn span:nth-child(1) {
    -webkit-transform:translateY(8px) rotate(-315deg);
    transform:translateY(8px) rotate(-315deg)
  }

  .open .toggle__btn span:nth-child(2) {
    opacity:0
  }

  .open .toggle__btn span:nth-child(3) {
    -webkit-transform:translateY(-8px) rotate(315deg);
    transform:translateY(-8px) rotate(315deg)
  }
}


@media only screen and (max-width:520px) {
  nav.gnav__sp .inner ul  {
    list-style:none;
    margin-top: 0;
    padding:0
  }

}


/*home__mainvisual*/
.home__mainvisual__container  {
  padding:432px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: bottom;
}

.home__mainvisual__title span.mplus {
  display: block;
  font-size: 81px;
  line-height: 1;
  text-align: left;
  margin: 0;
  color: #fff;
  position: relative;
  transform: skewX(-0.025turn);
  z-index: 22;
}

  .home__mainvisual__title span.title1 {
    margin-bottom: -72px;
    margin-left: -54px;
    font-size: 72px;
    font-weight: 900;
  }

  .home__mainvisual__title span.title2 {
    margin-bottom: 0;
    font-size: 136px;
    font-weight: 900;
  }

.home__mainvisual__title span:after {
  position: relative;
  display: block;
  text-align: left;
  margin: 0;
  z-index: -1;
  text-stroke:1px #2ab0a5;
  -webkit-text-stroke:1px #2ab0a5;
  color: transparent;
  font-weight: 900;
  margin-left: 5px;
}

  .home__mainvisual__title span.title1:after {
    content: 'ケアウェルと共に';
    top: -68px;
  }

  .home__mainvisual__title span.title2:after {
    content: '創る未来の架け橋';
    top: -128px;
  }

.home__mainvisual__subtitle {
  text-align: center;
  margin: auto;
  color: #fff;
  position: relative;
  z-index: 21;
}

.home__mainvisual__subtitle span {
  display: inline-block;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.015em;
}

  .home__mainvisual__subtitle span.strong {
    color: #59d287!important
  }

.home__mainvisual__title__en1 {
  position: absolute;
  left:-36px;
  bottom:378px;
  display: block;
  transform:rotate(-15deg);
  margin-top:18px ;
  margin-bottom:0;
}

  .home__mainvisual__title__en1 span {
    display: block;
    text-indent: -2em;
    padding-left: 2em;
    font-size: 50px;
    line-height: 0.85;
    letter-spacing: 0.25em;
    transform: skewX(-0.025turn);
    color: #e4992e;
  }

.home__mainvisual__title__en2 {
  position: absolute;
  right:-200px;
  bottom:300px;
  display: block;
}

  .home__mainvisual__title__en2 span {
    display: block;
    font-size: 200px;
    font-weight: 700;
    line-height: 1;
    color: rgba(31, 165, 160, 0.50);
  }

@media only screen and (max-width:520px) {
  .home__mainvisual__container  {
    padding:calc(432px / 1.89) 0 0;
  }

  .home__mainvisual__title span.mplus {
    font-size: calc(81px / 2)
  }

  .home__mainvisual__title span.title1 {
    margin-bottom: calc(-72px / 3);
    margin-left:0;
    font-size: calc(72px / 2.5);
  }

  .home__mainvisual__title span.title2 {
    font-size: calc(136px / 2.95);
  }

  .home__mainvisual__title span:after {
    margin-left: calc(5px / 5)
  }

  .home__mainvisual__title span.title1:after {
    top: calc(-68px / 2.5)
  }

  .home__mainvisual__title span.title2:after {
    top: calc(-128px / 3)
  }

  .home__mainvisual__subtitle span {
    font-size: calc(40px / 1.5);
    letter-spacing: calc(0.015em / 2)
  }

  .home__mainvisual__title__en1 {
    left:0;
    bottom:calc(378px / 2.5);
    margin-top:calc(18px / 1);
  }

  .home__mainvisual__title__en1 span {
    text-indent: -2em;
    padding-left: 2em;
    font-size: calc(50px / 2);
    letter-spacing:calc(0.25em / 2)
  }

  .home__mainvisual__title__en2 {
    right:calc(-200px / 2.5);
    bottom:calc(300px / 2.25);
  }

  .home__mainvisual__title__en2 span {
    font-size: calc(200px / 2.5);
  }

}

/*mainvisual*/
.mainvisual__container {
  z-index: 123;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 54px 0 0;
}

.mainvisual__title {
  flex-basis: 100%;
}

.mainvisual__title span {
  display: block;
  text-align: center;
  margin:auto;
  color: #fff;
}

.mainvisual__title span.ja {
  font-size: 76.5px;
  line-height: inherit;
  font-weight: 800;
  transform: skewX(-0.025turn);
}

.mainvisual__title span.en {
  font-size: 25px;
  line-height: inherit;
  letter-spacing: 0.5em;
  font-weight: 500;
  margin-top: -27px;
}

@media only screen and (max-width:520px) {
  .mainvisual__container {
    padding: calc(54px / 1) 0 0;
  }

  .mainvisual__title {
    flex-basis: 100%;
  }

  .mainvisual__title span.ja {
    font-size: calc(76.5px / 2.25);
    transform: skewX(-0.025turn);
  }

  .mainvisual__title span.en {
    font-size: calc(25px / 1.5);
    letter-spacing: calc(0.5em / 2);
    margin-top:calc(-27px / 2)
  }

}


/*interview__mainvisual*/
.interview__mainvisual__container  {
  padding:225px 0 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.interview__mainvisual__title  {
  flex-basis: 100%;
  margin-bottom: 13.5px;
  padding-bottom: 9px;
}

.interview__mainvisual__title span.ja {
  display: inline-block;
  font-size: 63px;
  line-height: 1.3456789;
  text-align: left;
  color: #2aada2;
  letter-spacing: 0.15em;
  transform: skewX(-0.025turn);
  padding-bottom: 18px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-indent: -0.25em;
  border-bottom: 1.5px solid #2aada2;
}

.interview__mainvisual__subtitle {
  flex-basis: 100%;
  margin-top:9px ;
}

.interview__mainvisual__subtitle span.ja {
  display: block;
  font-size: 24px;
  line-height: inherit;
  text-align: left;
  font-weight: bold;
}

@media only screen and (max-width:520px) {
  .interview__mainvisual__container  {
    padding:calc(225px / 2) 0 calc(90px / 2);
  }

  .interview__mainvisual__title  {
    flex-basis: 100%;
    margin-bottom: calc(13.5px / 2);
    padding-bottom: calc(9px / 2);
    padding-left:0.15em;
  }

  .interview__mainvisual__title span.ja {
    font-size: calc(63px / 2.45);
    letter-spacing: calc(0.15em / 2);
    padding-bottom: calc(18px / 2.5);
    padding-left: calc(0.25em / 1);
    padding-right: calc(0.25em / 2.5);
    text-indent: calc(-0.25em / 2.5);
    border-bottom: calc(1.5px / 2) solid #2aada2;
  }

  .interview__mainvisual__subtitle {
    flex-basis: 100%;
    margin-top:calc(9px / 2);
    padding-left: 1em;
  }

  .interview__mainvisual__subtitle span.ja {
    font-size: calc(24px / 1.5);
  }

}



/* ----------------------------------------------------------

Section Setting

---------------------------------------------------------- */
/*bg*/
.bg1 {
  background-color: #fff;
}

.bg8 {
  background-image: url(../img/bg8.jpg);
  background-position: top center;
  background-repeat: repeat;
  background-size: 100%;
}

/*section*/
.section {
  padding:72px 0;
  position: relative;
}

.section__content {
  padding:22.5px 0;
  position: relative;
}

@media only screen and (max-width:520px) {
  .section {
    padding:calc(72px / 2) 0;
  }

  .section__content {
    padding:calc(22.5px / 2) 0;
  }

}

/*section__title*/
.section__title {
  margin-bottom:18px;
}

  .section__title.center {
    text-align: center;
  }

  .section__title.leftt {
    text-align: left;
  }

  .section__title.right {
    text-align: right;
  }

.section__title span {
  display: block;
  position: relative;
  z-index: 123456;
}

  .section__title span.en {
    font-size: 57px;
    line-height: 1.1234567;
    font-weight:bold;
    padding-bottom: 9px;
    margin-bottom: 22.5px;
  }

  .section__title span.en.large {
    font-size: 96px;
    line-height: 1;
  }

  .section__title span.en.xlarge {
    font-size: 110px;
    line-height: 1;
  }

  .section__title span.en.xxlarge {
    font-size: 140px;
    line-height: 1;
  }

  .section__title span.en.xxxlarge {
    font-size: 200px;
    line-height: 1;
  }

  .section__title span.en.xxxxlarge {
    font-size: 90px;
  }

  .section__title span.en.xxxxxlarge {
    font-size: 120px;
  }

.section__title span.ja {
    font-size: 36px;
    line-height: inherit;
    letter-spacing: 0.025em;
  }

  .section__title span.ja.green {
    color: #2ab0a5;
  }

  .section__title span.ja.skew {
    transform: skewX(-0.025turn);
    letter-spacing: 0.05em;
  }

  .section__title span.ja.small {
    font-size: 28px;
  }

  .section__title span.ja.xxlarge {
    font-size: 50px;
  }

@media only screen and (max-width:520px) {
  .section__title {
    margin-bottom:calc(18px / 2);
  }

  .section__title span.en {
    font-size: calc(57px / 2);
    padding-bottom:calc(9px / 2);
    margin-bottom: calc(22.5px / 2);
    line-height: 1;
  }

  .section__title span.en.large {
    font-size: calc(96px / 2);
    line-height: 1;
  }

  .section__title span.en.xlarge {
    font-size: calc(110px / 2);
    line-height: 1;
  }

  .section__title span.en.xxlarge {
    font-size: calc(140px / 2.5);
    line-height: 1;
  }

  .section__title span.en.xxxlarge {
    font-size: calc(200px / 3);
    line-height: 1;
  }

  .section__title span.en.xxxxlarge {
    font-size: calc(90px / 2.5);
    line-height: 1;
  }

  .section__title span.en.xxxxxlarge {
    font-size: calc(120px / 2.5);
    line-height: 1;
  }

  .section__title span.ja {
    font-size: calc(36px / 1.65);
    letter-spacing: calc(0.025em / 2);
  }

  .section__title span.ja.skew {
    letter-spacing: calc(0.05em / 2)
  }

  .section__title span.ja.small {
    font-size: calc(28px / 1.5);
  }

  .section__title span.ja.xxlarge {
    font-size: calc(50px / 2);
  }

}

/*section__subtitle*/
.section__subtitle  {
  margin-bottom:18px;
}

  .section__subtitle.center {
    text-align: center;
  }

  .section__subtitle.left {
    text-align: left;
  }

  .section__subtitle span.ja {
    display: block;
    font-weight:bold;
    font-size: 28px;
    line-height: normal;
    letter-spacing: 0.025em;
  }

  .section__subtitle span.ja.small {
    font-size: 24px;
    line-height: normal;
  }

  .section__subtitle span.ja.large {
    font-size: 36px;
    line-height: normal;
  }

  .section__subtitle span.ja.xxlarge {
    font-size:48px;
    line-height: normal;
  }

@media only screen and (max-width:520px) {
  .section__subtitle  {
    margin-bottom:calc(18px / 2);
  }

  .section__subtitle span.ja {
    font-size: calc(28px / 1.35);
    letter-spacing: calc(0.025em / 2)
  }

  .section__subtitle span.ja.small {
    font-size: calc(24px / 1.5)
  }

  .section__subtitle span.ja.large {
    font-size: calc(36px / 1.5)
  }

  .section__subtitle span.ja.xxlarge {
    font-size:calc(48px / 1.5)
  }

}

.leed.center {
  text-align: center;
}

@media only screen and (max-width:520px) {
   .leed.center {
    text-align: left;
  }

}


/*breadnav*/
.breadnav {
  padding: 36px 0 ;
  z-index: 12;
}

.breadnav p {
  font-size: 15.5px;
  line-height: inherit;
}

.breadnav p a {
  text-decoration: underline!important;
}

  .breadnav p a:focus ,
  .breadnav p a:hover  {
    text-decoration: none!important;
    transition: 0.3s;
  }

@media only screen and (max-width:520px) {
  .breadnav {
    padding: calc(36px / 2) 0 ;
  }

  .breadnav p {
    font-size: calc(15.5px / 1.1);
  }
}

/* ----------------------------------------------------------

Home Setting

---------------------------------------------------------- */
/*home__welcome*/
.home__welcome {
  background-image: url(../img/bg1.jpg);
  background-position: top right;
  background-repeat: repeat;
  background-size: 100%;
  width: 100%;
  padding: 90px 0 180px;
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
  z-index: 1234;
  position: relative;
}

.home__welcome .section__title span {
  display: block;
}

  .home__welcome .section__title span.en {
    color:rgba(31, 165, 160, 0.25);
  }

.home__welcome__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  margin-top: -45px;
}

.home__welcome__text  {
  flex-basis: 52.5%;
}

.home__welcome__title span.ja {
  display: block;
  font-size: 36px;
  margin-top: 36px;
  margin-bottom: 18px;
}

.home__welcome__text p  {
  font-size: 18px;
  line-height: inherit;
}

.home__welcome__img {
  position: absolute;
  right: 0;
  top:216px;
  z-index: 12345;
}

.home__welcome__img img {
  width: calc(1100px / 2);
}

.home__welcome img.alignleft,
.home__welcome img.alignright {
  display: none;
}

@media only screen and (max-width:520px) {
  .home__welcome {
    padding: calc(90px / 2) 0 calc(180px / 4);
    clip-path: polygon(0 0, 100% 0%, 100% 90%, 0% 100%);
  }

  .home__welcome__container {
    margin-top: calc(-45px / 2);
  }

  .home__welcome__text  {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
    order: 1;
  }

  .home__welcome__title span.ja {
    font-size: calc(36px / 1.65);
    margin-top: calc(36px / 2);
    margin-bottom: calc(18px / 2);
  }

  .home__welcome__text p  {
    font-size: calc(18px / 1.15);
  }

  .home__welcome__img {
    position: relative;
    top:18px;
    order: 2;
    text-align: center;
    margin: auto;
  }

  .home__welcome img,
  .home__welcome__img img {
    width: calc(1100px / 5);
  }

  .home__welcome img.alignleft  {
    display:inline;
    float:left;
    margin-top:9px;
    margin-right:27px;
    margin-bottom:27px
  }

  .home__welcome img.alignright {
    display:inline;
    float:right;
    margin-top:9px;
    margin-left:27px;
    margin-bottom:27px
  }

}


/*home__message*/
.home__message {
  background-image: url(../img/bg2.jpg);
  background-position: top right;
  background-repeat: repeat;
  background-size: 100%;
  width: 100%;
  margin-top: -63px;
  padding: 90px 0 x;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
  z-index: 123;
  position: relative;
  color: #fff;
}

.home__message__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 90px 0 45px
}

.home__message__text  {
  order: 2;
  flex-basis: 55%;
  margin-left: 5%;
}

.home__message__img {
  flex-basis: 40%;
  order: 1;
  text-align: center;
  margin: auto;
}

  .home__message__text .section__title span.en {
    margin-left: -9p;
    color: rgba(255, 255, 255, 0.80);
  }

  .home__message__text .section__title span.ja {
    margin-top: -27px;
    margin-bottom: 36px;
  }

.home__message__img img {
  width: calc(853px / 2);
  margin-top: 72px;
}

.home__message .home__btn a {
  margin-top:36px;
  margin-left: 0;
  text-align: center;
}

@media only screen and (max-width:520px) {
  .home__message {
    margin-top: calc(-63px / 2);
    padding: calc(90px / 2) 0 ;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  }

  .home__message__container {
    padding: calc(90px / 2) 0 calc(45px / 2)
  }

  .home__message__text  {
    order: 1;
    flex-basis:100%;
    margin-left: auto;
    padding-left: 1em;
    padding-right: 1em;
  }

  .home__message__img {
    order: 2;
    flex-basis:100%;
    margin-bottom: -63px;
  }

  .home__message__text .section__title span.en {
    margin-left: calc(-9px / 2)
  }

  .home__message__text .section__title span.ja {
    margin-top: calc(-27px / 2);
    margin-bottom: calc(36px / 2);
  }

  .home__message__img img {
    width: calc(853px / 4);
    margin-top: calc(72px / 2)
  }

  .home__message .home__btn a {
    margin-top:calc(36px / 2);
  }

}

/*home__interview*/
.home__interview {
  background-image: url(../img/bg3.jpg);
  background-position: top right;
  background-repeat: repeat;
  background-size: 100%;
  width: 100%;
  margin-top: -200px;
  padding: 180px 0 235px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  z-index: 12;
  position: relative;
}

.home__interview .section__title span {
  display: block;
}

  .home__interview .section__title span small {
    display: block;
    font-size: 96px;
  }

  .home__interview .section__title span.en {
    color:#1fa5a0
  }

.home__interview__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
}

.home__interview__text  {
  flex-basis: 50%;
  margin-top: -27px;
}

.home__interview__title span.ja {
  display: block;
  font-size: 36px;
  margin-bottom: 18px;
}

@media only screen and (max-width:520px) {
  .home__interview {
    margin-top: calc(-200px / 2);
    padding: calc(180px / 2.5) 0 calc(235px / 1.25) ;
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0 100%);
    background-size:cover;
  }

  .home__interview .section__title span small {
    font-size: calc(96px / 2.5);
  }

  .home__interview__text  {
    flex-basis: 100%;
    margin-top: calc(-27px / 2);
  }

  .home__interview__title span.ja {
    font-size: calc(36px / 1.5)!important;
    margin-bottom: calc(18px / 2)
  }

  .home__interview .home__btn {
    margin-top: 54px;
    margin-bottom: -18px;
  }


}

/*home__nurturing*/
.home__nurturing {
  background-image: url(../img/bg4.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: -300px;
  padding: 270px 0 72px;
  z-index: 1;
  position: relative;
  color: #fff;
}

.home__nurturing__container {
  padding: 135px 0 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: tiop;
}

.home__nurturing__text {
  flex-basis: 47.5%;
}

.home__nurturing__text p {
  font-size: 18px;
}

.home__nurturing .home__btn a  {
  margin-top:36px;
  margin-left:0;
  text-align: center;
}

.home__nurturing__img   {
  position: absolute;
  top:145.0px;
  text-align: right;
  right: -5em;
  z-index: 123456;
}

.home__nurturing__img ul li   {
}

  .home__nurturing__img ul li:nth-child(1) img  {
    width: calc(1440px / 2);
    transform:rotate(2.5deg); 
  }

  .home__nurturing__img ul li:nth-child(2) img  {
    width: calc(1160px / 2);
    transform:rotate(-2.5deg); 
    margin-top: -145.0px;
  }

.home__nurturing__title {
  position: absolute;
  top:80%;
  left:-620px;
}

.home__nurturing__title span {
  display: block;
  text-align: left;
  font-size:280px;
  line-height: 1;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.50);
  transform:rotate(90deg); 
  letter-spacing: -0.01em;
}

@media only screen and (max-width:520px) {
  .home__nurturing {
    margin-top: calc(-300px / 2);
    padding: calc(270px / 2) 0 calc(72px / 2);
  }

  .home__nurturing__container {
    padding: calc(135px / 2) 0 calc(36px / 2);
  }

  .home__nurturing__text {
    flex-basis: 80%;
    order: 1;
  }

  .home__nurturing__text p {
    font-size: calc(18px / 1.15);
  }

  .home__nurturing .home__btn a  {
    margin-top:calc(36px / 2)
  }

  .home__nurturing__img   {
    top: calc(145px / 2);
    position: relative;
    order: 2;
    right: 0;
    margin-bottom: -36px;
  }

  .home__nurturing__img ul li:nth-child(1)  {
    margin-left: -54px;
  }

  .home__nurturing__img ul li:nth-child(2)   {
    margin-right: -120px;
  }

  .home__nurturing__img ul li:nth-child(1) img  {
    width: calc(1440px / 3.5);
  }

  .home__nurturing__img ul li:nth-child(2) img  {
    width: calc(1160px /  3);
    margin-top: calc(-145px / 1.5);
  }

  .home__nurturing__title {
    top:calc(40% / 1.25);
    left:0;
    right:calc(-620px / 1.45);
  }

  .home__nurturing__title span {
    font-size:calc(280px / 2);
    letter-spacing: calc(-0.01em / 2);
  }

}

/*home__cultue*/
.home__culture {
  background-image: url(../img/bg5.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 180px 0 45px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.home__culture .section__title span {
  display: block;
}

  .home__culture .section__title span.en {
    text-stroke:1px #e4992e;
    -webkit-text-stroke:1px #e4992e;
    color: transparent;
    line-height: 1;
    margin-left: -90px;
  }

  .home__culture .section__title span.en i {
    font-size: 95%;
  }

  .home__culture .section__title span.ja {
    margin-top: -18px;
    letter-spacing: 0.05em;
  }

.home__culture__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  margin-top: -90px;
  padding-top: 45px;
}

.home__culture__text  {
  flex-basis:40%;
  margin-left: 5%;
  order: 2;
}

.home__culture__img {
  flex-basis:70%;
  margin-top: -145px;
  margin-left: -15%;
  order: 1;
}

.home__culture__img img {
  width: calc(2480px / 1.5);
  transform:rotate(-10deg); 
  margin-left: -72px;
}

.home__culture__title span.ja {
  display: block;
  font-size: 36px;
  margin-bottom: 18px;
}

.home__culture__text p  {
  font-size: 18px;
  line-height: inherit;
}

.home__culture .home__btn a {
  margin-top:36px;
  margin-left: 0;
  text-align: center;
}

@media only screen and (max-width:520px) {
  .home__culture {
    padding: calc(180px / 2) 0 calc(45px / 2)
  }

  .home__culture .section__title span.en {
    margin-left: calc(-117px/ 4);
  }

  .home__culture .section__title span.en i {
    font-size: 95%;
  }

  .home__culture .section__title span.ja {
    margin-top: calc(-18px / 2);
    letter-spacing: calc(0.05em / 2)
  }

  .home__culture__container {
    margin-top:calc(-90px / 2);
    padding-top:calc(45px / 2)
  }

  .home__culture__text  {
    flex-basis:100%;
    margin-left:0;
    padding-left: 0;;
    padding-right: 0;;
    order: 1;
  }

  .home__culture__img {
    position: relative;
    flex-basis:100%;
    margin:36px auto auto;
    order: 2;
  }

  .home__culture__img img {
    width: 100%;
    height:256.0px;
    margin-left: auto;
    object-fit: cover;
    transform:rotate(0deg); 
  }

  .home__culture__title span.ja {
    font-size: calc(36px / 1.2);
    margin-bottom: calc(18px / 2);
  }

  .home__culture__text p  {
    font-size: calc(18px / 1.15);
  }

  .home__culture .home__btn a {
    margin-top:calc(36px / 2);
  }

}

/*home__job*/
.home__job {
  background-image: url(../img/bg6.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 99px 0 117px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.home__job .section__title span.ja {
  margin-top: -9px;
}

.home__job__img {
  position: absolute;
  left: 0;
  top: -18.0px;
}

.home__job__img img {
  width: calc(600px /2);
}

.home__job .home__btn a {
  margin-top:36px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media only screen and (max-width:520px) {
  .home__job {
    padding: calc(99px / 3) 0 calc(117px / 4);
  }

  .home__job .section__title span.ja {
    margin-top: calc(-9px / 2)
  }

  .home__job__img {
    top: calc(-18.0px / 2);
    left:-72px;
  }

  .home__job__img img {/*
    width: calc(600px / 3);
    */
    display: none;
  }

  .home__job .home__btn a {
    margin:calc(36px / 2) auto;
    width: 75%;
  }

}


/* ----------------------------------------------------------

Message Setting

---------------------------------------------------------- */
/*message__welcome*/
.message__welcome {
  background-image: url(../img/bg1.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  padding: 18px 0 ;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
  z-index: 123;
  position: relative;
}

.message__welcome__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 90px 0 
}

.message__welcome__text  {
  order: 2;
  flex-basis: 55%;
  margin-left: 5%;
}

.message__welcome__img {
  flex-basis: 40%;
  order: 1;
  text-align: center;
  margin: auto;
}

  .message__welcome__text .section__title span.en {
    margin-left: -144px;
    color: rgba(31, 165, 160, 0.25);
    line-height: 0;
  }

  .message__welcome__text .section__title span.ja {
    margin-top: -18px;
    margin-bottom: 36px;
  }

.message__welcome__img img {
  width: calc(853px / 2);
  margin-top: 72px;
}



@media only screen and (max-width:520px) {
  .message__welcome {
    padding: calc(18px / 2) 0 ;
    padding-top: 45px;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 90%);
    background-size: 100%;
    background-repeat: repeat-y;
  }

  .message__welcome__container {
    padding: calc(90px / 2) 0 ;
    margin-bottom: -45px
  }

  .message__welcome__text  {
    flex-basis: 100%;
    margin-left: auto;
    order: 1;
  }

  .message__welcome__img {
    flex-basis: 100%;
    order: 2;
  }

  .message__welcome__text .section__title span.en {
    margin-left: calc(-144px / 6);
  }

  .message__welcome__text .section__title span.ja {
    margin-top: calc(-18px / 2);
    margin-bottom: calc(36px/ 2);
  }

  .message__welcome__img img {
    width: calc(853px / 4);
    margin-top: calc(72px / 2);
  }

}


/*message__wanted*/
.message__wanted {
  background-image: url(../img/bg9.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  padding: 36px 0 0;
  margin-top: -200px;
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 0 100%);
  z-index: 12;
  position: relative;
}

.message__wanted__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 90px 0 ;
}

.message__wanted__text  {
  order: 1;
  flex-basis:50% ;
  padding-left: 90px;
}

  .message__wanted__text .section__title span.en {
    margin-left: -144px;
    color: rgba(0, 109, 70, 0.25);
    line-height: 0;
  }

  .message__wanted__text .section__title span.ja {
    margin-top: -18px;
    margin-bottom: 36px;
  }

.message__wanted__img {
  order: 2;
  flex-basis: 63.5%;
  margin-right: -20%;
  text-align: right;
  right: -80px;
  z-index: 1;
  top: -25px;
}

.message__wanted__img ul li:nth-child(2) {
  left: -162px;
  margin-top: -45px;
}

  .message__wanted__img ul li:nth-child(1) img {
    width: calc(1710px / 1.5);
    transform:rotate(-2.5deg); 
  }

  .message__wanted__img ul li:nth-child(2) img {
    width: calc(1180px / 2);
    transform:rotate(2.5deg); 
  }


@media only screen and (max-width:520px) {
  .message__wanted {
    padding: calc(36px / 2) 0 0;
    margin-top:calc(-200px / 2);
    clip-path: polygon(0 0, 100% 0%, 100% 92.5%, 0 100%);
    position: relative;
  }

  .message__wanted__container {
    padding: calc(90px / 2) 0 ;
    padding-top: 90px;
  }

  .message__wanted__text  {
    order: 1;
    flex-basis:100% ;
    padding-left: 1em;
    padding-right: 1em;
  }

  .message__wanted__text .section__title span.en {
    margin-left: calc(-144px / 4);
  }

  .message__wanted__text .section__title span.ja {
    margin-top: calc(-18px / 2);
    margin-bottom: calc(36px / 2);
  }

  .message__wanted__img {
    order: 2;
    flex-basis: 100%;
    margin-right: -20%;
    right: calc(-80px / 2);
    top: calc(-25px / );
    top: 36px;
    margin-bottom: -54px;
  }

  .message__wanted__img ul li:nth-child(2) {
    left: calc(-162px / 3);
    margin-top: calc(-45px / 2);
  }

  .message__wanted__img ul li:nth-child(1) img {
    width: calc(1710px / 2.5);
    transform:rotate(-2.5deg); 
  }

  .message__wanted__img ul li:nth-child(2) img {
    width: calc(1180px / 2.5);
    transform:rotate(2.5deg); 
  }
}


/*message__innovation*/
.message__innovation {
  background-image: url(../img/bg10.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  padding:  0 0 54px;
  margin-top: -200px;
  margin-bottom: -45px;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
  z-index: 1;
  position: relative;
}

.message__innovation__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 90px 0 36px 
}

.message__innovation__text  {
  order: 2;
  flex-basis:55% ;
  padding-left: 90px;
}

  .message__innovation__text .section__title span.en {
    margin-left: -225.0px;
    color: rgba(216, 164, 62, 0.25);
    line-height:1;
    letter-spacing: -0.025em;
    width: 200%;
    padding-bottom: 18px;
    overflow-x: hidden;
  }

  .message__innovation__text .section__title span.ja {
    margin-top: -36px;
    margin-bottom: 36px;
  }

.message__innovation__img {
  order: 1;
  flex-basis: 58.5%;
  margin-left: -20%;
  text-align: right;
  left: 0;
  z-index: 1;
  top: 0px;
}

.message__innovation__img ul li:nth-child(1) {
  left:72px;
  margin-top: -18px;
}

.message__innovation__img ul li:nth-child(2) {
  left:18px;
  margin-top: -45px;
}

  .message__innovation__img ul li:nth-child(1) img {
    width: calc(1650 / 1.86);
    transform:rotate(2.5deg); 
  }

  .message__innovation__img ul li:nth-child(2) img {
    width: calc(1070px / 2);
    transform:rotate(-2.5deg); 
  }

@media only screen and (max-width:520px) {
  .message__innovation {
    padding:  0 0 calc(54px / 2);
    margin-top: calc(-200px / 2);
    margin-bottom: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 92.5%);
  }

  .message__innovation__container {
    padding: 90px 0 calc(36px / 2) ;
    padding-top: 135px;
    margin-bottom: -72px;
  }

  .message__innovation__text  {
    order: 1;
    flex-basis:100% ;
    padding-left: 1em;
    padding-right: 1em;
  }

  .message__innovation__text .section__title span.en {
    margin-left: calc(-144px / 4);
    letter-spacing: calc(-0.025em / 2);
    width: 200%;
    padding-bottom: 18px;
  }

  .message__innovation__text .section__title span.ja {
    margin-top: calc(-36px / 1);
    margin-bottom: calc(36px / 2);
  }

  .message__innovation__img {
    flex-basis: 100%;
    margin-left: cacl(-20% / 2);
    text-align: right;
    left: 0;
    z-index: 1;
    top: 0px;
  }

  .message__innovation__img ul li:nth-child(1) {
    left:-15px;
    margin-top: 36px;
  }

  .message__innovation__img ul li:nth-child(2) {
    left:45px;
    margin-top:calc(-45px / 2)
  }

  .message__innovation__img ul li:nth-child(1) img {
    width: calc(1650 / 2.5);
  }

  .message__innovation__img ul li:nth-child(2) img {
    width: calc(1070px / 2.5);
  }


}


/* ----------------------------------------------------------

Culture Setting

---------------------------------------------------------- */
/*culture__about*/
.culture__about {
  background-image: url(../img/bg8.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 11;
  position: relative;
}

.culture__about__container {
  position: relative;
}

.culture__about .section__title span {
  display: block;
}

  .culture__about .section__title span.en {
    text-stroke:1px #1fa5a0;
    -webkit-text-stroke:1px #1fa5a0;
    color: transparent;
    /*
    color: rgba(31, 165, 160, 0.250);
    font-weight: 700;
    line-height: 1; */   
    margin-left:0px;
    margin-top: -90px;
    word-wrap::normal;
    overflow: hidden;
    width: 200%;
  }

  .culture__about .section__title span.ja {
    margin-top: -126px;
  }

@media only screen and (max-width:520px) {
  .culture__about .section__title span.en {
    margin-left:0px;
    margin-top: calc(-90px / 2);
    width: 200%;
    text-stroke:0.5px #1fa5a0;
    -webkit-text-stroke:0.5px #1fa5a0;
    color: transparent;
  }

  .culture__about .section__title span.ja {
    margin-top: calc(-126px / 3);
    margin-bottom: -18px;
  }

}


/*culture__holiday*/
.culture__holiday {
  background-image: url(../img/bg1.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 123;
  padding-bottom: 90px;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}

.culture__holiday__container {
  margin-top: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: top;
  padding-top: 36px;
}

.culture__holiday__title {
  position: absolute;
  left:0;
  top:-108px;
  display: block;
  transform:rotate(-15deg);
}

.culture__holiday__title span.damion {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-size: 224px;
  line-height: 0.75;
  letter-spacing: 0.15em;
  transform: skewX(-0.025turn);
  color: rgba(42, 176, 165, 0.1);
  word-wrap::normal;
  overflow: hidden;
  width: 200%;
}

.culture__holiday .green {
  color: #11564f
}

.holiday__list {
  width: 360px;
  height: 360px;
  border-radius: 360px;
  box-sizing: border-box;
  z-index: 12;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 80px -20px #30b2a8;
}

  .holiday__list:nth-child(2) {
    margin: 0 45px;
    margin-top: -45px;
  }

  .holiday__list:nth-child(3) {
    margin-top: -90px;
  }

.holiday__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);
 }

.holiday__title {
  position: absolute;
  bottom: -72px;
  width: 100%;
  height:180px;
  background: #2ab0a5;
  padding:118px 0 0;
  border-top-left-radius: 360px;
  border-top-right-radius: 360px;
  transform: rotate(180deg);
}

.holiday__title span {
  display: block;
  color: #fff;
  text-align: center;
  margin: auto;
  font-size: 28px;
  line-height: normal;
  font-weight: bold;
  transform: rotate(-180deg);
  letter-spacing: 0.025em;
}


.holiday__logo {
  margin-top:36px;
}

.holiday__logo img {
  width: 360px;
  height: auto;
}


@media only screen and (max-width:520px) {
  .culture__holiday {
    padding-bottom: calc(90px / 5);
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
    background-size: cover;
  }

  .culture__holiday__container {
    margin-top:calc(90px / 2);
    padding-top: calc(36px / 2);
  }

  .culture__holiday__title {
    top:calc(-108px / 18);
    transform:rotate(-15deg);
  }

  .culture__holiday__title span.damion {
    text-indent: -1.5em;
    padding-left: 1.5em;
    font-size: calc(224px / 2.25);
    letter-spacing: calc(0.15em / 2);
    width: 200%;
  }

  .holiday__list {
    width: 32%;
    height: 120px;
    border-radius: 120px;
    z-index: 12;
    box-shadow: 0px 0px 80px -20px #30b2a8;
  }

  .holiday__list:nth-child(2) {
    margin: 0 1%;
    margin-top: calc(-45px / 2);
  }

  .holiday__list:nth-child(3) {
    margin-top: calc(-90px / 2);
  }

  .holiday__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: circle(50% at 50% 50%);
   }

  .holiday__title {
    bottom: calc(-72px / 2);
    width: 100%;
    height:calc(180px / 2);
    padding:calc(118px / 2) 0 0;
    border-top-left-radius: 360px;
    border-top-right-radius: 360px;
    transform: rotate(180deg);
  }

  .holiday__title span {
    font-size: calc(28px / 2);
    transform: rotate(-180deg);
    letter-spacing: 0.025em;
  }

}

/*culture__welfare*/
.culture__welfare {
  background-image: url(../img/bg11.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 11;
  margin-top: -250px;
  padding-top: 250px;
  position: relative;
}

.culture__welfare__container {
  position: relative;
}

.culture__welfare .section__title span {
  display: block;
  margin-bottom: -36px;
}

  .culture__welfare .section__title span.en {
    text-stroke:1px #e4992e;
    -webkit-text-stroke:1px #e4992e;
    color: transparent;
   /*
    color: rgba(228, 153, 46, 0.25);
    font-weight: 700;   */  
    line-height: 1;
    margin-left:0px;
    margin-top: -210px;
  }

  .culture__welfare .section__title span.ja {
    color: #e4992e;
    margin-top: -72px;
  }

@media only screen and (max-width:520px) {
  .culture__welfare {
    margin-top: calc(-250px / 2);
    padding-top: calc(250px / 2);
  }

  .culture__welfare .section__title span {
    display: block;
    margin-bottom: calc(-36px / 2);
  }

  .culture__welfare .section__title span.en {
    margin-left:0px;
    margin-top: calc(-210px / 4);
    text-stroke:0.5px #e4992e;
    -webkit-text-stroke:0.5px #e4992e;
    color: transparent;
  }

  .culture__welfare .section__title span.ja {
    margin-top: calc(-72px / 2);
  }
  
}

/*welfare__list*/
.welfare__container {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: top;
  padding-top: 36px;
  padding-bottom:36px;
}

.welfare__list {
  flex-basis: 30%;
  margin: 18px auto;
  background: #fff;
  padding:45px 32px;
  transform: skewX(-7.5deg);
}

  .welfare__list:nth-child(2),
  .welfare__list:nth-child(5) ,
  .welfare__list:nth-child(7),
  .welfare__list:nth-child(8) {
    margin:18px;
  }

.welfare__img {
  text-align: center;
  margin: auto;
}

  .welfare__img img {
    transform: skewX(7.5deg);
    width: calc(328px / 2);
  }

.welfare__title {
  display: block;
  text-align: center;
  margin: auto;
  font-size: 27.5px;
  line-height: normal;
  font-weight: 600;
  letter-spacing: 0em;
  padding-top:31.5px;
  margin-bottom: 18px;
  color: #e4992e
}

.welfare__list p {
  font-size: 16px;
  line-height: inherit;
  transform: skewX(7.5deg);
}

@media only screen and (max-width:520px) {
  .welfare__container {
    padding-top: calc(36px / 2);
    padding-bottom:calc(36px / 2);
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: top;
  }

  .welfare__list,
  .welfare__list:nth-child(2),
  .welfare__list:nth-child(5) ,
  .welfare__list:nth-child(7),
  .welfare__list:nth-child(8) {
    flex-basis: 48%;
    margin: calc(18px / 2) 0;
    padding:calc(45px / 2) calc(32px / 2);
    transform: skewX(-2.5deg);
  }

  .welfare__list:nth-child(even) {
    margin-left:3%
  }

  .welfare__img img {
    width: calc(328px / 3.5);
  }

  .welfare__title {
    font-size: calc(27.5px / 1.45);
    padding-top:calc(31.5px / 2);
    margin-bottom:calc(18px / 2);
  }

  .welfare__list p {
    font-size: calc(16px / 1.15);
    transform: skewX(2.5deg);
  }

}


/*culture__comment*/
.culture__comment {
  background-image: url(../img/bg12.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
  margin-top: -72px;
  padding: 90px 0 126px;
  z-index: 12345;
}

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

.culture__comment__text {
  flex-basis: 52%;
  line-height: 2.23456;
}

.culture__comment__img {
  flex-basis: 47%;
  position: absolute;
  right: 0;
  top: -135px;
}

.culture__comment__img img {
  width: calc(995px / 2.15);
}


@media only screen and (max-width:520px) {
  .culture__comment {
    margin-top: calc(-72px / 2);
    padding: calc(90px / 4) 0 calc(126px / 1);
  }

  .culture__comment__text {
    flex-basis: 100%;
    order: 1;
  }

  .culture__comment__img {
    flex-basis: 100%;
    position: relative;
    order: 2;
    text-align: center;
    top: 0;
    margin-top: 36px auto auto;
    margin-bottom: -90px;
  }

  .culture__comment__text p {
    font-size: inherit;
  }

  .culture__comment__img img {
    width: calc(995px / 4);
  }

}



/*culture__gathering*/
.culture__gathering {
  background-image: url(../img/bg1.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  padding: 18px 0 ;
  margin-bottom: -36px;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
  z-index: 123;
  position: relative;
}

.culture__gathering__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: center;
  padding: 90px 0 
}

.culture__gathering__text  {
  order: 2;
  flex-basis: 55%;
  margin-left: 5%;
  padding-bottom: 72px;
}

.culture__gathering__img {
  flex-basis: 40%;
  order: 1;
  text-align: center;
  margin: auto;
}

  .culture__gathering__text .section__title span.ja {
    margin-top: -18px;
    margin-bottom: 18px;
    color: #11564f;
  }

.culture__gathering__img  {
  position: absolute;
  top:-90px;
  z-index: 123456;
}

  .culture__gathering__img ul li:nth-child(1) {
    margin-top: 36px;
    left: -90px;
  }

  .culture__gathering__img ul li:nth-child(2) {
    margin-top: -108px;
  }

  .culture__gathering__img ul li:nth-child(1) img {
    width: calc(1270px / 2.15);
  }

  .culture__gathering__img ul li:nth-child(2) img {
    width: calc(1054px / 2.25);
  }


@media only screen and (max-width:520px) {
  .culture__gathering {
    padding: calc(18px / 2) 0 ;
    margin-bottom: calc(-36px / 1);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 92.5%);
  }

  .culture__gathering__container {
    padding: calc(90px / 2) 0 0
  }

  .culture__gathering__text  {
    order: 1;
    flex-basis: 100%;
    margin:auto;
    padding-bottom: calc(72px / 2);
  }

  .culture__gathering__img {
    position: relative;
    flex-basis: 100%;
    order: 2;
    top:0x;
    text-align: center;
    margin: auto;
    margin-top: 45px;
    margin-bottom: -135px;
  }

  .culture__gathering__text .section__title span.ja {
    margin-top: calc(-18px / 2);
    margin-bottom: calc(18px / 2);
  }

  .culture__gathering__img ul li:nth-child(1) {
    margin-top: calc(36px / 1);
    left: -90px;
  }

  .culture__gathering__img ul li:nth-child(2) {
    margin-top: -108px;
  }

  .culture__gathering__img ul li:nth-child(1) img {
    width: calc(1270px / 2.5);
  }

  .culture__gathering__img ul li:nth-child(2) img {
    width: calc(1054px / 2.);
  }

}



/* ----------------------------------------------------------

Nurturing Setting

---------------------------------------------------------- */
/*nurturing__about*/
.nurturing__about {
  background-image: url(../img/bg1.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 11;
  position: relative;
  padding-bottom: 360px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}

.nurturing__about__container {
  position: relative; 
}

.nurturing__about .section__title  {
  padding-top: 36px;
}

.nurturing__about .section__title span {
  display: block;
}

  .nurturing__about .section__title span.en {
    text-stroke:1px #1fa5a0;
    -webkit-text-stroke:1px #1fa5a0;
    color: transparent;
      /*
    color: rgba(31, 165, 160, 0.250);
    font-weight: 700; */ 
    line-height: 1;
    margin-left: -45px;
    word-wrap:normal;
    overflow-x: hidden;
    padding-bottom:27px;
    letter-spacing: -0.01em;
    width: 200%;
  }

  .nurturing__about .section__title span.ja {
    margin-top: -72px;
  }


@media only screen and (max-width:520px) {
  .nurturing__about {
    background-image: url(../img/bg1.jpg);
    padding-top: 36px;
    padding-bottom: calc(360px / 2);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
  }

  .nurturing__about .section__title  {
    padding-top: calc(36px / 2);
  }

  .nurturing__about .section__title span.en {
    text-stroke:0.5px #1fa5a0;
    -webkit-text-stroke:0.5px #1fa5a0;
    color: transparent;
    margin-left: calc(-45px / 2);
    padding-bottom:calc(27px / 2);
    letter-spacing: calc(-0.01em / 2);
    width: 200%;
  }

  .nurturing__about .section__title span.ja {
    margin-top: calc(-72px / 2);
  }

}


/*nurturing__growtogether*/
.nurturing__growtogether {
  margin-top: -423px;
  position: relative;
  z-index: 1234;
  overflow-x: hidden;
}

.nurturing__growtogether__container {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: top;
}

.growtogether__list {
  width: 360px;
  height: 360px;
  border-radius: 360px;
  box-sizing: border-box;
  z-index: 12;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 80px -10px #138d84;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

  .growtogether__list:nth-child(2) {
    margin: 0 45px;
    margin-top: -45px;
  }

  .growtogether__list:nth-child(3) {
    margin-top: -90px;
  }

.growtogether__img img {
  width: 200%;
  height: 360px;
 
 }

.growtogether__title {
  position: absolute;
  margin-top: -22.5px;

}

.growtogether__title span {
  display: block;
  text-align: center;
  margin: auto;
}

  .growtogether__title span.en {
    font-size: 106px;
    line-height: normal;
    color: rgba(255, 255, 255, 0.75);
    font-weight: bold;
    letter-spacing: 0.025em;
  }

  .growtogether__title span.ja {
    font-size: 31px;
    line-height: normal;
    color: rgba(255, 255, 255, 1);
    font-weight: bold;
    letter-spacing: 0.025em;
    transform: skewX(-0.025turn);
  }

@media only screen and (max-width:520px) {
  .nurturing__growtogether {
    margin-top: calc(-423px / 2);
  }

  .growtogether__list {
    width: 32%;
    height: 100%;
    border-radius: 100%;
    box-shadow: 0px 0px calc(80px / 2) -10px #138d84;
  }

  .growtogether__list:nth-child(2) {
    margin: 0 1%;
    margin-top:calc(-45px / 2.5)
  }

  .growtogether__list:nth-child(3) {
    margin-top: calc(-90px / 2.5)
  }

  .growtogether__img img {
    width: 100%;
    height: auto;
   }

  .growtogether__title {
    margin-top: calc(-22.5px / 2);
  }

  .growtogether__title span.en {
    font-size: calc(106px /4);
    letter-spacing: calc(0.025em / 2);
  }

  .growtogether__title span.ja {
    font-size: calc(31px / 2);
    letter-spacing: calc(0.025em / 2);
  }

}


/*nurturing__caremanager*/
.nurturing__caremanager {
  background-image: url(../img/bg13.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  margin-top: -450px;
  padding-top: 360px;
  overflow: hidden;
}

.nurturing__caremanager__container {
  position: relative;
}

.nurturing__caremanager .section__title span {
  display: block;
  margin-bottom: -36px;
}

  .nurturing__caremanager .section__title span.en {
    text-stroke:1px #e4992e;
    -webkit-text-stroke:1px #e4992e;
    color: transparent;
 /*
    color: rgba(228, 153, 46, 0.25);
    font-weight: 700;   */
    line-height: 1;
    width:200%;
    right: 0;
    margin-left:0px;
    letter-spacing: -0.02em;
    overflow-x: hidden;
    padding-bottom:27px;
  }

  .nurturing__caremanager .section__title span.ja {
    color: #e4992e;
    margin-top: -81px;
  }

@media only screen and (max-width:520px) {
  .nurturing__caremanager {
    margin-top: calc(-450px / 2);
    padding-top: calc(360px / 2);
    overflow:auto;
  }

  .nurturing__caremanager .section__title span {
    margin-bottom: calc(-36px / 2);
  }

  .nurturing__caremanager .section__title span.en {
    text-stroke:0.5px #e4992e;
    -webkit-text-stroke:0.5px #e4992e;
    color: transparent;
    line-height: 1;
    width:200%;
    right: 0;
    margin-left:0px;
    letter-spacing: calc(-0.02em / 2);
    overflow-x: hidden;
    padding-bottom:27px;
  }

  .nurturing__caremanager .section__title span.ja {
    margin-top: calc(-81px / 2);
  }

}



/*caremanager__step*/
.caremanager__step {
  width: 100%;
  position: absolute;
  background: #de742e;
  margin-top: 180px;
  height: 360px;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
}

.caremanager__step__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  padding-top: 27px;
  position: relative;
  z-index: 123456;
}

.caremanager__step__list {
  flex-basis: 24%;
  margin: 2% 1% 2% 0;
  background: #fff;
  padding-bottom:9px;
  transform: skewX(-7.5deg);
}

  .caremanager__step__list:nth-child(4) {
    margin: 2% 0;
  }

.caremanager__step__text {
  transform: skewX(7.5deg);
}

.caremanager__step__num {
  padding: 18px 31.5px 0;
  margin-top: -45px;
}

.caremanager__step__num span {
  display: inline-block;
  vertical-align: middle;
}

  .caremanager__step__num span.en {
    font-size: 76px;
    line-height: 1;
    font-weight: bold;
    color: #f1cc96;
    transform: skewX(-0.025turn);
  }

  .caremanager__step__num span.ja {
    color: #e4992e;
    font-size: 18px;
    margin-left: 9px;
    margin-top: 27px;
    line-height: inherit;
    font-weight: bold;
  }

.caremanager__step__title {
  padding: 9px 36px 0;
  text-align: center;
  margin: auto;
}

  .caremanager__step__title span.ja {
    display: block;
    color: #222;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.5;
  }

.caremanager__step__text p {
  font-size: 15.5px;
  line-height: inherit;
  padding: 9px 31.5px 18px;
  text-align: justify;
  margin-left: -9px;
}

@media only screen and (max-width:520px) {
  .caremanager__step {
    width: 100%;
    margin-top: calc(180px / 2);
    height:200%;
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
  }

  .caremanager__step__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: top;
    padding-top:calc(27px / 2);
    position: relative;
    z-index: 123456;
  }

  .caremanager__step__list,
  .caremanager__step__list:nth-child(4) {
    flex-basis: 47.5%;
    margin: 2% auto;
    padding-bottom:calc(9px / 2);
    transform: skewX(-2.5deg);
  }

  .caremanager__step__text {
    order: 2;
    top: 0px;
    z-index: 12;
    position: relative;
    background: #fff;
    transform: skewX(0);
  }

  .caremanager__step__img {
    order: 1;
    z-index: 1;
  }

  .caremanager__step__num {
    padding: calc(18px / 18) calc(31.5px / 2) 0;
    margin-top: calc(45px / 1);
  }

  .caremanager__step__num span.en {
    font-size: calc(76px / 1.5);
    margin-top: -117px;
  }

  .caremanager__step__num span.ja {
    font-size: calc(18px / 1.15);
    margin-left: calc(9px / 2);
    margin-top:-99px;
  }

  .caremanager__step__title {
    padding: calc(9px / 9) calc(36px / 2) 0;
    margin-top: -36px;
  }

  .caremanager__step__title span.ja {
    font-size: calc(22px / 1.2);
  }

  .caremanager__step__text p {
    font-size: calc(15.5px / 1.15);
    transform: skewX(2.5deg);
    padding: calc(9px / 2) calc(31.5px / 2) calc(18px / 1);
    margin-left:0
  }


}

/*caremanager__step__comment*/
.caremanager__step__comment {
  background-image: url(../img/bg14.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  margin-top: -280px;
  padding-top: 270px;
  padding-bottom: 72px;
  margin-bottom: -72px;
}

.caremanager__step__comment__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 36px;
}

.caremanager__step__comment__img {
  flex-basis: 256px;
}

.caremanager__step__comment__text {
  flex-basis: calc(100% - 300px);
  text-align: justify;
}

.caremanager__step__comment__img img {
  width: 256px;
}

.caremanager__step__comment__title {
  margin-bottom: 18px;
}

.caremanager__step__comment__title span.ja {
  display: block;
  font-size: 34px;
  line-height: normal;
  font-weight: bold;
  transform: skewX(-0.025turn);
}

.caremanager__step__comment__text p {
  font-size: 18px;
  line-height: inherit;
}

.caremanager__step__comment__en {
  position: absolute;
  right:0;
  top:200px;
  display: block;
  transform:rotate(-15deg);
}

.caremanager__step__comment__en span.damion {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-size: 136px;
  line-height: 0.75;
  letter-spacing: 0.15em;
  transform: skewX(-0.025turn);
  color: rgba(255, 255, 255, 0.5);
  word-wrap::normal;
  overflow: hidden;
  width: 200%;
}

@media only screen and (max-width:520px) {
  .caremanager__step__comment {
    z-index: -1;
    margin-top: calc(-280px / 2);
    padding-top: calc(270px / 1.75);
    padding-bottom: calc(72px / 2);
    margin-bottom: calc(-72px / 2);
  }

  .caremanager__step__comment__container {
    padding-top:calc(36px / 2);
  }

  .caremanager__step__comment__img {
    flex-basis: calc(256px / 2);
  }

  .caremanager__step__comment__text {
    flex-basis: calc(100% - calc(300px / 2));
  }

  .caremanager__step__comment__img img {
    width: calc(256px / 2);
  }

  .caremanager__step__comment__title {
    margin-bottom:calc(18px / 2);
  }

  .caremanager__step__comment__title span.ja {
    font-size: calc(34px / 1.5);
  }

  .caremanager__step__comment__text p {
    font-size: calc(18px / 1.15);
  }

  .caremanager__step__comment__en {
    right:0;
    top:calc(200px / 2);
    transform:rotate(-15deg);
  }

  .caremanager__step__comment__en span.damion {
    display: block;
    text-indent: -1.5em;
    padding-left: 1.5em;
    font-size: calc(136px / 1);
    letter-spacing:calc(0.15em / 2);
    width: calc(200% / 2);
  }
}



/*nurturing__walefare*/
.nurturing__walefare {
  background-image: url(../img/bg8.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  overflow-x: hidden;
}

.nurturing__walefare__container {
  position: relative;
}

.nurturing__walefare .section__title span {
  display: block;
  margin-bottom: -36px;
}

  .nurturing__walefare .section__title span.en {
    text-stroke:1px #1fa5a0;
    -webkit-text-stroke:1px #1fa5a0;
    color: transparent;
      /*
    color: rgba(31, 165, 160, 0.150);
    font-weight: 700;*/ 
    margin-left:0px;
    line-height: 0.85; 
    letter-spacing: 0.025em;
    overflow-x: hidden;
    width: 200%;
    margin-top: -180px;
    padding-bottom: 36px;
  }

  .nurturing__walefare .section__title span.ja {
    color: #2ab0a5;
    margin-top: -99px;
  }

@media only screen and (max-width:520px) {
  .nurturing__walefare {
    z-index: -2;
    overflow-x: hidden;
  }

  .nurturing__walefare .section__title span {
    margin-bottom: calc(-36px / 2);
  }

  .nurturing__walefare .section__title span.en {
    text-stroke:0.5px #1fa5a0;
    -webkit-text-stroke:0.5px #1fa5a0;
    color: transparent;
    margin-left:0px;
    line-height: 0.85; 
    letter-spacing: calc(0.025em / 2);
    width: 200%;
    margin-top:calc(-180px / 6);
    padding-bottom: calc(36px /2);
  }

  .nurturing__walefare .section__title span.ja {
    margin-top: calc(-99px / 3);
  }


}


/*walefare__step*/
.walefare__step {
  width: 100%;
  position: absolute;
  background: #48c97e;
  margin-top: 180px;
  height: 360px;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
}

.walefare__step__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  padding-top: 27px;
  position: relative;
  z-index: 123456;
}

.walefare__step__list {
  flex-basis: 24%;
  margin: 2% 1% 2% 0;
  background: #fff;
  padding-bottom:9px;
  transform: skewX(-7.5deg);
}

  .walefare__step__list:nth-child(4) {
    margin: 2% 0;
  }

.walefare__step__text {
  transform: skewX(7.5deg);
}

.walefare__step__num {
  padding: 18px 31.5px 0;
  margin-top: -45px;
}

.walefare__step__num span {
  display: inline-block;
  vertical-align: middle;
}

  .walefare__step__num span.en {
    font-size: 76px;
    line-height: 1;
    font-weight: bold;
    color: #88dcab;
    transform: skewX(-0.025turn);
  }

  .walefare__step__num span.ja {
    color: #88dcab;
    font-size: 18px;
    margin-left: 9px;
    margin-top: 27px;
    line-height: inherit;
    font-weight: bold;
  }

.walefare__step__title {
  padding: 9px 31.5px 0;
  text-align: center;
  margin: auto;
}

  .walefare__step__title span.ja {
    display: block;
    color: #222;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.5;
  }

.walefare__step__text p {
  font-size: 15.5px;
  line-height: inherit;
  padding: 9px 36px 18px;
  margin-left: -9px;
  text-align: justify;
}

@media only screen and (max-width:520px) {
  .walefare__step {
    width: 100%;
    margin-top: calc(180px / 2);
    height:180%;
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
  }

  .walefare__step__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: top;
    padding-top:calc(27px / 2);
    position: relative;
    z-index: 123456;
  }

  .walefare__step__list,
  .walefare__step__list:nth-child(4) {
    flex-basis: 47.5%;
    margin: 2% auto;
    padding-bottom:calc(9px / 2);
    transform: skewX(-2.5deg);
  }

  .walefare__step__text {
    order: 2;
    top: 0px;
    z-index: 12;
    position: relative;
    background: #fff;
    transform: skewX(0);
  }

  .walefare__step__img {
    order: 1;
    z-index: 1;
  }

  .walefare__step__num {
    padding: calc(18px / 18) calc(31.5px / 2) 0;
    margin-top: calc(45px / 1);
  }

  .walefare__step__num span.en {
    font-size: calc(76px / 1.5);
    margin-top: -117px;
  }

  .walefare__step__num span.ja {
    font-size: calc(18px / 1.15);
    margin-left: calc(9px / 2);
    margin-top:-99px;
  }

  .walefare__step__title {
    padding: calc(9px / 9) calc(36px / 2) 0;
    margin-top: -36px;
  }

  .walefare__step__title span.ja {
    font-size: calc(22px / 1.2);
  }

  .walefare__step__text p {
    font-size: calc(15.5px / 1.15);
    transform: skewX(2.5deg);
    padding: calc(9px / 2) calc(31.5px / 2) calc(18px / 1);
    margin-left:0
  }

}



/*walefare__step__comment*/
.walefare__step__comment {
  background-image: url(../img/bg15.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  margin-top: -280px;
  padding-top: 270px;
  padding-bottom: 72px;
  margin-bottom: -72px;
}

.walefare__step__comment__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 36px;
}

.walefare__step__comment__img {
  flex-basis: 256px;
}

.walefare__step__comment__text {
  flex-basis: calc(100% - 300px);
  text-align: justify;
}

.walefare__step__comment__img img {
  width: 256px;
}

.walefare__step__comment__title {
  margin-bottom: 18px;
}

.walefare__step__comment__title span.ja {
  display: block;
  font-size: 34px;
  line-height: normal;
  font-weight: bold;
  transform: skewX(-0.025turn);
}

.walefare__step__comment__text p {
  font-size: 18px;
  line-height: inherit;
}

.walefare__step__comment__en {
  position: absolute;
  right:0;
  top:200px;
  display: block;
  transform:rotate(-15deg);
}

.walefare__step__comment__en span.damion {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-size: 136px;
  line-height: 0.75;
  letter-spacing: 0.15em;
  transform: skewX(-0.025turn);
  color: rgba(255, 255, 255, 0.5);
  word-wrap::normal;
  overflow: hidden;
  width: 200%;
}

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

  .walefare__step__comment {
    z-index: -1;
    margin-top: calc(-280px / 2);
    padding-top: calc(270px / 1.75);
    padding-bottom: calc(72px / 2);
    margin-bottom: calc(-72px / 2);
  }

  .walefare__step__comment__container {
    padding-top:calc(36px / 2);
  }

  .walefare__step__comment__img {
    flex-basis: calc(256px / 2);
  }

  .walefare__step__comment__text {
    flex-basis: calc(100% - calc(300px / 2));
  }

  .walefare__step__comment__img img {
    width: calc(256px / 2);
  }

  .walefare__step__comment__title {
    margin-bottom:calc(18px / 2);
  }

  .walefare__step__comment__title span.ja {
    font-size: calc(34px / 1.5);
  }

  .walefare__step__comment__text p {
    font-size: calc(18px / 1.15);
  }

  .walefare__step__comment__en {
    right:0;
    top:calc(200px / 2);
    transform:rotate(-15deg);
  }

  .walefare__step__comment__en span.damion {
    display: block;
    text-indent: -1.5em;
    padding-left: 1.5em;
    font-size: calc(136px / 1);
    letter-spacing:calc(0.15em / 2);
    width: calc(200% / 2);
  }

}

/*nurturing__skillup*/
.nurturing__skillup {
  background-image: url(../img/bg1.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size:cover;
  width: 100%;
  padding: 18px 0 ;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 80%);
  overflow: hidden;
  margin-top: -9px;
  margin-bottom: -72px;
}

.nurturing__skillup__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: center;
  padding: 90px 0 
}

.nurturing__skillup__text  {
  order: 2;
  flex-basis: 47.75%;
  margin-left: 5%;
  padding-bottom: 72px;
}

.nurturing__skillup__text p  {
  text-align: justify;
}

.nurturing__skillup__img {
  flex-basis: 40%;
  order: 1;
  text-align: center;
  margin: auto;
}

  .nurturing__skillup__text .section__title span.ja {
    margin-top: -18px;
    margin-left: -54px;
    margin-bottom: 18px;
    color: #11564f;
  }

.nurturing__skillup__img  {
  position: absolute;
  top:-72px;
  z-index: 123456;
}

  .nurturing__skillup__img ul li:nth-child(1) {
    margin-top: 72px;
    left: -45px;
  }

  .nurturing__skillup__img ul li:nth-child(2) {
    margin-top: -63px;
    left: 36px;
  }

  .nurturing__skillup__img ul li:nth-child(1) img {
    width: calc(1170px / 2);
  }

  .nurturing__skillup__img ul li:nth-child(2) img {
    width: calc(1050px / 2);
  }


@media only screen and (max-width:520px) {
  .nurturing__skillup {
    background-size:cover;
    padding: calc(18px / 2) 0 ;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 92.5%);
    overflow: hidden;
    margin-bottom: calc(-72px / 2);
  }

  .nurturing__skillup__container {
    padding: calc(90px / 2) 0 
  }

  .nurturing__skillup__text  {
    order: 1;
    flex-basis: 100%;
    margin:auto;
    padding-bottom: calc(72px / 2);
    padding-left: 1em;
    padding-right: 1em;
  }

  .nurturing__skillup__img {
    flex-basis: 100%;
    order: 2;
    text-align: center;
    margin: auto;
  }

  .nurturing__skillup__text .section__title span.ja {
    margin-top: calc(-18px / 2);
    margin-bottom: calc(18px / 2);
    margin-left: auto;
    line-height: 1.56789;
  }

  .nurturing__skillup__img  {
    position: relative;
    top:calc(-117px / 2.25);
    margin-bottom: -90px;
  }

  .nurturing__skillup__img ul li:nth-child(1) {
    margin-top: 0;
    left: -45px;
  }

  .nurturing__skillup__img ul li:nth-child(2) {
    margin-top: -117px;
    left: 36px;
  }

  .nurturing__skillup__img ul li:nth-child(1) img {
    width: calc(1170px / 2.5);
  }

  .nurturing__skillup__img ul li:nth-child(2) img {
    width: calc(1050px / 2.5);
  }


}



/* ----------------------------------------------------------

MID-CAREER Setting

---------------------------------------------------------- */
/*celebration*/
.celebration {
  width: 100%;
  background-image: url(../img/celebration.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px 0;
  z-index: 12345
}

.celebration__container {
  position: relative;
}

.celebration__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 12;
}

.celebration__title {
  margin-bottom: 9px;
  z-index: 12;
  position: relative;
}

  .celebration__title img {
    width: calc(1752px / 2);
  }

.celebration__subtitle {
  margin-bottom: 13.5px;
  margin-left:-4.5px;
}

.celebration__subtitle span {
  display: inline-block;
  text-indent: -0.25em;
  padding-left: 0.25em;
  vertical-align: bottom;
}

.celebration__subtitle span.ja {
  transform: skewX(-10deg);
  font-size: 63px;
  line-height:1.234556789;
  color: #1f9dad;
}

  .celebration__subtitle span.large {
    font-size: 82px;
  }

  .celebration__subtitle span.mont {
    font-size: 118px;
    line-height: 0.85
  }

  .celebration__subtitle span.strong {
    color: #e4992e!important
  }

.celebration__caution {
  padding: 18px 0;
  border-top:1px solid #1f9dad;
  border-bottom:1px solid #1f9dad;
}

.celebration__caution p {
  color: #1f9dad;
  font-size: 16px;
  line-height: inherit;
  font-weight: 400;
  margin-left: 18px;
}

.celebration__img {
  position: absolute;
  right: -153px;
  top: 0;
  z-index: -1;
}

.celebration__img img {
  width: calc(874px / 2);
}

@media only screen and (max-width:520px) {
  .celebration {
    padding: calc(72px / 2) 0;
  }

  .celebration__title {
    margin-bottom: calc(9px / 2)
  }

  .celebration__title img {
    width: calc(1752px / 3);
  }

  .celebration__subtitle {
    margin-bottom: calc(13.5px / 2);
    margin-left:calc(-4.5px / 2)
  }

  .celebration__subtitle span.ja {
    transform: skewX(-10deg);
    font-size: calc(63px / 2.5)
  }

  .celebration__subtitle span.large {
    font-size: calc(82px / 2.5)
  }

  .celebration__subtitle span.mont {
    font-size:calc(118px / 2.5)
  }

  .celebration__caution {
    padding: calc(18px / 2) 0;
  }

  .celebration__caution p {
    font-size: calc(16px / 1.35);
    margin-left: calc(18px / 2)
  }

  .celebration__img {
    right: calc(-153px / 1.5);
    z-index: -1;
    top: -36px;
  }

  .celebration__img img {
    width: calc(874px / 4);
  }

}

/*graduate__btn*/
.graduate__btn__container {
  display: flex;
  flex-wrap: wrap;
  justify-content:left; 
}

.graduate__btn {
  flex-basis: 100%;
  margin-left: 0;
}

.graduate__btn a.btn {
  margin-left: 0;
}



/*recruitment*/
.recruitment__container {
  position: relative;
  margin-bottom: -117px;
}
 
.recruitment__nav  {
  width: 100%;
  z-index: 12345;
  position: sticky;
  top: 0;
  height: 89px;
}

.recruitment__nav ul {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 10px 8px rgba(100,100,100,0.1);
}

.recruitment__nav ul li  {
  position: relative;
  flex-basis: 20%;
}

.recruitment__nav ul li a  {
  display: block;
  padding:32.5px 18px;
  text-decoration: none;
  margin: auto;
  text-align: center;
}

.recruitment__nav ul li.active a,
.recruitment__nav ul li a:hover  {
  transition:all .3s;
  text-align: center;
  display: block;
  margin: auto;
  background: rgb(42,176,165);
  background: linear-gradient(270deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
}

.recruitment__nav ul li a:before  {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid transparent;
}

.recruitment__nav ul li.active a:before,
.recruitment__nav ul li a:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #41b480;
  transition:all .3s;
}

.recruitment__nav ul li a span  {
  display: block;
  font-size: 21px;
  color: #25a078;
  font-weight: 600;
}

  .recruitment__nav ul li.active a span,
  .recruitment__nav ul li a:hover span {
    color: #fff;
  }

.recruitment__content   {
  top: -45px;
  padding-top: 90px;
  padding-bottom: 54px;
  z-index: 1;
  background: #f0faf5;
  margin: auto
}

  .recruitment__content2,
  .recruitment__content3,
  .recruitment__content4,
  .recruitment__content5  {
    display:none;
  }

.recruitment__list__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  padding-top: 27px;
} 

.recruitment__list {
  flex-basis: 48%;
  margin-bottom: 2%;
  padding: 18px 18px 36px 36px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 6px rgba(128,128,128,0.1)
}

  .recruitment__list:nth-child(even) {
    margin-left: 2%;
  }

.recruitment__list a {
  display: block;
  text-decoration: none;
  background-image: url(../img/icon__arrow4.png);
  background-position: 100% 55.5%;
  background-repeat: no-repeat;
  background-size: calc(86px / 2);
}

.recruitment__icon {
  min-height: calc(49px - 8px);
}

.recruitment__icon span {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height:1.89;
  margin: auto;
  background-image: url(../img/recruitment__icon.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: -60px;
  margin-top: -18px;
  width: 144px;
  height: 59px;
}

.recruitment__occupation {
  margin-top: -9px;
}

.recruitment__occupation span {
  display: block;
  font-size: 20px;
  font-weight: 500;
}

.recruitment__title {
  margin-top:13.5px;
}

.recruitment__title span {
  display: block;
  font-size: 30px;
  line-height: normal;
  font-weight: 600;
  background-image: url(../img/icon__house.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: calc(35px / 2);
  padding-left: 27px;
}

.recruitment__address {
  padding-left: 27px;
  width: 80%;
  line-height: 1.789;
}

.recruitment__wage {
  margin-top:18px;
}

.recruitment__wage span {
  display: block;
  font-size: 18px;
  line-height: normal;
  background-image: url(../img/icon__time.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: calc(34px / 2);
  padding-left: 27px;
  letter-spacing: 0.01em;
}

.recruitment__status {
  margin-top:22.5px;
}

.recruitment__status span {
  display: inline-block;
  text-align: center;
  margin: auto;
  font-size:15px ;
  line-height: 1.789;
  padding: 4px 36px;
}

  .recruitment__status span.fulltime {
    color: #fff;
    background: #e4992e;
  }

  .recruitment__status span.part {
    color: #fff;
    background: #56c1c1;
  }


@media only screen and (max-width:520px) {
  .recruitment__container {
    margin-bottom: calc(-117px / 1.5);
  }
 
  .recruitment__nav  {
    width: 100%;
    z-index: 12345;
    position: sticky;
    top: 0;
    height: 89px;
  }

  .recruitment__nav ul li  {
    position: relative;
    flex-basis: 20%;
  }

  .recruitment__nav ul li a  {
    padding:calc(32.5px / 2) calc(18px / 2);
  }
/*
  .recruitment__nav ul li.active a,
  .recruitment__nav ul li a:hover  {
    transition:all .3s;
    text-align: center;
    display: block;
    margin: auto;
    background: rgb(42,176,165);
    background: linear-gradient(270deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
  }
*/
  .recruitment__nav ul li a:before  {
    left: 50%;
    margin-left: calc(-15px / 2);
    border:  calc(15px / 2) solid transparent;
    border-top:  calc(15px / 2) solid transparent;
  }

  .recruitment__nav ul li.active a:before,
  .recruitment__nav ul li a:hover:before {
    left: 50%;
    margin-left: calc(-15px / 2);
    border: calc(15px / 2) solid transparent;
    border-top: calc(15px / 2) solid #41b480;
  }

  .recruitment__nav ul li a span  {
    font-size: calc(21px / 1.65);
  }

  .recruitment__content   {
    top: calc(-45px / 1);
    padding-top: calc(90px / 2);
    padding-bottom: calc(54px / 2);
  }

  .recruitment__content2,
  .recruitment__content3,
  .recruitment__content4,
  .recruitment__content5  {
    display:none;
  }

  .recruitment__list__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: top;
    padding-top: calc(27px / 2);
    padding-left: 0.5em;
    padding-right: 0.5em;
  } 

  .recruitment__list {
    flex-basis: 100%;
    margin: auto;
    margin-bottom: 18px;
    padding: calc(18px / 1) calc(18px / 2) calc(36px / 2) calc(36px / 2);
    box-shadow: 0 0 8px 6px rgba(128,128,128,0.1)
  }

  .recruitment__list:nth-child(odd) ,
  .recruitment__list:nth-child(even) {
    margin-left: auto;
    margin-rightt: auto;
  }

  .recruitment__list a {
    display: block;
    text-decoration: none;
    background-image: url(../img/icon__arrow4.png);
    background-position: 100% 55.5%;
    background-repeat: no-repeat;
    background-size: calc(86px / 3);
  }

  .recruitment__icon {
    min-height: 1px
  }

  .recruitment__icon span {
    font-size: calc(20px / 1.65);
    margin-left: calc(-60px / 1.75);
    margin-top: calc(-18px / 1);
    width: calc(144px / 1.5);
    height: calc(59px / 1.5);
  }

  .recruitment__occupation {
    margin-top: calc(-9px / 2)
  }

  .recruitment__occupation span {
    font-size: calc(20px / 1.5);
  }

  .recruitment__title {
    margin-top:calc(13.5px / 2)
  }

  .recruitment__title span {
    font-size: calc(30px / 1.35);
    background-size: calc(35px / 2.5);
    padding-left: calc(27px / 1.25);
  }

  .recruitment__address {
    padding-left:calc(27px / 1.25);
    width: 88.5%;
  }

  .recruitment__wage {
    margin-top:calc(18px / 2);
  }

  .recruitment__wage span {
    font-size: calc(18px / 1.25);
    background-size: calc(34px / 2.5);
    padding-left: calc(27px / 1.25);
    letter-spacing: calc(0.01em / 2);
  }

  .recruitment__status {
    margin-top:calc(22.5px / 2);
  }

  .recruitment__status span {
    font-size:calc(15px / 1.25);
    padding: calc(4px / 2) calc(36px / 2);
  }


}



/* ----------------------------------------------------------

Interview Setting

---------------------------------------------------------- */
/*staff__interview*/
.staff__interview {
  background-image: url(../img/bg7.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 11;
  position: relative;
}

.staff__interview__container {
  position: relative;
}

.staff__interview .section__title span {
  display: block;
}

  .staff__interview .section__title span.en {
    text-stroke:1px #1fa5a0;
    -webkit-text-stroke:1px #1fa5a0;
    color: transparent;
      /*
    color: rgba(31, 165, 160, 0.250);
    font-weight: 700;
    line-height: 1;
    margin-left:0px; */ 
    margin-top: -99px;
    word-wrap::normal;
    overflow: hidden;
    width: 200%;
  }

  .staff__interview .section__title span.en i {
    font-style: normal;
  }

  .staff__interview .section__title span.ja {
    margin-top: -207px;
  }

@media only screen and (max-width:520px) {
  .staff__interview .section__title span.en {
    text-stroke:0.5px #1fa5a0;
    -webkit-text-stroke:0.5px #1fa5a0;
    color: transparent;
    margin-top: calc(-99px / 2);
    width: 200%;
  }

  .staff__interview .section__title span.ja {
    margin-top: calc(-207px / 3);
  }

}


/*interview__list*/
.interview__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: top;
  padding: 54px 0;
  margin:0 -100px;
}

  .home .interview__container {
    padding:  0
  }

  .staff__interview .interview__container {
    padding: 72px 0 0;
    margin-bottom: -72px;
  }

.interview__list {
  flex-basis: 31%;
  padding: 0 ;
  padding-top: 36px;
}
    
  .staff__interview .interview__list {
    margin-bottom: 72px;
  }

  .home .interview__list:nth-child(1)  {
    margin-top: 120px;
  }

  .home .interview__list:nth-child(2) {
    margin-top: 0px;
  }

  .home .interview__list:nth-child(3)  {
    margin-top: -120px;
  }

.interview__list__container {
  background: rgb(42,176,165);
  background: linear-gradient(90deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
  transform: skewX(-10deg);
  height: 400px;
  width: 380px;
  margin:auto;
}

.interview__list__img {
  position: absolute;
  top: -90px;
  left: 15.5%;
  padding-top: 54px;
}

.interview__list__img img {
  margin-left: 9px;
  width: calc(610px / 2);
}

.interview__list__text {
  background: rgb(42,176,165);
  background: linear-gradient(270deg, rgba(42,176,165,1) 0%, rgba(42,178,121,1) 100%);
  transform: skewX(-10deg);
  height: 270px;
  width: 380px;
  margin:auto;
  margin-top: -126px;
  margin-left: 54px;
  padding:18px 27px ;
  position: relative;
  z-index: 1;
}

  .interview__list__text:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: -15px;
    left:-15px;
    background: #fff;
    transform: skewX(0);
    height: 130px;
    width: 240px;
    margin:auto;
    padding: 72px ;
  }

.interview__list__text__container {
  transform: skewX(10deg);
  z-index: 123;
  padding-top: 9px;
}

.interview__list__num {
  position: absolute;
  top: -144px;
  left:-45px;
}

.interview__list__num span {
  display: block;
  font-size: 140px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #fff;
  font-weight: bold;
  transform: skewX(-0.025turn)
}

.interview__list__num span:after {
  position: relative;
  display: block;
  text-align: center;
  margin: auto;
  margin: 0;
  z-index: -1;
  color: #2ab0a5;
  top: -135px;
  margin-left: 10px;
}

  .interview__list:nth-child(1) .interview__list__num span:after {
    content: '01'
  }

  .interview__list:nth-child(2) .interview__list__num span:after {
    content: '02'
  }

  .interview__list:nth-child(3) .interview__list__num span:after {
    content: '03'
  }

  .interview__list:nth-child(4) .interview__list__num span:after {
    content: '04'
  }

  .interview__list:nth-child(5) .interview__list__num span:after {
    content: '05'
  }

  .interview__list:nth-child(6) .interview__list__num span:after {
    content: '06'
  }

.interview__list__text p {
  font-size: 19px;
  height:108px;
  padding-left: 18px;
  font-weight: 800;
}

.interview__list__btn a  {
  margin-top:27px;
  margin-left: 18px;
  margin-right:18px;
  text-align: center;
  padding:9px 13.5px;
  font-size: 16px;
}

@media only screen and (max-width:520px) {
  .interview__container {
    padding: calc(54px / 2) 0;
    margin:0 auto;
    justify-content:flex-start;
    align-items: top;
  }

    .staff__interview .interview__container {
      padding:calc(72px / 2) 0 ;
      margin-bottom: calc(-72px  2)
    }

  .interview__list {
    flex-basis: 31.5%;
  }
      
  .staff__interview .interview__list:nth-child(even)  {
    margin-left: 0%;
  }
      
  .staff__interview .interview__list {
    margin-bottom: calc(72px / 1.5);
  }

    .home .interview__list:nth-child(1),
    .home .interview__list:nth-child(2),
    .home .interview__list:nth-child(3),
    .home .interview__list:nth-child(4)  {
      margin-top: 54px;
    }

  .interview__list__container {
    background: rgb(42,176,165);
    transform: skewX(-5deg);
    height: calc(400px / 1.5);
    width: calc(380px / 2.5);
  }

  .interview__list__img {
    top: calc(-90px /2);
    left:calc(15.5% / 2);
    padding-top: calc(54px /2)
  }

  .interview__list__img img {
    margin-left: calc(9px /2);
    width: calc(610px / 2.5);
  }

  .interview__list__text {
    height: calc(270px / 1.5);
    width:calc(380px / 2.5);
    margin-top: calc(-126px / 1.25);
    margin-left: calc(54px / 2);
    padding:calc(18px / 2) calc(27px  / 2);
    transform: skewX(-5deg);
  }

  .interview__list__text:after {
    top:calc(-15px / 2);
    left:calc(-15px / 2);
    height: calc(130px * 1.11);
    width: calc(240px / 2.5);
    padding: calc(72px / 2);
  }

  .interview__list__text__container {
    transform: skewX(5deg);
    z-index: 123;
    padding-top: calc(9px / 2);
  }

  .interview__list__num {
    top: calc(-144px / 2);
    left:calc(-45px / 2);
  }

  .interview__list__num span {
    font-size: calc(140px / 2);
    letter-spacing:calc(-0.01em / 2);
  }

  .interview__list__num span:after {
    top:calc(-135px / 2);
    margin-left: calc(10px / 2)
  }

  .interview__list__text p {
    font-size: calc(19px / 1.45);
    height:100%;
    padding-left: calc(18px / 18);
  }

  .interview__list__btn a  {
    margin-top:calc(27px / 2);
    /*
    margin-left: calc(18px / 18);
    */
    margin-left: -4.5px;
    margin-right:calc(18px /2 );
    padding:calc(9px /2 )calc(13.5px /2 );
    font-size: calc(16px / 1.35);
    width: 100%;
  }

  .interview__list__btn a.btn__green.btn__arrow span  {
    background-image: none;
  }

}


/*interview__detail*/
.single__interview {
  background-image: url(../img/bg8.jpg);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: cover;
  z-index: 12345;
}

.single-interview main {
  z-index: 222;
}

.single-interview .topbar {
  position: absolute;
  top: 0;
}

@media only screen and (max-width:520px) {
  .single-interview main {
    z-index: -1;
  }

}

.interview__detail__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 54px;
  padding-bottom: 54px;
}

  .interview__detail__list:nth-child(even) {
    margin-left: -7.5em;
    max-width: calc(100% + 7.5em);
  }

  .interview__detail__list:nth-child(odd) {
    margin-right: -7.5em;
    max-width: calc(100% + 7.5em);
  }

  .interview__detail__list.list1 {
    padding-top: 0;
  }

.interview__detail__img {
  position: absolute;
}

.interview__detail__text {
  flex-basis: 45%;
  width: 45%;
}

  .interview__detail__list.list1 .interview__detail__img {
    order: 1;
  }
  
  .interview__detail__list.list1 .interview__detail__text {
    order: 2;
    left:45%;
    padding-right: 90px;
  }

  .interview__detail__list.list1 .interview__detail__img img {
    margin-top: -45px;
    margin-left: 225px;
    width: calc(786px / 2);
  }

  .interview__detail__list.list2 .interview__detail__img {
    order: 2;
    top: 254px;
    right: -90px;
  }
  
  .interview__detail__list.list2 .interview__detail__text {
    order: 1;
    left:117px;
    padding-left: 90px;
    min-height: 600px;
  }

  .interview__detail__list.list2 .interview__detail__img img {
    width: calc(1440px / 2);
  }

  .interview__detail__list.list3 .interview__detail__img {
    order: 1;
    left: -315px;
  }
  
  .interview__detail__list.list3 .interview__detail__text {
    order: 2;
    left:50%;
    padding-right: 90px;
  }

  .interview__detail__list.list3 .interview__detail__img img {
    width: calc(1920px / 2);
  }

.interview__detail__title {
  margin-bottom: 18px;
}

.interview__detail__title span.en {
  display: inline-block;
  vertical-align: middle;
  color:rgba(31,162,157,0.25);
  font-size: 160px;
  line-height: normal;
  font-weight: 800;
}

  .interview__detail__list:nth-child(odd) .interview__detail__title span.en {
    margin-left: -72px;
  }

  .interview__detail__list:nth-child(even) .interview__detail__title span.en {
    margin-right: -72px;
  }

  .interview__detail__title span.en {
    display: inline-block;
    vertical-align: middle;
    color:rgba(31,162,157,0.25);
    font-size: 160px;
    line-height: normal;
    font-weight: 800;
    margin-left: -72px;
    width: 200%;
    overflow-x: hidden;
  }

  .interview__detail__title span.stroke {
    text-stroke: 1px #1fa29d;
    -webkit-text-stroke: 1px #1fa29d;
    color: transparent; 
    font-weight:800;

  }

.interview__detail__title span.ja {
  display: block;
  font-size: 32px;
  letter-spacing: 0.05em;
  margin-top: -9px;
}

.interview__detail__text p {
  margin-top: 18px;
  text-align: justify;
}

@media only screen and (max-width:520px) {
  .interview__detail__list {
    padding-top: calc(54px / 2);
    padding-bottom: calc(54px / 2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .interview__detail__list:nth-child(even),
  .interview__detail__list:nth-child(odd) {
    margin-left: auto;
    margin-right:auto;
    max-width: 100%;
  }

  .interview__detail__list .interview__detail__text, 
  .interview__detail__list.list1 .interview__detail__text,
  .interview__detail__list.list2 .interview__detail__text,
  .interview__detail__list.list3 .interview__detail__text {
    flex-basis: 100%;
    width: 100%;
    order: 1!important;
    left:0;
    position: relative;
    margin: 0;
    padding-right:1em;
    padding-left: 1em;
    min-height: 1px;
  }

  .interview__detail__list .interview__detail__img,
  .interview__detail__list.list1 .interview__detail__img,
  .interview__detail__list.list2 .interview__detail__img,
  .interview__detail__list.list3 .interview__detail__img {
    flex-basis: 100%;
    order: 2!important;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .interview__detail__list.list1 .interview__detail__img img {
    width: calc(786px / 4);
    margin:18px auto;
    text-align: center;
    margin-left:54px;
  }

  .interview__detail__list.list2 .interview__detail__img img {
    width: calc(1440px / 2.75);
    margin:18px auto;
    height: 300px;
    object-fit: cover;
  }

  .interview__detail__list.list3 .interview__detail__img img {
    width: calc(1920px / 3.5);
    margin:18px auto;
    height: 300px;
    object-fit: cover;
  }

  .interview__detail__title span.en {
    font-size: calc(160px / 2);
  }

  .interview__detail__list:nth-child(odd) .interview__detail__title span.en,
  .interview__detail__list:nth-child(even) .interview__detail__title span.en,
  .interview__detail__title span.en {
    font-size: calc(160px / 2);
    margin-left: calc(-117px / 4)!important;
    margin-right: 0!important;
    padding-left:0px!important;
    width: 200%;
    overflow-x: hidden;
  }

  .interview__detail__title span.ja {
    font-size: calc(32px / 1.5);
    letter-spacing: calc(0.05em / 2);
    margin-top: calc(-9px / 2)
  }

  .interview__detail__text p {
    margin-top: calc(18px / 2);
  }

}




/*interview__comment__container*/
.interview__comment {
  background-image: url(../img/bg16.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  margin-top: -72px;
  padding-top: 117px;
  margin-bottom: -72px;
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
}

.interview__comment__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.interview__comment__img {
  position: absolute;
  bottom: 0;
  right:-45px;
}

  .interview__comment__img img {
    width: calc(840px / 2);
  }

.interview__comment__text {
  order: 1;
  flex-basis: 67.5%;
  text-align: justify;
  padding-top: 90px;
  margin-right: 45px;
  padding-bottom: 90px;
}

.interview__comment__title {
  margin-bottom: 18px;
  border-bottom: 1px solid #fff;
  padding-bottom:27px;
  margin-bottom:18px;
}

.interview__comment__title span.ja {
  display: block;
  font-size: 45px;
  color: #fff;
  line-height: normal;
  font-weight: bold;
  transform: skewX(-0.025turn);
}

.interview__comment__text p {
  font-size: 18px;
  line-height: inherit;
  color: #fff;
}

@media only screen and (max-width:520px) {
  .interview__comment {
    margin-top: calc(-72px / 1);
    padding-top: 36px;
    margin-bottom: -90px;
    clip-path:none;
  }

  .interview__comment__text {
    order: 1;
    flex-basis: 100%;
    padding-top: calc(90px / 2);
    padding-bottom: calc(90px / 90);
    margin-right: 0;
  }

  .interview__comment__img {
    flex-basis: 100%;
    position: relative;
    bottom: 0;
    right:0;
    text-align: center;
    margin: auto;
    order: 2;
  }

  .interview__comment__img img {
    width: calc(840px / 3.5);
  }

  .interview__comment__title {
    margin-bottom: calc(18px / 2);
    padding-bottom:calc(27px / 2);;
    margin-bottom:calc(18px / 2);;
  }

  .interview__comment__title span.ja {
    font-size: calc(45px / 1.65);
  }

  .interview__comment__text p {
    font-size: calc(18px / 1.15);
  }

}


/*single__time*/
.single__time {
  background-image: url(../img/bg17.jpg);
  background-position:top right;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  margin-top: -99px;
  padding-top: 171px;
  padding-bottom: 45.0px;
  z-index: 123;
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 90%);
}

.single__time .section__title span {
  display: inline-block;
}

  .single__time .section__title span.en {
    vertical-align: middle;
    color:rgba(255,150,46,0.25);
    font-size: 154px;
    line-height: normal;
  }

  .single__time .section__title span.stroke {
    text-stroke: 2px #e1962e;
    -webkit-text-stroke: 2px #e1962e;
    color: transparent; 
    font-weight:800;
  }

.single__time .section__title span.ja {
  display: block;
  font-size: 32px;
  letter-spacing: 0.15em;
  margin-top: -81px;
  padding-left: 117px;
}

.single__time__list {
  margin-top: -36px;
  padding-bottom: 90px;
}

.single__time__list dl {
  background: #fff;
  color: inherit;
  text-align: left;
  margin:18px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  transform: skewX(-12deg);
  align-items: center;
}

.single__time__list dt {
  flex-basis: 225px;
  padding:13.5px 36px ;
  box-sizing: border-box;
  text-align: center;
  background:#e1962e ;
  color: #fff;
}

  .single__time__list dt span {
    display: block;
    font-size: 26px;
    transform: skewX(12deg);
    transform: skewX(0.025turn);
    letter-spacing: 0.05em;
  }

.single__time__list dd {
  flex-basis:calc(100% - 245px);
  padding:13.5px 54px ;
  box-sizing: border-box;
  text-align: left;
  background:#fff ;
  color: #222;
}

  .single__time__list dd span {
    display: block;
    font-size: 22px;
    transform: skewX(10deg);
    transform: skewX(0.025turn);
    letter-spacing: 0.05em;
  }

.single__time__img ul li {
  position: absolute;  
  z-index: 123;
}

  .single__time__img ul li:nth-child(1)  {
    bottom:350px;
    left:-126px;
  }

  .single__time__img ul li:nth-child(2)  {
    bottom: -180px;
    right:-180px;
  }

.single__time__img ul li img {
  border-radius: 100%;
}

  .single__time__img ul li:nth-child(1) img {
    width: calc(668px / 2);
  }

  .single__time__img ul li:nth-child(2) img {
    width: calc(1240px / 2);
  }

@media only screen and (max-width:520px) {
  .single__time {
    margin-top:calc(-99px / 2);
    padding-top: calc(171px / 1.35);
    padding-bottom: calc(45.0px * 3.5);
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 92.5%);
  }

  .single__time .section__title span.en {
    font-size: calc(160px / 2.35);
    width:200%;
    overflow-x: hidden;
  }

  .single__time .section__title span.stroke {
    text-stroke:1px #e1962e;
    -webkit-text-stroke:1px #e1962e;
    font-weight:600;
  }

  .single__time .section__title span.ja {
    font-size: calc(32px / 1.25);
    letter-spacing: calc(0.15em / 2);
    margin-top: calc(-81px / 2);
    padding-left: calc(117px / 4);
  }

  .single__time__list {
    margin-top: calc(-36px / 2);
    padding-bottom: calc(90px / 2);
  }

  .single__time__list dl {
    margin:calc(18px / 2) auto;
    align-items: stretch;
  }

  .single__time__list dt {
    flex-basis: calc(225px / 2.5);
    padding:calc(13.5px / 2) calc(36px / 4) ;
  }

  .single__time__list dt span {
    font-size: calc(26px / 1.5);
    letter-spacing:calc(0.05em /2);
  }

  .single__time__list dd {
    flex-basis:calc(100% - calc(245px / 2.5));
    padding:calc(13.5px / 2) calc(54px / 5);
  }

  .single__time__list dd span {
    font-size: calc(22px / 1.35);
    letter-spacing: calc(0.05em / 2)
  }

  .single__time__img ul li:nth-child(1)  {
    bottom:calc(-180px / 1.5);
    left:calc(-126px / 5)
  }

  .single__time__img ul li:nth-child(2)  {
    bottom: calc(-180px * 1.45);
    right:calc(-180px / 2);
  }

  .single__time__img ul li:nth-child(1) img {
    width: calc(668px / 4);
  }

  .single__time__img ul li:nth-child(2) img {
    width: calc(1240px / 4);
  }

}



/*single__profile*/
.single__profile {
  margin-top: -117px;
  z-index: 1;
}

.single__profile__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.single__profile__img {
  flex-basis: 45%;
}

.single__profile__table {
  flex-basis: 55%;
  padding-top: 18px;
}

.single__profile__title {
  position: relative;
}

  .single__profile__title span.en {
    display: inline-block;
    vertical-align: middle;
    color:rgba(31,162,157,0.25);
    font-size: 160px;
    line-height: normal;
    font-weight: 800;
    margin-left: -72px;
  }

  .single__profile__title span.stroke {
    text-stroke: 1px #1fa29d;
    -webkit-text-stroke: 1px #1fa29d;
    color: transparent; 
    font-weight:800
  }

.single__profile__title span.ja {
  display: block;
  font-size: 32px;
  letter-spacing: 0.15em;
  margin-top: -36px;
}

.single__profile__img img {
  width: calc(936px / 2);
}

@media only screen and (max-width:520px) {
  .single__profile {
    margin-top: calc(-117px / 2)
  }

  .single__profile__img {
    flex-basis: 100%;
    text-align: center;
    margin: auto;
    order: 2;
  }

  .single__profile__table {
    order: 1;
    flex-basis: 100%;
    padding-top: calc(18px /2);
  }

  .single__profile__title span.en {
    font-size: calc(160px / 2);
    margin-left: calc(-117px / 4);
  }

  .single__profile__title span.ja {
    font-size: calc(32px / 1.25);
    letter-spacing: calc(0.15em / 2);
    margin-top: calc(-36px / 2)
  }

  .single__profile__img img {
    width: calc(936px / 3.5);
  }
}


/* ----------------------------------------------------------

Contact Setting

---------------------------------------------------------- */
/*entry__form*/
.entry__form {
  padding-top: 72px;
}

/*mw_wp_form*/
.mw_wp_form   {
  width: 100%;
}

.mw_wp_form .table__striped tbody th ,
.mw_wp_form .table__striped tbody td {
  padding: 41.5px 18px;
}


.mw_wp_form .req {
  margin: -3px 0 0 6px;
  display: inline-block;
  vertical-align: middle;
  background: #e4992e;
  color:#fff;
  border: 1px solid #e4992e;/*
  border-radius: 4.5px;*/
  padding: 4.5px 9px;
  text-align: center;
  font-size: 12px;
  font-weight: inherit;
  line-height: 1;
}

.mw_wp_form .any {
  margin: -3px 0 0 6px;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  color:#222;
  border: 1px solid #222;/*
  border-radius: 4.5px;*/
  padding: 4.5px 9px;
  text-align: center;
  font-size: 12px;
  font-weight: inherit;
  line-height: 1;
}

.mw_wp_form .form__inline__block   {
  margin-bottom: 9px;
}

.mw_wp_form .form__inline__block li  {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 9px;
}

  .mw_wp_form .form__inline__block:nth-last-child(1) ,
  .mw_wp_form .form__inline__block li:nth-last-child(1)   {
    margin-right: 0;
    margin-bottom: 0;
  }

.mw_wp_form .form__inline__block li label.label  {
  display: block;
  font-weight: 500;
}

.mwform-radio-field.horizontal-item,
.mwform-checkbox-field.horizontal-item {
  display: inline-block;
  vertical-align: top;
  min-width: 20%;
  margin: 0;
  margin-right: 36px;
}

.mwform-radio-field.horizontal-item span ,
.mwform-checkbox-field.horizontal-item span {
  margin-left: 9px;
  margin: 0;
}
  
  .contact__menu__list .mwform-radio-field.horizontal-item ,
  .contact__menu__list .mwform-checkbox-field.horizontal-item  {
    display: inline-block;
    width: 40%;
    margin: 0;
  }

.mw_wp_form input[type=radio],
.mw_wp_form input[type=checkbox] {
  transform:scale(2.0)
}

.form__submit,
.complete .btn__link {
   text-align: center;
   margin:36px auto auto;
}

.form__submit input[type="submit"],
.form__submit a.btn  {
  height: auto; 
  font-size: 20px;
  text-align: center;
  margin:auto ;
  line-height: 2;
  font-weight: bold;
}

.mw_wp_form.confirm .select {
  border: none;
  background: none!important;
}

.mw_wp_form.confirm .hidden,
.mw_wp_form.confirm .select::before,
.mw_wp_form.confirm .req ,
.mw_wp_form.confirm .any ,
.mw_wp_form.confirm .blank ,
.mw_wp_form.confirm .form__inline__block .input::after {
  display: none;
}

.confirm .form__submit .btn__back {
  font-size: 18px;
  text-align: center;
  margin:auto ;
  padding-top: 18px;
  line-height:1 ;
}

@media only screen and (max-width:520px) {
  .entry__form {
    padding-top: calc(72px / 2);
  }

  .mw_wp_form .table__striped tbody th ,
  .mw_wp_form .table__striped tbody td {
    padding: calc(41.5px /2 ) calc(18px / 2);
  }

    .mw_wp_form .table__striped tbody th {
      padding-bottom: 4.5px;
    }

    .mw_wp_form .table__striped tbody td {
      padding-top: 4.5px;
    }

  .mw_wp_form .req {
    margin: -3px 0 0 6px;
    padding: calc(44.5px / 2) calc(49px / )2;
    font-size: calc(12px / 1.1);
  }

  .mw_wp_form .any {
    margin: -3px 0 0 6px;
    padding: calc(44.5px / 2) calc(49px / )2;
    font-size: calc(12px / 1.1);
  }

  .mw_wp_form .form__inline__block   {
    margin-bottom: calc(9px / 2);
  }

  .mw_wp_form .form__inline__block li  {
    margin-right:calc(9px / 2);
  }

  .mwform-radio-field.horizontal-item {
    margin-right: calc(18px / 2);
  }

  .mwform-checkbox-field.horizontal-item {
    min-width: 100%;
    margin-right:calc(36px / 2);
    margin-bottom: 9px;
  }

  .mwform-radio-field.horizontal-item,
  .mwform-checkbox-field.horizontal-item {
    margin-right: calc(36px / 2);
  }

  .mwform-radio-field.horizontal-item span ,
  .mwform-checkbox-field.horizontal-item span {
    margin-left: calc(9px / 2);
  }
    
    .contact__menu__list .mwform-radio-field.horizontal-item ,
    .contact__menu__list .mwform-checkbox-field.horizontal-item  {
      display: block;
      width: 100%;
      margin: 4.5px 0;
    }

  .form__submit {
    margin:calc(36px / 2) auto auto;
  }

  .form__submit input[type="submit"],
  .form__submit a.btn  {
    width: 100%;
    font-size: calc(20px / 1.15);
  }


}

/* ----------------------------------------------------------

Footer Setting

---------------------------------------------------------- */
/*recruit__footer*/
.recruit__footer__container {
  width: 100%;
  background-image: url(../img/recruit__footer__img.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}

.recruit__footer__text {
  width: 62.5%;
  min-height: 500px;
  background-image: url(../img/recruit__footer__entry.jpg);
  background-size: cover;
  padding: 63px 45px 18px;
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  padding-left:calc((100% - 980px) / 4);
  padding-bottom: 50px;
  color: #fff;
}

.recruit__footer__text__container {
  width: 600px;
}

.recruit__footer__title {
  text-align: center;
  margin:auto;
}

.recruit__footer__title span {
  display: block;
  margin: 18px ;
}

  .recruit__footer__title span.en {
    display: block;
    font-size: 96px;
    line-height: 1.0123456789;
    letter-spacing: 0.025em;
    font-weight: 600;
  }

  .recruit__footer__title span.ja {
    display: block;
    font-size: 26px;
    line-height: inherit;
    font-weight: 400;
    letter-spacing: 0.0125em;
    margin-top: -9px;
  }

.recruit__footer__comment {
  display: block;
  font-size: 20px;
  line-height: inherit;
  text-align: center;
  margin: 27px auto 22.5px;
}

  .recruit__footer__comment small {
    display: block;
    font-size: 16px;
    line-height: inherit;
    text-align: center;
    font-weight: 400;
  }

.recruit__footer__tel {
  padding: 0;
  margin: auto;
  text-align: center;
}

.recruit__footer__tel a {
  display: block;
  text-decoration: none;
}

.recruit__footer__tel span {
  display: inline-block;
  vertical-align: middle;
}

  .recruit__footer__tel span.tel__icon  {
    width: 44px;
    margin-right: 9px;
  }

  .recruit__footer__tel span.tel__text {
    font-size: 68px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: -0.015em;
  }

.recruit__footer__mail {
  padding: 36px 0 ;
  margin: auto;
  text-align: center;
  z-index: 12345;
  position: relative;
}

.recruit__footer__mail a {
  display: block;
  text-align: center;
  text-decoration: none;
  transition: 0.2s all;
  margin: auto auto 18px;
  padding: 22px 
}

  .recruit__footer__mail .mail__icon   {
    margin-right: 18px;
    margin-top: -4.5px;
  }

  .recruit__footer__mail img  {
    width:32px;
    margin-top: -2.25px;
    margin-right:9px;
  }

  .recruit__footer__mail span.mail__text {
    line-height:2;
    font-weight: 700;
    letter-spacing: 0;
  }

.recruit__text__caution {
  display: block;
  text-align: center;
  font-size: 15px;
  line-height: normal;
  letter-spacing: 0.025em;
  font-weight: 400;
}


@media only screen and (max-width:520px) {
  .recruit__footer__container {
    width: 100%;
    height: 100%;
    background-image: url(../img/recruit__footer__img.jpg);
    background-position: -50px -25px;
    background-repeat: no-repeat;
    background-size: 110%;
  }

  .recruit__footer__text {
    width: 100%;
    height: 100%;
    min-height: 1px;
    background-image: url(../img/recruit__footer__entry.jpg);
    background-size: cover;
    top: 180px;
    padding-top: 0;
    padding-bottom: 108px;
    padding-left:1em;
    padding-right:1em;
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
  }

  .recruit__footer__text__container {
    width: 100%;
    padding: 90px 0;
  }

  .recruit__footer__title span {
    margin: calc(18px / 2);
  }

  .recruit__footer__title span.en {
    font-size: calc(96px / 1.5);
    letter-spacing:calc(0.025em / 2)
  }

  .recruit__footer__title span.ja {
    font-size: calc(26px / 1.1);
    letter-spacing:calc(0.0125em / 2);
    margin-top: calc(-9px / 2)
  }

  .recruit__footer__comment {
    font-size: calc(20px / 1.15);
    margin: calc(27px / 2) auto calc(22.5px / 2);
  }

  .recruit__footer__comment small {
    font-size: calc(16px / 1.34);
  }

  .recruit__footer__tel span.tel__icon  {
    width: calc(44px / 1.5);
    margin-right:calc(9px / 2)
  }

  .recruit__footer__tel span.tel__text {
    font-size: calc(68px / 1.5);
    letter-spacing:calc(-0.015em / 2)
  }

  .recruit__footer__mail {
    padding: calc(36px / 2) 0 ;
    width: 99%;
  }

  .recruit__footer__mail a {
    margin: auto auto calc(18px / 2);
    padding: calc(22px / 2) ;
  }

  .recruit__footer__mail .mail__icon   {
    margin-right: calc(18px / 2);
    margin-top:calc(-4.5px / 2);
    width: 34px;
  }

  .recruit__footer__mail img  {
    width: calc(34px / 1.89);
  }

  .recruit__text__caution {
    font-size: calc(15px / 1.1);
    letter-spacing:calc( 0.025em / 2);
  }

}

/*footer__common*/
.footer__common {
  padding:  0 0 72px;
  text-align: center;
  margin: auto;
  color: inherit;
}

.footer__sitemap {
  padding: 36px 0 45px;
  text-align: center;
  margin: auto;
}

.footer__sitemap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.footer__sitemap ul li {
  font-size: 16px;
}

.footer__sitemap ul li a {
  text-decoration: none;
  display: block;
  margin: 0 18px;
  text-align: center;
}

.footer__logo {
  width: 290px;
  height: auto;
  text-align: center;
  margin: 18px auto 18px ;
}

.footer__logo__text {
  display: block;
  margin: 0 auto 36px;
  text-align: center;
}

.footer__logo__text a {
  display: block;
  text-decoration: underline;
  transition: 0.2s all;
}

  .footer__logo__text a:hover,
  .footer__logo__text a:focus {
    text-decoration:  none;
  } 

.footer__logo img {
  width: 100%;
  height: auto;
}

.footer__text {
  margin: 18px auto ;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}

.footer__copyright {
  display: block;
  margin: 18px auto auto;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.01em;
  color: #888;
}

@media only screen and (max-width:520px) {
  .footer__common {
    padding:  0 0 calc(72px / 2);
  }

  .footer__sitemap {
    padding: calc(36px / 2) 18px calc(45px / 2);
    text-align: left;
    margin: 0
  }

  .footer__sitemap ul {
    justify-content: flex-start;
  }

  .footer__sitemap ul li {
    font-size: calc(16px / 1.15);
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 9px 0;
  }

  .footer__sitemap ul li a {
    margin: 0 calc(18px / 2);
    text-align: left;
  }

  .footer__logo {
    width: 100%;
    margin: calc(36px / 2) auto calc(18px / 2) ;
  }

  .footer__logo__text {
    font-size: calc(16px / 1.15);
    margin: 0 auto calc(36px / 1);
  }

  .footer__logo img {
    width: calc(290px / 1.25);
  }


  .footer__text {
    margin: calc(18px / 2) auto ;
    font-size: calc(14px / 1.1);
  }

  .footer__copyright {
    margin: calc(18px / 2) auto auto;
    font-size: calc(12px / 1.1);
    letter-spacing: 0.01em;
  }

}