@charset "UTF-8";
/* CSS Document */
/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*--------  Media Queries --------*/
/*----------------------------------------------------------------------
//////////■■■■base style■■■■//////////
----------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

@media (max-width: 827px) {
  html {
    font-size: 49.125%;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 62.5%;
  }
}

body {
  background: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  min-width: 100%;
  width: 100%;
  position: relative;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  body {
    max-width: 1040px;
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }
}

body > img {
  display: none !important;
}

p,
h2,
h3,
h4,
dt,
dd,
div,
li,
a {
  color: #000;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: 0;
}

a {
  text-decoration: none;
  outline: none;
}

em {
  font-style: normal;
}

strong {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
	-webkit-backface-visibility: hidden;
}

/* ============================================================
 clearfix
============================================================ */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*--------  Media Queries --------*/
/*----------------------------------------------------------------------
/////■■ utility ■■/////
----------------------------------------------------------------------*/
/*-------- margin --------*/
.u-mt10 {
  margin-top: 10px;
}

@media (max-width: 827px) {
  .u-mt10 {
    margin-top: 1%;
  }
}

@media (max-width: 767px) {
  .u-mt10 {
    margin-top: 10px;
  }
}

.u-mt20 {
  margin-top: 20px;
}

@media (max-width: 827px) {
  .u-mt20 {
    margin-top: 2%;
  }
}

@media (max-width: 767px) {
  .u-mt20 {
    margin-top: 20px;
  }
}

.u-mt30 {
  margin-top: 30px;
}

@media (max-width: 827px) {
  .u-mt30 {
    margin-top: 3%;
  }
}

@media (max-width: 767px) {
  .u-mt30 {
    margin-top: 30px;
  }
}

.u-mt40 {
  margin-top: 40px;
}

@media (max-width: 827px) {
  .u-mt40 {
    margin-top: 4%;
  }
}

@media (max-width: 767px) {
  .u-mt40 {
    margin-top: 40px;
  }
}

.u-mt50 {
  margin-top: 50px;
}

@media (max-width: 827px) {
  .u-mt50 {
    margin-top: 5%;
  }
}

@media (max-width: 767px) {
  .u-mt50 {
    margin-top: 50px;
  }
}

.u-mt60 {
  margin-top: 60px;
}

@media (max-width: 827px) {
  .u-mt60 {
    margin-top: 6%;
  }
}

@media (max-width: 767px) {
  .u-mt60 {
    margin-top: 60px;
  }
}

.u-mt70 {
  margin-top: 70px;
}

@media (max-width: 827px) {
  .u-mt70 {
    margin-top: 7%;
  }
}

@media (max-width: 767px) {
  .u-mt70 {
    margin-top: 70px;
  }
}

.u-mt80 {
  margin-top: 80px;
}

@media (max-width: 827px) {
  .u-mt80 {
    margin-top: 8%;
  }
}

@media (max-width: 767px) {
  .u-mt80 {
    margin-top: 80px;
  }
}

.u-mt90 {
  margin-top: 90px;
}

@media (max-width: 827px) {
  .u-mt90 {
    margin-top: 9%;
  }
}

@media (max-width: 767px) {
  .u-mt90 {
    margin-top: 90px;
  }
}

.u-mt100 {
  margin-top: 100px;
}

@media (max-width: 827px) {
  .u-mt100 {
    margin-top: 10%;
  }
}

@media (max-width: 767px) {
  .u-mt100 {
    margin-top: 100px;
  }
}

.u-mt110 {
  margin-top: 110px;
}

@media (max-width: 827px) {
  .u-mt110 {
    margin-top: 11%;
  }
}

@media (max-width: 767px) {
  .u-mt110 {
    margin-top: 110px;
  }
}

.u-mt120 {
  margin-top: 120px;
}

@media (max-width: 827px) {
  .u-mt120 {
    margin-top: 12%;
  }
}

@media (max-width: 767px) {
  .u-mt120 {
    margin-top: 120px;
  }
}

.u-mt130 {
  margin-top: 130px;
}

@media (max-width: 827px) {
  .u-mt130 {
    margin-top: 13%;
  }
}

@media (max-width: 767px) {
  .u-mt130 {
    margin-top: 130px;
  }
}

.u-mt140 {
  margin-top: 140px;
}

@media (max-width: 827px) {
  .u-mt140 {
    margin-top: 14%;
  }
}

@media (max-width: 767px) {
  .u-mt140 {
    margin-top: 140px;
  }
}

.u-mt150 {
  margin-top: 150px;
}

@media (max-width: 827px) {
  .u-mt150 {
    margin-top: 15%;
  }
}

@media (max-width: 767px) {
  .u-mt150 {
    margin-top: 150px;
  }
}

/*-------- padding --------*/
.u-pt10 {
  padding-top: 10px;
}

@media (max-width: 827px) {
  .u-pt10 {
    padding-top: 1%;
  }
}

@media (max-width: 767px) {
  .u-pt10 {
    padding-top: 10px;
  }
}

.u-pb10 {
  padding-bottom: 10px;
}

@media (max-width: 827px) {
  .u-pb10 {
    padding-bottom: 1%;
  }
}

@media (max-width: 767px) {
  .u-pb10 {
    padding-bottom: 10px;
  }
}

.u-pt20 {
  padding-top: 20px;
}

@media (max-width: 827px) {
  .u-pt20 {
    padding-top: 2%;
  }
}

@media (max-width: 767px) {
  .u-pt20 {
    padding-top: 20px;
  }
}

.u-pb20 {
  padding-bottom: 20px;
}

@media (max-width: 827px) {
  .u-pb20 {
    padding-bottom: 2%;
  }
}

@media (max-width: 767px) {
  .u-pb20 {
    padding-bottom: 20px;
  }
}

.u-pt30 {
  padding-top: 30px;
}

@media (max-width: 827px) {
  .u-pt30 {
    padding-top: 3%;
  }
}

@media (max-width: 767px) {
  .u-pt30 {
    padding-top: 30px;
  }
}

.u-pb30 {
  padding-bottom: 30px;
}

@media (max-width: 827px) {
  .u-pb30 {
    padding-bottom: 3%;
  }
}

@media (max-width: 767px) {
  .u-pb30 {
    padding-bottom: 30px;
  }
}

.u-pt40 {
  padding-top: 40px;
}

@media (max-width: 827px) {
  .u-pt40 {
    padding-top: 4%;
  }
}

@media (max-width: 767px) {
  .u-pt40 {
    padding-top: 40px;
  }
}

.u-pb40 {
  padding-bottom: 40px;
}

@media (max-width: 827px) {
  .u-pb40 {
    padding-bottom: 4%;
  }
}

@media (max-width: 767px) {
  .u-pb40 {
    padding-bottom: 40px;
  }
}

.u-pt50 {
  padding-top: 50px;
}

@media (max-width: 827px) {
  .u-pt50 {
    padding-top: 5%;
  }
}

@media (max-width: 767px) {
  .u-pt50 {
    padding-top: 50px;
  }
}

.u-pb50 {
  padding-bottom: 50px;
}

@media (max-width: 827px) {
  .u-pb50 {
    padding-bottom: 5%;
  }
}

@media (max-width: 767px) {
  .u-pb50 {
    padding-bottom: 50px;
  }
}

.u-pt60 {
  padding-top: 60px;
}

@media (max-width: 827px) {
  .u-pt60 {
    padding-top: 6%;
  }
}

@media (max-width: 767px) {
  .u-pt60 {
    padding-top: 60px;
  }
}

.u-pb60 {
  padding-bottom: 60px;
}

@media (max-width: 827px) {
  .u-pb60 {
    padding-bottom: 6%;
  }
}

@media (max-width: 767px) {
  .u-pb60 {
    padding-bottom: 60px;
  }
}

.u-pt70 {
  padding-top: 70px;
}

@media (max-width: 827px) {
  .u-pt70 {
    padding-top: 7%;
  }
}

@media (max-width: 767px) {
  .u-pt70 {
    padding-top: 70px;
  }
}

.u-pb70 {
  padding-bottom: 70px;
}

@media (max-width: 827px) {
  .u-pb70 {
    padding-bottom: 7%;
  }
}

@media (max-width: 767px) {
  .u-pb70 {
    padding-bottom: 70px;
  }
}

.u-pt80 {
  padding-top: 80px;
}

@media (max-width: 827px) {
  .u-pt80 {
    padding-top: 8%;
  }
}

@media (max-width: 767px) {
  .u-pt80 {
    padding-top: 80px;
  }
}

.u-pb80 {
  padding-bottom: 80px;
}

@media (max-width: 827px) {
  .u-pb80 {
    padding-bottom: 8%;
  }
}

@media (max-width: 767px) {
  .u-pb80 {
    padding-bottom: 80px;
  }
}

.u-pt90 {
  padding-top: 90px;
}

@media (max-width: 827px) {
  .u-pt90 {
    padding-top: 9%;
  }
}

@media (max-width: 767px) {
  .u-pt90 {
    padding-top: 90px;
  }
}

.u-pb90 {
  padding-bottom: 90px;
}

@media (max-width: 827px) {
  .u-pb90 {
    padding-bottom: 9%;
  }
}

@media (max-width: 767px) {
  .u-pb90 {
    padding-bottom: 90px;
  }
}

.u-pt100 {
  padding-top: 100px;
}

@media (max-width: 827px) {
  .u-pt100 {
    padding-top: 10%;
  }
}

@media (max-width: 767px) {
  .u-pt100 {
    padding-top: 100px;
  }
}

.u-pb100 {
  padding-bottom: 100px;
}

@media (max-width: 827px) {
  .u-pb100 {
    padding-bottom: 10%;
  }
}

@media (max-width: 767px) {
  .u-pb100 {
    padding-bottom: 100px;
  }
}

.u-pt110 {
  padding-top: 110px;
}

@media (max-width: 827px) {
  .u-pt110 {
    padding-top: 11%;
  }
}

@media (max-width: 767px) {
  .u-pt110 {
    padding-top: 110px;
  }
}

.u-pb110 {
  padding-bottom: 110px;
}

@media (max-width: 827px) {
  .u-pb110 {
    padding-bottom: 11%;
  }
}

@media (max-width: 767px) {
  .u-pb110 {
    padding-bottom: 110px;
  }
}

.u-pt120 {
  padding-top: 120px;
}

@media (max-width: 827px) {
  .u-pt120 {
    padding-top: 12%;
  }
}

@media (max-width: 767px) {
  .u-pt120 {
    padding-top: 120px;
  }
}

.u-pb120 {
  padding-bottom: 120px;
}

@media (max-width: 827px) {
  .u-pb120 {
    padding-bottom: 12%;
  }
}

@media (max-width: 767px) {
  .u-pb120 {
    padding-bottom: 120px;
  }
}

.u-pt130 {
  padding-top: 130px;
}

@media (max-width: 827px) {
  .u-pt130 {
    padding-top: 13%;
  }
}

@media (max-width: 767px) {
  .u-pt130 {
    padding-top: 130px;
  }
}

.u-pb130 {
  padding-bottom: 130px;
}

@media (max-width: 827px) {
  .u-pb130 {
    padding-bottom: 13%;
  }
}

@media (max-width: 767px) {
  .u-pb130 {
    padding-bottom: 130px;
  }
}

.u-pt140 {
  padding-top: 140px;
}

@media (max-width: 827px) {
  .u-pt140 {
    padding-top: 14%;
  }
}

@media (max-width: 767px) {
  .u-pt140 {
    padding-top: 140px;
  }
}

.u-pb140 {
  padding-bottom: 140px;
}

@media (max-width: 827px) {
  .u-pb140 {
    padding-bottom: 14%;
  }
}

@media (max-width: 767px) {
  .u-pb140 {
    padding-bottom: 140px;
  }
}

.u-pt150 {
  padding-top: 150px;
}

@media (max-width: 827px) {
  .u-pt150 {
    padding-top: 15%;
  }
}

@media (max-width: 767px) {
  .u-pt150 {
    padding-top: 150px;
  }
}

.u-pb150 {
  padding-bottom: 150px;
}

@media (max-width: 827px) {
  .u-pb150 {
    padding-bottom: 15%;
  }
}

@media (max-width: 767px) {
  .u-pb150 {
    padding-bottom: 150px;
  }
}

.u-pt160 {
  padding-top: 160px;
}

@media (max-width: 827px) {
  .u-pt160 {
    padding-top: 16%;
  }
}

@media (max-width: 767px) {
  .u-pt160 {
    padding-top: 160px;
  }
}

.u-pb160 {
  padding-bottom: 160px;
}

@media (max-width: 827px) {
  .u-pb160 {
    padding-bottom: 16%;
  }
}

@media (max-width: 767px) {
  .u-pb160 {
    padding-bottom: 160px;
  }
}

/*-------- width --------*/
.u-width--400 {
  max-width: 400px;
}

@media (max-width: 827px) {
  .u-width--400 {
    max-width: 40%;
  }
}

@media (max-width: 767px) {
  .u-width--400 {
    max-width: 400px;
    width: 400px;
  }
}

.u-width--500 {
  max-width: 500px;
}

@media (max-width: 827px) {
  .u-width--500 {
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .u-width--500 {
    max-width: 500px;
    width: 500px;
  }
}

.u-width--600 {
  max-width: 600px;
}

@media (max-width: 1000px) {
  .u-width--600 {
    max-width: 60%;
  }
}

@media (max-width: 767px) {
  .u-width--600 {
    max-width: 600px;
    width: 600px;
  }
}

.u-width--700 {
  max-width: 700px;
}

@media (max-width: 827px) {
  .u-width--700 {
    max-width: 70%;
  }
}

@media (max-width: 767px) {
  .u-width--700 {
    max-width: 700px;
    width: 700px;
  }
}

.u-width--800 {
  max-width: 800px;
}

@media (max-width: 827px) {
  .u-width--800 {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .u-width--800 {
    max-width: 800px;
    width: 800px;
  }
}

.u-width--900 {
  max-width: 900px;
}

@media (max-width: 827px) {
  .u-width--900 {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  .u-width--900 {
    max-width: 900px;
    width: 900px;
  }
}

.u-width--1000 {
  max-width: 1000px;
}

@media (max-width: 827px) {
  .u-width--1000 {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .u-width--1000 {
    max-width: 1000px;
    width: 1000px;
  }
}

.u-width--1100 {
  max-width: 1100px;
}

@media (max-width: 827px) {
  .u-width--1100 {
    max-width: 110%;
  }
}

@media (max-width: 767px) {
  .u-width--1100 {
    max-width: 1100px;
    width: 1100px;
  }
}

.u-width--1200 {
  max-width: 1200px;
}

@media (max-width: 827px) {
  .u-width--1200 {
    max-width: 120%;
  }
}

@media (max-width: 767px) {
  .u-width--1200 {
    max-width: 1200px;
    width: 1200px;
  }
}

/*-------- object position --------*/
.u-layout--right {
  margin-left: auto;
  margin-right: 0;
}

.u-layout--left {
  margin-left: 0;
  margin-right: auto;
}

.u-layout--center {
  margin-left: auto;
  margin-right: auto;
}

/*--------  text --------*/
.u-text_center {
  text-align: center;
}

.u-text_right {
  text-align: right;
}

.u-text_left {
  text-align: left;
}

.u-font_size--sm {
  font-size: 1.1rem;
  line-height: 1.82;
}

.u-font_size--lg {
  font-size: 130%;
  font-weight: 500;
}

/*----------------------------------------------------------------------
/////■■ component ■■/////
----------------------------------------------------------------------*/
/*--------  wrapper --------*/
.c-wrapper--lg {
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  width: 100%;
}

@media (max-width: 1000px) {
  .c-wrapper--lg {
    width: 94%;
  }
}

@media (max-width: 767px) {
  .c-wrapper--lg {
    width: 1000px;
  }
}

.c-wrapper--md {
  margin-right: auto;
  margin-left: auto;
  max-width: 800px;
  width: 100%;
}

@media (max-width: 827px) {
  .c-wrapper--md {
    width: 94%;
  }
}

@media (max-width: 767px) {
  .c-wrapper--md {
    width: 800px;
  }
}

.c-wrapper--sm {
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
  width: 100%;
}

@media (max-width: 827px) {
  .c-wrapper--sm {
    width: 94%;
  }
}

@media (max-width: 767px) {
  .c-wrapper--sm {
    width: 700px;
  }
}

/*-------- flexbox --------*/
.c-flexbox,
.c-flexbox--center,
.c-flexbox--left,
.c-flexbox--right,.c-flexbox--around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.c-flexbox--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-flexbox--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.c-flexbox--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.c-flexbox--around {
  -webkit-box-pack: space-around;
      -ms-flex-pack: space-around;
          justify-content: space-around;
}

/* flexbox utility */
.u-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.u-align_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.u-align_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.u-align_end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*----------------------------------------------------------------------
/////■■ project ■■/////
----------------------------------------------------------------------*/
.p-text_box {
  width: 450px;
}

@media (max-width: 827px) {
  .p-text_box {
    width: 56.25%;
  }
}

@media (max-width: 767px) {
  .p-text_box {
    width: 450px;
  }
}

.p-img_box {
  width: 350px;
}

@media (max-width: 827px) {
  .p-img_box {
    width: 43.75%;
  }
}

@media (max-width: 767px) {
  .p-img_box {
    width: 350px;
  }
}

.p-point_box {
  width: 350px;
}

@media (max-width: 827px) {
  .p-point_box {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .p-point_box {
    width: 350px;
  }
}

.p-point_title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 3rem;
}

.p-2grid {
  width: 470px;
}

@media (max-width: 827px) {
  .p-2grid {
    width: 47%;
  }
}

@media (max-width: 767px) {
  .p-2grid {
    width: 470px;
  }
}

.p-column {
  background: #f2f3f6;
  margin-top: 25px;
  min-height: 280px;
  text-align: center;
}

@media (max-width: 827px) {
  .p-column {
    min-height: 205px;
  }
}

@media (max-width: 767px) {
  .p-column {
    min-height: 280px;
  }
}

.p-column--title {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  padding: 41px 5px 10px;
  border-bottom: #09357f 4px solid;
}

.p-column p {
  padding: 22px 35px;
}

/*----------------------------------------------------------------------
/////■■ section ■■/////
----------------------------------------------------------------------*/
/* 共通ファイル用 */
.section{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.banner_area {
	margin-top: 30px;
}
.banner_area + .entry {
	margin-top: -25px;
}
.entry {
	overflow: hidden;
	display: flex;
	justify-content: space-between
}
.entry li:first-child {
	margin-right: 10px;
}
.bn01 {
	margin-top: 29px;
}
.school_link_area {
	margin-top: 20px;
}
.school_link_area img{
width: auto;
max-width: 100%;
}
.school_link_area .school_link_lead {
	margin-bottom: 1.5em;
}
#school img{
	width: auto;
	max-width: 100%;
	margin: 0;
}

#school  a{
	font-size: 14px;
	color: -webkit-link;
	text-decoration: underline;
}
#school > .map .area2 dd.narrow_width {
	width: 290px;
}
#school .school_area *{
	font-size: 1.3rem;
}
.aC {
	text-align: center;
}

/* bacground */
.section04 {
  background-color: #ffd701;
  background-image: url(../img/bg_yellow_grd.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 100%;
}

.section07 {
  background-color: #ffd701;
  background-image: url(../img/bg_yellow_grd.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 100%;
}

.section09 {
  background-color: #ffd701;
  background-image: url(../img/bg_yellow_grd.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 100%;
}

.section11 {
  background-color: #ffd701;
  background-image: url(../img/bg_yellow_grd.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 100%;
}

.section13 {
  background-color: #ffd701;
  background-image: url(../img/bg_yellow_grd.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 1200px 100%;
}
.section16{
	background-color: #f6f6f1;
}

/* common */
.cv_area p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

.cv_area .cv_btn01 {
  background: url(../img/cv_btn01_on.png) no-repeat center;
  max-width: 540px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cv_area .cv_btn01:hover img {
  opacity: 0;
}

.cv_area .cv_tel {
  max-width: 820px;
}

.cv_area .cv_area_plus {
  background: #f2f3f6;
  padding: 27px 30px 20px;
}

.cv_area .btn_wrap {
  width: 50%;
}

.cv_area .cv_btn02 {
  background: url(../img/cv_btn02_on.png) no-repeat center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cv_area .cv_btn02:hover img {
  opacity: 0;
}

.cv_area .cv_btn03 {
  background: url(../img/cv_btn03_on.png) no-repeat center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cv_area .cv_btn03:hover img {
  opacity: 0;
}

p strong {
  font-weight: bold;
}

.section06 p strong {
  color: #009844;
}

.section08 p strong {
  color: #e50012;
}

/* section area */
.key_visual {
  background: #fff104 url(../img/key_visual01_bg.jpg) no-repeat top center;
  background-size: auto;
}

@media (max-width: 827px) {
  .key_visual {
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .key_visual {
    width: 1040px;
    background-size: auto;
  }
}

.key_visual__logo {
  width: 160px;
}

.key_visual02 {
  background: url(../img/key_visual02_bg.jpg) no-repeat top center;
  background-size: auto 100%;
  position: relative;
}

@media (max-width: 767px) {
  .key_visual02 {
    width: 1040px;
  }
}

@media (max-width: 1000px) {
  .key_visual02 .c-wrapper--md {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .key_visual02 .c-wrapper--md {
    width: 1000px;
  }
}

.key_visual02::before {
  content: "";
  background: url(../img/key_visual02_bg_base.jpg) no-repeat top center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

.key_visual02__header {
  position: relative;
}

.key_visual02__header__logo {
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.section01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edeff2));
  background: linear-gradient(to bottom, #ffffff 0%, #edeff2 100%);
}

@media (max-width: 767px) {
  .section01 {
    width: 1040px;
    background-size: auto;
  }
}

.section01__container img {
  position: relative;
  z-index: 0;
}

.section01__container p {
  margin-top: -6px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

.section02 {
  padding-bottom: 46px;
}

@media (max-width: 767px) {
  .section02 {
    width: 1040px;
    background-size: auto;
  }
}

.section02__video {
  background: #09357f;
  padding: 3rem;
}

.section02__video__inner {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.section02__video__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section03 {
  margin-top: 57px;
  background: url(../img/section03_bg.jpg) no-repeat top center;
}

@media (max-width: 827px) {
  .section03 {
    background-size: auto 70%;
  }
}

@media (max-width: 767px) {
  .section03 {
    width: 1040px;
    background-size: auto;
  }
}

.section04 {
  padding-bottom: 75px;
}

@media (max-width: 767px) {
  .section04 {
    width: 1040px;
  }
}

.section04__lead {
  background: #fff;
  padding-bottom: 26px;
}

.section04 h2 {
  font-size: 4.2rem;
  font-weight: bold;
  line-height: 1.45;
  text-align: center;
}

.section04 h2 strong {
  color: #09357f;
  font-size: 150%;
}

.section04 h2 i {
  font-style: italic;
}

.section04 h3 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.section04 h3 strong {
  font-size: 150%;
}

.section04 h3 strong em {
  color: #09357f;
}

.section04__contents {
  padding-top: 38px;
}

.section04 h4 {
  border-bottom: #09357f 2px solid;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

.section04__university {
  font-size: 2rem;
  line-height: 4rem;
  margin-top: 29px;
}

.section04__university strong {
  font-size: 150%;
  font-weight: bold;
}

.section06 {
  padding-bottom: 85px;
}

@media (max-width: 827px) {
  .section06 {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .section06 {
    padding-bottom: 85px;
  }
}

.section06__container {
  background: #009844;
  padding: 20px;
}

.section06__container__inner {
  background: #fff;
  padding-bottom: 60px;
}

.section06__container__inner__title {
  background: url(../img/section06_title_bg.jpg) no-repeat top center;
}

@media (max-width: 827px) {
  .section06__container__inner__title {
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .section06__container__inner__title {
    background-size: auto;
  }
}

.section06__point {
  border: #009844 6px solid;
  padding-bottom: 40px;
}

.section06__point__title {
  width: 100px;
}

.section06__point .c-wrapper--sm {
  margin-top: 35px;
}

.section07 {
  position: relative;
  z-index: -2;
}

@media (max-width: 767px) {
  .section07 {
    width: 1040px;
  }
}

.section07::after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 65px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.section08 {
  padding-bottom: 85px;
}

@media (max-width: 827px) {
  .section08 {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .section08 {
    padding-bottom: 85px;
  }
}

.section08__container {
  background: #e50012;
  padding: 20px;
}

.section08__container__inner {
  background: #fff;
  padding-bottom: 60px;
}

.section08__container__inner__title {
  background: url(../img/section08_title_bg.jpg) no-repeat top center;
}

@media (max-width: 827px) {
  .section08__container__inner__title {
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .section08__container__inner__title {
    background-size: auto;
  }
}

.section08__point {
  border: #e50012 6px solid;
}

.section08__point__title {
  width: 100px;
}

.section08__point .c-wrapper--sm {
  margin-top: 35px;
}

.section08__point_box {
  width: 312px;
}

@media (max-width: 827px) {
  .section08__point_box {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .section08__point_box {
    width: 312px;
  }
}

@media (max-width: 827px) {
  .section09 {
    padding: 0 15%;
  }
}

@media (max-width: 767px) {
  .section09 {
    width: 1040px;
    padding: 0;
  }
}


@media (max-width: 767px) {
  .section10 {
    width: 1040px;
  }
}

.section10 .bx-wrapper {
	margin-right: auto;
	margin-left: auto;
}

.voice {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1000px) {
  .voice {
    width: 100%;
  }
}

.voice_box {
  background: url(../img/voice_bg_top.png) no-repeat top center,
		url(../img/voice_bg_bottom.png) no-repeat bottom center;
/*  min-height: 775px; */
  background-size: 100% auto;
	padding: 53px 60px 33px;
}

@media (max-width: 827px) {
  .voice_box {
/*    min-height: 576px; */
    width: 100%;
  }
}

@media (max-width: 767px) {
  .voice_box {
/*    min-height: 775px; */
    width: 100%;
  }
}

.voice_box__text {
  width: 77%
}

@media (max-width: 827px) {
  .voice_box__text {
    padding: 0 10%;
  }
}

@media (max-width: 767px) {
  .voice_box__text {
    padding: 0 50px;
  }
}
.voice_box h3 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 4rem;
}
.voice_box h4 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 4rem;
  margin-bottom: 8px;
	color: #0e357f;
}
.voice_box .voice_name{
	display: inline;
	width: auto;
}
.voice_box .voice_img{
	width: 19.7%;
}
.voice_box .voice_box__inner{
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
}

.section10__note {
  font-size: 1.3rem;
  line-height: 1;
  text-align: right;
	padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 32px;
}

@media (max-width: 767px) {
  .section11 {
    width: 1040px;
  }
}



.voice_slider_area {
	margin-top: 50px;
	padding: 60px 0 30px;
	background-color: #f6f6f1;
}

.voice_slider_area h3 {
	margin-bottom: 45px;
}
.voice_slider_area h3 img {
	width: auto;
}

.voice_slider {
	display: flex;
	align-items: stretch;
}
.voice_slider li {
	width: 500px;
	height: auto;
	background-color: #fff;
	border: 3px solid #08357f;
	border-radius: 15px;
}

.voice_slider li .voice_slider_img {
	padding: 32px 38px 21px;
}
.voice_slider li h4 {
	padding: 15px 130px 13px 30px;
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: bold;
	background-color: #f2f3f7;
	position: relative;
}
.voice_slider li h4::before {
	position: absolute;
	content: "";
	display: block;
	width: 119px;
	height: 122px;
	top: -18px;
	right: 13px;
	background: url("../img/exp_stamp.png") no-repeat;
	background-size: 119px 122px;
}
.voice_slider li p {
	padding: 25px 30px 30px;
}

.voice_slider_area .swiper-container {
	padding-bottom: 60px;
}

.voice_slider_area .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.voice_slider_area .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #09357f;
}

.voice_slider_area .swiper-button-prev {
	background: none;
	top: 45%;
	left: 200px;
	width: 0;
	height: 0;
	border-top: 40px solid transparent;
	border-right: 38px solid #09357f;
	border-bottom: 40px solid transparent;
}
.voice_slider_area .swiper-button-next {
	background: none;
	top: 45%;
	right: 200px;
	width: 0;
	height: 0;
	border-left: 38px solid #09357f;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
}
@media (max-width: 999px) {
	.voice_slider_area .swiper-button-prev {
		left: 50px;
	}
	.voice_slider_area .swiper-button-next {
		right: 50px;
	}
}


.section11__contents {
  position: relative;
  background: #fff;
}

.section11__contents::before {
  content: "";
  background: url(../img/section11_next.png) no-repeat bottom center/cover;
  width: 100%;
  height: 60px;
  position: absolute;
  top: -60px;
  left: 0;
}

/*.section12 {
  padding-bottom: 85px;
}

@media (max-width: 827px) {
  .section12 {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .section12 {
    padding-bottom: 85px;
  }
}*/

.section12__title {
  background: url(../img/section12_bg.jpg) no-repeat top center;
  height: 600px;
  position: relative;
}

@media (max-width: 827px) {
  .section12__title {
    background-size: auto 100%;
    height: 425px;
  }
}

@media (max-width: 767px) {
  .section12__title {
    background-size: auto;
    height: 600px;
  }
}

.section12__title::before {
  content: "";
  background: url(../img/section12_bg_base.jpg) no-repeat top center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}

.section14__column {
  background: #09357f;
  padding: 20px;
}

footer {
  border-top: #aaa 1px solid;
  padding-bottom: 57px;
}

footer .footer_logo {
  width: 160px;
  margin: 49px auto 13px;
}

footer p {
  font-size: 1.294rem;
  line-height: 1.99rem;
  text-align: center;
}

.l-floting_box {
  position: fixed;
  right: 60px;
  bottom: 60px;
  width: 90px;
  height: 90px;
  z-index: 9999;
  background: url(../img/page_top_on.png) no-repeat center;
}

.l-floting_box:hover img {
  opacity: 0;
}

@media (max-width: 827px) {
  .l-floting_box {
    right: 40px;
    bottom: 40px;
    width: 70px;
    height: 70px;
    background: none;
  }
}

@media (max-width: 767px) {
  .l-floting_box {
    right: 60px;
    bottom: 60px;
    width: 90px;
    height: 90px;
  }
}

/*-------- style.scss END --------*/
