@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Prata");
@import url("https://fonts.googleapis.com/css?family=Questrial");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Limelight&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese");
/*--------------------------------------------------------

	リセット : html5reset-1.6.1.css
	
----------------------------------------------------------*/
/*


html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
/*勣殆のフォントサイズやマ�`ジン?パディングをリセットしています*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box; }

/*仟�ﾗ啓嘔�殆のデフォルトはすべてインライン勣殆になっているので、section勣殆などをブロック勣殆へ�筝�しています*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/*nav勣殆坪ulのマ�`カ�`��佩�^��催��を燕幣しないようにしています*/
nav ul {
  list-style: /welcomeback/css/none; }

/*哈喘憲の燕幣が竃ないようにしています*/
blockquote,
q {
  quotes: /welcomeback/css/none; }

/*blockquote勣殆、q勣殆の念瘁にコンテンツを弖紗しないように峺協しています*/
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: /welcomeback/css/none; }

/*a勣殆のフォントサイズなどをリセットしフォントの�k圭�鬚��Bえ了崔を�H勣殆のベ�`スラインに�Bえるようにしています*/
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

/* ins勣殆のデフォルトをセットし、弼を�笋┐���栽はここで�筝�できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: /welcomeback/css/none; }

/* mark勣殆のデフォルトをセットし、弼やフォントスタイルを�笋┐���栽はここで�筝�できるようにしています。また、mark勣殆とは、猟��坪の�碧��Y惚で��輝するフレ�`ズをハイライトして、朕羨たせる�Hに聞喘するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/*テキストに嬉ち��し��が原くようにしています*/
del {
  text-decoration: line-through; }

/*IEではデフォルトで泣��を和��燕幣する�O協ではないので、和��がつくようにしています。また、マウスオ�`バ�`�rにヘルプカ�`ソルの燕幣が竃るようにしています*/
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/*邦峠�L��のデフォルトである羨悶議な�L��を��えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/*�k圭�鬚��Bえ了崔を嶄刹�Bえに峺協しています*/
input,
select {
  vertical-align: middle; }

/*鮫�颪鮨kに�Kべたときに噫易が竃てしまわないように*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  /* width: 100%;*/ }

li {
  list-style: /welcomeback/css/none; }

/* タッチデバイスでのリンクやボタンの郡鬉鯱鯢� */
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

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

	body�O協
	
----------------------------------------------------------*/
html {
  background: #ffffff;
  overflow-x: hidden;
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  font-family: "嗄ゴシック", Yu Gothic, "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  -webkit-text-size-adjust: /welcomeback/css/none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  font-weight: 500;
  color: #000;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 767px) {
    body {
      font-weight: normal; } }

a:link {
  text-decoration: /welcomeback/css/none; }

a:visited {
  text-decoration: /welcomeback/css/none; }

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

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

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

	clearfix
	
----------------------------------------------------------*/
/* For modern browsers */
.clearfix::after {
  content: "";
  display: table;
  clear: both; }

/* For IE 6/7 only */
.clearfix {
  *zoom: 1; }

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

	鋤�t�I尖の弖紗
	
----------------------------------------------------------*/
p,
li,
dt,
dd,
th,
td,
pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict; }

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

	margin
	
----------------------------------------------------------*/
.mb00 {
  margin-bottom: 0px !important; }

.mb05 {
  margin-bottom: 5px !important; }

.mb08 {
  margin-bottom: 8px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb12 {
  margin-bottom: 12px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.ml00 {
  margin-left: 0px !important; }

.ml05 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml55 {
  margin-left: 55px !important; }

.mr00 {
  margin-right: 0px !important; }

.mr05 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr80 {
  margin-right: 80px !important; }

.mr90 {
  margin-right: 90px !important; }

.mr100 {
  margin-right: 100px !important; }

.mt00 {
  margin-top: 0px !important; }

.mt05 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.pt00 {
  padding-top: 0px !important; }

.pt05 {
  padding-top: 5px !important; }

.pt06 {
  padding-top: 6px !important; }

.pt07 {
  padding-top: 7px !important; }

.pt08 {
  padding-top: 8px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt55 {
  padding-top: 55px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt65 {
  padding-top: 65px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt75 {
  padding-top: 75px !important; }

.pt80 {
  padding-top: 80px !important; }

.pb00 {
  padding-bottom: 0px !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl00 {
  padding-left: 0px !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

/*猟忖弼*/
body {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
  font-weight: 500;
  background: #fff; }
  @media screen and (max-width: 767px) {
    body {
      font-size: 1.4rem;
      line-height: 1.8; } }

/*コンテンツ*/
#container {
  background-color: #fff; }

/*クリアフィックス*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden; }

/*慌宥の�I尖*/
@media screen and (min-width: 768px) {
  .sp {
    display: /welcomeback/css/none !important; } }
@media screen and (min-width: 1025px) {
  .tab-sp {
    display: /welcomeback/css/none !important; } }
@media screen and (max-width: 767px) {
  .tab-pc {
    display: /welcomeback/css/none !important; } }
@media screen and (max-width: 1024px) {
  .pc {
    display: /welcomeback/css/none !important; } }
@media screen and (min-width: 1025px) {
  .br-tab-sp {
    display: block; } }
@media screen and (max-width: 1024px) {
  .br-tab-sp {
    display: /welcomeback/css/none; } }
@media screen and (max-width: 767px) {
  .br-tab-sp {
    display: block; } }

@media screen and (min-width: 1025px) {
  .br-tab {
    display: /welcomeback/css/none; } }
@media screen and (max-width: 1024px) {
  .br-tab {
    display: block; } }
@media screen and (max-width: 767px) {
  .br-tab {
    display: /welcomeback/css/none; } }

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

.br-sp5 {
  display: /welcomeback/css/none; }
  @media screen and (max-width: 320px) {
    .br-sp5 {
      display: block; } }

@media print {
  .tab-sp {
    display: /welcomeback/css/none !important; }

  .sp {
    display: /welcomeback/css/none !important; }

  .gnav-list {
    position: relative !important; }

  .footer-bnr {
    position: relative !important; }

  body {
    width: 1100px;
    max-width: 1100px;
    /*width: 1200px;
    max-width: 1200px;*/ } }
@page {
  size: A4;
  margin: 12.7mm 9.7mm; }
.contents {
  margin: 85px auto 0;
  width: 960px;
  padding-bottom: 110px;
  position: relative; }
  @media screen and (max-width: 1099px) {
    .contents {
      margin: 60px auto 0;
      width: auto;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 767px) {
    .contents {
      margin: 40px auto 0;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 60px; } }
  .contents--teacher {
    margin-top: 0;
    padding-top: 85px;
    padding-bottom: 0; }
    @media screen and (max-width: 1099px) {
      .contents--teacher {
        padding-top: 60px; } }
    @media screen and (max-width: 767px) {
      .contents--teacher {
        padding-top: 40px; } }

/*.contents-wrapper{
	padding-bottom: 110px;
	width: calc( 100% - 320px );
	float: left;
	@include m_1200{
		width: calc( 100% - 300px );
	}
	@include m_tab{
		padding-bottom: 60px;
		width: auto;
		float: /welcomeback/css/none;
	}
	@include m_sp{
		width: auto;
        margin: 0 20px;
		padding-bottom: 40px;
		float: /welcomeback/css/none;
	}
}*/
img {
  width: 100%; }

a {
  text-decoration: /welcomeback/css/none;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

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

input:-ms-input-placeholder {
  color: #aaa !important; }

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

input::-moz-placeholder {
  color: #aaa;
  opacity: 1; }

.fade {
  opacity: 1;
  transition: 0.5s; }
  .fade:hover {
    opacity: 0.8; }

input[type="button"] {
  border-radius: 0;
  -webkit-appearance: /welcomeback/css/none;
  -moz-appearance: /welcomeback/css/none;
  border: /welcomeback/css/none;
  cursor: pointer;
  transition: 0.5s; }

input[type="reset"] {
  border-radius: 0;
  -webkit-appearance: /welcomeback/css/none;
  -moz-appearance: /welcomeback/css/none;
  cursor: pointer;
  transition: 0.5s; }

button {
  border: /welcomeback/css/none;
  border-radius: 0;
  -webkit-appearance: /welcomeback/css/none;
  -moz-appearance: /welcomeback/css/none;
  cursor: pointer;
  transition: 0.5s; }

.anchor {
  margin-top: -90px;
  padding-top: 90px;
  /*display: block;*/ }
  @media screen and (max-width: 1279px) {
    .anchor {
      margin-top: -70px;
      padding-top: 70px; } }
  @media screen and (max-width: 767px) {
    .anchor {
      margin-top: -55px;
      padding-top: 55px; } }

@media screen and (min-width: 1025px) {
  .br-pcsp {
    display: block; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .br-pcsp {
    display: /welcomeback/css/none; } }
@media screen and (max-width: 767px) {
  .br-pcsp {
    display: block; } }

/*
.br-/welcomeback/css/none{
    display: block;
    @include m_1300{
        display: /welcomeback/css/none;
    }
}

.br-400{
    display: /welcomeback/css/none;
    @include m_400{
        display: block;
    }
}

.br-1200{
    display: /welcomeback/css/none;
    @include m_1200{
        display: block;
    }
}
*/
.header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: rgba(255, 255, 255, 0.9); }
  @media screen and (max-width: 1279px) {
    .header {
      height: 70px; } }
  @media screen and (max-width: 767px) {
    .header {
      height: 55px; } }
  .header__logo {
    float: left;
    width: 576px;
    padding: 20px 0 20px 20px;
    box-sizing: border-box; }
    @media screen and (max-width: 1399px) {
      .header__logo {
        width: 526px;
        padding: 22px 0px 0 5px; } }
    @media screen and (max-width: 1279px) {
      .header__logo {
        padding: 15px 0px 0 10px; } }
    @media screen and (max-width: 767px) {
      .header__logo {
        width: auto;
        padding: 18px 0px 0 5px; } }
    @media screen and (max-width: 320px) {
      .header__logo {
        padding: 20 0px 0 5px; } }
    .header__logo__link:hover .header__logo__mark,
    .header__logo__link:hover .header__logo__text {
      opacity: 0.7; }
    @media screen and (max-width: 1024px) {
      .header__logo__link:hover .header__logo__mark,
      .header__logo__link:hover .header__logo__text {
        opacity: 1.0; } }
    .header__logo__mark {
      float: left;
      width: 224px;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 1399px) {
        .header__logo__mark {
          width: 202px; } }
      @media screen and (max-width: 1279px) {
        .header__logo__mark {
          width: 190px; } }
      @media screen and (max-width: 767px) {
        .header__logo__mark {
          float: left;
          width: 110px;
          height: 30px; } }
      @media screen and (max-width: 320px) {
        .header__logo__mark {
          width: 98px; } }
    .header__logo__text {
      float: left;
      padding-top: 2px;
      padding-left: 20px;
      font-size: 2.0rem;
      line-height: 1.2;
      font-family: "嗄苧劾悶", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "FP-ヒラギノ苧劾 StdN W3", "HiraMinProN-W3", "ＭＳ Ｐ苧劾", "MS PMincho", "MS 苧劾", "メイリオ", Meiryo, "ＭＳ ゴシック", serif;
      color: #fa6c6e;
      letter-spacing: 0.04em;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 1399px) {
        .header__logo__text {
          padding-top: 4px;
          padding-left: 15px;
          font-size: 1.8rem; } }
      @media screen and (max-width: 1279px) {
        .header__logo__text {
          padding-top: 4px;
          padding-left: 15px;
          font-size: 1.6rem; } }
      @media screen and (max-width: 767px) {
        .header__logo__text {
          padding-top: 1px;
          padding-left: 9px;
          font-size: 1.1rem;
          letter-spacing: 0.02em; } }
      @media screen and (max-width: 320px) {
        .header__logo__text {
          padding-left: 5px;
          font-size: 1rem;
          letter-spacing: -0.02em; } }
  .header .gnav {
    float: right;
    width: calc( 100% - 576px ); }
    @media screen and (max-width: 1399px) {
      .header .gnav {
        width: calc( 100% - 526px); } }
    @media screen and (max-width: 1279px) {
      .header .gnav {
        display: /welcomeback/css/none; } }
    .header .gnav-list {
      text-align: right; }
      .header .gnav-list__item {
        display: inline-block; }
        .header .gnav-list__item__link {
          position: relative;
          display: block;
          padding: 37px 0 36px;
          font-size: 1.7rem;
          line-height: 1.0;
          color: #222;
          font-weight: 600;
          text-align: center;
          box-sizing: border-box; }
          .header .gnav-list__item__link::before {
            content: '';
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 0;
            height: 0;
            background: #e9f060;
            background: -moz-linear-gradient(left, #e9f060 0%, #a7de90 100%);
            background: -webkit-linear-gradient(left, #e9f060 0%, #a7de90 100%);
            background: linear-gradient(to right, #e9f060 0%, #a7de90 100%);
            -moz-transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -ms-transition: all 0.5s;
            transition: all 0.5s; }
          .header .gnav-list__item__link:hover {
            color: #222; }
            .header .gnav-list__item__link:hover::before {
              width: 100%;
              height: 5px; }
            @media screen and (max-width: 1024px) {
              .header .gnav-list__item__link:hover {
                color: #222; } }
          .header .gnav-list__item__link--now::before {
            width: 100%;
            height: 5px; }
          .header .gnav-list__item__link.home {
            margin-right: 2.5em; }
          .header .gnav-list__item__link.program {
            margin-right: 2.5em; }
          .header .gnav-list__item__link.teacher {
            margin-right: 2.5em; }
          .header .gnav-list__item__link.recruit {
            margin-right: 2.3em; }
          .header .gnav-list__item__link.apply {
            padding-left: 2.2em;
            padding-right: 2.1em;
            color: #fff;
            background-color: #ff968f; }
            .header .gnav-list__item__link.apply::before {
              display: /welcomeback/css/none; }
            .header .gnav-list__item__link.apply:hover {
              color: #fff;
              background-color: #ff787a; }
              @media screen and (max-width: 1024px) {
                .header .gnav-list__item__link.apply:hover {
                  color: #fff;
                  background-color: #ff968f; } }
          @media screen and (max-width: 1399px) {
            .header .gnav-list__item__link.home {
              margin-right: 2.0em; }
            .header .gnav-list__item__link.program {
              margin-right: 2.0em; }
            .header .gnav-list__item__link.teacher {
              margin-right: 2.0em; }
            .header .gnav-list__item__link.recruit {
              margin-right: 1.8em; }
            .header .gnav-list__item__link.apply {
              padding-left: 1.8em;
              padding-right: 1.6em; } }

/*
.gnav-sp__btn
---------------------------------------------------*/
.gnav-sp__btn {
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 0;
  background-color: #ff8587; }
  @media screen and (max-width: 767px) {
    .gnav-sp__btn {
      width: 55px;
      height: 55px; } }
  .gnav-sp__btn span {
    position: absolute;
    display: inline-block;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    left: 0;
    right: 0;
    width: 26px;
    height: 2px;
    background-color: #fff;
    margin: auto;
    z-index: 101; }
    .gnav-sp__btn span:nth-of-type(1) {
      top: 22px; }
      @media screen and (max-width: 767px) {
        .gnav-sp__btn span:nth-of-type(1) {
          top: 17px; } }
    .gnav-sp__btn span:nth-of-type(2) {
      top: 34px; }
      @media screen and (max-width: 767px) {
        .gnav-sp__btn span:nth-of-type(2) {
          top: 27px; } }
    .gnav-sp__btn span:nth-of-type(3) {
      bottom: 22px; }
      @media screen and (max-width: 767px) {
        .gnav-sp__btn span:nth-of-type(3) {
          bottom: 17px; } }
  .gnav-sp__btn.active span:nth-of-type(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg); }
    @media screen and (max-width: 767px) {
      .gnav-sp__btn.active span:nth-of-type(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg); } }
  .gnav-sp__btn.active span:nth-of-type(2) {
    opacity: 0; }
  .gnav-sp__btn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg); }
    @media screen and (max-width: 767px) {
      .gnav-sp__btn.active span:nth-of-type(3) {
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg); } }
  @media screen and (min-width: 1280px) {
    .gnav-sp__btn {
      display: /welcomeback/css/none; } }

.gnav-sp {
  display: /welcomeback/css/none;
  height: calc(100vh - 70px);
  overflow: scroll;
  width: 100%;
  box-sizing: border-box;
  margin: 0px 0px 10px 0px;
  padding: 2px 0px 50px 0px;
  position: fixed;
  top: 70px;
  background: #ff8587;
  z-index: 9999; }
  @media screen and (max-width: 767px) {
    .gnav-sp {
      height: calc(100vh - 55px);
      top: 55px; } }
  .gnav-sp__list__item {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .gnav-sp__list__item a {
      position: relative;
      display: block;
      width: 100%;
      padding: 20px 15px 20px 20px;
      font-size: 1.7rem;
      color: #fff;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .gnav-sp__list__item a::before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        width: 12px;
        height: 12px;
        border-top: 2px solid rgba(255, 255, 255, 0.8);
        border-right: 2px solid rgba(255, 255, 255, 0.8);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .gnav-sp__apply {
    padding: 20px 20px 20px 20px; }
    .gnav-sp__apply a {
      display: block;
      padding: 13px 30px 11px 20px;
      font-size: 1.7rem;
      color: #ff8587;
      text-align: center;
      background-color: #fff; }
      .gnav-sp__apply a span {
        display: inline-block;
        padding: 5px 0 5px 47px;
        background-image: url(/welcomeback/common/icon_note_pink.svg);
        background-repeat: no-repeat;
        background-size: 36px auto;
        background-position: left 75%; }

.pagetitle-wrapper {
  margin-top: 90px;
  padding-top: 88px;
  width: 100%;
  height: 280px;
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  box-sizing: border-box;
  z-index: 5; }
  @media screen and (max-width: 1279px) {
    .pagetitle-wrapper {
      margin-top: 70px; } }
  @media screen and (max-width: 767px) {
    .pagetitle-wrapper {
      margin-top: 55px;
      padding-top: 38px;
      height: 140px; } }
  .pagetitle-wrapper--information {
    background-image: url(/welcomeback/information/img/pagetitle_bg.jpg); }
  .pagetitle-wrapper--teacher {
    background-image: url(/welcomeback/teacher/img/pagetitle_bg.jpg); }
    @media screen and (max-width: 1024px) {
      .pagetitle-wrapper--teacher {
        background-position: 0 50%; } }
  .pagetitle-wrapper--recruit {
    background-image: url(/welcomeback/recruit/img/pagetitle_bg.jpg); }
  .pagetitle-wrapper--program {
    background-image: url(/welcomeback/program/img/pagetitle_bg.jpg); }
  .pagetitle-wrapper__text {
    display: inline-block;
    position: relative;
    padding: 30px 20px 25px 20px;
    min-width: 420px;
    min-height: 110px;
    font-size: 3.4rem;
    line-height: 1.1;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    background-color: rgba(159, 194, 70, 0.9); }
    @media screen and (max-width: 767px) {
      .pagetitle-wrapper__text {
        padding: 16px 20px 14px 20px;
        min-width: 198px;
        min-height: 64px;
        font-size: 1.9rem;
        letter-spacing: 0.08em; } }
    .pagetitle-wrapper__text::before {
      content: '';
      display: block;
      position: absolute;
      top: -40px;
      left: -60px;
      width: 101px;
      height: 89px;
      background-image: url(/welcomeback/common/pagetitle_icon_tri_left.png);
      background-repeat: no-repeat;
      background-size: 101px auto;
      background-position: center center; }
      @media screen and (max-width: 767px) {
        .pagetitle-wrapper__text::before {
          top: -23px;
          left: -30px;
          width: 50.5px;
          height: 44.5px;
          background-size: calc(101px / 20 * 10) auto; } }
    .pagetitle-wrapper__text::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -35px;
      right: -60px;
      width: 96px;
      height: 79px;
      background-image: url(/welcomeback/common/pagetitle_icon_tri_right.png);
      background-repeat: no-repeat;
      background-size: 96px auto;
      background-position: center center; }
      @media screen and (max-width: 767px) {
        .pagetitle-wrapper__text::after {
          bottom: -20px;
          right: -25px;
          width: 48px;
          height: 39.5px;
          background-size: calc(96px / 20 * 10) auto;
          background-position: center center; } }
    .pagetitle-wrapper__text__sub {
      display: block;
      margin-top: 5px;
      font-size: 1.4rem;
      line-height: 1.1;
      color: #fff8bd;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      text-align: center;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 767px) {
        .pagetitle-wrapper__text__sub {
          margin-top: 2px;
          font-size: 1.1rem;
          letter-spacing: 0.08em; } }

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

information

----------------------------------------*/
.information-wrapper {
  /*����嶄附---------------------------------*/ }
  .information-wrapper .information-list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .information-wrapper .information-list {
        margin-bottom: 30px; } }
    .information-wrapper .information-list__item {
      border-bottom: 1px solid #dddddd; }
      .information-wrapper .information-list__item:first-child {
        border-top: 1px solid #dddddd; }
    .information-wrapper .information-list__link {
      position: relative;
      padding: 26px 48px 20px 5px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .information-wrapper .information-list__link {
          padding: 22px 35px 20px 0px; } }
      .information-wrapper .information-list__link::before {
        content: '';
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fa8789;
        border-right: 2px solid #fa8789;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media screen and (max-width: 767px) {
          .information-wrapper .information-list__link::before {
            right: 10px; } }
      .information-wrapper .information-list__link:hover {
        background: rgba(255, 229, 206, 0.25); }
        @media screen and (max-width: 1024px) {
          .information-wrapper .information-list__link:hover {
            background: /welcomeback/css/none; } }
    .information-wrapper .information-list__day {
      position: relative;
      display: inline-block;
      margin-top: 2px;
      width: 13.5%;
      font-size: 1.6rem;
      line-height: 1;
      color: #f55f62;
      font-weight: 500;
      box-sizing: border-box;
      text-align: left; }
      @media screen and (max-width: 1024px) {
        .information-wrapper .information-list__day {
          width: auto;
          margin-bottom: 8px; } }
      @media screen and (max-width: 767px) {
        .information-wrapper .information-list__day {
          margin-bottom: 10px;
          font-size: 1.4rem; } }
    .information-wrapper .information-list__text {
      display: inline-block;
      margin-top: -3px;
      width: calc( 100% - 13.5% );
      color: #222;
      font-size: 1.6rem;
      line-height: 1.6;
      text-align: justify; }
      @media screen and (max-width: 1024px) {
        .information-wrapper .information-list__text {
          width: 100%;
          margin-top: 0; } }
      @media screen and (max-width: 767px) {
        .information-wrapper .information-list__text {
          font-size: 1.4rem;
          line-height: 1.8; } }
      .information-wrapper .information-list__text .new {
        margin-left: 5px;
        font-size: 1.6rem;
        color: #f53134;
        font-family: "Roboto", sans-serif;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          .information-wrapper .information-list__text .new {
            margin-left: 0;
            font-size: 1.4rem; } }
  .information-wrapper .detailTitle {
    position: relative;
    padding: 35px 0 30px;
    box-sizing: border-box;
    border-top: 1px dotted #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 40px; }
    @media screen and (max-width: 1024px) {
      .information-wrapper .detailTitle {
        padding: 30px 0 25px;
        margin-bottom: 28px; } }
    @media screen and (max-width: 767px) {
      .information-wrapper .detailTitle {
        padding: 26px 0 20px;
        margin-bottom: 25px; } }
    .information-wrapper .detailTitle::after {
      width: 150px;
      height: 2px;
      background: #ff8587;
      background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
      background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: linear-gradient(to right, #ff8587 0%, #ffd199 100%);
      position: absolute;
      top: -1px;
      left: 0;
      content: "";
      display: block; }
      @media screen and (max-width: 1024px) {
        .information-wrapper .detailTitle::after {
          width: 21%; } }
      @media screen and (max-width: 767px) {
        .information-wrapper .detailTitle::after {
          width: 38%; } }
    .information-wrapper .detailTitle__day {
      color: #f55f62;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .information-wrapper .detailTitle__day {
          font-size: 1.4rem; } }
      .information-wrapper .detailTitle__day__new {
        color: #f53134;
        display: inline-block;
        margin-left: 15px;
        font-family: "Roboto", sans-serif;
        font-weight: 500; }
    .information-wrapper .detailTitle__textarea {
      color: #222;
      font-size: 2.3rem;
      font-weight: 500;
      line-height: 1.6; }
      @media screen and (max-width: 1024px) {
        .information-wrapper .detailTitle__textarea {
          font-size: 1.8rem; } }
      @media screen and (max-width: 767px) {
        .information-wrapper .detailTitle__textarea {
          font-size: 1.7rem; } }

/*恣ライン*/
.title-l-line {
  position: relative;
  margin-bottom: 30px;
  padding-left: 25px;
  font-size: 3.0rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    .title-l-line {
      padding-top: 1px;
      margin-bottom: 15px;
      padding-left: 17px;
      font-size: 2.0rem; } }
  .title-l-line::before {
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    width: 7px;
    height: 42px;
    background: #ff8587;
    background: -moz-linear-gradient(top, #ff8587 0%, #ffd199 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
    background: -webkit-linear-gradient(top, #ff8587 0%, #ffd199 100%);
    background: -o-linear-gradient(top, #ff8587 0%, #ffd199 100%);
    background: -ms-linear-gradient(top, #ff8587 0%, #ffd199 100%);
    background: linear-gradient(to bottom, #ff8587 0%, #ffd199 100%); }
    @media screen and (max-width: 767px) {
      .title-l-line::before {
        top: 0px;
        left: 0;
        width: 5px;
        height: 28px; } }

/*和ライン*/
.title-line {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 16px;
  font-size: 3.2rem;
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 767px) {
    .title-line {
      padding-top: 1px;
      margin-bottom: 18px;
      padding-bottom: 9px;
      font-size: 2.0rem; } }
  @media screen and (max-width: 320px) {
    .title-line {
      font-size: 1.9rem; } }
  .title-line::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 280px;
    height: 4px;
    background: #ff8587;
    background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
    background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
    background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
    background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
    background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); }
    @media screen and (max-width: 767px) {
      .title-line::before {
        width: 186px;
        height: 3px; } }

/*膨叔アイコン*/
.title-icon {
  position: relative;
  padding: 0 0 12px 26px;
  margin-bottom: 18px;
  font-size: 2.0rem;
  line-height: 1.4;
  color: #222;
  border-bottom: 2px solid #ff7476; }
  .title-icon::before {
    position: absolute;
    content: '';
    display: block;
    top: 7px;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #ff8587; }
  @media screen and (max-width: 767px) {
    .title-icon {
      padding: 0 0 10px 20px;
      margin-bottom: 12px;
      font-size: 1.6rem;
      border-bottom: 2px solid #ff7476; }
      .title-icon::before {
        top: 6px;
        width: 10px;
        height: 10px;
        background-color: #ff8587; } }

.title-obi {
  margin-bottom: 30px;
  padding: 17px 15px 13px 22px;
  font-size: 1.9rem;
  line-height: 1.2;
  color: #222;
  border-left: 4px solid transparent; }
  @media screen and (max-width: 767px) {
    .title-obi {
      margin-bottom: 22px;
      padding: 12px 10px 10px 15px;
      font-size: 1.5rem;
      border-left-width: 3px; } }
  .title-obi--pink {
    background-color: #fff0f0;
    border-left-color: #ff8587; }
  .title-obi--green {
    background-color: #f4f8e9;
    border-left-color: #a5c557; }

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

pager ペ�`ジャ�`

----------------------------------------*/
.pager {
  width: 100%;
  text-align: center; }
  .pager__list {
    display: inline-block; }
    .pager__list__item {
      margin-left: 8px;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .pager__list__item {
          margin-left: 4px; } }
      .pager__list__item:first-child {
        margin-left: 0; }
      .pager__list__item--dot {
        width: auto;
        height: 45px;
        font-size: 1.8rem;
        line-height: 45px;
        color: #a1c740;
        font-family: "Open Sans", sans-serif;
        font-weight: 500; }
      .pager__list__item__link {
        display: block;
        width: 46px;
        height: 48px;
        font-size: 1.8rem;
        line-height: 46px;
        color: #a1c740;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        border: 1px solid #a1c740;
        text-align: center;
        background-color: #fff;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          .pager__list__item__link {
            width: 44px; } }
        @media screen and (max-width: 320px) {
          .pager__list__item__link {
            width: 42px;
            height: 44px;
            line-height: 42px; } }
        .pager__list__item__link--now {
          color: #fff;
          background-color: #a1c740; }
        .pager__list__item__link:hover {
          color: #fff;
          background-color: #a1c740; }
          @media screen and (max-width: 1024px) {
            .pager__list__item__link:hover {
              color: #a1c740;
              background-color: #fff; } }
  .pager .arrow {
    position: relative;
    display: inline-block;
    padding: 10px 0 10px 0;
    font-size: 1.7rem;
    color: #a1c740;
    font-weight: 600; }
    @media screen and (max-width: 767px) {
      .pager .arrow {
        text-indent: -9999px;
        padding: 9px 0 7px 0;
        font-size: 1.8rem;
        background-color: #eee; } }
    @media screen and (max-width: 320px) {
      .pager .arrow {
        padding: 7px 0 5px 0; } }
    .pager .arrow:hover {
      text-decoration: underline; }
      @media screen and (max-width: 1024px) {
        .pager .arrow:hover {
          text-decoration: /welcomeback/css/none; } }
    .pager .arrow--prev {
      margin-right: 40px;
      padding-left: 22px;
      padding-right: 5px; }
      @media screen and (max-width: 767px) {
        .pager .arrow--prev {
          margin-right: 10px;
          padding-left: 21px; } }
      @media screen and (max-width: 320px) {
        .pager .arrow--prev {
          margin-right: 5px;
          padding-left: 17px;
          padding-right: 5px; } }
      .pager .arrow--prev::before {
        content: '';
        display: block;
        position: absolute;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-top: 2px solid #a1c740;
        border-right: 2px solid #a1c740;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg); }
        @media screen and (max-width: 767px) {
          .pager .arrow--prev::before {
            left: 5px;
            right: 0;
            width: 12px;
            height: 12px; } }
    .pager .arrow--next {
      margin-left: 40px;
      padding-right: 22px;
      padding-left: 5px; }
      @media screen and (max-width: 767px) {
        .pager .arrow--next {
          margin-left: 10px;
          padding-right: 21px; } }
      @media screen and (max-width: 320px) {
        .pager .arrow--next {
          margin-left: 5px;
          padding-right: 17px;
          padding-left: 5px; } }
      .pager .arrow--next::before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-top: 2px solid #a1c740;
        border-right: 2px solid #a1c740;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media screen and (max-width: 767px) {
          .pager .arrow--next::before {
            left: 0;
            right: 5px;
            width: 12px;
            height: 12px; } }

.footer-bnr {
  background-color: #f7f7f7;
  padding: 35px 0 15px; }
  @media screen and (max-width: 767px) {
    .footer-bnr {
      padding: 25px 0 15px; } }
  .footer-bnr__list {
    width: 1100px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .footer-bnr__list {
        width: 100%; } }
    .footer-bnr__list__item {
      width: 242px;
      margin: 0 10px 20px 10px;
      transition: 0.5s; }
      @media screen and (max-width: 767px) {
        .footer-bnr__list__item {
          width: 218px;
          margin: 0 7px 10px 7px; } }
      .footer-bnr__list__item:hover {
        opacity: 0.8; }
        @media screen and (max-width: 1024px) {
          .footer-bnr__list__item:hover {
            opacity: 1; } }

.footer-wrapper {
  position: relative;
  padding: 42px 0 40px;
  background-color: #fff0f0; }
  @media screen and (max-width: 1024px) {
    .footer-wrapper {
      padding: 40px 0 30px; } }
  @media screen and (max-width: 767px) {
    .footer-wrapper {
      padding: 35px 0 30px; } }
  .footer-wrapper__inner {
    max-width: 1100px;
    width: calc( 100% - 60px );
    margin: 0 auto; }
    @media screen and (max-width: 1099px) {
      .footer-wrapper__inner {
        width: auto;
        padding-left: 30px;
        padding-right: 30px; } }
    @media screen and (max-width: 767px) {
      .footer-wrapper__inner {
        padding-left: 15px;
        padding-right: 15px; } }
.footer__nav {
  float: right; }
  @media screen and (max-width: 1024px) {
    .footer__nav {
      float: /welcomeback/css/none;
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .footer__nav {
      margin-bottom: 20px; } }
  .footer__nav__item {
    float: right;
    margin-left: 18px; }
    .footer__nav__item:nth-child(2) {
      float: left;
      margin-left: 0; }
    @media screen and (max-width: 1199px) {
      .footer__nav__item {
        margin-left: 12px; } }
    @media screen and (max-width: 1024px) {
      .footer__nav__item {
        width: calc(50% - 8px);
        margin-left: 8px; }
        .footer__nav__item:first-child {
          margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .footer__nav__item {
        width: calc(50% - 5px);
        margin-left: 5px; }
        .footer__nav__item:first-child {
          margin-left: 0; } }
    @media screen and (max-width: 320px) {
      .footer__nav__item {
        width: calc(50% - 4px);
        margin-left: 4px; } }
    .footer__nav__item__link {
      position: relative;
      display: block;
      padding: 18px 20px 18px 65px;
      width: 200px;
      font-size: 1.5rem;
      line-height: 1.1;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1199px) {
        .footer__nav__item__link {
          width: 175px;
          font-size: 1.4rem; } }
      @media screen and (max-width: 1024px) {
        .footer__nav__item__link {
          padding: 28px 35px 27px 70px;
          width: auto;
          font-size: 1.7rem; } }
      @media screen and (max-width: 767px) {
        .footer__nav__item__link {
          padding: 14px 8px 14px 45px;
          font-size: 1.4rem; } }
      @media screen and (max-width: 320px) {
        .footer__nav__item__link {
          font-size: 1.3rem; } }
      .footer__nav__item__link::after {
        content: '';
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fa8789;
        border-right: 2px solid #fa8789;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media screen and (max-width: 1199px) {
          .footer__nav__item__link::after {
            right: 12px; } }
        @media screen and (max-width: 1024px) {
          .footer__nav__item__link::after {
            right: 18px; } }
        @media screen and (max-width: 767px) {
          .footer__nav__item__link::after {
            right: 10px; } }
        @media screen and (max-width: 320px) {
          .footer__nav__item__link::after {
            right: 10px;
            width: 8px;
            height: 8px; } }
      .footer__nav__item__link.mail {
        color: #444444;
        background-color: #fff;
        background-image: url(/welcomeback/common/icon_mail_pink.svg);
        background-repeat: no-repeat;
        background-size: 37px auto;
        background-position: left 20px top 20px; }
        @media screen and (max-width: 1199px) {
          .footer__nav__item__link.mail {
            padding-left: 58px;
            background-size: 36px auto;
            background-position: left 13px top 20px; } }
        @media screen and (max-width: 1024px) {
          .footer__nav__item__link.mail {
            padding-left: 70px;
            background-size: 39px auto;
            background-position: left 20px top 24px; } }
        @media screen and (max-width: 767px) {
          .footer__nav__item__link.mail {
            padding-left: 45px;
            background-size: 26px auto;
            background-position: left 10px center; } }
        @media screen and (max-width: 320px) {
          .footer__nav__item__link.mail {
            padding-left: 40px;
            background-position: left 8px center; } }
        .footer__nav__item__link.mail:hover {
          opacity: 0.8; }
          @media screen and (max-width: 1024px) {
            .footer__nav__item__link.mail:hover {
              opacity: 1; } }
      .footer__nav__item__link.apply {
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        padding-left: 70px;
        background: #ff8284;
        background: -moz-linear-gradient(left, #ff8284 0%, #ffce8a 50%, #ff8284 100%);
        background: -webkit-linear-gradient(left, #ff8284 0%, #ffce8a 50%, #ff8284 100%);
        background: linear-gradient(to right, #ff8284 0%, #ffce8a 50%, #ff8284 100%);
        background-size: 200% auto; }
        @media screen and (max-width: 1199px) {
          .footer__nav__item__link.apply {
            padding-left: 60px; } }
        @media screen and (max-width: 1024px) {
          .footer__nav__item__link.apply {
            padding-left: 72px; } }
        @media screen and (max-width: 767px) {
          .footer__nav__item__link.apply {
            padding-left: 45px; } }
        @media screen and (max-width: 320px) {
          .footer__nav__item__link.apply {
            padding-left: 40px; } }
        .footer__nav__item__link.apply::before {
          content: '';
          display: block;
          position: absolute;
          top: 20px;
          left: 20px;
          width: 39px;
          height: 32px;
          background-image: url(/welcomeback/common/icon_note_white.svg);
          background-repeat: no-repeat;
          background-size: 39px auto; }
          @media screen and (max-width: 1199px) {
            .footer__nav__item__link.apply::before {
              left: 13px; } }
          @media screen and (max-width: 1024px) {
            .footer__nav__item__link.apply::before {
              top: 23px;
              left: 20px; } }
          @media screen and (max-width: 767px) {
            .footer__nav__item__link.apply::before {
              top: 20px;
              left: 10px;
              width: 26px;
              height: 23px;
              background-size: 26px auto; } }
          @media screen and (max-width: 320px) {
            .footer__nav__item__link.apply::before {
              left: 8px; } }
        .footer__nav__item__link.apply::after {
          border-top: 2px solid #fff;
          border-right: 2px solid #fff; }
        .footer__nav__item__link.apply:hover {
          background-position: right center; }
          @media screen and (max-width: 1024px) {
            .footer__nav__item__link.apply:hover {
              background-position: left center; } }
.footer__info {
  width: 60%;
  float: left; }
  @media screen and (max-width: 1024px) {
    .footer__info {
      float: /welcomeback/css/none;
      width: auto; } }
  .footer__info__logo {
    float: left;
    width: auto; }
    @media screen and (max-width: 767px) {
      .footer__info__logo {
        float: /welcomeback/css/none;
        margin-bottom: 8px;
        padding-right: 13px;
        text-align: center; } }
    .footer__info__logo__link {
      display: block; }
      .footer__info__logo__link img {
        width: 212px; }
        @media screen and (max-width: 767px) {
          .footer__info__logo__link img {
            width: 160px; } }
      .footer__info__logo__link:hover {
        opacity: 0.7; }
        @media screen and (max-width: 1024px) {
          .footer__info__logo__link:hover {
            opacity: 1; } }
    .footer__info__logo__text-link .text {
      margin-top: 7px;
      padding: 0px 0px 0px 39px;
      font-size: 1.3rem;
      line-height: 1.4;
      color: #fa6c6e;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 767px) {
        .footer__info__logo__text-link .text {
          padding-left: 10px; } }
    .footer__info__logo__text-link:hover .text {
      color: #a6cc42; }
    @media screen and (max-width: 1024px) {
      .footer__info__logo__text-link:hover .text {
        color: #fa6c6e; } }
  .footer__info__address {
    margin-left: 20px;
    float: left; }
    @media screen and (max-width: 1199px) {
      .footer__info__address {
        margin-left: 13px;
        float: left; } }
    @media screen and (max-width: 767px) {
      .footer__info__address {
        margin-left: 0;
        float: /welcomeback/css/none;
        width: 100%;
        text-align: center; } }
    .footer__info__address .title {
      margin-bottom: 12px;
      font-size: 1.8rem;
      line-height: 1.2;
      color: #fa6c6e;
      font-family: "嗄苧劾悶", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "FP-ヒラギノ苧劾 StdN W3", "HiraMinProN-W3", "ＭＳ Ｐ苧劾", "MS PMincho", "MS 苧劾", "メイリオ", Meiryo, "ＭＳ ゴシック", serif;
      font-weight: 500;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1199px) {
        .footer__info__address .title {
          font-size: 1.6rem; } }
      @media screen and (max-width: 1024px) {
        .footer__info__address .title {
          margin-bottom: 6px; } }
      @media screen and (max-width: 767px) {
        .footer__info__address .title {
          margin-bottom: 10px; } }
    .footer__info__address .text {
      font-size: 1.4rem;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .footer__info__address .text {
          font-size: 1.3rem;
          line-height: 1.6; } }
      .footer__info__address .text .tel-link {
        display: inline-block;
        color: #222;
        pointer-events: /welcomeback/css/none; }
        @media screen and (max-width: 767px) {
          .footer__info__address .text .tel-link {
            pointer-events: auto;
            text-decoration: underline; } }

.copyright {
  padding: 15px 0;
  font-size: 1.3rem;
  line-height: 1.1;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  background: #ff8587;
  background: -moz-linear-gradient(left, #ff8587 0%, #ffe0c4 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffe0c4));
  background: -webkit-linear-gradient(left, #ff8587 0%, #ffe0c4 100%);
  background: -o-linear-gradient(left, #ff8587 0%, #ffe0c4 100%);
  background: -ms-linear-gradient(left, #ff8587 0%, #ffe0c4 100%);
  background: linear-gradient(to right, #ff8587 0%, #ffe0c4 100%); }
  @media screen and (max-width: 767px) {
    .copyright {
      padding: 13px 10px;
      font-size: 1.1rem;
      line-height: 1.2; } }

.pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: #ff8587;
  z-index: 25;
  border: 2px solid #ff8587; }
  @media screen and (max-width: 1024px) {
    .pagetop {
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px; } }
  @media screen and (max-width: 767px) {
    .pagetop {
      bottom: 10px;
      right: 10px;
      width: 46px;
      height: 46px; } }
  .pagetop::before {
    position: absolute;
    content: '';
    top: 28px;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg); }
    @media screen and (max-width: 1024px) {
      .pagetop::before {
        top: 25px;
        width: 15px;
        height: 15px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; } }
    @media screen and (max-width: 767px) {
      .pagetop::before {
        top: 18px;
        width: 13px;
        height: 13px; } }
  .pagetop:hover {
    background-color: #fff; }
    .pagetop:hover::before {
      border-top: 2px solid #ff8587;
      border-right: 2px solid #ff8587; }
    @media screen and (max-width: 1024px) {
      .pagetop:hover {
        background-color: #ff8587; }
        .pagetop:hover::before {
          border-top: 2px solid #fff;
          border-right: 2px solid #fff; } }

/*叔来グラデ�`ション　リンクボタン*/
.btn01 {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 18px 30px 17px 30px;
  width: 290px;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #fff;
  font-weight: 500;
  text-align: center;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  -o-border-radius: 28px;
  -ms-border-radius: 28px;
  border-radius: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #ff7a7d;
  background: -moz-linear-gradient(left, #ff7a7d 0%, #ffc175 50%, #ff7a7d 100%);
  background: -webkit-linear-gradient(left, #ff7a7d 0%, #ffc175 50%, #ff7a7d 100%);
  background: linear-gradient(to right, #ff7a7d 0%, #ffc175 50%, #ff7a7d 100%);
  background-size: 200% auto; }
  .btn01::before {
    content: '';
    position: absolute;
    top: calc( 50% - 5px );
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
  .btn01:hover {
    background-position: right center; }
    @media screen and (max-width: 1024px) {
      .btn01:hover {
        background-position: left center; } }
  .btn01.w360 {
    max-width: 360px;
    width: 92%; }
    @media screen and (max-width: 320px) {
      .btn01.w360 {
        width: 100%; } }
  .btn01.recruit {
    margin-bottom: 80px; }
    @media screen and (max-width: 1024px) {
      .btn01.recruit {
        margin-bottom: 60px; } }
    @media screen and (max-width: 767px) {
      .btn01.recruit {
        margin-bottom: 45px; } }
  @media screen and (max-width: 1024px) {
    .btn01:hover {
      color: #fff;
      background-color: #2243a8; }
    .btn01:hover::before {
      border-top: 3px solid #fff;
      border-right: 3px solid #fff; } }
  @media screen and (max-width: 767px) {
    .btn01 {
      padding: 17px 24px 17px 18px;
      width: auto;
      font-size: 1.5rem;
      border-radius: 38px; }
      .btn01::before {
        top: calc( 50% - 3px );
        right: 15px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; } }

/*仟彭のボタン*/
.btn03 {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 18px 20px 14px 25px;
  width: 300px;
  font-size: 17px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border: 1px solid #a1c740;
  box-sizing: border-box;
  background-color: #a1c740;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
  .btn03::before {
    position: absolute;
    content: '';
    top: calc( 50% - 3px );
    left: 15px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s; }
  .btn03:hover {
    color: #a1c740;
    background-color: #fff; }
    .btn03:hover::before {
      border-bottom: 2px solid #a1c740;
      border-left: 2px solid #a1c740; }
  @media screen and (max-width: 1024px) {
    .btn03 {
      width: 50%;
      margin: auto; }
      .btn03:hover {
        color: #fff;
        background-color: #a1c740; }
        .btn03:hover::before {
          border-bottom: 2px solid #fff;
          border-left: 2px solid #fff; } }
  @media screen and (max-width: 767px) {
    .btn03 {
      width: 80%;
      padding: 17px 20px 14px 22px;
      font-size: 14px; }
      .btn03::before {
        left: 12px; } }

.text-m {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify; }
  @media screen and (max-width: 767px) {
    .text-m {
      font-size: 1.4rem;
      line-height: 1.8; } }
  .text-m--program {
    margin-bottom: 50px;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .text-m--program {
        margin-bottom: 40px !important; } }

.text-bold {
  font-weight: 600; }
  @media screen and (max-width: 767px) {
    .text-bold {
      font-weight: 500; } }

.text-strong {
  font-weight: 600; }

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

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

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

.text-indent {
  text-indent: -1em;
  padding-left: 1em; }

.pink {
  color: #ff8587; }

.catchcopy {
  font-size: 3.1rem;
  line-height: 1.5;
  color: #222;
  font-weight: 500; }
  .catchcopy.pink {
    color: #f55f62; }
  .catchcopy--program {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px; }
    @media screen and (max-width: 1024px) {
      .catchcopy--program {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 2.6rem;
        line-height: 1.5; } }
    @media screen and (max-width: 767px) {
      .catchcopy--program {
        padding-bottom: 18px;
        margin-bottom: 18px;
        font-size: 1.9rem;
        text-align: justify; } }
    .catchcopy--program::before {
      position: absolute;
      content: '';
      display: block;
      left: 0;
      bottom: 0;
      width: 60px;
      height: 2px;
      background: #ff8587;
      background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
      background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); }
      @media screen and (max-width: 767px) {
        .catchcopy--program::before {
          width: 40px;
          height: 2px; } }

.text-link {
  color: #f55f62;
  text-decoration: underline !important; }
  .text-link:hover {
    color: #a6cc42;
    text-decoration: /welcomeback/css/none !important; }
  @media screen and (max-width: 1024px) {
    .text-link {
      color: #f55f62;
      text-decoration: underline !important; }
      .text-link:hover {
        color: #f55f62;
        text-decoration: underline !important; } }

.em-text {
  font-size: 1.6rem;
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-style: normal; }
  .em-text.fz-s {
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .em-text.fz-s {
        font-size: 1.4rem;
        line-height: 1.7; } }
  @media screen and (max-width: 767px) {
    .em-text {
      font-size: 1.4rem; } }

/*慌宥wrapper*/
.top-wrapper-base {
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1099px) {
    .top-wrapper-base {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (max-width: 767px) {
    .top-wrapper-base {
      padding-left: 15px;
      padding-right: 15px; } }

/*メインイメ�`ジ*/
.top-mainimg {
  position: relative;
  width: 100%;
  height: 870px;
  background-image: url(/welcomeback/img/mainimg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  @media screen and (max-width: 1199px) {
    .top-mainimg {
      height: 600px; } }
  @media screen and (max-width: 1024px) {
    .top-mainimg {
      background-position: right -214px top; } }
  @media screen and (max-width: 767px) {
    .top-mainimg {
      height: 410px;
      background-position: right -166px top; } }
  @media screen and (max-width: 479px) {
    .top-mainimg {
      height: 410px;
      background-position: right -166px top; } }
  .top-mainimg::before {
    position: absolute;
    content: '';
    content: '';
    bottom: 0;
    left: 11.1%;
    width: 802px;
    height: 632px;
    background-image: url(/welcomeback/img/catch_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto; }
    @media screen and (max-width: 1499px) {
      .top-mainimg::before {
        left: 10%; } }
    @media screen and (max-width: 1399px) {
      .top-mainimg::before {
        left: 3.3%; } }
    @media screen and (max-width: 1199px) {
      .top-mainimg::before {
        left: 2.3%;
        width: calc( 802px * 7.5 / 10 );
        height: calc( 632px * 7.5 / 10 ); } }
    @media screen and (max-width: 767px) {
      .top-mainimg::before {
        left: -2px;
        width: calc( 802px * 4.8 / 10 );
        height: calc( 632px * 4.8 / 10 ); } }
    @media screen and (max-width: 320px) {
      .top-mainimg::before {
        width: calc( 802px * 4.4 / 10 );
        height: calc( 632px * 4.4 / 10 ); } }
  .top-mainimg__wrapper {
    position: absolute;
    top: calc( 50% - 90px );
    left: 13.3%;
    max-width: 730px;
    width: 95%; }
    @media screen and (max-width: 1399px) {
      .top-mainimg__wrapper {
        left: 6.6%; } }
    @media screen and (max-width: 1199px) {
      .top-mainimg__wrapper {
        left: 5.6%; } }
    @media screen and (max-width: 767px) {
      .top-mainimg__wrapper {
        top: calc(50% - 35px);
        left: 3.2%; } }
    @media screen and (max-width: 320px) {
      .top-mainimg__wrapper {
        top: calc( 50% - 25px); } }
  .top-mainimg__catch__en {
    margin-bottom: 34px;
    width: 84%; }
    @media screen and (max-width: 1199px) {
      .top-mainimg__catch__en {
        margin-bottom: 25px;
        width: 60%; } }
    @media screen and (max-width: 767px) {
      .top-mainimg__catch__en {
        margin-bottom: 15px;
        width: 278px; } }
    @media screen and (max-width: 767px) {
      .top-mainimg__catch__en {
        width: 265px; } }
  .top-mainimg__catch__main {
    margin: 0 0 42px 3px;
    width: 560px; }
    @media screen and (max-width: 1199px) {
      .top-mainimg__catch__main {
        margin: 0 0 30px 3px;
        width: calc( 560px * 7.5 / 10 ); } }
    @media screen and (max-width: 767px) {
      .top-mainimg__catch__main {
        margin: 0 0 16px 3px;
        width: 264px; } }
    @media screen and (max-width: 320px) {
      .top-mainimg__catch__main {
        width: 260px; } }
  .top-mainimg__catch__sub {
    margin-bottom: 30px;
    display: inline-block;
    padding: 18px 28px 14px 26px;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #fff;
    font-family: "嗄苧劾悶", "Yu Mincho", "YuMincho", "Sawarabi Mincho", "FP-ヒラギノ苧劾 StdN W3", "HiraMinProN-W3", "ＭＳ Ｐ苧劾", "MS PMincho", "MS 苧劾", "メイリオ", Meiryo, "ＭＳ ゴシック", serif;
    font-weight: 400;
    text-align: center;
    background-color: #a6cc42; }
    @media screen and (max-width: 1199px) {
      .top-mainimg__catch__sub {
        margin-bottom: 25px;
        padding: 15px 24px 13px 24px;
        font-size: 2.3rem; } }
    @media screen and (max-width: 767px) {
      .top-mainimg__catch__sub {
        margin-bottom: 15px;
        padding: 10px 10px 8px 10px;
        font-size: 1.3rem;
        font-weight: 600; } }
    @media screen and (max-width: 479px) {
      .top-mainimg__catch__sub {
        padding: 10px 12px 8px 12px; } }
  .top-mainimg__bnr {
    width: 210px; }
    @media screen and (max-width: 1199px) {
      .top-mainimg__bnr {
        width: calc( 210px * 7.5 / 10 ); } }
    @media screen and (max-width: 767px) {
      .top-mainimg__bnr {
        width: calc( 210px * 5.5 / 10 ); } }
    @media screen and (max-width: 320px) {
      .top-mainimg__bnr {
        width: calc( 210px * 5 / 10 ); } }

/*BPブロック*/
.top-bpinfo {
  width: 94%;
  margin: 0 auto 60px;
  padding: 26px 45px 32px 255px;
  background-image: url(/welcomeback/img/bp_mark.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 65px center;
  border: solid 5px #ededed; }
  @media screen and (max-width: 1024px) {
    .top-bpinfo {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .top-bpinfo {
      padding: 115px 20px 30px;
      background-position: center 20px;
      background-size: 60px;
      margin-bottom: 40px;
      border: solid 4px #ededed; } }
  .top-bpinfo__title {
    color: #8fb236;
    font-size: 2.1rem;
    line-height: 1.6;
    margin-bottom: 5px;
    text-align: justify; }
    @media screen and (max-width: 767px) {
      .top-bpinfo__title {
        font-size: 1.6rem; } }
  .top-bpinfo__text {
    margin-bottom: 15px;
    font-size: 1.6rem;
    line-height: 2.1;
    color: #222;
    text-align: justify; }
    @media screen and (max-width: 767px) {
      .top-bpinfo__text {
        font-size: 1.4rem;
        line-height: 2.0; } }
  .top-bpinfo__btn {
    position: relative;
    display: block;
    width: 204px;
    margin: 0 auto;
    padding: 11px 20px 9px 20px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.0;
    color: #7d9c32;
    text-align: center;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background-color: #e9f5d3;
    border: 2px solid #e9f5d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .top-bpinfo__btn {
        padding: 13px 20px 12px 20px;
        font-size: 1.5rem;
        letter-spacing: 0; } }
    .top-bpinfo__btn::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 12px;
      margin: auto;
      width: 8px;
      height: 8px;
      border-top: 2px solid #7d9c32;
      border-right: 2px solid #7d9c32;
      transform: rotate(45deg);
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
    .top-bpinfo__btn:hover {
      background-color: #fff; }
  .top-bpinfo--welcomeback {
    background-image: url("/welcomeback/img/img_leadership.jpg");
    background-position: 35px center;
    background-size: 178px auto;
    background-color: #FFF6F7;
    border: solid 5px #FFD6DD; }
    @media screen and (max-width: 767px) {
      .top-bpinfo--welcomeback {
        padding: 165px 20px 30px;
        background-position: center 30px; } }
    .top-bpinfo--welcomeback .top-bpinfo__title {
      color: #b2243c; }
    .top-bpinfo--welcomeback .top-bpinfo__btn {
      width: 224px;
      color: #FFFFFF;
      background-color: #b2243c;
      border: 2px solid #b2243c; }
      @media screen and (max-width: 767px) {
        .top-bpinfo--welcomeback .top-bpinfo__btn {
          width: 280px; } }
      @media screen and (max-width: 320px) {
        .top-bpinfo--welcomeback .top-bpinfo__btn {
          width: 90%; } }
      .top-bpinfo--welcomeback .top-bpinfo__btn::before {
        border-top: 2px solid #FFFFFF;
        border-right: 2px solid #FFFFFF; }

/*��秘ブロック*/
.top-lead {
  position: relative;
  box-sizing: border-box;
  background-image: url(/welcomeback/img/lead_tri.png);
  background-repeat: no-repeat;
  background-size: 308px auto;
  background-position: right 0 top -90px; }
  @media screen and (max-width: 1399px) {
    .top-lead {
      background-size: calc( 308px * 6 / 10 ) auto;
      background-position: right 0px top -37px; } }
  @media screen and (max-width: 767px) {
    .top-lead {
      background-size: calc( 308px * 3.3 / 10 ) auto;
      background-position: right 0px top -20px; } }
  .top-lead .top-wrapper-base {
    padding-top: 70px;
    padding-bottom: 90px; }
    @media screen and (max-width: 1024px) {
      .top-lead .top-wrapper-base {
        padding-top: 50px;
        padding-bottom: 60px; } }
    @media screen and (max-width: 767px) {
      .top-lead .top-wrapper-base {
        padding-top: 36px;
        padding-bottom: 44px; } }
  .top-lead__title {
    position: relative;
    margin-bottom: 65px;
    font-size: 3.4rem;
    line-height: 1.35;
    color: #222;
    font-weight: 500;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .top-lead__title {
        margin-bottom: 35px;
        font-size: 3.0rem;
        line-height: 1.3; } }
    @media screen and (max-width: 767px) {
      .top-lead__title {
        margin-bottom: 40px;
        font-size: 1.9rem;
        line-height: 1.35; }
        .top-lead__title::before {
          position: absolute;
          content: '';
          display: block;
          bottom: -18px;
          left: 0;
          right: 0;
          margin: auto;
          width: 50px;
          height: 2px;
          background: #ff8587;
          background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
          background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); } }
  .top-lead__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .top-lead__block__imgbox {
      margin-top: 8px;
      width: 41%; }
      @media screen and (max-width: 1024px) {
        .top-lead__block__imgbox {
          width: 39%; } }
      @media screen and (max-width: 767px) {
        .top-lead__block__imgbox {
          margin-top: 0;
          margin-bottom: 20px;
          width: auto; } }
    .top-lead__block__textbox {
      padding-right: 60px;
      width: 59%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .top-lead__block__textbox {
          padding-right: 30px;
          width: calc( 100% - 39% ); } }
      @media screen and (max-width: 767px) {
        .top-lead__block__textbox {
          padding-right: 0;
          width: 100%; } }
      .top-lead__block__textbox__title {
        margin-bottom: 30px;
        font-size: 3.1rem;
        text-align: justify; }
        @media screen and (max-width: 1024px) {
          .top-lead__block__textbox__title {
            margin-bottom: 25px;
            font-size: 2.5rem;
            line-height: 1.5; } }
        @media screen and (max-width: 767px) {
          .top-lead__block__textbox__title {
            margin-bottom: 12px;
            font-size: 1.8rem; } }
      .top-lead__block__textbox__text {
        margin-bottom: 35px;
        font-size: 1.6rem;
        line-height: 2.1;
        color: #222;
        text-align: justify; }
        @media screen and (max-width: 1024px) {
          .top-lead__block__textbox__text {
            margin-bottom: 25px; } }
        @media screen and (max-width: 767px) {
          .top-lead__block__textbox__text {
            margin-bottom: 25px;
            font-size: 1.4rem;
            line-height: 2.0; } }
  .top-lead__btn {
    margin: 0; }
    @media screen and (max-width: 767px) {
      .top-lead__btn {
        width: 280px;
        margin: auto; } }
    @media screen and (max-width: 320px) {
      .top-lead__btn {
        width: 90%;
        margin: auto; } }

/*仟彭秤�鵐屮蹈奪�*/
.top-information {
  padding: 64px 0;
  width: 100%;
  text-align: center;
  background-image: url(/welcomeback/img/news_dot_bg.jpg);
  background-size: 2px auto;
  background-repeat: repeat; }
  @media screen and (max-width: 1024px) {
    .top-information {
      padding: 60px 0; } }
  @media screen and (max-width: 767px) {
    .top-information {
      padding: 42px 0; } }
  .top-information__wrapper {
    position: relative;
    padding: 45px 50px 35px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .top-information__wrapper {
        padding: 30px 20px 98px; } }
    .top-information__wrapper::before {
      position: absolute;
      content: '';
      display: block;
      top: -22px;
      left: -71px;
      width: 112px;
      height: 119px;
      background-image: url(/welcomeback/img/news_tri.png);
      background-size: 100% auto; }
      @media screen and (max-width: 1024px) {
        .top-information__wrapper::before {
          top: -46px;
          left: -59px; } }
      @media screen and (max-width: 767px) {
        .top-information__wrapper::before {
          top: -25px;
          left: -15px;
          width: calc(112px * 6 / 10);
          height: calc(119px * 6 / 10); } }
  .top-information__titlebox {
    padding-right: 48px;
    width: 160px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .top-information__titlebox {
        margin-bottom: 12px;
        padding-right: 0;
        width: 100%; } }
    .top-information__titlebox__title {
      margin-bottom: 28px;
      font-size: 3.2rem;
      line-height: 1.2;
      color: #222;
      font-family: "Roboto", sans-serif;
      font-weight: 400; }
      @media screen and (max-width: 767px) {
        .top-information__titlebox__title {
          margin-bottom: 0;
          padding-bottom: 5px;
          font-size: 2.4rem;
          border-bottom: 2px solid #e2e5b1; } }
  .top-information__btn {
    position: relative;
    display: block;
    margin: auto;
    width: 108px;
    padding: 7px 18px 7px 10px;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #fff;
    font-weight: 500;
    text-align: center;
    background-color: #ff8587;
    border: 2px solid #ff8587;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      .top-information__btn {
        position: absolute;
        top: auto;
        bottom: 28px;
        left: 0;
        right: 0;
        width: 150px;
        padding: 10px 18px 10px 10px;
        font-size: 1.4rem; } }
    .top-information__btn::before {
      position: absolute;
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      top: 0;
      bottom: 0;
      right: 8px;
      margin: auto;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
    .top-information__btn:hover {
      color: #ff8587;
      background-color: #fff; }
      .top-information__btn:hover::before {
        border-top: 2px solid #ff8587;
        border-right: 2px solid #ff8587; }
      @media screen and (max-width: 1024px) {
        .top-information__btn:hover {
          color: #fff;
          background-color: #ff8587; }
          .top-information__btn:hover::before {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff; } }
  .top-information__textbox {
    padding-left: 48px;
    width: calc(100% - 160px);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #e2e5b1; }
    @media screen and (max-width: 767px) {
      .top-information__textbox {
        padding-left: 0;
        width: 100%;
        border-left: /welcomeback/css/none; } }
    .top-information__textbox .information-list__item {
      border-bottom: 1px solid #dddddd; }
      .top-information__textbox .information-list__item:last-child {
        border-bottom: 0; }
      @media screen and (max-width: 767px) {
        .top-information__textbox .information-list__item:last-child {
          border-bottom: 1px solid #dddddd; } }
    .top-information__textbox .information-list__link {
      position: relative;
      padding: 21px 0 17px 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .top-information__textbox .information-list__link {
          padding: 13px 0 12px 0px; } }
      .top-information__textbox .information-list__link:hover {
        background: rgba(255, 229, 206, 0.25); }
        @media screen and (max-width: 1024px) {
          .top-information__textbox .information-list__link:hover {
            background: /welcomeback/css/none; } }
    .top-information__textbox .information-list__day {
      position: relative;
      display: inline-block;
      margin-top: 2px;
      width: 14.5%;
      font-size: 1.6rem;
      line-height: 1;
      color: #f55f62;
      font-weight: 500;
      text-align: left;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .top-information__textbox .information-list__day {
          width: auto;
          margin-bottom: 8px; } }
      @media screen and (max-width: 767px) {
        .top-information__textbox .information-list__day {
          margin-bottom: 6px;
          font-size: 1.4rem; } }
    .top-information__textbox .information-list__text {
      display: inline-block;
      margin-top: -3px;
      width: calc(100% - 14.5%);
      color: #222;
      font-size: 1.6rem;
      line-height: 1.6;
      text-align: justify; }
      @media screen and (max-width: 1024px) {
        .top-information__textbox .information-list__text {
          width: 100%;
          margin-top: 0; } }
      @media screen and (max-width: 767px) {
        .top-information__textbox .information-list__text {
          font-size: 1.4rem; } }
      .top-information__textbox .information-list__text .new {
        margin-left: 5px;
        font-size: 1.6rem;
        color: #f53134;
        font-family: "Roboto", sans-serif;
        font-weight: 500; }
        @media screen and (max-width: 767px) {
          .top-information__textbox .information-list__text .new {
            margin-left: 0;
            font-size: 1.4rem; } }

/*ポイントブロック*/
.top-point {
  position: relative;
  background-image: url(/welcomeback/img/point_tri.png);
  background-repeat: no-repeat;
  background-size: 242px auto;
  background-position: left 0 bottom -86px; }
  @media screen and (max-width: 1024px) {
    .top-point {
      background-size: calc( 242px * 7 / 10) auto;
      background-position: left 0px bottom -138px; } }
  @media screen and (max-width: 767px) {
    .top-point {
      background-size: calc( 242px * 4 / 10) auto;
      background-position: left 0px bottom -73px; } }
  .top-point .top-wrapper-base {
    padding-top: 70px;
    padding-bottom: 25px; }
    @media screen and (max-width: 1024px) {
      .top-point .top-wrapper-base {
        padding-top: 45px;
        padding-bottom: 25px; } }
    @media screen and (max-width: 767px) {
      .top-point .top-wrapper-base {
        padding-top: 36px;
        padding-bottom: 30px; } }
  .top-point__title {
    margin-bottom: 40px;
    font-size: 4.0rem;
    line-height: 1.2;
    color: #222;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.02em; }
    @media screen and (max-width: 1024px) {
      .top-point__title {
        margin-bottom: 35px;
        font-size: 3.8rem; } }
    @media screen and (max-width: 767px) {
      .top-point__title {
        margin-bottom: 25px;
        font-size: 2.8rem; } }
    .top-point__title span {
      position: relative;
      display: inline-block;
      padding: 15px 115px; }
      @media screen and (max-width: 767px) {
        .top-point__title span {
          padding: 10px 80px 15px; } }
      .top-point__title span::before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 66px;
        height: 76px;
        background-image: url(/welcomeback/img/point_title_tri_left.png);
        background-size: 100% auto;
        background-repeat: no-repeat; }
        @media screen and (max-width: 767px) {
          .top-point__title span::before {
            width: calc( 66px * 7 / 10 );
            height: calc( 76px * 7 / 10 ); } }
      .top-point__title span::after {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        width: 66px;
        height: 76px;
        background-image: url(/welcomeback/img/point_title_tri_right.png);
        background-size: 100% auto;
        background-repeat: no-repeat; }
        @media screen and (max-width: 767px) {
          .top-point__title span::after {
            width: calc( 66px * 7 / 10 );
            height: calc( 76px * 7 / 10 ); } }
  .top-point__block {
    margin-bottom: 70px; }
    @media screen and (max-width: 1024px) {
      .top-point__block {
        margin-bottom: 60px; } }
    @media screen and (max-width: 767px) {
      .top-point__block {
        margin-bottom: 40px; } }
    @media screen and (max-width: 1024px) {
      .top-point__block.block02 {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .top-point__block.block02 {
        margin-bottom: 15px; } }
    .top-point__block__textbox {
      width: calc(100% - 43.7%);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .top-point__block__textbox {
          width: calc(100% - 45%); } }
      @media screen and (max-width: 767px) {
        .top-point__block__textbox {
          width: 100%; } }
      .top-point__block__textbox.textbox01 {
        float: right;
        padding-left: 70px; }
        @media screen and (max-width: 1024px) {
          .top-point__block__textbox.textbox01 {
            padding-left: 35px; } }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox.textbox01 {
            float: /welcomeback/css/none;
            padding-left: 0; } }
      .top-point__block__textbox.textbox02 {
        float: left;
        padding-right: 70px; }
        @media screen and (max-width: 1024px) {
          .top-point__block__textbox.textbox02 {
            padding-right: 35px; } }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox.textbox02 {
            float: /welcomeback/css/none;
            padding-right: 0; } }
      .top-point__block__textbox__title {
        position: relative;
        margin: 12px 0 23px 6px;
        font-size: 3.3rem;
        line-height: 1.2;
        color: #222;
        font-weight: 500; }
        @media screen and (max-width: 1024px) {
          .top-point__block__textbox__title {
            margin: 12px 0 15px 6px;
            font-size: 3.0rem; } }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox__title {
            font-size: 2.1rem;
            margin: 12px 0 11px 4px; } }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox__title.title02 {
            margin: 12px 0 10px 3px; } }
        .top-point__block__textbox__title .number01 {
          position: absolute;
          display: inline-block;
          bottom: 2px;
          left: 0;
          width: 22.6px;
          height: 50px; }
          @media screen and (max-width: 1024px) {
            .top-point__block__textbox__title .number01 {
              width: 20px;
              height: auto; } }
          @media screen and (max-width: 767px) {
            .top-point__block__textbox__title .number01 {
              bottom: 1px;
              width: 14px; } }
        .top-point__block__textbox__title .number02 {
          position: absolute;
          display: inline-block;
          bottom: 2px;
          left: 0;
          width: 33px;
          height: 50px; }
          @media screen and (max-width: 1024px) {
            .top-point__block__textbox__title .number02 {
              width: 28px;
              height: auto; } }
          @media screen and (max-width: 767px) {
            .top-point__block__textbox__title .number02 {
              bottom: 1px;
              width: 18px; } }
        .top-point__block__textbox__title .main-title {
          display: inline-block;
          padding-left: 42px; }
          @media screen and (max-width: 1024px) {
            .top-point__block__textbox__title .main-title {
              padding-left: 36px; } }
          @media screen and (max-width: 767px) {
            .top-point__block__textbox__title .main-title {
              padding-left: 26px; } }
          .top-point__block__textbox__title .main-title.main-title02 {
            padding-left: 50px; }
            @media screen and (max-width: 1024px) {
              .top-point__block__textbox__title .main-title.main-title02 {
                padding-left: 40px; } }
            @media screen and (max-width: 767px) {
              .top-point__block__textbox__title .main-title.main-title02 {
                padding-left: 29px; } }
      .top-point__block__textbox .catchcopy {
        margin-bottom: 20px;
        font-size: 2.9rem;
        line-height: 1.3;
        color: #aab200;
        font-weight: 500; }
        @media screen and (max-width: 1024px) {
          .top-point__block__textbox .catchcopy {
            margin-bottom: 15px;
            font-size: 2.3rem;
            line-height: 1.4; } }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox .catchcopy {
            margin-bottom: 6px;
            font-size: 1.8rem; } }
      .top-point__block__textbox .text {
        font-size: 1.6rem;
        line-height: 2.0;
        color: #222;
        text-align: justify; }
        @media screen and (max-width: 767px) {
          .top-point__block__textbox .text {
            margin-bottom: 18px;
            font-size: 1.4rem;
            line-height: 1.8; } }
    .top-point__block__imgbox {
      width: 43.7%; }
      @media screen and (max-width: 1024px) {
        .top-point__block__imgbox {
          width: 45%; } }
      @media screen and (max-width: 767px) {
        .top-point__block__imgbox {
          width: 100%; } }
      .top-point__block__imgbox.imgbox01 {
        float: left; }
        @media screen and (max-width: 767px) {
          .top-point__block__imgbox.imgbox01 {
            float: /welcomeback/css/none; } }
      .top-point__block__imgbox.imgbox02 {
        float: right; }
        @media screen and (max-width: 767px) {
          .top-point__block__imgbox.imgbox02 {
            float: /welcomeback/css/none; } }

/*カテゴリ�`ボックス*/
.top-category {
  position: relative;
  padding: 72px 0;
  width: 100%;
  background-image: url(/welcomeback/img/top_category_bg.jpg);
  background-size: cover;
  background-position: 50% 50%; }
  @media screen and (max-width: 1024px) {
    .top-category {
      padding: 55px 0; } }
  @media screen and (max-width: 767px) {
    .top-category {
      padding: 42px 0;
      background-position: 39% 50%; } }
  .top-category::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/welcomeback/img/dot_white.png);
    background-repeat: repeat; }
  .top-category__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .top-category__list__item {
      position: relative;
      padding: 126px 0 42px;
      width: calc( ( 99.9% - ( 60px * 2 ) ) / 3);
      font-size: 2.8rem;
      line-height: 1.5;
      color: #222;
      font-weight: 600;
      text-align: center;
      background-color: #fff;
      background-repeat: no-repeat;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); }
      @media screen and (max-width: 1024px) {
        .top-category__list__item {
          padding: 102px 0 28px;
          font-size: 2.3rem; } }
      @media screen and (max-width: 767px) {
        .top-category__list__item {
          padding: 72px 0 20px;
          font-size: 1.8rem; }
          .top-category__list__item:last-child {
            margin-bottom: 0; } }
      @media screen and (max-width: 1024px) {
        .top-category__list__item {
          width: calc( ( 99.9% - ( 18px * 2 ) ) / 3); } }
      @media screen and (max-width: 767px) {
        .top-category__list__item {
          width: 80%;
          margin: 0 auto 15px; } }
      .top-category__list__item.program {
        background-image: url(/welcomeback/img/icon_pencil.svg);
        background-size: 66px auto;
        background-position: 52% 45px; }
        @media screen and (max-width: 1024px) {
          .top-category__list__item.program {
            background-size: calc( 66px * 8.5 / 10 ) auto;
            background-position: 50% 33px; } }
        @media screen and (max-width: 767px) {
          .top-category__list__item.program {
            background-size: calc( 66px * 6 / 10 ) auto;
            background-position: 50% 25px; } }
      .top-category__list__item.teacher {
        background-image: url(/welcomeback/img/icon_human.svg);
        background-size: 63px auto;
        background-position: 50% 38px; }
        @media screen and (max-width: 1024px) {
          .top-category__list__item.teacher {
            background-size: calc( 63px * 8.5 / 10 ) auto;
            background-position: 50% 30px; } }
        @media screen and (max-width: 767px) {
          .top-category__list__item.teacher {
            background-size: calc( 62px * 6 / 10) auto;
            background-position: 50% 22px; } }
      .top-category__list__item.recruit {
        background-image: url(/welcomeback/img/icon_document.svg);
        background-size: 51px auto;
        background-position: 50% 45px; }
        @media screen and (max-width: 1024px) {
          .top-category__list__item.recruit {
            background-size: calc( 51px * 8.5 / 10 ) auto;
            background-position: 50% 35px; } }
        @media screen and (max-width: 767px) {
          .top-category__list__item.recruit {
            background-size: calc( 51px * 6 / 10 ) auto;
            background-position: 50% 25px; } }
      .top-category__list__item::before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #ff8587;
        background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
        background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
        background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
        background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
        background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); }
      .top-category__list__item span {
        display: block;
        margin: 2px 0 25px;
        font-size: 1.5rem;
        line-height: 1.0;
        color: #c2d15e;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        letter-spacing: 0.13em; }
        @media screen and (max-width: 1024px) {
          .top-category__list__item span {
            margin: 0 0 18px; } }
        @media screen and (max-width: 767px) {
          .top-category__list__item span {
            margin: 0 0 14px;
            font-size: 1.2rem;
            font-weight: 500; } }
  .top-category__btn {
    position: relative;
    display: block;
    width: 204px;
    margin: 0 auto;
    padding: 11px 20px 9px 20px;
    font-size: 1.6rem;
    line-height: 1.0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.06em;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -o-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    background-color: #ff8587;
    border: 2px solid #ff8587;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .top-category__btn {
        width: 176px; } }
    @media screen and (max-width: 767px) {
      .top-category__btn {
        width: 190px; } }
    .top-category__btn::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 12px;
      margin: auto;
      width: 8px;
      height: 8px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      transition: all 0.5s; }
    .top-category__btn:hover {
      color: #ff8587;
      background-color: #fff; }
      .top-category__btn:hover::before {
        border-top: 2px solid #ff8587;
        border-right: 2px solid #ff8587; }
      @media screen and (max-width: 1024px) {
        .top-category__btn:hover {
          color: #fff;
          background-color: #ff8587; }
          .top-category__btn:hover::before {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff; } }

/*亟寔ブロック*/
.top-photo-block {
  padding: 52px 0; }
  @media screen and (max-width: 1024px) {
    .top-photo-block {
      padding: 48px 0; } }
  @media screen and (max-width: 767px) {
    .top-photo-block {
      padding: 42px 0; } }
  .top-photo-block .top-wrapper-base {
    position: relative; }
    .top-photo-block .top-wrapper-base::before {
      position: absolute;
      content: '';
      top: -20px;
      right: -20%;
      width: 106px;
      height: 120px;
      background-image: url(/welcomeback/img/top_photo_tri_right.png);
      background-size: 100% auto; }
      @media screen and (max-width: 1399px) {
        .top-photo-block .top-wrapper-base::before {
          right: -10%;
          width: calc( 106px * 8 / 10 );
          height: calc( 120px * 8 / 10 ); } }
      @media screen and (max-width: 1279px) {
        .top-photo-block .top-wrapper-base::before {
          top: -45px;
          right: -38px;
          width: calc( 106px * 7 / 10 );
          height: calc( 120px * 7 / 10 ); } }
      @media screen and (max-width: 1024px) {
        .top-photo-block .top-wrapper-base::before {
          top: -40px;
          right: 3px;
          width: calc( 106px * 6 / 10 );
          height: calc( 120px * 6 / 10 ); } }
      @media screen and (max-width: 767px) {
        .top-photo-block .top-wrapper-base::before {
          top: -20px;
          right: 15px;
          width: calc( 106px * 6 / 10 );
          height: calc( 120px * 6 / 10 ); } }
    .top-photo-block .top-wrapper-base::after {
      position: absolute;
      content: '';
      bottom: -20px;
      left: -20%;
      width: 106px;
      height: 120px;
      background-image: url(/welcomeback/img/top_photo_tri_left.png);
      background-size: 100% auto; }
      @media screen and (max-width: 1399px) {
        .top-photo-block .top-wrapper-base::after {
          left: -10%;
          width: calc( 106px * 8 / 10 );
          height: calc( 120px * 8 / 10 ); } }
      @media screen and (max-width: 1279px) {
        .top-photo-block .top-wrapper-base::after {
          bottom: -45px;
          left: -38px;
          width: calc( 106px * 7 / 10 );
          height: calc( 120px * 7 / 10 ); } }
      @media screen and (max-width: 1024px) {
        .top-photo-block .top-wrapper-base::after {
          bottom: -25px;
          left: 3px;
          width: calc( 106px * 6 / 10 );
          height: calc( 120px * 6 / 10 ); } }
      @media screen and (max-width: 767px) {
        .top-photo-block .top-wrapper-base::after {
          bottom: -20px;
          left: 15px;
          width: calc( 106px * 6 / 10 );
          height: calc( 120px * 6 / 10 ); } }
  .top-photo-block__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .top-photo-block__list__item {
      width: calc((99.9% - (30px * 2)) / 3); }
      @media screen and (max-width: 767px) {
        .top-photo-block__list__item {
          width: 80%;
          margin: 0 auto 15px; }
          .top-photo-block__list__item:last-child {
            margin-bottom: 0; } }

/* wysiwyg */
#wysiwyg {
  padding: 0px 0px 60px 0px;
  margin-bottom: 60px;
  line-height: 180%;
  border-bottom: 1px dotted #d2d2d2;
  /* レイアウト　亟寔恣 */
  /* レイアウト　亟寔嘔*/
  /*リスト-------------*/
  /*アンカ�`リンク喘*/
  /* リンク */ }
  #wysiwyg img {
    width: auto; }
  @media screen and (max-width: 1024px) {
    #wysiwyg {
      padding: 0px 0px 40px 0px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 767px) {
    #wysiwyg {
      padding: 0px 0px 30px 0px;
      margin-bottom: 30px; } }
  #wysiwyg img {
    max-width: 100% !important; }
    @media screen and (max-width: 767px) {
      #wysiwyg img {
        /*display: block !important;*/
        float: /welcomeback/css/none !important;
        margin: 0px auto 15px auto !important;
        padding: 0px !important;
        height: auto !important; } }
  #wysiwyg .left {
    width: 100%;
    margin: 0 auto;
    text-align: left; }
  #wysiwyg .center {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
  #wysiwyg .right {
    width: 100%;
    margin: 0 auto;
    text-align: right; }
  #wysiwyg h1 {
    font-size: 26px;
    color: #222;
    font-weight: normal;
    line-height: 1.5;
    background: url(/welcomeback/css/none);
    font-family: 'Sawarabi Mincho', sans-serif;
    margin: 0px 0 20px 0; }
    @media screen and (max-width: 767px) {
      #wysiwyg h1 {
        font-size: 20px;
        margin-bottom: 15px; } }
  #wysiwyg h2 {
    font-size: 20px;
    font-weight: normal;
    color: #222;
    line-height: 1.4;
    position: relative;
    padding-left: 1em;
    margin-bottom: 10px; }
    @media screen and (max-width: 1024px) {
      #wysiwyg h2 {
        margin-bottom: 14px; } }
    @media screen and (max-width: 767px) {
      #wysiwyg h2 {
        font-size: 16px; } }
    #wysiwyg h2::before {
      width: 4px;
      height: 2px;
      background: #222;
      position: absolute;
      left: 0;
      top: 11px;
      content: "";
      display: block;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        #wysiwyg h2::before {
          top: 9px; } }
    #wysiwyg h2::after {
      width: 4px;
      height: 2px;
      background: #CCCCCC;
      position: absolute;
      left: 4px;
      top: 11px;
      content: "";
      display: block;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        #wysiwyg h2::after {
          top: 9px; } }
  #wysiwyg h3 {
    font-size: 140%;
    line-height: 1.5;
    background: url(/welcomeback/css/none);
    margin: 0px;
    padding: 0px; }
  #wysiwyg h4 {
    font-size: 120%;
    line-height: 1.5;
    margin: 0;
    background: url(/welcomeback/css/none);
    padding: 0px;
    color: #3D3D3D; }
  #wysiwyg h5 {
    font-size: 100%;
    line-height: 1.5;
    margin: 0;
    background: url(/welcomeback/css/none);
    padding: 0px; }
  #wysiwyg h6 {
    font-size: 82%;
    line-height: 1.5;
    margin: 0;
    background: url(/welcomeback/css/none);
    padding: 0px; }
  #wysiwyg ol li {
    list-style: decimal;
    list-style-position: inside; }
  #wysiwyg blockquote {
    padding-left: 1em; }
  #wysiwyg table {
    max-width: 100%;
    font-size: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    @media screen and (max-width: 767px) {
      #wysiwyg table {
        width: 100% !important; } }
    #wysiwyg table th {
      font-weight: normal; }
  #wysiwyg table, #wysiwyg th, #wysiwyg td {
    border: 1px solid #CCC;
    padding: 5px 10px 5px 10px; }
  #wysiwyg hr {
    display: block; }
  #wysiwyg em {
    font-style: oblique;
    font-style: italic;
    /* font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ叔ゴ Pro W3";*/ }
  #wysiwyg strong {
    font-weight: bold; }
  #wysiwyg em strong {
    font-weight: bold;
    font-style: oblique;
    font-style: italic;
    /*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ叔ゴ Pro W3";*/ }
  #wysiwyg strong em {
    font-weight: bold;
    font-style: oblique;
    font-style: italic;
    /*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ叔ゴ Pro W3";*/ }
  #wysiwyg div::after, #wysiwyg p::after {
    clear: both;
    display: block;
    content: ""; }
  #wysiwyg span {
    line-height: 180%; }
    @media screen and (max-width: 767px) {
      #wysiwyg span {
        line-height: 130%; } }
  #wysiwyg p {
    font-size: 15px;
    line-height: 30px; }
    @media screen and (max-width: 767px) {
      #wysiwyg p {
        font-size: 14px;
        line-height: 28px; } }
  #wysiwyg .photoLeft {
    float: left;
    padding-right: 35px;
    margin-top: 6px;
    margin-bottom: 15px;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      #wysiwyg .photoLeft {
        float: /welcomeback/css/none;
        width: 100%;
        display: block;
        padding-right: 0;
        margin-top: 0; } }
  #wysiwyg .photoRight {
    float: right;
    padding-left: 35px;
    margin-top: 10px;
    margin-bottom: 15px;
    max-width: 100%; }
    @media screen and (max-width: 767px) {
      #wysiwyg .photoRight {
        float: /welcomeback/css/none;
        width: 100%;
        display: block;
        padding-left: 0;
        margin-top: 0; } }
  #wysiwyg .photoList__two {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #wysiwyg .photoList__two {
        display: block; } }
    #wysiwyg .photoList__two li {
      width: 48.75%; }
      @media screen and (max-width: 767px) {
        #wysiwyg .photoList__two li {
          width: 100%;
          margin-bottom: 15px; } }
      #wysiwyg .photoList__two li + li {
        margin-left: 2.5%; }
        @media screen and (max-width: 767px) {
          #wysiwyg .photoList__two li + li {
            margin-left: 0; } }
      #wysiwyg .photoList__two li img {
        width: 100%; }
        @media screen and (max-width: 767px) {
          #wysiwyg .photoList__two li img {
            margin: 0 0 5px 0 !important; } }
    #wysiwyg .photoList__two__caption {
      text-align: center;
      color: #222222;
      font-size: 14px;
      margin-top: 5px; }
      @media screen and (max-width: 767px) {
        #wysiwyg .photoList__two__caption {
          margin-top: 0;
          font-size: 13px; } }
  #wysiwyg .photoList__three {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #wysiwyg .photoList__three {
        display: block; } }
    #wysiwyg .photoList__three li {
      width: 32%;
      /*@include m_sp{
          &:nth-child(3n){
              margin-left: 0;
          }
      }*/ }
      @media screen and (max-width: 767px) {
        #wysiwyg .photoList__three li {
          width: 100%;
          margin-bottom: 15px; } }
      #wysiwyg .photoList__three li + li {
        margin-left: 2%; }
        @media screen and (max-width: 767px) {
          #wysiwyg .photoList__three li + li {
            margin-left: 0; } }
      #wysiwyg .photoList__three li img {
        width: 100%; }
        @media screen and (max-width: 767px) {
          #wysiwyg .photoList__three li img {
            margin: 0 0 5px 0 !important; } }
    #wysiwyg .photoList__three__caption {
      text-align: center;
      color: #222222;
      font-size: 14px;
      margin-top: 5px; }
      @media screen and (max-width: 767px) {
        #wysiwyg .photoList__three__caption {
          margin-top: 0;
          font-size: 13px; } }
  #wysiwyg .photoOne {
    width: 100%;
    text-align: center;
    margin-bottom: 15px; }
  #wysiwyg .list {
    background: #f7f7f7;
    padding: 24px 30px 24px 30px;
    box-sizing: border-box;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      #wysiwyg .list {
        padding: 20px 22px 20px 22px; } }
    #wysiwyg .list li {
      position: relative;
      padding-left: 1em;
      color: #222222;
      font-size: 15px;
      line-height: 26px; }
      @media screen and (max-width: 767px) {
        #wysiwyg .list li {
          font-size: 14px;
          line-height: 24px; } }
      #wysiwyg .list li + li {
        margin-top: 10px; }
      #wysiwyg .list li::before {
        position: absolute;
        width: 8px;
        height: 8px;
        background: #ff8587;
        top: 8px;
        left: 0;
        content: "";
        display: block; }
  #wysiwyg a, #wysiwyg div {
    margin-top: -90px;
    padding-top: 90px;
    /*display: block;*/ }
    @media screen and (max-width: 767px) {
      #wysiwyg a, #wysiwyg div {
        margin-top: -60px;
        padding-top: 60px;
        /*display: block;*/ } }
  #wysiwyg a {
    color: #ee0000;
    text-decoration: underline; }
    #wysiwyg a:hover {
      text-decoration: /welcomeback/css/none; }

.teacher-wrapper {
  position: relative; }
.teacher-block {
  position: relative;
  padding-bottom: 80px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  z-index: 0; }
  @media screen and (max-width: 767px) {
    .teacher-block {
      padding-bottom: 40px; } }
  .teacher-block--main {
    padding-bottom: 50px;
    background-image: url(/welcomeback/teacher/img/teacher_tri03.png);
    background-repeat: no-repeat;
    background-size: 250px auto;
    background-position: right 0 bottom -120px; }
    @media screen and (max-width: 1399px) {
      .teacher-block--main {
        background-size: calc( 250px * 6 / 10 ) auto;
        background-position: right 0 bottom -90px; } }
    @media screen and (max-width: 767px) {
      .teacher-block--main {
        padding-bottom: 45px;
        background-size: calc( 250px * 4.0 / 10 ) auto;
        background-position: right 0 bottom -82px; } }
    .teacher-block--main::before {
      position: absolute;
      content: '';
      top: -149px;
      right: 0;
      width: 254px;
      height: 404px;
      z-index: -1;
      background-image: url(/welcomeback/teacher/img/teacher_tri01.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 1399px) {
        .teacher-block--main::before {
          width: calc( 254px * 6.5 / 10 );
          height: calc( 404px * 6.5 / 10 );
          top: -180px; } }
      @media screen and (max-width: 767px) {
        .teacher-block--main::before {
          width: calc(254px * 4.5 / 10);
          height: calc(404px * 4.5 / 10);
          top: -130px;
          right: 0; } }
    .teacher-block--main::after {
      position: absolute;
      content: '';
      top: 35%;
      left: 0;
      width: 247px;
      height: 475px;
      z-index: -1;
      background-image: url(/welcomeback/teacher/img/teacher_tri02.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 1024px) {
        .teacher-block--main::after {
          top: 44%;
          left: 0;
          width: calc(247px * 5 / 10);
          height: calc(475px * 5 / 10); } }
      @media screen and (max-width: 767px) {
        .teacher-block--main::after {
          top: 48%;
          left: 0;
          width: calc(247px * 3 / 10);
          height: calc(475px * 3 / 10); } }
  .teacher-block--sub {
    padding-top: 70px;
    background-color: #fff5ed; }
    @media screen and (max-width: 767px) {
      .teacher-block--sub {
        padding-top: 45px; } }
    .teacher-block--sub .sub-title {
      position: relative;
      margin-bottom: 60px;
      padding: 17px 20px 13px 45px;
      font-size: 2.2rem;
      line-height: 1.3;
      color: #ff8587;
      background-color: #fff;
      border-radius: 0 30px 30px 0; }
      @media screen and (max-width: 767px) {
        .teacher-block--sub .sub-title {
          margin-bottom: 40px;
          padding: 15px 20px 12px 28px;
          font-size: 1.6rem; } }
      .teacher-block--sub .sub-title::before {
        content: '';
        display: block;
        position: absolute;
        top: 29px;
        left: 0;
        width: 30px;
        height: 2px;
        background-color: #ff8587; }
        @media screen and (max-width: 767px) {
          .teacher-block--sub .sub-title::before {
            top: 24px;
            width: 18px;
            height: 2px; } }
.teacher-list {
  margin-bottom: -60px; }
  .teacher-list__item {
    margin-bottom: 85px; }
    .teacher-list__item.first {
      margin-top: 14px; }
    @media screen and (max-width: 1024px) {
      .teacher-list__item {
        margin-bottom: 75px; } }
    @media screen and (max-width: 767px) {
      .teacher-list__item {
        margin-bottom: 60px; } }
    .teacher-list__item--border {
      margin-bottom: 80px;
      padding-bottom: 60px;
      border-bottom: 1px solid rgba(250, 150, 152, 0.9); }
      .teacher-list__item--border:last-child {
        padding-bottom: 0;
        border-bottom: /welcomeback/css/none; }
      @media screen and (max-width: 1024px) {
        .teacher-list__item--border {
          margin-bottom: 70px;
          padding-bottom: 50px; } }
      @media screen and (max-width: 767px) {
        .teacher-list__item--border {
          margin-bottom: 55px;
          padding-bottom: 35px; } }
    .teacher-list__item__carrer {
      font-size: 1.6rem;
      line-height: 1.8;
      text-align: justify;
      word-wrap: break-word; }
      @media screen and (max-width: 767px) {
        .teacher-list__item__carrer {
          font-size: 1.4rem; } }
  .teacher-list__profile {
    margin-bottom: 35px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 1024px) {
      .teacher-list__profile {
        margin-bottom: 30px; } }
    @media screen and (max-width: 767px) {
      .teacher-list__profile {
        margin-bottom: 17px; } }
    .teacher-list__profile .imgbox {
      position: relative;
      margin-left: 14px;
      width: 242px;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        .teacher-list__profile .imgbox {
          width: 70%;
          margin: 0 auto 30px; } }
      @media screen and (max-width: 320px) {
        .teacher-list__profile .imgbox {
          width: 80%; } }
      .teacher-list__profile .imgbox::before {
        position: absolute;
        content: '';
        top: -14px;
        left: -14px;
        z-index: -1;
        width: 242px;
        height: 300px;
        display: block;
        background-color: #ffd0c2; }
        @media screen and (max-width: 767px) {
          .teacher-list__profile .imgbox::before {
            top: -12px;
            left: -12px;
            width: 100%;
            height: 100%; } }
      .teacher-list__profile .imgbox--main::before {
        background-image: url(/welcomeback/teacher/img/profile_bg.jpg);
        background-repeat: repeat;
        background-size: 3px auto; }
      @media screen and (max-width: 767px) {
        .teacher-list__profile .imgbox--sub {
          margin: 0 auto 64px; } }
    .teacher-list__profile .textbox {
      width: calc(100% - 242px - 14px );
      padding-left: 50px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .teacher-list__profile .textbox {
          padding-left: 35px; } }
      @media screen and (max-width: 767px) {
        .teacher-list__profile .textbox {
          width: 100%;
          padding-left: 0; } }
      .teacher-list__profile .textbox__name {
        display: inline-block;
        position: relative;
        margin-bottom: 28px;
        padding-bottom: 24px;
        font-size: 3.0rem;
        line-height: 1.0;
        color: #222;
        font-weight: 500;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1024px) {
          .teacher-list__profile .textbox__name {
            font-size: 2.6rem; } }
        @media screen and (max-width: 767px) {
          .teacher-list__profile .textbox__name {
            width: 100%;
            margin: 0 auto 18px;
            padding-bottom: 23px;
            font-size: 2.1rem; } }
        .teacher-list__profile .textbox__name::before {
          position: absolute;
          content: '';
          display: block;
          left: 0;
          bottom: 0;
          width: 50px;
          height: 2px;
          background: #ff8587;
          background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
          background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
          background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); }
          @media screen and (max-width: 767px) {
            .teacher-list__profile .textbox__name::before {
              width: 30px; } }
        .teacher-list__profile .textbox__name--main {
          padding-bottom: 28px; }
          @media screen and (max-width: 767px) {
            .teacher-list__profile .textbox__name--main {
              padding-bottom: 22px; } }
        .teacher-list__profile .textbox__name__en {
          margin-left: 20px;
          display: inline-block;
          font-size: 1.5rem;
          line-height: 1.0;
          color: #a9abaf;
          font-family: "Roboto", sans-serif;
          font-weight: 400;
          letter-spacing: 0.2em;
          vertical-align: 12%; }
          @media screen and (max-width: 1024px) {
            .teacher-list__profile .textbox__name__en {
              margin-left: 3px;
              font-size: 1.3rem;
              letter-spacing: 0.15em; } }
          @media screen and (max-width: 767px) {
            .teacher-list__profile .textbox__name__en {
              margin-left: 7px;
              font-size: 1.2rem;
              vertical-align: 8%; } }
        .teacher-list__profile .textbox__name__mark {
          position: absolute;
          display: inline-block;
          top: -7px;
          right: -100px;
          width: 60px;
          height: 41px; }
          @media screen and (max-width: 1024px) {
            .teacher-list__profile .textbox__name__mark {
              right: -90px; } }
          @media screen and (max-width: 767px) {
            .teacher-list__profile .textbox__name__mark {
              position: absolute;
              top: -43px;
              left: 0;
              bottom: 0;
              margin: 0;
              width: 42px;
              height: 29px; } }
      .teacher-list__profile .textbox__position {
        margin-bottom: 25px;
        font-size: 1.5rem;
        line-height: 1.6;
        color: #222; }
        @media screen and (max-width: 767px) {
          .teacher-list__profile .textbox__position {
            margin-bottom: 18px;
            font-size: 1.4rem;
            line-height: 1.7;
            text-align: justify; } }
      .teacher-list__profile .textbox__lesson {
        padding: 22px 20px 20px 20px;
        background-color: #fff; }
        @media screen and (max-width: 767px) {
          .teacher-list__profile .textbox__lesson {
            padding: 17px 15px 17px 13px; } }
        .teacher-list__profile .textbox__lesson--main {
          background-color: #fff7f0; }
        .teacher-list__profile .textbox__lesson__title {
          padding: 6px 22px 4px;
          display: inline-block;
          margin-bottom: 15px;
          font-size: 1.6rem;
          line-height: 1.0;
          color: #fff;
          font-weight: 500;
          text-align: center;
          letter-spacing: 0.2em;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          background: #ff8082;
          background: -moz-linear-gradient(left, #ff8082 0%, #ffd08f 100%);
          background: -webkit-linear-gradient(left, #ff8082 0%, #ffd08f 100%);
          background: linear-gradient(to right, #ff8082 0%, #ffd08f 100%); }
          @media screen and (max-width: 1024px) {
            .teacher-list__profile .textbox__lesson__title {
              margin-bottom: 12px; } }
          @media screen and (max-width: 767px) {
            .teacher-list__profile .textbox__lesson__title {
              margin-bottom: 8px;
              padding: 6px 15px 5px;
              font-size: 1.4rem; } }

.base-list {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #222; }
  @media screen and (max-width: 767px) {
    .base-list {
      font-size: 1.4rem;
      line-height: 1.5; } }
  .base-list li {
    position: relative;
    margin-top: 2px;
    padding-left: 20px; }
    .base-list li:first-child {
      margin-top: 0; }
    @media screen and (max-width: 767px) {
      .base-list li {
        margin-top: 2px;
        padding-left: 15px; } }
    .base-list li::before {
      position: absolute;
      content: '';
      display: block;
      top: 7px;
      left: 0;
      width: 10px;
      height: 10px;
      background-color: #ff8587; }
      @media screen and (max-width: 767px) {
        .base-list li::before {
          top: 7px;
          left: 0;
          width: 8px;
          height: 8px; } }

/*��秘ブロック*/
.program-lead-block {
  margin-bottom: 75px; }
  @media screen and (max-width: 1024px) {
    .program-lead-block {
      margin-bottom: 60px; } }
  @media screen and (max-width: 767px) {
    .program-lead-block {
      margin-bottom: 40px; } }
  .program-lead-block__inner {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .program-lead-block__inner {
        margin-bottom: 25px; } }
    .program-lead-block__inner .imgbox {
      float: right;
      margin: 0 0 35px 50px;
      width: 38.7%; }
      @media screen and (max-width: 1024px) {
        .program-lead-block__inner .imgbox {
          margin: 0 0 25px 40px;
          width: 41%; } }
      @media screen and (max-width: 767px) {
        .program-lead-block__inner .imgbox {
          margin: 0 0 20px 0;
          width: 100%;
          float: /welcomeback/css/none; } }
    @media screen and (max-width: 767px) {
      .program-lead-block__inner .textbox {
        width: 100%;
        float: /welcomeback/css/none; } }
    .program-lead-block__inner .textbox .sub-catch {
      margin-bottom: 20px;
      font-size: 2.4rem;
      line-height: 1.45;
      color: #222;
      font-weight: 500;
      text-align: justify; }
      @media screen and (max-width: 1024px) {
        .program-lead-block__inner .textbox .sub-catch {
          font-size: 2.1rem; } }
      @media screen and (max-width: 767px) {
        .program-lead-block__inner .textbox .sub-catch {
          margin-bottom: 15px;
          font-size: 1.7rem;
          line-height: 1.5; } }
  .program-lead-block__btn {
    position: relative;
    display: block;
    padding: 18px 28px 14px 20px;
    font-size: 1.6rem;
    max-width: 350px;
    width: 90%;
    line-height: 1.3;
    color: #fff;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02em;
    border: 2px solid #a5c557;
    background-color: #a5c557;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .program-lead-block__btn::before {
      position: absolute;
      content: '';
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: calc( 50% - 3px );
      right: 12px; }
    @media screen and (max-width: 767px) {
      .program-lead-block__btn {
        padding: 17px 28px 14px 20px;
        margin: auto;
        font-size: 1.4rem; }
        .program-lead-block__btn::before {
          width: 8px;
          height: 8px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); } }
    @media screen and (max-width: 320px) {
      .program-lead-block__btn::before {
        right: 10px; } }
    .program-lead-block__btn:hover {
      color: #a5c557;
      background-color: #fff; }
      .program-lead-block__btn:hover::before {
        width: 10px;
        height: 10px;
        border-top: 2px solid #a5c557;
        border-right: 2px solid #a5c557;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      @media screen and (max-width: 1024px) {
        .program-lead-block__btn:hover {
          color: #fff;
          background-color: #a5c557; }
          .program-lead-block__btn:hover::before {
            width: 8px;
            height: 8px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

/*蒙弼*/
.program-feature-block {
  position: relative;
  padding-top: 70px;
  padding-bottom: 80px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  background-color: #fff1e5; }
  @media screen and (max-width: 1024px) {
    .program-feature-block {
      padding-top: 60px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 767px) {
    .program-feature-block {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .program-feature-block__list {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 767px) {
      .program-feature-block__list {
        margin-top: -20px; } }
    .program-feature-block__list::before {
      content: '';
      position: absolute;
      top: -30%;
      right: -28%;
      width: 150px;
      height: 166px;
      background-image: url(/welcomeback/program/img/program_tri01.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 1499px) {
        .program-feature-block__list::before {
          right: -18%;
          width: calc( 150px * 8 / 10 );
          height: calc( 166px * 8 / 10 ); } }
      @media screen and (max-width: 1279px) {
        .program-feature-block__list::before {
          top: -36%;
          right: -8%;
          width: calc( 150px * 6.5 / 10 );
          height: calc( 166px * 6.5 / 10 ); } }
      @media screen and (max-width: 1024px) {
        .program-feature-block__list::before {
          top: -133px;
          right: 38px;
          width: calc( 150px * 6 / 10 );
          height: calc( 166px * 6 / 10 ); } }
      @media screen and (max-width: 767px) {
        .program-feature-block__list::before {
          top: -6.1%;
          right: 4px;
          width: calc( 150px * 3.3 / 10 );
          height: calc( 166px * 3.3 / 10 ); } }
      @media screen and (max-width: 320px) {
        .program-feature-block__list::before {
          right: -2px; } }
    .program-feature-block__list::after {
      content: '';
      position: absolute;
      bottom: -3%;
      left: -28%;
      width: 150px;
      height: 166px;
      background-image: url(/welcomeback/program/img/program_tri02.png);
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 1499px) {
        .program-feature-block__list::after {
          left: -18%;
          width: calc( 150px * 8 / 10 );
          height: calc( 166px * 8 / 10 ); } }
      @media screen and (max-width: 1279px) {
        .program-feature-block__list::after {
          bottom: -20%;
          left: -13%;
          width: calc( 150px * 6.5 / 10 );
          height: calc( 166px * 6.5 / 10 ); } }
      @media screen and (max-width: 1024px) {
        .program-feature-block__list::after {
          left: auto;
          top: -121px;
          left: 35px;
          width: calc(150px * 6 / 10);
          height: calc(166px * 6 / 10); } }
      @media screen and (max-width: 767px) {
        .program-feature-block__list::after {
          top: -5.5%;
          left: 1px;
          width: calc( 150px * 3.3 / 10 );
          height: calc( 166px * 3.3 / 10 ); } }
    .program-feature-block__list__item {
      position: relative;
      margin-left: 25px;
      padding: 134px 28px 26px;
      width: calc((99.9% - (25px * 2)) / 3);
      background-color: #fff;
      background-repeat: no-repeat; }
      .program-feature-block__list__item:first-child {
        margin-left: 0; }
      @media screen and (max-width: 1024px) {
        .program-feature-block__list__item {
          margin-left: 15px;
          padding: 134px 20px 25px;
          width: calc((99.9% - (15px * 2)) / 3); } }
      @media screen and (max-width: 767px) {
        .program-feature-block__list__item {
          margin-left: 0;
          margin-top: 20px;
          padding: 115px 20px 22px;
          width: 100%; }
          .program-feature-block__list__item:last-child {
            margin-bottom: 0; } }
      .program-feature-block__list__item.support {
        background-image: url(/welcomeback/program/img/icon_heart.svg);
        background-size: 79px auto;
        background-position: 50% 41px; }
        @media screen and (max-width: 767px) {
          .program-feature-block__list__item.support {
            background-size: calc( 79px * 9 / 10 ) auto;
            background-position: 50% 35px; } }
      .program-feature-block__list__item.friend {
        background-image: url(/welcomeback/program/img/icon_friend.svg);
        background-size: 93px auto;
        background-position: 50% 41px; }
        @media screen and (max-width: 767px) {
          .program-feature-block__list__item.friend {
            background-size: calc( 93px * 9 / 10 ) auto;
            background-position: 50% 29px; } }
      .program-feature-block__list__item.study {
        background-image: url(/welcomeback/program/img/icon_study.svg);
        background-size: 80px auto;
        background-position: 50% 36px; }
        @media screen and (max-width: 767px) {
          .program-feature-block__list__item.study {
            padding-top: 122px;
            background-size: calc( 80px * 9 / 10 ) auto;
            background-position: 50% 33px; } }
      .program-feature-block__list__item .title {
        margin-bottom: 15px;
        font-size: 2.1rem;
        line-height: 1.35;
        color: #f55f62;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.02em; }
        @media screen and (max-width: 1024px) {
          .program-feature-block__list__item .title {
            font-size: 1.64rem;
            line-height: 1.45; } }
        @media screen and (max-width: 767px) {
          .program-feature-block__list__item .title {
            margin-bottom: 12px;
            font-size: 1.8rem; } }
      .program-feature-block__list__item .text {
        font-size: 1.6rem;
        line-height: 1.65;
        font-weight: 500;
        text-align: justify; }
        @media screen and (max-width: 1024px) {
          .program-feature-block__list__item .text {
            font-size: 1.5rem; } }
        @media screen and (max-width: 767px) {
          .program-feature-block__list__item .text {
            font-size: 1.4rem;
            line-height: 1.8; } }

/*プログラム坪否*/
.program-course-block {
  margin-top: 70px; }
  @media screen and (max-width: 1024px) {
    .program-course-block {
      margin-top: 60px; } }
  @media screen and (max-width: 767px) {
    .program-course-block {
      margin-top: 40px; } }
.program-course-group {
  margin-bottom: 90px; }
  @media screen and (max-width: 1024px) {
    .program-course-group {
      margin-bottom: 70px; } }
  @media screen and (max-width: 767px) {
    .program-course-group {
      margin-top: 30px;
      margin-bottom: 45px; } }
  .program-course-group--03 {
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      .program-course-group--03 {
        margin-bottom: 30px; } }
  .program-course-group .main-title {
    position: relative;
    padding: 16px 15px 14px 42px;
    height: 74px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .program-course-group .main-title {
        padding: 17px 15px 14px 38px; } }
    @media screen and (max-width: 767px) {
      .program-course-group .main-title {
        padding: 11px 12px 11px 24px;
        height: 70px; } }
    @media screen and (max-width: 429px) {
      .program-course-group .main-title {
        padding: 11px 15px 11px 24px;
        height: 84px; } }
    .program-course-group .main-title.main-title01 {
      background-color: #f56b6d; }
    .program-course-group .main-title.main-title02 {
      background-color: #9abd42; }
    .program-course-group .main-title.main-title03 {
      background-color: #36a9d6; }
    .program-course-group .main-title::before {
      position: absolute;
      content: '';
      display: block;
      bottom: 0;
      left: -12px;
      width: 39px;
      height: 107px;
      background-image: url(/welcomeback/program/img/illust_wakka.png);
      background-repeat: no-repeat;
      background-size: 100% auto;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .program-course-group .main-title::before {
          left: -9px;
          bottom: 18px;
          width: calc(39px * 7 / 10);
          height: calc(107px * 7 / 10); } }
      @media screen and (max-width: 429px) {
        .program-course-group .main-title::before {
          bottom: 32px; } }
    .program-course-group .main-title .number {
      display: inline-block;
      margin-right: 20px;
      font-size: 4.4rem;
      line-height: 1.0;
      color: #fff;
      font-family: "Quicksand", sans-serif;
      font-weight: 500; }
      @media screen and (max-width: 1024px) {
        .program-course-group .main-title .number {
          margin-right: 10px;
          font-size: 4.0rem; } }
      @media screen and (max-width: 767px) {
        .program-course-group .main-title .number {
          margin-right: 8px;
          font-size: 2.6rem; } }
    .program-course-group .main-title .main-text {
      position: relative;
      display: inline-block;
      padding-right: 24px;
      margin-right: 24px;
      font-size: 3.0rem;
      line-height: 1.0;
      color: #fff;
      font-weight: 400;
      vertical-align: 8%; }
      @media screen and (max-width: 1024px) {
        .program-course-group .main-title .main-text {
          padding-right: 18px;
          margin-right: 18px;
          font-size: 2.6rem; } }
      @media screen and (max-width: 767px) {
        .program-course-group .main-title .main-text {
          font-size: 2rem;
          padding-right: 0;
          margin-right: 0;
          vertical-align: 4%; } }
      .program-course-group .main-title .main-text::before {
        position: absolute;
        content: '';
        display: block;
        top: 0;
        right: 0;
        width: 1px;
        height: 27px;
        background-color: #fff; }
        @media screen and (max-width: 767px) {
          .program-course-group .main-title .main-text::before {
            display: /welcomeback/css/none; } }
    .program-course-group .main-title .sub-text {
      display: inline-block;
      font-size: 1.7rem;
      line-height: 1.3;
      color: #fff;
      font-weight: 400;
      vertical-align: 17%; }
      @media screen and (max-width: 1024px) {
        .program-course-group .main-title .sub-text {
          font-size: 1.5rem; } }
      @media screen and (max-width: 767px) {
        .program-course-group .main-title .sub-text {
          display: block;
          font-size: 1.3rem; } }
  .program-course-group__inner {
    padding: 40px 45px 50px; }
    @media screen and (max-width: 1024px) {
      .program-course-group__inner {
        padding: 30px 20px 30px; } }
    @media screen and (max-width: 767px) {
      .program-course-group__inner {
        padding: 20px 15px 20px; } }
    .program-course-group__inner.group-inner01 {
      background-color: #faf3f3; }
    .program-course-group__inner.group-inner02 {
      background-color: #f6f8f1; }
    .program-course-group__inner.group-inner03 {
      background-color: #f2f8fa; }
    .program-course-group__inner .box {
      margin-bottom: 35px;
      /*ユニットのしおりアイコン　boxの���Mみ坪で聞いたい*/ }
      .program-course-group__inner .box:last-child {
        margin-bottom: 0; }
      .program-course-group__inner .box .box-inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .program-course-group__inner .box .box-inner .textbox {
          padding-right: 35px;
          width: calc(100% - 34%);
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
          @media screen and (max-width: 1024px) {
            .program-course-group__inner .box .box-inner .textbox {
              padding-right: 30px; } }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .box-inner .textbox {
              margin-bottom: 15px;
              padding-right: 0;
              width: 100%; } }
          .program-course-group__inner .box .box-inner .textbox--02 {
            width: calc(100% - 32.7%); }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-inner .textbox--02 {
                width: 100%; } }
          .program-course-group__inner .box .box-inner .textbox .day {
            margin-bottom: 1px;
            font-size: 1.6rem; }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-inner .textbox .day {
                font-size: 1.4rem; } }
            .program-course-group__inner .box .box-inner .textbox .day--01 {
              color: #ff8587; }
            .program-course-group__inner .box .box-inner .textbox .day--02 {
              color: #93b244; }
            .program-course-group__inner .box .box-inner .textbox .day--03 {
              color: #4ab6e0; }
          .program-course-group__inner .box .box-inner .textbox .detail {
            font-size: 1.6rem;
            line-height: 1.7; }
            @media screen and (max-width: 1024px) {
              .program-course-group__inner .box .box-inner .textbox .detail {
                font-size: 1.5rem; } }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-inner .textbox .detail {
                font-size: 1.4rem;
                line-height: 1.8;
                text-align: justify; } }
        .program-course-group__inner .box .box-inner .imgbox {
          width: 34%; }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .box-inner .imgbox {
              width: 100%; } }
          .program-course-group__inner .box .box-inner .imgbox--03 {
            width: 32.7%; }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-inner .imgbox--03 {
                width: 100%; } }
      .program-course-group__inner .box .main-theme {
        margin-bottom: 6px; }
        @media screen and (max-width: 767px) {
          .program-course-group__inner .box .main-theme {
            margin-bottom: 8px; } }
        .program-course-group__inner .box .main-theme .sub-theme {
          display: inline-block;
          margin: 0 15px 10px 0;
          padding: 9px 19px 10px 10px;
          width: 109px;
          height: 35px;
          font-size: 1.6rem;
          line-height: 1.0;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 500;
          text-align: center;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;
          background-size: 100% auto;
          background-position: center center;
          background-repeat: no-repeat; }
          @media screen and (max-width: 1024px) {
            .program-course-group__inner .box .main-theme .sub-theme {
              padding: 10px 19px 11px 10px;
              font-size: 1.5rem; } }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .main-theme .sub-theme {
              margin: 0 0 6px 0;
              padding: 10px 12px 10px 2px;
              font-size: 1.3rem;
              width: 86px;
              height: auto; } }
          .program-course-group__inner .box .main-theme .sub-theme--01 {
            color: #ff8587;
            background-image: url(/welcomeback/program/img/icon_shiori_pink.svg); }
          .program-course-group__inner .box .main-theme .sub-theme--02 {
            color: #9cbd48;
            background-image: url(/welcomeback/program/img/icon_shiori_green.svg); }
          .program-course-group__inner .box .main-theme .sub-theme--03 {
            color: #4ab6e0;
            background-image: url(/welcomeback/program/img/icon_shiori_blue.svg); }
        .program-course-group__inner .box .main-theme .title {
          display: inline-block;
          font-size: 2.2rem;
          line-height: 1.3;
          vertical-align: -3%; }
          @media screen and (max-width: 1024px) {
            .program-course-group__inner .box .main-theme .title {
              font-size: 2.0rem; } }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .main-theme .title {
              display: block;
              font-size: 1.7rem; } }
          .program-course-group__inner .box .main-theme .title--01 {
            color: #ff8587; }
          .program-course-group__inner .box .main-theme .title--02 {
            color: #84a336; }
          .program-course-group__inner .box .main-theme .title--03 {
            color: #4ab6e0; }
      .program-course-group__inner .box .box-list {
        margin-top: -25px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
        @media screen and (max-width: 1024px) {
          .program-course-group__inner .box .box-list {
            margin-top: -15px; } }
        .program-course-group__inner .box .box-list__item {
          margin-left: 25px;
          margin-top: 25px;
          width: calc((100% - (25px * 2)) / 3);
          background-color: #fff; }
          .program-course-group__inner .box .box-list__item:first-child {
            margin-left: 0; }
          .program-course-group__inner .box .box-list__item:nth-child(3n-2) {
            margin-left: 0; }
          .program-course-group__inner .box .box-list__item.no-bgcolor {
            background-color: transparent; }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .box-list__item./welcomeback/css/none {
              display: /welcomeback/css/none; } }
          @media screen and (max-width: 1024px) {
            .program-course-group__inner .box .box-list__item {
              margin-left: 15px;
              margin-top: 15px;
              width: calc((99.9% - (15px * 2)) / 3); } }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box .box-list__item {
              margin-left: 0;
              margin-top: 15px;
              width: 100%; } }
          .program-course-group__inner .box .box-list__item__course {
            position: relative;
            width: 100%;
            height: 34px;
            font-size: 1.7rem;
            line-height: 34px;
            color: #fff;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 500;
            text-align: center; }
            .program-course-group__inner .box .box-list__item__course::before {
              position: absolute;
              content: '';
              top: 3px;
              left: 0;
              width: 100%;
              height: 1px;
              border-bottom: 1px dotted #fff; }
            .program-course-group__inner .box .box-list__item__course::after {
              position: absolute;
              content: '';
              bottom: 3px;
              left: 0;
              width: 100%;
              height: 1px;
              border-bottom: 1px dotted #fff; }
            .program-course-group__inner .box .box-list__item__course--01 {
              background-color: #ff999b; }
            .program-course-group__inner .box .box-list__item__course--02 {
              background-color: #b6d46a; }
            .program-course-group__inner .box .box-list__item__course--03 {
              background-color: #80d2f2; }
            .program-course-group__inner .box .box-list__item__course--internship {
              background-color: #3773bf; }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-list__item__course {
                height: 30px;
                font-size: 14px;
                line-height: 30px;
                font-weight: 500; }
                .program-course-group__inner .box .box-list__item__course::before {
                  top: 2px; }
                .program-course-group__inner .box .box-list__item__course::after {
                  bottom: 2px; } }
          .program-course-group__inner .box .box-list__item__inner {
            padding: 16px 23px 20px 23px; }
            @media screen and (max-width: 1024px) {
              .program-course-group__inner .box .box-list__item__inner {
                padding: 20px 20px 20px 20px; } }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-list__item__inner {
                padding: 17px 15px 15px 17px; } }
            .program-course-group__inner .box .box-list__item__inner .imgbox {
              width: 86%;
              margin: 10px auto 0; }
              .program-course-group__inner .box .box-list__item__inner .imgbox--02 {
                width: 80%; }
          .program-course-group__inner .box .box-list__item__title {
            margin-bottom: 10px;
            font-size: 1.7rem;
            line-height: 1.3;
            color: #333;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 500;
            text-align: center; }
            @media screen and (max-width: 1024px) {
              .program-course-group__inner .box .box-list__item__title {
                font-size: 1.6rem; } }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-list__item__title {
                margin-bottom: 8px;
                font-size: 1.6rem; } }
            @media screen and (max-width: 320px) {
              .program-course-group__inner .box .box-list__item__title {
                font-size: 1.5rem; } }
          .program-course-group__inner .box .box-list__item__day {
            margin-bottom: 5px; }
            @media screen and (max-width: 1024px) {
              .program-course-group__inner .box .box-list__item__day {
                font-size: 1.5rem; } }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-list__item__day {
                margin-bottom: 3px;
                font-size: 1.4rem; } }
            .program-course-group__inner .box .box-list__item__day--01 {
              color: #ff8587; }
            .program-course-group__inner .box .box-list__item__day--02 {
              color: #93b244; }
            .program-course-group__inner .box .box-list__item__day--03 {
              color: #4ab6e0; }
            .program-course-group__inner .box .box-list__item__day--internship {
              color: #3773bf; }
          .program-course-group__inner .box .box-list__item__border {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px dotted #ccc; }
          .program-course-group__inner .box .box-list__item__text {
            font-size: 1.5rem;
            line-height: 1.7;
            color: #222;
            text-align: justify; }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box .box-list__item__text {
                font-size: 1.4rem; } }
      .program-course-group__inner .box__all-box {
        position: relative;
        margin-top: 80px;
        padding: 20px 20px;
        background-color: #fff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .program-course-group__inner .box__all-box {
            margin-top: 80px;
            padding: 15px 15px;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap; } }
        .program-course-group__inner .box__all-box::before {
          content: '';
          position: absolute;
          display: block;
          width: 30px;
          height: 26px;
          top: -65px;
          left: 0;
          right: 0;
          margin: auto; }
        .program-course-group__inner .box__all-box::after {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 30px 35px 0 35px;
          top: -45px;
          left: 0;
          right: 0;
          margin: auto; }
        .program-course-group__inner .box__all-box--01 {
          border: 2px solid #ff999b; }
          .program-course-group__inner .box__all-box--01::before {
            background-color: #ff999b; }
          .program-course-group__inner .box__all-box--01::after {
            border-color: #ff999b transparent transparent transparent; }
        .program-course-group__inner .box__all-box--02 {
          border: 2px solid #b6d46a; }
          .program-course-group__inner .box__all-box--02::before {
            background-color: #b6d46a; }
          .program-course-group__inner .box__all-box--02::after {
            border-color: #b6d46a transparent transparent transparent; }
        .program-course-group__inner .box__all-box__title {
          margin: 0 20px 0 15px;
          font-size: 1.7rem;
          line-height: 1.3;
          color: #333;
          font-family: "Noto Sans JP", sans-serif;
          font-weight: 500; }
          @media screen and (max-width: 1024px) {
            .program-course-group__inner .box__all-box__title {
              font-size: 1.6rem; } }
          @media screen and (max-width: 767px) {
            .program-course-group__inner .box__all-box__title {
              margin: 0;
              width: 100%;
              text-align: center; } }
          @media screen and (max-width: 320px) {
            .program-course-group__inner .box__all-box__title {
              font-size: 1.5rem; } }
          .program-course-group__inner .box__all-box__title__icon {
            margin-right: 15px;
            display: inline-block;
            padding: 3px 12px 6px;
            font-size: 1.7rem;
            line-height: 1;
            color: #fff;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 400; }
            @media screen and (max-width: 767px) {
              .program-course-group__inner .box__all-box__title__icon {
                margin: 0 10px 5px 0;
                padding: 3px 12px 3px;
                font-size: 1.4rem; } }
            .program-course-group__inner .box__all-box__title__icon--01 {
              background-color: #ff999b; }

.program-special-lecture {
  margin-bottom: 60px;
  padding: 40px 45px;
  background-image: url(/welcomeback/program/img/special_lecture_bg.jpg);
  background-repeat: repeat;
  background-size: 16px auto; }
  @media screen and (max-width: 767px) {
    .program-special-lecture {
      margin-bottom: 45px;
      padding: 20px 20px 20px; } }
  .program-special-lecture__title {
    margin-bottom: 25px;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.2;
    color: #f0952e;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .program-special-lecture__title {
        font-size: 2.3rem; } }
    @media screen and (max-width: 767px) {
      .program-special-lecture__title {
        margin-bottom: 15px;
        font-size: 1.7rem; } }
    .program-special-lecture__title__category {
      margin-right: 2px;
      display: inline-block;
      padding: 10px 15px;
      font-size: 2.1rem;
      line-height: 1;
      color: #fff;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 400;
      text-align: center;
      letter-spacing: .03em;
      background-color: #f5ac4c; }
      @media screen and (max-width: 1024px) {
        .program-special-lecture__title__category {
          font-size: 1.7rem; } }
      @media screen and (max-width: 767px) {
        .program-special-lecture__title__category {
          display: block;
          margin-bottom: 12px;
          padding: 6x 8px;
          font-size: 1.5rem;
          font-weight: 500; } }
  .program-special-lecture__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .program-special-lecture__textbox {
    width: calc( 99.9% - 30% - 40px ); }
    @media screen and (max-width: 767px) {
      .program-special-lecture__textbox {
        margin-bottom: 15px;
        width: 100%; } }
    .program-special-lecture__textbox__day {
      margin: 10px 0;
      color: #ed952d; }
      @media screen and (max-width: 767px) {
        .program-special-lecture__textbox__day {
          margin: 0 0 5px; } }
  .program-special-lecture__imgbox {
    text-align: center;
    width: 30%; }
    @media screen and (max-width: 767px) {
      .program-special-lecture__imgbox {
        width: 100%; } }
    .program-special-lecture__imgbox span {
      display: block;
      margin-top: 5px;
      font-size: 1.5rem;
      color: #222; }
      @media screen and (max-width: 767px) {
        .program-special-lecture__imgbox span {
          font-size: 1.4rem; } }

.comment-area {
  position: relative;
  margin-bottom: 35px;
  padding: 30px 32px;
  background-color: #fff;
  border-radius: 20px; }
  @media screen and (max-width: 767px) {
    .comment-area {
      margin-bottom: 30px;
      padding: 18px 15px 15px 15px; } }
  .comment-area::before {
    position: absolute;
    content: '';
    display: block;
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-width: 0 21px 26px 21px;
    border-style: solid;
    border-color: transparent transparent #fff transparent; }
    @media screen and (max-width: 767px) {
      .comment-area::before {
        top: -20px;
        border-width: 0 17px 20px 17px; } }
  .comment-area__box {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .comment-area__mark {
    margin-right: 10px;
    width: 64px;
    height: auto; }
    @media screen and (max-width: 1024px) {
      .comment-area__mark {
        display: block;
        width: 74px; } }
    @media screen and (max-width: 767px) {
      .comment-area__mark {
        margin: 0 auto 14px; } }
  .comment-area__title {
    width: calc(100% - 64px - 10px );
    font-size: 1.7rem;
    line-height: 1.4;
    color: #f55f62;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: justify;
    vertical-align: -43%; }
    @media screen and (max-width: 1024px) {
      .comment-area__title {
        width: calc(100% - 74px - 10px ); } }
    @media screen and (max-width: 767px) {
      .comment-area__title {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.5; } }
  .comment-area__text {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #222;
    text-align: justify; }
    @media screen and (max-width: 767px) {
      .comment-area__text {
        font-size: 1.3rem;
        line-height: 1.85; } }

.internship-area {
  background-color: #fff;
  margin-bottom: 35px; }
  @media screen and (max-width: 767px) {
    .internship-area {
      margin-bottom: 30px; } }
  .internship-area__course {
    position: relative;
    width: 100%;
    height: 34px;
    font-size: 1.7rem;
    line-height: 34px;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: center;
    background-color: #3773bf; }
    @media screen and (max-width: 767px) {
      .internship-area__course {
        height: 30px;
        font-size: 15px;
        line-height: 30px;
        font-weight: 500; } }
    .internship-area__course span {
      position: relative;
      display: inline-block;
      padding: 0 48px; }
      @media screen and (max-width: 767px) {
        .internship-area__course span {
          padding: 0 40px; } }
      @media screen and (max-width: 320px) {
        .internship-area__course span {
          padding: 0 35px; } }
      .internship-area__course span::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        margin: auto;
        width: 25px;
        height: 5px;
        background-image: url(/welcomeback/program/img/internship_title_icon_dot.svg);
        background-repeat: no-repeat;
        background-size: 25px 5px; }
        @media screen and (max-width: 767px) {
          .internship-area__course span::before {
            top: 13px;
            background-size: 20px auto; } }
      .internship-area__course span::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
        margin: auto;
        width: 25px;
        height: 5px;
        background-image: url(/welcomeback/program/img/internship_title_icon_dot.svg);
        background-repeat: no-repeat;
        background-size: 25px 5px; }
        @media screen and (max-width: 767px) {
          .internship-area__course span::after {
            top: 13px;
            background-size: 20px auto; } }
  .internship-area__inner {
    padding: 16px 23px 20px 23px; }
    @media screen and (max-width: 1024px) {
      .internship-area__inner {
        padding: 20px 20px 20px 20px; } }
    @media screen and (max-width: 767px) {
      .internship-area__inner {
        padding: 17px 15px 15px 17px; } }
  .internship-area__title {
    margin-bottom: 10px;
    font-size: 1.7rem;
    line-height: 1.3;
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .internship-area__title {
        font-size: 1.6rem; } }
    @media screen and (max-width: 767px) {
      .internship-area__title {
        margin-bottom: 10px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 320px) {
      .internship-area__title {
        font-size: 1.5rem; } }
    .internship-area__title__sub {
      display: inline-block;
      margin-left: 10px;
      padding: 3px 10px 4px;
      width: 120px;
      font-size: 1.4rem;
      line-height: 1.2;
      color: #2e60a0;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 500;
      text-align: center;
      background-color: #fff;
      border: 1px solid #3773bf; }
      @media screen and (max-width: 767px) {
        .internship-area__title__sub {
          margin-top: 7px;
          margin-left: 0;
          width: auto; } }
  .internship-area__textbox {
    padding-right: 140px;
    background-image: url(/welcomeback/program/img/icon_study_book.svg);
    background-repeat: no-repeat;
    background-size: 80px auto;
    background-position: right 30px bottom 5px; }
    @media screen and (max-width: 767px) {
      .internship-area__textbox {
        padding: 0 0 72px 0;
        background-size: 60px auto;
        background-position: center 98%; } }
    .internship-area__textbox__day {
      margin-bottom: 5px;
      color: #3773bf; }
      @media screen and (max-width: 1024px) {
        .internship-area__textbox__day {
          font-size: 1.5rem; } }
      @media screen and (max-width: 767px) {
        .internship-area__textbox__day {
          margin-bottom: 3px;
          font-size: 1.4rem; } }
    .internship-area__textbox__head {
      position: relative;
      margin-bottom: 3px;
      padding-left: 16px;
      font-size: 1.6rem;
      font-weight: bold; }
      .internship-area__textbox__head::before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 11px;
        height: 11px;
        background-color: #3773bf;
        border-radius: 50%; }
      @media screen and (max-width: 767px) {
        .internship-area__textbox__head {
          font-size: 1.5rem; } }
      @media screen and (max-width: 320px) {
        .internship-area__textbox__head {
          font-size: 1.4rem; } }
    .internship-area__textbox__text {
      font-size: 1.5rem;
      line-height: 1.7;
      color: #222;
      text-align: justify; }
      @media screen and (max-width: 767px) {
        .internship-area__textbox__text {
          font-size: 1.4rem; } }

.program-voice-block:not(:last-child) {
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .program-voice-block:not(:last-child) {
      margin-bottom: 35px; } }
.program-voice-block__box:not(:first-of-type) {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dotted #cccccc; }
  @media screen and (max-width: 767px) {
    .program-voice-block__box:not(:first-of-type) {
      margin-top: 30px;
      padding-top: 30px; } }
.program-voice-block__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 1024px) {
    .program-voice-block__inner {
      margin-bottom: 15px; } }
  @media screen and (max-width: 767px) {
    .program-voice-block__inner {
      display: block; } }
.program-voice-block__imgbox {
  margin: 0 35px 0 30px;
  width: 133px;
  height: 133px; }
  @media screen and (max-width: 767px) {
    .program-voice-block__imgbox {
      width: 120px;
      height: 120px;
      margin: 0 auto 15px; } }
.program-voice-block__textbox {
  margin-bottom: 25px;
  width: calc( 99.9% - 133px - 35px - 30px ); }
  @media screen and (max-width: 767px) {
    .program-voice-block__textbox {
      margin-bottom: 20px;
      width: 100%; } }
  .program-voice-block__textbox__catch {
    margin: 8px 0 15px;
    font-size: 2.4rem;
    line-height: 1.5;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    text-align: justify; }
    @media screen and (max-width: 1024px) {
      .program-voice-block__textbox__catch {
        font-size: 2.1rem; } }
    @media screen and (max-width: 767px) {
      .program-voice-block__textbox__catch {
        margin: 0 0 12px;
        font-size: 1.7rem;
        line-height: 1.6;
        text-align: justify; } }
    .program-voice-block__textbox__catch.pink {
      color: #f55f62; }
    .program-voice-block__textbox__catch.green {
      color: #8caf38; }
  .program-voice-block__textbox__name {
    position: relative;
    padding-left: 28px;
    font-size: 1.7rem;
    color: #000; }
    @media screen and (max-width: 767px) {
      .program-voice-block__textbox__name {
        padding-left: 20px;
        font-size: 1.3rem;
        line-height: 1.5; } }
    .program-voice-block__textbox__name::before {
      position: absolute;
      content: '';
      display: block;
      top: 12px;
      left: 0;
      width: 20px;
      height: 2px;
      background: #ff8587;
      background: -moz-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff8587), color-stop(100%, #ffd199));
      background: -webkit-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -o-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: -ms-linear-gradient(left, #ff8587 0%, #ffd199 100%);
      background: linear-gradient(to right, #ff8587 0%, #ffd199 100%); }
      @media screen and (max-width: 767px) {
        .program-voice-block__textbox__name::before {
          top: 8px;
          width: 15px;
          height: 2px; } }
    .program-voice-block__textbox__name__main {
      display: inline-block;
      margin-right: 4px;
      font-size: 2.5rem;
      line-height: 1.0;
      letter-spacing: .05em; }
      @media screen and (max-width: 1024px) {
        .program-voice-block__textbox__name__main {
          font-size: 2.4rem; } }
      .program-voice-block__textbox__name__main.company {
        font-size: 2.0rem;
        line-height: 1.2;
        color: #333;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        letter-spacing: 0; }
        @media screen and (max-width: 767px) {
          .program-voice-block__textbox__name__main.company {
            font-size: 1.6rem; } }
      @media screen and (max-width: 767px) {
        .program-voice-block__textbox__name__main {
          margin-right: 2px;
          font-size: 1.9rem; } }
    .program-voice-block__textbox__name__sub {
      margin-right: 15px; }
    .program-voice-block__textbox__name__other {
      display: inline-block;
      font-size: 1.5rem;
      vertical-align: 2%; }
      @media screen and (max-width: 767px) {
        .program-voice-block__textbox__name__other {
          font-size: 1.3rem; } }
      @media screen and (max-width: 767px) {
        .program-voice-block__textbox__name__other.mark {
          margin-left: -0.5em; } }
.program-voice-block__text {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify; }
  @media screen and (max-width: 767px) {
    .program-voice-block__text {
      font-size: 1.4rem;
      line-height: 1.8; } }

/*アイコン原きテ�`ブル*/
.table01 {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd; }
  .table01--block {
    border-top: /welcomeback/css/none; }
  .table01 tr {
    border-bottom: 1px solid #ddd; }
  .table01 th {
    width: 25%;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #222;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    background-color: #fff3f3; }
    @media screen and (max-width: 767px) {
      .table01 th {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        font-weight: 500; } }
    .table01 th .relative {
      padding: 24px 25px 21px 25px;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .table01 th .relative {
          padding: 9px 12px 9px 18px; } }
      .table01 th .relative::before {
        position: absolute;
        content: '';
        top: 30px;
        left: 0;
        width: 11px;
        height: 11px;
        background-color: #ff8587;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          .table01 th .relative::before {
            top: 14px;
            left: 0;
            width: 10px;
            height: 10px; } }
  .table01 td {
    width: 75%;
    padding: 24px 25px 21px 25px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #222;
    font-weight: 500;
    text-align: justify;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .table01 td {
        display: block;
        width: 100%;
        padding: 13px 0 14px 0;
        font-size: 1.4rem;
        line-height: 1.8;
        text-align: left; } }
    .table01 td p {
      text-align: justify; }

/*�_�vスケジュ�`ル*/
.table02 {
  margin-bottom: 15px;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd; }
  @media screen and (max-width: 767px) {
    .table02 {
      margin-bottom: 15px; } }
  .table02 tr {
    border-bottom: 1px solid #ddd; }
  .table02 th {
    padding: 9px 11px 9px 11px;
    font-size: 1.7rem;
    line-height: 1.3;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.2em;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #ff8587; }
    .table02 th.day {
      width: 30%; }
    .table02 th.detail {
      width: 70%; }
    @media screen and (max-width: 767px) {
      .table02 th {
        padding: 8px 10px 8px 10px;
        font-size: 1.4rem;
        font-weight: 500; }
        .table02 th.day {
          width: 37%; }
        .table02 th.detail {
          width: 63%; } }
    @media screen and (max-width: 320px) {
      .table02 th.day {
        width: 43%; }
      .table02 th.detail {
        width: 56%; } }
  .table02 td {
    padding: 22px 25px 19px 25px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #222;
    font-weight: 500;
    text-align: left;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .table02 td.bg {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 400;
      background-color: #f7f7f7; }
    @media screen and (max-width: 767px) {
      .table02 td {
        padding: 10px 10px 10px 10px;
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: left; }
        .table02 td.bg {
          font-size: 1.3rem;
          line-height: 1.4;
          font-weight: 500; } }
    @media screen and (max-width: 320px) {
      .table02 td {
        font-size: 1.3rem; } }
    .table02 td p {
      text-align: justify; }

.relative {
  position: relative; }

.recruit-block {
  margin-bottom: 90px; }
  .recruit-block--last {
    margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .recruit-block {
      margin-bottom: 60px; }
      .recruit-block--last {
        margin-bottom: 30px; } }

.recruit-btn-list {
  width: 86%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media screen and (max-width: 1024px) {
    .recruit-btn-list {
      width: 100%; } }
  .recruit-btn-list__item {
    margin-bottom: 20px;
    width: calc( ( 100% - 20px ) / 2 ); }
    @media screen and (max-width: 767px) {
      .recruit-btn-list__item {
        width: 90%;
        margin: 0 auto 10px; }
        .recruit-btn-list__item:last-child {
          margin-bottom: 15px; } }

/*ライン��のボタン*/
.btn-line {
  position: relative;
  display: block;
  padding: 17px 30px 13px 48px;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #f55f62;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.02em;
  border: 2px solid #ff8587;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .btn-line::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #ff8587;
    border-right: 2px solid #ff8587;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto; }
  @media screen and (max-width: 767px) {
    .btn-line {
      font-size: 1.4rem; }
      .btn-line::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 8px;
        border-top: 2px solid #ff8587;
        border-right: 2px solid #ff8587;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); } }
  .btn-line:hover {
    background-color: #fff3f3; }
    @media screen and (max-width: 1024px) {
      .btn-line:hover {
        background-color: #fff; } }

.icon-pdf::before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url(/welcomeback/common/icon_pdf.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 22px;
  height: 24px; }

.icon-excel::before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url(/welcomeback/common/icon_excel.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 22px;
  height: 24px; }

.text-recruit {
  margin-bottom: 40px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #222; }
  @media screen and (max-width: 767px) {
    .text-recruit {
      margin-bottom: 25px;
      font-size: 1.4rem;
      line-height: 1.5; } }

.ml-02 {
  margin-left: -0.2em; }

.mlr-02 {
  margin-left: -0.2em;
  margin-right: -0.2em; }

.mlr-03 {
  margin-left: -0.3em;
  margin-right: -0.3em; }

.mlr-05 {
  margin-left: -0.5em;
  margin-right: -0.5em; }

.ml-05 {
  margin-left: -0.5em; }

.mr-05 {
  margin-right: -0.5em; }

@media screen and (max-width: 767px) {
  .m-sp {
    margin-right: 20px;
    margin-left: 20px; } }

.ml03 {
  margin-left: 3px !important; }

.mr03 {
  margin-right: 3px !important; }

.mb00 {
  margin-bottom: 0 !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb12 {
  margin-bottom: 12px !important; }
  @media screen and (max-width: 1024px) {
    .mb12 {
      margin-bottom: 10px !important; } }
  @media screen and (max-width: 767px) {
    .mb12 {
      margin-bottom: 10px !important; } }

.mb15 {
  margin-bottom: 15px !important; }
  @media screen and (max-width: 1024px) {
    .mb15 {
      margin-bottom: 15px !important; } }
  @media screen and (max-width: 767px) {
    .mb15 {
      margin-bottom: 10px !important; } }

.mb20 {
  margin-bottom: 20px !important; }
  @media screen and (max-width: 1024px) {
    .mb20 {
      margin-bottom: 15px !important; } }
  @media screen and (max-width: 767px) {
    .mb20 {
      margin-bottom: 10px !important; } }

.mb25 {
  margin-bottom: 25px !important; }
  @media screen and (max-width: 1024px) {
    .mb25 {
      margin-bottom: 15px !important; } }
  @media screen and (max-width: 767px) {
    .mb25 {
      margin-bottom: 15px !important; } }

.mb30 {
  margin-bottom: 30px !important; }
  @media screen and (max-width: 1024px) {
    .mb30 {
      margin-bottom: 20px !important; } }
  @media screen and (max-width: 767px) {
    .mb30 {
      margin-bottom: 15px !important; } }

.mb35 {
  margin-bottom: 35px !important; }
  @media screen and (max-width: 1024px) {
    .mb35 {
      margin-bottom: 20px !important; } }
  @media screen and (max-width: 767px) {
    .mb35 {
      margin-bottom: 15px !important; } }

.mb40 {
  margin-bottom: 40px !important; }
  @media screen and (max-width: 1024px) {
    .mb40 {
      margin-bottom: 20px !important; } }
  @media screen and (max-width: 767px) {
    .mb40 {
      margin-bottom: 15px !important; } }

.mb45 {
  margin-bottom: 45px !important; }
  @media screen and (max-width: 1024px) {
    .mb45 {
      margin-bottom: 35px !important; } }
  @media screen and (max-width: 767px) {
    .mb45 {
      margin-bottom: 20px !important; } }

.mb50 {
  margin-bottom: 50px !important; }
  @media screen and (max-width: 1024px) {
    .mb50 {
      margin-bottom: 30px !important; } }
  @media screen and (max-width: 767px) {
    .mb50 {
      margin-bottom: 20px !important; } }

.mb60 {
  margin-bottom: 60px !important; }
  @media screen and (max-width: 1024px) {
    .mb60 {
      margin-bottom: 50px !important; } }
  @media screen and (max-width: 767px) {
    .mb60 {
      margin-bottom: 20px !important; } }

.mb70 {
  margin-bottom: 70px !important; }
  @media screen and (max-width: 1024px) {
    .mb70 {
      margin-bottom: 40px !important; } }
  @media screen and (max-width: 767px) {
    .mb70 {
      margin-bottom: 30px !important; } }

.mb80 {
  margin-bottom: 80px !important; }
  @media screen and (max-width: 1024px) {
    .mb80 {
      margin-bottom: 40px !important; } }
  @media screen and (max-width: 767px) {
    .mb80 {
      margin-bottom: 30px !important; } }

.mb90 {
  margin-bottom: 90px !important; }
  @media screen and (max-width: 1024px) {
    .mb90 {
      margin-bottom: 50px !important; } }
  @media screen and (max-width: 767px) {
    .mb90 {
      margin-bottom: 40px !important; } }

/*# sourceMappingURL=style.css.map */