@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {}/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* Links
     ========================================================================== */
/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

html {
  font-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.row::before {
  content: ' ';
  display: table;
}

.row::after {
  content: ' ';
  display: table;
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  max-width: none;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 40em) {
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {
  .column, .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row {
  float: none;
}

.row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    width: 14.28571%;
    float: left;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    width: 12.5%;
    float: left;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.1875rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.0625rem;
}

h6 {
  font-size: 1rem;
}

@media screen and (min-width: 40em) {
  /*h1 {
    font-size: 3rem;
  }*/
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}

ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  /*font-weight: bold;*/
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print, th.show-for-print {
    display: table-cell !important;
  }
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after {
    content: '';
  }
  a[href^='javascript:']:after, a[href^='#']:after {
    content: '';
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre, blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

body.is-reveal-open {
  overflow: hidden;
}

html.is-reveal-open {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll;
}

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column, .reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

.reveal.collapse {
  padding: 0;
}

.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

.reveal.without-overlay {
  position: fixed;
}

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
    background-color: #178e89;
  }
}

div.school-price table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

div.school-price table thead, div.school-price table tbody, div.school-price table tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

div.school-price table caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

div.school-price table thead, div.school-price table tfoot {
  background: #f8f8f8;
  color: #0a0a0a;
}

div.school-price table thead tr, div.school-price table tfoot tr {
  background: transparent;
}

div.school-price table thead th, div.school-price table thead td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

div.school-price table tfoot th, div.school-price table tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

div.school-price table tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

div.school-price table tbody th, div.school-price table tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead, table.stack tfoot {
    display: none;
  }
  table.stack tr, table.stack th {
    display: block;
  }
  table.stack td {
    display: block;
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover tr:hover {
  background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.table-scroll table {
  width: auto;
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem;
}

.title-bar::before {
  content: ' ';
  display: table;
}

.title-bar::after {
  content: ' ';
  display: table;
  clear: both;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left {
  float: left;
}

.title-bar-right {
  float: right;
  text-align: right;
}

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}

.clearfix::before {
  content: ' ';
  display: table;
}

.clearfix::after {
  content: ' ';
  display: table;
  clear: both;
}

.uline {
  color: #379490;
}

.thumb-outer-cover {
  display: inline-block;
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
  background-size: cover;
}

.thumb-fig {
  background: #588adc;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  color: white;
}

div#school .main {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/*outline*/
.outline h3, .outline h2 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.0;
  margin-bottom: 0;
}

.outline div.h1-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.outline div.country1 i {
  display: inline-block;
  width: 3rem;
  height: auto;
  background: url(../img/common/icon_con_1.png) left top no-repeat;
  background-size: contain;
  margin-right: .5rem;
}

/*campaign-box*/
/*table.school-data*/
/*add-button*/
section.school-cm .add-wr {
  position: relative;
}

section .add-mylist a, section .add-contribution a, section .add-share a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -3rem;
  background: #eeeded;
  color: #292929;
  padding: .5rem .5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  font-weight: bold;
  z-index: 3;
}

section .add-mylist a {
  right: 14.5rem;
}

section .add-contribution a {
  right: 7.5rem;
  background: #fff35d;
}

section .add-share a {
  right: .5rem;
  padding: .5rem 1rem;
}

section .add-mylist a span, section .add-contribution a span, section .add-share-detail a span {
  line-height: 1.2;
  font-size: .875rem;
}

section .add-mylist a span:last-of-type, section .add-share a span:last-of-type, section .add-contribution a span:last-of-type {
  display: none;
}

section .add-mylist a i, section .add-contribution a i, section .add-share a i {
  color: #1db2ab;
  margin-right: .5rem;
  font-size: 1.5rem;
}

section .add-contribution a i {
  /*  color: #267873;
  */
}

/*tag-characteristic*/
.tag-characteristic li {
  margin-right: .5rem;
  margin-bottom: .25rem;
  margin-top: .25rem;
  padding: .125rem .8125rem;
  text-align: center;
  display: inline-block;
  color: #e86542;
  background-color: #fdecdd;
  border: 1px solid #e86542;
}

div#school .school-con h3, div#school .school-con h2 {
  font-weight: bold;
  font-size: 1.3rem;
  margin: .85rem 0;
}

div#school .school-con h3 sub, div#school .school-con h2 sub {
  bottom: 0;
  font-weight: normal;
  font-size: 1rem;
  display: block;
  margin: 1rem 0 1.25rem;
}

div#school .school-con h3 span, div#school .school-con h2 span {
  font-weight: normal;
  font-size: .875rem;
  margin: 1.5rem 0;
  color: #0a0a0a;
}

div#school .school-con h4 {
  font-size: .875rem;
  font-weight: bold;
}

div#school .school-con h4 i {
  display: inline-block;
  width: 1.5rem;
  height: 1.25rem;
  background: url(../img/common/icon_scl_h3.png) left center no-repeat;
  background-size: contain;
  position: relative;
  bottom: -4px;
}

div#school .school-con .scl-rv-wr h4 i {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/common/icon_scl_h3.png) left center no-repeat;
  background-size: contain;
  bottom: 0px;
  /*    position: relative;
          bottom: -3px;
      */
}

div#school .school-con .school-con-point, div#school .school-con p {
  margin-left: 2rem;
}

div#school .school-con .school-con-point li {
  color: #267873;
  font-weight: bold;
}

div#school .school-con .school-con-point li p {
  background: url(../img/common/text_line.png) left bottom repeat-x;
  display: inline;
  padding-left: .5rem;
  padding-right: .5rem;
  margin-left: 0;
}

/*school-reviews1 page***********************************/
.school-reviews1 .school-cm .school-con section {
  padding: 0 0 1rem;
  margin-bottom: 0.5rem !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.school-reviews1 .school-cm .school-con section:last-child {
  margin-bottom: 0rem !important;
}

.school-reviews1 .school-cm .school-con section > div.scl-rv-wr {
  background: #fff;
  margin: 0;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
  padding: 0;
}

.school-reviews1 .school-cm .school-con section > div > div {
  margin: 0;
  padding: 0;
  border-top: 1px solid #cbe4e3;
}

div.school-movie .school-cm .school-con section > div > div, div.school-program .school-cm .school-con section > div > div, div.school-price .school-cm .school-con section > div > div {
  border-top: none;
}

div#school .school-cm .school-con section div.scl-rv-con1, div#school .school-cm .school-con section div.scl-rv-con2 {
  margin: 0 1rem 0;
  padding: 1rem 0;
}

div#school .school-cm .school-con section div.scl-rv-con1 {
  margin-bottom: 0;
}

div#school .school-cm .school-con section div.scl-rv-con2 {
  margin-left: 0;
  padding-left: 0;
}

div#school .school-cm .school-con section div.scl-rv-con3 {
  padding: 0.75rem 1rem 1rem;
}

div#school .school-cm .school-con section div.scl-rv-con3-2 {
  /*  padding: 1.5rem;
        */
}

div#school .school-cm .school-con section div.scl-rv-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  margin-top: 0rem !important;
  border-top: none;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header div.h1name {
  position: relative;
  padding-left: 6.2rem;
  border-top: none;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header div.h1name img {
  position: absolute;
  top: 0.25rem;
  left: 1rem;
  width: 4.5rem;
  height: 4.5rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header div h3, .school-reviews1 .school-cm .school-con section div.scl-rv-header div h2 {
  padding-bottom: .05rem;
  border-bottom: 5px solid #fff578;
  display: inline;
  line-height: 2.0;
}

div#school .school-cm .school-con section div.scl-rv-header div h4 {
  font-weight: normal;
  padding-top: .75rem;
  font-size: .875rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header ul {
  margin-bottom: 0;
  text-align: right;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header ul li {
  margin-bottom: .3rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header ul li img {
  width: 90px;
  height: auto;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header ul li:last-of-type {
  margin-bottom: 0;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-header ul li.date {
  font-size: .72rem;
  padding-left: 0rem;
  min-width: 90px;
  background: url(../img/common/icon_shopwrite.png) left top no-repeat;
  background-size: 13px auto;
  background-position: left 0px top 3px;
  float: right;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con1 dl, .school-reviews1 .school-cm .school-con section div.scl-rv-con2 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con1 dt i, .school-reviews1 .school-cm .school-con section div.scl-rv-con2 h4 i {
  color: #178e89;
  background-image: none !important;
  padding-right: .35rem;
}

div#school .school-cm .school-con section div.scl-rv-con3 p a {
  color: #178e89;
  font-weight: bold;
  font-size: .875rem;
  display: block;
  float: right;
  margin-bottom: 1rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con1 dt {
  margin-bottom: 0;
  width: 7rem;
  font-size: .875rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con1 dd {
  width: calc(100% - 7rem);
  text-align: left;
  font-size: .875rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con2 dt {
  color: #178e89;
  width: 8rem;
  font-size: .875rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con2 dd span {
  font-weight: bold;
  margin-right: 1rem;
  font-size: .875rem;
}

.school-reviews1 .school-cm .school-con section div.scl-rv-con2 p {
  margin-bottom: 0;
  font-size: .875rem;
}

div#school .school-cm .school-con section div.scl-rv-con3 p {
  margin-left: 0rem;
  font-size: .875rem;
  margin-bottom: 0;
  margin-top: .5rem;
  margin-right: 0rem;
}

div#school .school-cm .school-con section div.scl-rv-con3 p.num-popular {
  margin-top: 0rem;
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: .5rem;
}

div#school .num-popular i:last-of-type {
  margin-right: .35rem;
}

div.school-movie .school-cm .school-con, div.school-program .school-cm .school-con, div.school-price .school-cm .school-con {
  margin-bottom: 3rem !important;
}

div.school-movie .school-cm .school-con section > div.scl-rv-header div h3, div.school-movie .school-cm .school-con section h2 {
  display: block;
  margin-top: 0  !important;
  color: #379490;
}

div.school-movie .school-cm .school-con section.scl-movie {
  background: url(../img/common/bg_strp_movie_1.png);
  padding-top: 1rem  !important;
}

div#school .school-cm .school-con section.scl-movie > div.scl-rv-header {
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  margin-right: 1rem;
  margin-left: 1rem;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box::before {
  display: none;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box dl {
  /*  border: 1px solid #bfbfbf;
        */
  display: block;
  width: 17.5%;
  margin-right: 2.5%;
  background-color: #fff;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box dl dt img {
  width: auto;
  height: auto;
  max-height: 150px;
  vertical-align: middle;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box dl dd {
  background: #639c6e;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  padding: 0rem .3rem .2rem;
}

div.school-movie .school-cm .school-con section.scl-movie .scl-box dl dd span {
  text-align: center;
  font-weight: 500;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  font-size: .875rem;
}

div.school-program .school-cm .school-con section.scl-program {
  padding-top: 1rem  !important;
}

div.school-program .school-cm .school-con section.scl-program > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  margin-top: 0rem !important;
  margin-bottom: 1rem !important;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
  background: #fff;
  padding: 1rem !important;
}

div.school-program .school-cm .school-con section.scl-program > div:last-of-type {
  margin-bottom: 0rem !important;
}

div.school-program .school-cm .school-con section.scl-program div.scl-box h3, div.school-program .school-cm .school-con section.scl-program div.scl-box h2 {
  display: block;
  color: #379490;
  padding-bottom: .1rem;
  border-bottom: 5px solid #fff578;
  margin-top: 0  !important;
}

div.school-program .school-cm .school-con section.scl-program div.scl-box h4 {
  display: block;
  color: #647aa4;
  padding-bottom: .1rem;
  font-size: 1.1rem;
}

div.school-program .school-cm .school-con section.scl-program table {
  width: 100%;
  margin-bottom: 1rem;
}

div.school-program .school-cm .school-con section.scl-program table th {
  background: #38ad8b;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 1px solid #639c6e;
  padding: 0.5rem 0.625rem 0.625rem;
}

div.school-program .school-cm .school-con section.scl-program .pr-table2 {
  width: 50%;
  float: left;
}

div.school-program .school-cm .school-con section.scl-program .pr-table2 table {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

div.school-program .school-cm .school-con section.scl-program table .pr-program-ttl {
  background: #60bda2;
}

div.school-program .school-cm .school-con section.scl-program table td {
  border: #639c6e 1px solid;
  background: #fff;
  text-align: center;
  padding: 0.5rem 0.625rem 0.625rem;
}

div.school-program .school-cm .school-con section.scl-program dl, div.school-program .school-cm .school-con section.scl-program p {
  font-weight: bold;
  margin: 0 0 0 .5rem !important;
}

div.school-program .school-cm .school-con section.scl-program table.pr-detail-light th {
  border: #647aa4 1px solid;
  background: #8192b3;
  text-align: center;
}

div.school-program .school-cm .school-con section.scl-program table.pr-detail-light td {
  border: #647aa4 1px solid;
  background: #fff;
  text-align: left;
}

div.school-program .school-cm .school-con section.scl-program dt, div.school-program .school-cm .school-con section.scl-program dd {
  margin: 0rem !important;
}

div.school-price .school-cm .school-con section.scl-price {
  padding-top: 1rem  !important;
  position: relative;
}

div.school-price .school-cm .school-con section.scl-price > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  margin-top: 0rem !important;
  margin-bottom: 1rem !important;
  margin-right: 1rem !important;
  margin-left: 1rem !important;
  background: #fff;
  padding: 1rem !important;
}

div.school-price-euro .school-cm .school-con section.scl-price > div:first-of-type {
  margin-top: 1rem !important;
}

div.school-price .school-cm .school-con section.scl-price div.scl-corselist {
  margin: 0 0 1rem 0 !important;
  background: #fff;
}

div.school-price .school-cm .school-con section.scl-price div.scl-corselist div {
  margin: 0rem !important;
  width: 100%;
  background: #fff;
  padding: 0.5rem !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.school-price .school-cm .school-con section.scl-price div.scl-corselist div a span {
  text-decoration: underline;
}

div.school-price .school-cm .school-con section.scl-price div:last-of-type {
  margin-bottom: 0rem !important;
}

div.school-price .school-cm .school-con section.scl-price div.scl-box h3, div.school-price .school-cm .school-con section.scl-price div h2 {
  display: block;
  color: #001b78;
  padding-bottom: .1rem;
  border-bottom: 5px solid #9bc1ff;
  margin: 0.5rem 0 1rem 0 !important;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table {
  margin-bottom: 1rem;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table td {
  border: #015852 1px solid;
  padding: 0.5rem 0.5rem;
  background: #fff;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

div.school-price .school-cm .school-con section.scl-price > div.scl-corselist h3, div.school-price .school-cm .school-con section.scl-price > div h2 {
  border-bottom: 5px solid #a6e3e1;
  margin-bottom: .5rem !important;
}

div.school-price .school-cm .school-con section.scl-price > div.scl-attention h3, div.school-price .school-cm .school-con section.scl-price > div h2 {
  border-bottom: 5px solid #ff797c;
  color: #726363;
}

div.school-price-euro .school-cm .school-con section.scl-price table.pr-table td {
  width: auto;
}

div.school-price-euro .school-cm .school-con section.scl-price table.pr-table .cell-long {
  width: 30%;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table th {
  background: #7badff;
  padding: 0.25rem 0.5rem;
  color: #fff;
  font-weight: bold;
  border: 1px solid #015852;
  text-align: center;
}

div.school-price-euro .school-cm .school-con section.scl-price table.pr-table th, div.school-price-euro .school-cm .school-con section.scl-price table.pr-table td div.school-price-euro .school-cm .school-con section.scl-price table.pr-table .cell-normal, div.school-price-euro .school-cm .school-con section.scl-price table.pr-table th {
  width: 17.5%;
}

div.school-price-euro .school-cm .school-con section.scl-price table.pr-table .cell-couse {
  background: rgba(97, 189, 184, 0.1);
  width: 30%;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table2 {
  margin-bottom: 1rem;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table2-end {
  margin-bottom: 0;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table2 td {
  border: #eb6100 1px solid;
  padding: 0.5rem 0.5rem;
  background: #fff;
  text-align: left;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table2 th {
  background: #fde5e5;
  padding: 0.25rem 0.5rem;
  /* color: #fff; */
  border: 1px solid #eb6100;
  text-align: center;
}

div.school-price .school-cm .school-con section.scl-price p {
  margin: .5rem 0rem .75rem 0rem !important;
  line-height: 1.2;
  font-size: .875rem;
  padding: .875rem;
  background: #f2f2ec;
}

div.school-price .school-cm .school-con section.scl-price table.pr-table2 td p {
  font-weight: normal;
  margin: 0 !important;
  text-align: left;
  padding: 0 1rem;
  background: none;
}

div.school-price .school-cm .school-con section.scl-price dl {
  margin: 0 !important;
  float: left;
  background: #f7f6f6;
  width: 100%;
  font-size: .875rem;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.school-price .school-cm .school-con section.scl-price dl dd::before {
  content: "◆";
  font-size: .4rem;
  position: relative;
  bottom: .05rem;
  margin-right: .125rem;
}

div.school-price-euro .school-cm .school-con section.scl-price dl {
  margin: 0 !important;
  float: none;
  background: #fff;
  width: auto;
  font-size: .875rem;
  padding: .5rem 0;
  font-weight: bold;
}

div.school-price-euro .school-cm .school-con section.scl-price span {
  color: red;
}

div.school-price .school-cm .school-con section.scl-price ul {
  margin: 0 0 0 .5rem !important;
  float: left;
  width: 40%;
}

div.school-price .school-cm .school-con section.scl-price ul li a::before {
  content: "●";
  font-size: .45rem;
  position: relative;
  bottom: .15rem;
  color: #a6e3e1;
  margin-right: .25rem;
  text-decoration: none;
}

div.photoInner {
  letter-spacing: -0.5em;
}

div.photoInner > div.column {
  display: inline-block;
  padding: 0 !important;
  margin: 0 1% 2%;
  width: 22.2%;
  float: none !important;
  letter-spacing: normal;
}

/*other*/
/*school-movie page***********************************************/
/*div.school-movie .school-cm .school-con section.scl-movie
   .scl-box dl dt{
      display: table-cell;
      width: 193px;
      height: 150px;
      text-align: center;
      vertical-align: middle;
      layout-grid-line:166px;
  }*/
/*school-program page***********************************************/
/*
  div.school-program .school-cm .school-con section.scl-program > div{
      display: flex;
      align-items: center;
      padding: 1rem 0;
      margin-top: 0rem !important;
      margin-bottom: 1rem !important;
      margin-right: 1rem !important;
      margin-left: 1rem !important;
      background: #fff;
      padding:1rem 1.5rem !important;
  }
  div.school-program .school-cm .school-con section.scl-program > div:last-of-type{
      margin-bottom: 0rem !important;
  }
  div.school-program .school-cm .school-con section.scl-program div.scl-box h1 {
      display: block;
      color: #379490;
      padding-bottom: .1rem;
      border-bottom:5px solid #fff578;
  }
  div.school-program .school-cm .school-con section.scl-program table th{
      background:#38ad8b;
      color: #fff;
      font-weight: bold;
      border: 1px solid #639c6e;
  }
  div.school-program .school-cm .school-con section.scl-program .pr-table2{
          width: 50%;
          float: left;
  }
  div.school-program .school-cm .school-con section.scl-program .pr-table2 table{
          width: 98%;
          margin-left: auto;
          margin-right: auto;
  }
  div.school-program .school-cm .school-con section.scl-program table .pr-program-ttl{
      background:#60bda2;
  }
  div.school-program .school-cm .school-con section.scl-program table td{
      border: #639c6e 1px solid;
      background: #fff;
      text-align: center;
  }
  div.school-program .school-cm .school-con section.scl-program dl,
  div.school-program .school-cm .school-con section.scl-program p{
      font-weight: bold;
      margin:0 0 0 .5rem !important;
  }
  */
/*school-price page***********************************************/
@media (max-width: 1024px) {
  div#school .school-cm .school-con section div.scl-rv-con2 {
    margin-left: 1rem;
  }
  div#school .school-con h3, div#school h2 sub {
    display: block;
    padding-left: 0rem;
    padding-top: .5rem;
  }
  div.school-movie .school-cm .school-con section.scl-movie .scl-box dl {
    width: 24%;
    margin-right: 1%;
  }
}

@media (max-width: 880px) {
  div.school-price .school-cm .school-con section.scl-price .pr-table-wr {
    overflow: auto;
    margin-bottom: 1rem;
  }
  div.school-price-euro .school-cm .school-con section.scl-price .pr-table-wr {
    overflow: auto;
    margin-bottom: 0rem;
  }
}

@media (max-width: 639px) {
  /*outline*/
  div#school .school-con h3, div#school h2 {
    display: none;
  }
  div#school .school-con2 h3, div#school .school-con2 h2 {
    display: block;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }
  div#school .school-con2 section h3, div#school .school-con2 h2 {
    display: block;
    margin-bottom: 0rem;
    margin-top: 0rem;
    line-height: 1.5;
  }
  div#school .school-con h3, div#school h2 sub {
    margin: 0.25rem 0 1.25rem;
  }
  #school h4.slide-main {
    width: 100%;
    text-align: center;
    margin: 0 auto .5rem !important;
    padding: 0;
  }
  div#school .school-con h4 {
    margin-top: .5rem;
  }
  div#school .school-con h3, div#school .school-con h2 span {
    font-size: 1rem;
    margin: 0rem 0 .25rem;
    display: block;
    color: #0a0a0a;
  }
  div#school .school-con .school-con-point {
    margin-left: 0;
    line-height: 1.5;
    font-size: .875rem;
    margin-top: .5rem !important;
  }
  div#school .school-con p {
    margin-left: 0;
    line-height: 1.5;
    font-size: .875rem;
    margin-top: .5rem !important;
    font-size: .875rem;
  }
  div#school .school-con p.map {
    font-size: .875rem;
  }
  div#school .school-con p.page-nav {
    margin-top: 1.5rem !important;
  }
  div#school .school-cm .school-con section.scl-price table.pr-table2 td p {
    margin-top: 0rem !important;
  }
  div#school .school-con p.box-title {
    margin-bottom: 0rem !important;
    margin-left: 0 !important;
  }
  .school-cm div.school-con {
    padding-top: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
  }
  .school-reviews1 .school-cm .school-con section {
    padding: .5rem;
  }
  div#school .school-con2 section.scl-movie {
    /*  margin-top:4rem !important;
        */
    margin-top: 0rem !important;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding-top: .5rem;
  }
  div#school .school-con2 section.scl-movie h3, div#school .school-con2 section.scl-movie h2 {
    opacity: 1;
    margin-top: .5rem !important;
  }
  div.school-movie .school-con2 section.scl-movie h3, div.school-movie h2 {
    margin-bottom: .5rem !important;
  }
  div.school-movie .school-cm .school-con section.scl-movie .scl-box dl {
    width: calc(50% - .5rem);
    margin-right: 0%;
    margin-left: .25rem;
    margin-right: .25rem;
  }
  div#school .school-cm .school-con section.scl-movie > div.scl-rv-header {
    padding: .25rem;
    margin-right: .5rem;
    margin-left: .5rem;
  }
  div.school-movie .school-cm .school-con section.scl-movie .scl-box dl dd {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  div#school .school-con2 section.scl-program {
    padding-bottom: .5rem;
    padding-top: .5rem;
    margin-top: 0rem !important;
  }
  div#school .school-con2 section.scl-program h3, div#school .school-con2 section.scl-program h2 {
    margin: .5rem 0 !important;
    font-size: 1rem;
  }
  div.school-program .school-cm .school-con section.scl-program > div {
    padding: .25rem !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  div.school-program .school-cm .school-con section.scl-program div table {
    margin-bottom: 0.5rem;
  }
  div.school-program .school-cm .school-con section.scl-program div table:last-cild {
    margin-bottom: 0;
  }
  div.school-program .school-cm .school-con section.scl-program th, div.school-program .school-cm .school-con section.scl-program td {
    padding: 0.25rem 0.5rem;
  }
  div.school-program .school-cm .school-con section.scl-program .pr-table2 {
    width: 100%;
    float: none;
  }
  div#school .school-con2 section.scl-price {
    /*    margin-top: 4rem !important;
        */
    padding-bottom: .5rem;
    padding-top: .5rem;
    margin-top: 0rem !important;
  }
  div#school .school-con2 section.scl-price h3, div#school .school-con2 section.scl-price h2 {
    margin: 0.5rem 0 .5rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div {
    padding: .5rem !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  div.school-price-euro .school-cm .school-con section.scl-price > div:first-of-type {
    margin-top: .5em !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div.scl-corselist {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0.5rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div.scl-corselist div {
    padding: 0rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div.scl-corselist > div {
    padding: 0.25rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price div table {
    margin-bottom: 0.5rem;
  }
  div.school-price .school-cm .school-con section.scl-price div table:last-cild {
    margin-bottom: 0;
  }
  div.school-price .school-cm .school-con section.scl-price th, div.school-price .school-cm .school-con section.scl-price td {
    padding: 0.25rem 0.5rem;
  }
  div.school-price .school-cm .school-con section.scl-price .pr-table2 {
    width: 100%;
    float: none;
  }
  div.school-price .school-cm .school-con section.scl-price dl {
    float: none;
    width: 100%;
    font-size: .875rem;
  }
  div.school-price .school-cm .school-con section.scl-price ul {
    float: none;
    width: 100%;
    margin-bottom: 1rem !important;
  }
  div.school-price-euro .school-cm .school-con section.scl-price table.pr-table2 {
    margin-bottom: 0rem;
  }
  /*program page**************************************/
  /*price page**************************************/
}

@media (max-width: 480px) {
  div.school-program .school-cm .school-con section.scl-program th, div.school-program .school-cm .school-con section.scl-program td {
    padding: 0.25rem !important;
    font-size: .6rem;
  }
  div.school-program .school-cm .school-con section.scl-program th.cell-long {
    min-width: 3rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price th, div.school-price .school-cm .school-con section.scl-price td {
    padding: 0.25rem;
    font-size: .75rem;
    padding: 0.25rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price table.pr-table2 td p {
    padding: 0;
  }
  div.school-price .school-cm .school-con section.scl-price th.cell-long {
    min-width: 4rem !important;
  }
}

@media screen and (max-width: 640px) {
  div.photoInner {
    padding: 0 5%;
  }
  div.photoInner > div.column {
    margin: 0 1% 3%;
    width: 48%;
  }
}

/*//////////////////////////////////////////////////////////

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  reset.css
 style info :  リセットファイル
 admin info :  apricot-design		
 
//////////////////////////////////////////////////////////*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

html {
  overflow-y: scroll;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
  margin: 0;
  padding: 0;
}

body, button, input, select, textarea {
  font-size: 100%;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

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

small {
  font-size: 75%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0px;
}

nav ul, nav ol {
  list-style: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure, form {
  margin: 0;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

button {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style: none;
}

/*画像を縦に並べた時に余白が出ないように*/
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

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

.ie6_error, .no_script {
  background: #F66;
  padding: 100px;
  text-align: center;
  font-size: 150%;
  color: #333;
}

.flt {
  float: left;
}

.flr {
  float: right;
}

.txt_l, td.txt_l, .txt_l td {
  text-align: left;
}

.txt_r, td.txt_r, .txt_r td {
  text-align: right;
}

.txt_c, td.txt_c, .txt_c td {
  text-align: center;
}

.valign_t, td.valign_t, .valign_t td {
  vertical-align: top;
}

.valign_m, td.valign_m, .valign_m td {
  vertical-align: middle;
}

.valign_b, td.valign_b, .valign_b td {
  vertical-align: bottom;
}

.clear {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:before {
  content: "";
  display: block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.img_bd {
  border: solid 1px #E8E8E8;
}

.c_red {
  color: #FF3425;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: url(../image/arrowSp_pre.png);
}

@media screen and (min-width: 750px) {
  .slick-prev:before {
    content: url(../image/arrowPc_pre.png);
  }
  [dir="rtl"] .slick-prev:before {
    content: "→";
  }
}

.slick-next {
  right: 0;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: url(../image/arrowSp_next.png);
}

@media screen and (min-width: 750px) {
  .slick-next:before {
    content: url(../image/arrowPc_next.png);
  }
  [dir="rtl"] .slick-next:before {
    content: "←";
  }
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: red;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Preload images */
body:after {
  content: url(../image/lightbox-close.png) url(../image/lightbox-loading.gif) url(../image/lightbox-prev.png) url(../image/lightbox-next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../image/lightbox-loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../image/lightbox-prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../image/lightbox-next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../image/lightbox-close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
          animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/* フォントファミリー */
/*
0:セット
------------------------------------------------------------
*/
html {
  width: 100%;
}

body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 1.66;
  text-align: left;
  letter-spacing: 0.06em;
  overflow-x: hidden;
  position: relative;
  /* iOS4でのテキストの隙間への対応 */
  -webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 750px) {
  body {
    min-width: 1280px;
  }
}

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

img[src$=".svg"] {
  max-width: 100%;
  width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/*
base
------------------------------------------------------------
*/
section {
  margin-bottom: 4em;
}

.section_wrap {
  padding: 60px 0;
}

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

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

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

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

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

.pc {
  display: none;
}

@media screen and (min-width: 750px) {
  .pc {
    display: inherit;
  }
}

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

@media screen and (min-width: 750px) {
  .pcNone {
    display: none !important;
  }
}

.spNone {
  display: none;
}

@media screen and (min-width: 750px) {
  .spNone {
    display: block;
  }
}

.spNone2 {
  display: none !important;
}

@media screen and (min-width: 750px) {
  .spNone2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.inner {
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .inner {
    width: 1280px;
  }
}

.inner98 {
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .inner98 {
    width: 1010px;
    padding: 0 15px;
  }
}

.innerSp {
  margin: 0 15px;
}

@media screen and (min-width: 750px) {
  .innerSp {
    margin: 0;
  }
}

.inner128 {
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (min-width: 750px) {
  .inner128 {
    width: 1280px;
    padding: 0;
  }
}

.topTi {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 0 0 1em;
  color: #008f51;
  font-size: 28px;
  text-align: center;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .topTi {
    font-size: 38px;
  }
}

.top_subTi {
  display: block;
  font-size: 16px;
  padding: 10px 0;
}

.subTi {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
}

@media screen and (min-width: 750px) {
  .subTi {
    padding: 10px 0 20px;
  }
}

.fadein {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

/*
バックグラウンド
------------------------------------------------------------
*/
.baYe1 {
  background-color: #efc618;
}

.baYe2 {
  background-color: #f2e436;
}

.baYe3 {
  background-color: #fcfac3;
}

.baYe4 {
  background-color: #fffbeb;
}

.baGre0 {
  background-color: #2ab774;
}

.baGre1 {
  background-color: #ace2c3;
}

.baGre2 {
  background-color: #d0f7e0;
}

.baGre3 {
  background-color: #f2f9f5;
}

.dotBack {
  background-image: url(../image/dots.png);
}

.usefulBa {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/e7bff2a6-useful-bg-sp.png) center/cover;
  position: relative;
}

.usefulBa .inner {
  position: relative;
}

@media screen and (min-width: 750px) {
  .usefulBa {
    background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/816d1c5c-useful-bg-pc.png) center/cover;
  }
}

.usefulBa::before {
  content: '';
  background-color: #ACE2C3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 854px;
  opacity: .7;
}

@media screen and (min-width: 750px) {
  .usefulBa::before {
    height: 600px;
  }
}

.columnBa {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/eb614ef6-column-bg-sp.png) center/cover;
}

@media screen and (min-width: 750px) {
  .columnBa {
    background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/02699a28-column-bg-pc.png) center/cover;
  }
}

/*
カラー
------------------------------------------------------------
*/
.colorGre {
  color: #008f51;
}

/*
ボタン
------------------------------------------------------------
*/
#page-top {
  position: fixed;
  bottom: 65px;
  right: 5px;
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/f4003732-top-button.png) no-repeat center/auto 100%;
  width: 60px;
  height: 60px;
}

@media screen and (min-width: 750px) {
  #page-top {
    bottom: 10px;
    right: 10px;
    width: 80px;
    height: 80px;
  }
}

.btn_one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn_one.right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.btn_one.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn_one.supportBtn_right {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px) {
  .btn_one.supportBtn_right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.btn_one.supportBtn_left {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px) {
  .btn_one.supportBtn_left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.btn_one a {
  min-width: 150px;
  font-weight: bold;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#006648), to(#019966));
  background-image: linear-gradient(to right, #006648, #019966);
  text-align: center;
  padding: 1em;
  border-radius: 40px;
  display: inline-block;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.btn_one a.light_ye {
  background-image: -webkit-gradient(linear, left top, right top, from(#f2e436), to(#f0d767));
  background-image: linear-gradient(to right, #f2e436, #f0d767);
  color: #000;
}

.btn_one a.ye {
  background-image: -webkit-gradient(linear, left top, right top, from(#efc618), to(#f0d767));
  background-image: linear-gradient(to right, #efc618, #f0d767);
  color: #000;
}

.btn_one a.supportBtn {
  padding: 0.8em 1em;
}

.btn_one a:hover {
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .btn_one a {
    padding: 1em 2em;
  }
}

.btn_two a {
  margin: 0 5px;
  padding: 1em;
}

@media screen and (min-width: 750px) {
  .btn_two a {
    margin: 0 20px;
    padding: 1em 2em;
  }
}

.top_subTi {
  display: block;
  font-weight: bold;
  color: #000;
  padding-top: 10px;
}

/*
drop
------------------------------------------------------------
*/
dl.contact-drop {
  margin: 0 0 2em;
}

dl.contact-drop dt {
  font-weight: 700;
  font-size: 1.1em;
  cursor: pointer;
  padding: 1em 1em 1em 0;
  border-bottom: #e1eafd solid 2px;
  position: relative;
}

@media screen and (min-width: 750px) {
  dl.contact-drop dt {
    padding: 1em;
  }
}

dl.contact-drop dt.active {
  border: none;
}

dl.contact-drop dt::after {
  content: "+";
  position: absolute;
  height: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

@media screen and (min-width: 750px) {
  dl.contact-drop dt::after {
    right: 1em;
  }
}

dl.contact-drop dt.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

dl.contact-drop dd {
  display: none;
}

/*
side
------------------------------------------------------------
*/
#sp_show {
  display: inline-block;
  width: 36px;
  height: 33px;
  vertical-align: middle;
  position: relative;
}

#sp_show span,
#sp_show span::before,
#sp_show span::after {
  position: absolute;
  height: 2px;
  /*線の太さ*/
  width: 36px;
  /*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: "";
  cursor: pointer;
}

#sp_show span::before {
  bottom: -15px;
}

#sp_show span::after {
  bottom: -30px;
}

#sp_hide {
  height: 67px;
  position: relative;
}

#sp_hide span {
  position: absolute;
  height: 2px;
  /*線の太さ*/
  width: 48px;
  /*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  top: 40px;
  right: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  cursor: pointer;
}

#sp_hide span:after {
  background: #555;
  position: absolute;
  content: '';
  display: block;
  height: 2px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 48px;
  top: 0;
}

.side-menu {
  max-width: 480px;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #ace2c3;
  width: 100%;
  height: 100%;
  z-index: 11;
  overflow-y: scroll;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media screen and (min-width: 750px) {
  .side-menu {
    display: none;
  }
}

.side-menu > ul {
  margin: 20px 40px;
}

.side-menu > ul > li {
  font-weight: bold;
  color: #008f51;
  border-bottom: 1px solid #f4eeeb;
  text-align: center;
  padding: 1em 0;
  vertical-align: middle;
}

.side-menu > ul > li p {
  font-size: 18px;
  padding: 10px 0;
}

.side-menu > ul > li dt {
  margin: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10px 0;
  font-size: 18px;
}

.side-menu > ul > li dt::after {
  content: "+";
  font-size: 1.5em;
  line-height: 0;
  position: absolute;
  right: 0px;
  top: 40%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.side-menu > ul > li dt.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.side-menu > ul > li ul {
  margin: 0.5em 0 0;
}

.side-menu > ul > li ul li {
  margin: 0 0 0.2em;
  font-weight: 400;
  line-height: 3;
  font-size: 18px;
}

#cover {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

body.side-open {
  overflow-y: hidden;
}

body.side-open #cover {
  display: block;
}

@media screen and (min-width: 750px) {
  body.side-open #cover {
    display: none;
  }
}

body.side-open .side-menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

/*
header
------------------------------------------------------------
*/
.header_left {
  margin-right: auto;
}

@media screen and (min-width: 750px) {
  .header_left {
    margin-top: 15px;
    width: 500px;
  }
  .header_left img {
    width: 100%;
  }
}

.header_listSP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
}

.header_listSP_rightBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 0;
}

@media screen and (min-width: 750px) {
  .header_listSP {
    display: none;
  }
}

.header_listSP .logo_sp {
  max-width: 260px;
  width: 100%;
}

.header_listPC {
  display: none;
}

@media screen and (min-width: 750px) {
  .header_listPC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
  .header_listPC p {
    font-weight: bold;
  }
  .header_listPC span {
    font-family: mplus;
    color: #008f51;
    font-weight: normal;
    font-size: 14px;
  }
}

.header_listPC li .gsc-control-cse {
  width: 250px;
}

.header_listPC li:last-child a {
  color: #fff;
  background-color: #008f51;
  text-align: center;
  padding: 10px 20px;
  border-radius: 40px;
  display: inline-block;
}

.header_listPC_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 750px) {
  .header_listPC_detail {
    margin: 15px 0 0 0;
  }
  .header_listPC_detail li.tel {
    margin: 0 1em 0 0;
  }
}

.navi {
  display: none;
}

@media screen and (min-width: 750px) {
  .navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 8px;
  }
  .navi > li {
    font-size: 17px;
    font-weight: bold;
    width: 190px;
    text-align: center;
    color: #008f51;
    padding-bottom: 10px;
    cursor: pointer;
  }
  .navi > li span {
    font-size: 15px;
    margin-left: 4px;
  }
  .navi > li:hover ul {
    visibility: visible;
    opacity: 1;
  }
  .navi > li ul {
    color: #008f51;
    width: 225px;
    padding: 10px 10px 0;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    position: absolute;
    top: 143px;
    text-align: left;
    font-size: 16px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .navi > li ul:before {
    position: absolute;
    right: 150px;
    top: -30px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
    border-color: transparent transparent #fff transparent;
  }
  .navi > li ul > li {
    padding-bottom: 10px;
  }
  .navi > li > a {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    padding-bottom: 12px;
  }
  .navi > li > a:hover {
    -webkit-box-shadow: 0 -2px 0 0 #008f51 inset;
            box-shadow: 0 -2px 0 0 #008f51 inset;
  }
}

@media screen and (min-width: 750px) {
  .navi_active {
    border-bottom: solid 1px #008f51;
    padding-bottom: 5px;
  }
}

.iconMenu {
  margin: 0 15px 0 8px;
  color: #3e3e3e;
}

.iconTell {
  margin: 0 15px;
  color: #008f51;
}

@media screen and (min-width: 750px) {
  .iconTell {
    margin: 0 3px 0 0;
  }
}

/*
モーダル
------------------------------------------------------------
*/
#mask {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

#modal_tel {
  font-size: 18px;
  background: #fff;
  color: #000;
  width: 300px;
  position: fixed;
  top: 100px;
  right: 0;
  left: 0;
  margin: 30px auto;
  border-radius: 5px;
  padding: 30px 20px;
  text-align: center;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#modal_tel .modal_tel_ti {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 30px;
}

#modal_tel .modal_tel_ti span {
  background: url(../image/title_line.png) no-repeat bottom;
  padding: 0 5px 15px;
}

#modal_tel .modal_tel_office {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0;
}

#modal_tel .modal_tel_office span {
  padding: 0 0 0 24px;
}

#modal_tel .modal_tel_office span.japan {
  background: url(../image/icon_flag_japan.svg) no-repeat left/20px;
}

#modal_tel .modal_tel_number {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.6;
}

#modal_tel .modal_tel_time {
  font-size: 12px;
  color: #666;
  line-height: 1.6;
}

#modal_tel .button_close2 {
  font-size: 1.8em;
  line-height: 1;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}

#modal_tel.modal_hidden {
  -webkit-transform: translate(0, -600px);
          transform: translate(0, -600px);
}

#mask.modal_hidden {
  display: none;
}

#modal_mail {
  font-size: 18px;
  background: #fff;
  color: #000;
  width: 300px;
  position: fixed;
  top: 10%;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  z-index: 2;
}

#modal_mail_ti {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}

#modal_mail_ti span {
  background: url(../image/title_line.png) no-repeat bottom;
  padding: 0 5px 15px;
}

#modal_mail.modal_hidden {
  display: none;
}

.mail_list {
  margin: 40px 0 0 0;
}

.mail_list li {
  margin: 0 0 15px;
}

.mail_list li a {
  display: block;
  background: #006648;
  color: #fff;
  font-weight: bold;
  padding: 15px 10px;
  border-radius: 5px;
}

/*
フッター
------------------------------------------------------------
*/
footer {
  text-align: center;
}

.grey {
  background-color: #f0efed;
}

.bra {
  background-color: #262626;
}

.footer_logoSns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 750px) {
  .footer_logoSns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
  }
}

.footer_logoSns_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 20px;
  margin: 0 !important;
}

@media screen and (min-width: 750px) {
  .footer_logoSns_detail {
    padding: 20px 0;
  }
}

.footer_logoSns_detail li {
  color: #008f51;
  margin: 0 5px;
}

.footerTi {
  font-size: 22px;
  font-weight: bold;
  margin: 22px 0 0;
}

@media screen and (min-width: 750px) {
  .footerTi {
    font-size: 32px;
  }
}

.footerContact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 750px) {
  .footerContact {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.footerContact li {
  margin-bottom: 0;
}

@media screen and (min-width: 750px) {
  .footerContact li {
    margin-bottom: 0;
  }
}

.footerContact dt {
  font-size: 18px;
  font-weight: bold;
  margin: 28px 0 22px;
}

.footerContact img {
  margin-bottom: 30px;
}

.officeDtail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 17px;
}

.officeDtail li {
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .officeDtail li {
    width: 200px;
  }
}

.officeDtail p {
  margin: 0 0 1em;
}

@media screen and (min-width: 750px) {
  .officeDtail p {
    margin: 0;
  }
}

@media screen and (min-width: 750px) {
  .footerDesc {
    height: 80px;
  }
}

.footerDesc p {
  font-weight: bold;
  font-size: 14px;
}

.footerDesc span {
  font-weight: 500;
  font-size: 12px;
}

.btn_footer a {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(70%, #008f51), to(#0ea764));
  background-image: linear-gradient(to right, #008f51 70%, #0ea764);
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
  text-align: center;
  padding: 10px 30px;
  border-radius: 50px;
  display: inline-block;
}

@media screen and (min-width: 750px) {
  .btn_footer a:hover {
    opacity: 0.8;
  }
}

.footer_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 30px;
}

@media screen and (min-width: 750px) {
  .footer_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 0;
  }
}

.footer_list li {
  text-align: left;
}

.footer_list li:last-child ul {
  margin: 0;
}

.footer_list li ul {
  margin: 0 0 2em;
}

@media screen and (min-width: 750px) {
  .footer_list li ul {
    margin: 0;
  }
}

.footer_list li ul li {
  margin: 0 0 0.3em;
}

@media screen and (min-width: 750px) {
  .footer_list li ul li {
    margin: 0 0 0.1em;
  }
}

.footer_list p {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 0.8em;
}

.footer_list a {
  color: #f0efed;
  font-size: 14px;
}

.contact_following {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 7px;
  background: rgba(0, 0, 0, 0.7);
}

@media screen and (min-width: 750px) {
  .contact_following {
    display: none;
  }
}

.contact_following-btn {
  background-color: #008f51;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
}

.contact_following-btn a {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.contact_following-btn span {
  color: #008f51;
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 20px;
}

.copy {
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-top: 1px solid #fff;
  padding: 13px 13px 70px;
  background: #000;
}

@media screen and (min-width: 750px) {
  .copy {
    padding: 13px;
  }
}

/*
固定ページ用　フッター
------------------------------------------------------------
*/
.footer_static_wrap {
  background-color: #edf2ed;
  padding: 80px 0 36px;
}

@media screen and (min-width: 750px) {
  .footer_static_wrap {
    padding: 60px 0 40px;
  }
}

.footer_static > li {
  widows: 100%;
}

.footer_static > li:first-child {
  padding: 0 15px;
}

@media screen and (min-width: 750px) {
  .footer_static > li {
    padding: 0;
  }
}

.footer_static > li > p {
  text-align: center;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 36px;
  color: #7f7f7f;
  line-height: 1;
  margin-bottom: 10px;
}

.footer_static > li > span {
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}

@media screen and (min-width: 750px) {
  .footer_static > li > span {
    margin-bottom: 75px;
  }
}

@media screen and (min-width: 750px) {
  .footer_static li:first-child {
    width: 350px;
  }
  .footer_static li:last-child {
    width: 620px;
  }
}

.footer_static i {
  color: #008751;
  font-size: 57px;
}

@media screen and (min-width: 750px) {
  .footer_static {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer_tel,
.footer_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 53px;
}

.footer_tel p,
.footer_line p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 7px;
}

.footer_tel p span,
.footer_line p span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 11px;
}

.footer_tel span.icon,
.footer_line span.icon {
  display: block;
  text-align: center;
  color: #008751;
  padding-top: 10px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 15px;
}

@media screen and (min-width: 750px) {
  .footer_tel,
  .footer_line {
    margin-bottom: 40px;
  }
}

.footer_tel li:first-child,
.footer_line li:first-child {
  width: 51px;
  margin-right: 20px;
}

.footer_tel li:last-child,
.footer_line li:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.map li {
  width: 317px !important;
  margin: 0 auto 35px;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .map li {
    text-align: left;
  }
}

.map li p.address {
  text-align: left;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-weight: bold;
  color: #7f7f7f;
  margin-bottom: 12px;
}

.map li p.address span {
  color: #000;
}

@media screen and (min-width: 750px) {
  .map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .map li {
    width: 300px !important;
  }
  .map li:nth-child(2) {
    margin-bottom: 30px;
  }
}

/*
トップページ
------------------------------------------------------------
*/
.purpose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 18px;
}

@media screen and (min-width: 750px) {
  .purpose {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 25px;
  }
}

.purpose > li {
  text-align: center;
  margin: 0 0 3em;
}

@media screen and (min-width: 750px) {
  .purpose > li {
    width: 21%;
    margin: 0 2% 20px;
  }
}

.purpose > li h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.purpose > li img {
  margin: 0 0 10px;
  width: 320px;
}

@media screen and (min-width: 750px) {
  .purpose > li img {
    width: 270px;
  }
}

.purpose > li p {
  margin: 0 0 1em;
}

.btn_purpose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0;
}

@media screen and (min-width: 750px) {
  .btn_purpose {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.btn_purpose li a {
  font-weight: bold;
  display: block;
  text-align: center;
  border-radius: 20px;
  padding: 10px;
  width: 120px;
  margin: 0 15px;
  -webkit-box-shadow: 0 5px 5px rgba(114, 114, 114, 0.4);
          box-shadow: 0 5px 5px rgba(114, 114, 114, 0.4);
}

@media screen and (min-width: 750px) {
  .btn_purpose li a {
    font-size: 12px;
    width: 80%;
    margin: 0 auto 15px;
  }
  .btn_purpose li a:hover {
    opacity: 0.8;
  }
}

.purpose_box {
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .purpose_box {
    width: 950px;
  }
}

.city_list_detail {
  margin: 12px 12px 30px;
  color: #fff;
}

.city_list_detail_01 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/3bb40b05-sydney-column.jpg) no-repeat center/cover;
}

.city_list_detail_02 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/764e20c7-melbourne-column.jpg) no-repeat center/cover;
}

.city_list_detail_03 {
  background: url(https://storage.googleapis.com/staging-aus-wp/3404b91a-brisbane.jpg) no-repeat center/cover;
}

.city_list_detail_04 {
  background: url(../image/city04.jpg) no-repeat center/cover;
}

.city_list_detail_05 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/47f65294-goldcoast.jpg) no-repeat center/cover;
}

.city_list_detail_06 {
  background: url(https://storage.googleapis.com/staging-aus-wp/85c393f0-perth.jpg) no-repeat center/cover;
}

.city_list_detail_07 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/12d60146-adelaide.jpg) no-repeat center/cover;
}

.city_list_detail_08 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/0f00eddc-canbe.jpg) no-repeat center/cover;
}

.city_list_detail_09 {
  background: url(../image/city09.jpg) no-repeat center/cover;
}

.city_list_detail_10 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/c4ffd17f-tasmania_photogallery_05.jpg) no-repeat center/cover;
}

@media screen and (min-width: 750px) {
  .city_list_detail {
    display: none;
  }
}

.city_list_detail > li {
  padding: 24px 20px 12px;
  margin-bottom: 12px;
  position: relative;
}

.city_list_detail > li::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
}

.city_list_detail h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.city_list_detail p {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 18px;
  position: relative;
}

.whi {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  position: relative;
}

.useful {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
  margin-bottom: 24px;
}

@media screen and (min-width: 750px) {
  .useful {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 44px;
  }
}

.useful li {
  margin: 0 12px 20px;
}

@media screen and (min-width: 750px) {
  .useful li {
    margin: 0;
  }
}

.useful_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .useful_detail {
    width: 280px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.useful_detail dt {
  width: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  margin: 0;
  position: relative;
}

.useful_detail dt.ba1 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/e16bde13-top-basic.jpg) center/cover;
  height: 119px;
  width: 117px;
  border-radius: 10px 0 0 10px;
}

@media screen and (min-width: 750px) {
  .useful_detail dt.ba1 {
    width: 280px;
    height: 156.8px;
    border-radius: 10px 10px 0 0;
  }
}

.useful_detail dt.ba2 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/8ecd208a-top-area.jpg) center/cover;
  height: 119px;
  width: 117px;
  border-radius: 10px 0 0 10px;
}

@media screen and (min-width: 750px) {
  .useful_detail dt.ba2 {
    width: 280px;
    height: 156.8px;
    border-radius: 10px 10px 0 0;
  }
}

.useful_detail dt.ba3 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/ab213035-top-visa.jpg) center/cover;
  height: 119px;
  width: 117px;
  border-radius: 10px 0 0 10px;
}

@media screen and (min-width: 750px) {
  .useful_detail dt.ba3 {
    width: 280px;
    height: 156.8px;
    border-radius: 10px 10px 0 0;
  }
}

.useful_detail dt.ba4 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/46b01993-top-life.jpg) center/cover;
  height: 119px;
  width: 117px;
  border-radius: 10px 0 0 10px;
}

@media screen and (min-width: 750px) {
  .useful_detail dt.ba4 {
    width: 280px;
    height: 156.8px;
    border-radius: 10px 10px 0 0;
  }
}

.useful_detail dt::before {
  content: "";
  display: block;
  padding: 56% 0 0;
}

@media screen and (min-width: 750px) {
  .useful_detail dt {
    width: 100%;
  }
}

.useful_detail dd {
  background-color: #f0efed;
  width: calc(100% - 117px);
  padding: 12px;
}

@media screen and (min-width: 750px) {
  .useful_detail dd {
    width: 100%;
  }
}

.useful_detail dd h2 {
  font-weight: bold;
  margin: 0 0 0.3em;
}

.useful_detail dd p {
  font-size: 12px;
}

.seminar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 750px) {
  .seminar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 750px) {
  .seminar > li {
    width: 30%;
  }
}

.seminar_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px grey dotted;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0;
}

.seminar_detail > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seminar_detail p {
  font-weight: bold;
  margin-right: 20px;
  width: 160px;
}

@media screen and (min-width: 750px) {
  .seminar_detail p {
    width: 160px;
  }
}

.deleteBo {
  border-bottom: none;
  margin-bottom: 50px;
}

@media screen and (min-width: 750px) {
  .deleteBo {
    margin: 0 auto;
  }
}

.seminar_area {
  font-size: 18px;
  font-weight: bold;
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;
  text-align: center;
  border-radius: 50%;
  line-height: 100px;
  -webkit-box-shadow: 0 13px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 13px 10px rgba(145, 145, 145, 0.35);
}

.seminar_detail_date {
  font-size: 14px;
  margin: 0;
}

/*.news {
  display: flex;
  flex-direction: column;
  margin: 0 auto 50px;
  &.noFlex {
    @include mq-up(md){
      display: block;
      li {
        padding-top: 30px;
        .news_detail p {
          width: 800px;
        }
      }
      li + li {
        border-top: 1px dotted #008751;
      }
    }
  }
  li {
    position: relative;
    .pickupMark {
      position: absolute;
      top: 0;
      right: 0;
      color: #fff;
      background-color: red;
      border-radius: 4px;
      padding: 2px 8px;
      font-family: $fontF_alata;
      font-size: 14;
      font-weight: bold;
      box-shadow: 0 13px 10px rgba(145, 145, 145, 0.45);
      @include mq-up(md){
        right: 780px;
        top: 30px;
      }
    }
  }
  @include mq-up(md){
    flex-direction: row;
    flex-wrap: wrap;
    width: 1100px;
    margin: 0 auto 50px;
    li {
      &:nth-child(3){
        order: 1;
      }
    }
  }
}*/
.news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 50px;
}

@media screen and (min-width: 750px) {
  .news {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1100px;
    margin: 0 auto 50px;
  }
}

.news li:nth-child(even) dt {
  background: #f2e436;
}

@media screen and (min-width: 750px) {
  .news li {
    width: 50%;
  }
  .news li:nth-child(4n+1) dt,
  .news li:nth-child(4n+4) dt {
    background: #efc618;
  }
  .news li:nth-child(4n+2) dt,
  .news li:nth-child(4n+3) dt {
    background: #f2e436;
  }
}

.news_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

.news_detail h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 14px;
}

.news_detail dt {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 72px;
  height: 110px;
  border-radius: 5px;
  margin: 0 17px 0 10px;
  text-align: center;
  -webkit-box-shadow: 0 13px 10px rgba(145, 145, 145, 0.45);
          box-shadow: 0 13px 10px rgba(145, 145, 145, 0.45);
  padding-top: 20px;
  background: #efc618;
}

@media screen and (min-width: 750px) {
  .news_detail dt {
    margin: 0 17px 0 30px;
    padding-right: 0;
  }
}

.news_detail dd {
  width: calc(100% - 72px);
  padding: 0 16px 0 0;
}

.news_detail p {
  font-size: 14px;
  margin-bottom: 7px;
}

@media screen and (min-width: 750px) {
  .news_detail p {
    width: 415px;
  }
}

.news_date {
  font-size: 36px;
  line-height: 1;
}

.news_week {
  display: block;
  font-size: 24px;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .news_week {
    display: block;
  }
}

.detail_more {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 12px 40px;
}

@media screen and (min-width: 750px) {
  .about {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.about li {
  margin: 0 0 2em;
}

@media screen and (min-width: 750px) {
  .about li {
    width: 24%;
    margin: 0;
  }
}

.about_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about_detail dt {
  margin-right: 16px;
}

.about_detail dt img {
  width: 144px;
}

.about_detail h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.about_detail dd p {
  font-size: 14px;
}

.columnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  overflow-x: scroll;
  padding: 15px 0 10px;
}

@media screen and (min-width: 750px) {
  .columnBox {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    overflow: hidden;
    padding: 35px 0 0;
  }
}

.columnBox li {
  margin: 0 10px 0 30px;
  min-width: 230px;
}

@media screen and (min-width: 750px) {
  .columnBox li {
    width: 30%;
    margin: 0 50px;
  }
}

.columnBox li a {
  display: block;
}

.columnBox p {
  padding: 1em 0 0;
}

@media screen and (min-width: 750px) {
  .columnBox p {
    padding: 1em 18px 0 18px;
  }
}

.columnBoxTi {
  font-weight: bold;
  padding: 1em 0 0;
}

@media screen and (min-width: 750px) {
  .columnBoxTi {
    padding: 20px 18px 0 18px;
  }
}

.columnBox_detail {
  text-align: center;
  position: relative;
}

.columnBox_detail p {
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  text-align: left;
  padding: 10px;
  border-top: 1px solid #eee;
  border-radius: 0 0 10px 10px;
}

@media screen and (min-width: 750px) {
  .columnBox_detail p {
    padding: 16px;
  }
}

.columnBox_detail_img {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}

.columnBox_detail_img::before {
  content: "";
  display: block;
  padding: 66% 0 0;
}

.columnBox_detail_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.columnBox_detail li p {
  padding: 18px 18px 12px;
  font-size: 13px;
}

.more {
  font-size: 13px;
  font-weight: bold;
}

.Mark, .newMark, .dateMark {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  position: absolute;
  z-index: 1;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.newMark {
  font-size: 15px;
  line-height: 50px;
  width: 50px;
  top: -15px;
  left: -15px;
  background-color: #f2e436;
  border-radius: 50%;
}

@media screen and (min-width: 750px) {
  .newMark {
    font-size: 21px;
    line-height: 70px;
    width: 70px;
    top: -35px;
    left: -35px;
  }
}

.dateMark {
  width: 50px;
  height: 80px;
  bottom: -10px;
  right: -15px;
  background-color: #efc618;
  border-radius: 7px;
  padding-top: 13px;
}

@media screen and (min-width: 750px) {
  .dateMark {
    width: 70px;
    height: 100px;
    top: 40px;
    right: -50px;
  }
}

.column_date {
  font-size: 28px;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .column_date {
    font-size: 36px;
  }
}

.column_week {
  display: block;
  font-size: 18px;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .column_week {
    font-size: 24px;
  }
}

/*
トップページ　スライダー
------------------------------------------------------------
*/
.mainImg {
  position: relative;
}

.main_slider {
  width: 100%;
  opacity: 0;
  -webkit-transform: 0.3;
          transform: 0.3;
}

.main_slider.slick-initialized {
  opacity: 1;
  height: auto;
}

.main_slider .slick-prev,
.main_slider .slick-next {
  z-index: 10;
}

.main_slider_img {
  position: relative;
  z-index: 0;
}

@media screen and (min-width: 750px) {
  .main_slider_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
  }
}

@media screen and (min-width: 750px) {
  .slick-current::after {
    background: transparent;
    opacity: 0;
    z-index: -1;
  }
}

.sliderInner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 1280px;
}

.main_slider_nav {
  display: none;
}

@media screen and (min-width: 750px) {
  .main_slider_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: wrap row;
            flex-flow: wrap row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 0;
    width: 300px;
    height: 380px;
    padding: 30px;
  }
}

@media screen and (min-width: 750px) {
  .main_slider_nav_img {
    margin-bottom: 10px;
    cursor: pointer;
  }
}

/*
学校ページ
------------------------------------------------------------
*/
.schoolCity_list {
  background-color: #f4eeeb;
  padding: 20px 0 12px;
}

@media screen and (min-width: 750px) {
  .schoolCity_list {
    display: none;
  }
}

.schoolCity_list_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

.schoolCity_list_detail li {
  width: 25%;
  text-align: center;
}

.schoolCity_list_detail img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.schoolCity_list_detail p {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 5px 0 15px;
}

.schoolInfo_ttl {
  background-color: #f7dc6b;
}

.schoolInfo_ttl span {
  font-size: 30px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 14px 0 10px;
  line-height: 1;
}

span.schoolInfo_ttl_ja {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 9px 0 14px;
  line-height: 1;
  color: #563926;
}

.school_ttl {
  background-color: #008751;
  font-size: 18px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  padding: 1em;
  line-height: 1.4;
  margin-bottom: 22px;
}

@media screen and (min-width: 750px) {
  .school_ttl {
    font-size: 28px;
  }
}

.school_ttl span {
  font-size: 14px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  display: block;
  color: #f7dc6b;
  border-top: 1px solid #fff;
  line-height: 1.2;
  padding: 9px 0 0;
  margin-top: 12px;
}

@media screen and (min-width: 750px) {
  .school_ttl span {
    font-size: 16px;
  }
}

@media screen and (min-width: 750px) {
  .schoolInfo_pc {
    margin-bottom: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 750px) {
  .schoolInfo_pc_right {
    width: 55%;
    margin: 0 16px 0 0;
  }
}

.school_img {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  height: 240px;
}

@media screen and (min-width: 750px) {
  .school_img {
    width: 45%;
    margin: 0 28px 0 16px;
    height: auto;
  }
}

.school_cat {
  padding: 6px 14px;
  position: absolute;
  right: 12px;
  top: 10px;
  background-color: rgba(255, 253, 243, 0.6);
  border-radius: 15px;
}

@media screen and (min-width: 750px) {
  .school_cat {
    top: 16px;
    right: 16px;
  }
}

.school_cat span {
  display: block;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  color: #004736;
  line-height: 1;
}

.study_cat_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin: 0 0 13px;
}

.study_cat_btn a {
  display: block;
  border-radius: 20px;
  padding: 8px 12px;
  font-size: 14px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  color: #fff;
  margin: 0 5px 10px;
  -webkit-box-shadow: 0 5px 5px rgba(145, 145, 145, 0.35);
          box-shadow: 0 5px 5px rgba(145, 145, 145, 0.35);
}

@media screen and (min-width: 750px) {
  .study_cat_btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin: 0 0 45px 9px;
  }
}

.school_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-bottom: 14px;
}

.school_data > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0;
}

.school_data > li:first-child {
  border-top: 1px solid #97b798;
}

.school_data > li:not(:first-child) {
  border-top: 1px dotted #97b798;
}

.school_data_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.school_data_details li:first-child {
  width: 120px;
  font-weight: bold;
  font-size: 17px;
  padding-left: 12px;
}

.school_data_details li:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: normal;
  text-align: center;
}

.school_data_details .btn_one {
  margin: 5px 0;
}

.school_data_details .btn_one a {
  font-size: 15px;
  padding: 0.5em 1em;
}

.school_point_box {
  margin-bottom: 30px;
}

@media screen and (min-width: 750px) {
  .school_point_box {
    margin-bottom: 0;
  }
}

.school_point_box > p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  background-color: #aed1ae;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding: 18px 0;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.school_point_box > p span {
  color: #008751;
  font-size: 20px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin-right: 10px;
}

.school_point_box > p.point {
  background-color: #008751;
  text-align: left;
  padding-left: 20px;
}

.school_point_box > p.point span {
  color: #fff;
  font-size: 22px;
}

.school_point_list {
  padding: 18px 0 12px;
  background-color: #f5fff3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.school_point_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.school_point_list li p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #008751;
  padding: 15px 0 15px 27px;
  border-bottom: 1px dotted #97b798;
  width: 88%;
}

.school_point_list li:last-child p {
  border: none;
}

.point_circle {
  padding: 6px;
  background-color: #e1f4e9;
  border-radius: 50%;
  margin-left: 16px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 22px;
  color: #008751;
  text-align: center;
  line-height: 1;
}

.point_circle span {
  font-size: 12px;
  display: block;
  padding-top: 7px;
}

.campaign {
  max-width: 1100px;
  margin: 0 auto 30px;
}

.campaign li:nth-child(odd) .camLeft {
  background: #efc618;
}

.campaign li:nth-child(even) .camLeft {
  background: #f2e436;
}

.camDropList dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
  cursor: pointer;
}

.camDropList dt.active span i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
}

.camDropList dt .camLeft {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 62px;
  height: 62px;
  line-height: 62px;
  border-radius: 50px;
  margin: 0 0 0 16px;
  text-align: center;
  -webkit-box-shadow: 0 13px 10px rgba(145, 145, 145, 0.45);
          box-shadow: 0 13px 10px rgba(145, 145, 145, 0.45);
}

@media screen and (min-width: 750px) {
  .camDropList dt .camLeft {
    margin: 0 17px 0 30px;
    padding-right: 0;
  }
}

.camDropList dt .camRight {
  width: calc(100% - 72px);
  padding-left: 20px;
}

.camDropList dt p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}

.camDropList dd {
  background-color: #fffdf3;
  border: 1px solid #f4e556;
  padding: 30px;
  margin-bottom: 30px;
}

.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #006648;
}

.tab li {
  cursor: pointer;
  border-bottom: 1px solid transparent;
  color: #006346;
  width: 25%;
  margin-right: 8px;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#006648), to(#019966));
  background-image: linear-gradient(to right, #006648, #019966);
}

.tab li p {
  font-size: 12px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 5px;
}

@media screen and (min-width: 750px) {
  .tab li p {
    font-size: 16px;
  }
}

.tab li i {
  display: block;
  color: #fff;
  padding: 10px 0 6px;
}

@media screen and (min-width: 750px) {
  .tab li i {
    padding: 10px 0;
  }
}

.tab li.active {
  border-bottom: #fff 1px solid;
  background-color: #fff;
  background-image: none;
  color: #006648;
  border-top: 1px solid #006648;
  border-left: 1px solid #006648;
  border-right: 1px solid #006648;
  margin-bottom: -1px;
}

.tab li.active i {
  color: #006648;
}

.tab.support {
  margin-top: 20px;
  border-bottom: 1px solid #006648;
  padding: 0 14px;
}

@media screen and (min-width: 750px) {
  .tab.support {
    margin-top: 36px;
    padding: 0;
  }
}

.tab.support li {
  font-size: 18px;
  font-weight: bold;
  padding: 12px 0;
  border-top: 1px solid #006648;
  border-left: 1px solid #006648;
  border-right: 1px solid #006648;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  width: 33%;
  line-height: 1.4;
  background: #f2f9f5;
  color: #008751;
}

.tab.support li span {
  display: block;
}

@media screen and (min-width: 750px) {
  .tab.support li {
    width: 300px;
    padding: 21px 0;
    background: #f2f9f5;
    color: #008751;
  }
  .tab.support li span {
    display: inline-block;
  }
}

.tab.support li.active {
  background-image: -webkit-gradient(linear, left top, right top, from(#006648), to(#019966));
  background-image: linear-gradient(to right, #006648, #019966);
  color: #fff;
}

@media screen and (min-width: 750px) {
  .tab.support li:first-child {
    margin-left: 30px;
  }
}

.tab.support li + li {
  margin-left: 10px;
}

.panel {
  display: none;
}

.panel.show {
  display: block;
}

.panel > li {
  margin: 0 0 3em;
}

@media screen and (min-width: 750px) {
  .panel > li {
    margin: 0 0 5em;
  }
}

.school_note {
  font-size: 0.9em;
  text-align: center;
}

.sc_movie {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 750px) {
  .sc_movie {
    width: 520px;
  }
}

.sc_movie::before {
  content: "";
  display: block;
  padding: 56% 0 0;
}

.sc_movie > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.school_desc {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 12px;
}

@media screen and (min-width: 750px) {
  .school_desc {
    font-size: 16px;
    margin: 0 16px;
  }
}

.schoolInfo_data {
  margin: 34px 0 20px;
  background-color: #fffdf3;
}

.schoolInfo_data p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 18px;
  font-weight: bold;
  background-color: #f4e556;
  line-height: 2.5;
  text-align: center;
}

.schoolInfo_data p span {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 20px;
  color: #75610e;
  padding-right: 8px;
}

.schoolInfo_data table {
  width: 100%;
}

.schoolInfo_data table th {
  font-size: 14px;
  font-weight: bold;
  width: 50%;
  padding: 13px;
  border-bottom: 1px dotted #b5ad9c;
}

@media screen and (min-width: 750px) {
  .schoolInfo_data table th {
    width: 210px;
    font-size: 16px;
    padding: 16px;
  }
}

.schoolInfo_data table td {
  font-size: 14px;
  line-height: 1.4;
  padding: 13px;
  border-bottom: 1px dotted #b5ad9c;
}

@media screen and (min-width: 750px) {
  .schoolInfo_data table td {
    font-size: 16px;
    padding: 16px 0;
  }
}

.schoolInfo_data table td ul {
  margin: 0;
}

.schoolInfo_data table td ul li {
  margin: 0 0 0.5em;
}

.schoolInfo_data table td ul li:last-child {
  margin: 0;
}

.schoolMap {
  text-align: center;
  padding: 20px 0;
}

.schoolMap iframe {
  width: 90%;
  height: 150px;
}

@media screen and (min-width: 750px) {
  .schoolMap iframe {
    height: 250px;
  }
}

.schoolReview_btn {
  background-color: #fffdf3;
  margin: 0 auto;
  padding-bottom: 20px;
  min-width: 90%;
  text-align: center;
}

.schoolReview_btn a {
  background-color: #ffffff;
  display: inline-block;
  padding: 8px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px #bfbfb0 solid;
}

.schoolReview_btn a span {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  margin-right: 20px;
  max-width: 150px;
  vertical-align: middle;
}

.schoolReview_btn a img {
  vertical-align: middle;
}

@media screen and (min-width: 750px) {
  .schoolReview_btn a {
    padding: 16px 30px;
  }
  .schoolReview_btn a span {
    font-size: 16px;
    max-width: 600px;
  }
}

.visiter {
  margin: 20px 0;
  background-color: #f5fff3;
}

.visiter h3 {
  padding: 20px 0 16px;
}

.visiter p {
  background-color: #f5fff3;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.7;
  padding: 0 16px 26px;
}

.school_experience {
  background-color: #f7f6f5;
  margin-bottom: 24px;
}

.school_experience h3 {
  padding: 30px 0 0 0;
}

.otherSchools {
  margin: 15px;
}

.otherSchools li {
  margin: 5px;
}

.otherSchools li img {
  width: 100%;
}

.otherSchools li p.en {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.1;
  padding: 7px 0;
  border-bottom: 1px solid #003333;
}

.otherSchools li p.ja {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.16;
  padding: 8px 0;
}

@media screen and (min-width: 750px) {
  .otherSchools {
    width: 1032px;
    margin: 0 auto 30px;
  }
  .otherSchools li {
    margin: 12px;
  }
}

.otherSchools_img {
  position: relative;
}

.otherSchools_img::before {
  content: "";
  display: block;
  padding: 67% 0 0;
}

.otherSchools_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

h3.schoolTi {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #008751;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  h3.schoolTi {
    margin-left: 16px;
    text-align: left;
  }
}

.photoR_list {
  text-align: center;
  margin-bottom: 20px;
}

.photoR_list img {
  width: 100%;
}

.photoR_list p {
  text-align: left;
  margin-top: 12px;
}

@media screen and (min-width: 750px) {
  .photoR_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .photoR_list img {
    width: 520px;
    margin: 0 16px 0 28px;
  }
  .photoR_list .school_desc {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.photoL_list {
  text-align: center;
  margin-bottom: 20px;
}

.photoL_list img {
  width: 100%;
}

.photoL_list p {
  text-align: left;
  margin-top: 12px;
}

@media screen and (min-width: 750px) {
  .photoL_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .photoL_list img {
    width: 520px;
    margin: 0 28px 0 16px;
  }
  .photoL_list .school_desc {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.alignleft {
  padding: 0 0 10px;
}

@media screen and (min-width: 750px) {
  .alignleft {
    float: left;
    padding: 0 16px 16px 0;
  }
}

.alignright {
  padding: 0 0 10px;
}

@media screen and (min-width: 750px) {
  .alignright {
    float: right;
    padding: 0 0 16px 16px;
  }
}

.aligncenter {
  display: block;
  margin: 0 auto 16px;
}

.school_data_pc {
  display: none;
}

@media screen and (min-width: 750px) {
  .school_data_pc {
    display: inherit;
    margin-bottom: 30px;
  }
  .school_data_pc tbody {
    width: 100%;
  }
  .school_data_pc th {
    border-top: 1px solid #97b798;
    border-bottom: 1px dotted #97b798;
    width: 167.7px;
    text-align: center;
    padding: 1em;
    font-weight: bold;
  }
  .school_data_pc td {
    text-align: center;
    border-bottom: 1px solid #97b798;
    padding: 1em;
    font-weight: normal;
  }
  .school_data_pc .btn_one {
    margin: 5px 0;
  }
  .school_data_pc .btn_one a {
    font-size: 15px;
    padding: 0.5em 1em;
  }
}

#arrows_main {
  margin: auto;
  z-index: 1;
}

#arrows_main .slick-prev,
#arrows_main .slick-next {
  height: 29px;
  width: 16px;
}

@media screen and (min-width: 750px) {
  #arrows_main .slick-prev,
  #arrows_main .slick-next {
    height: 53px;
    width: 28px;
  }
}

#arrows_main .slick-prev {
  left: -5px;
}

@media screen and (min-width: 750px) {
  #arrows_main .slick-prev {
    left: 25px;
  }
}

#arrows_main .slick-next {
  right: -5px;
}

@media screen and (min-width: 750px) {
  #arrows_main .slick-next {
    right: 25px;
  }
}

@media screen and (min-width: 750px) {
  #arrows_main {
    max-width: 1190px;
    margin: 0 auto;
  }
}

.otherSchool_slider {
  position: relative;
}

/*
共通
------------------------------------------------------------
*/
.fit {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

.fit_c {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: contain; object-position: center;";
}

.txt_center {
  text-align: center;
  margin: 0 0 2em;
}

.scroll {
  overflow-x: scroll;
  margin: 0 0 30px;
}

.scroll table {
  margin: 0;
}

.scroll .scroll-hint-icon {
  top: 2em;
  height: auto;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.scroll::-webkit-scrollbar {
  height: 5px;
}

.scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.table_color {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.table_color th {
  padding: 0.8em 0.5em;
  line-height: 1.5;
  border: #3e3e3e 1px solid;
  font-weight: 600;
  min-width: 150px;
}

.table_color.gre th {
  background-color: #f2f9f5;
}

.table_color.ye th {
  background-color: #fffbeb;
}

.table_color.eme th {
  background-color: #d0f7e0;
  width: 250px;
  text-align: left;
  padding-left: 24px;
}

.table_color.eme td {
  background-color: #f2f2f2;
  text-align: left;
  padding-left: 24px;
}

.table_color td {
  border: 1px solid #3e3e3e;
  min-width: 150px;
  padding: 0.8em 0.5em;
}

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

.gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -3% 0 0;
  margin-bottom: 30px;
}

.gallery li {
  width: 47%;
  margin: 0 3% 3% 0;
  text-align: center;
}

.gallery_img {
  position: relative;
}

.gallery_img::before {
  content: "";
  display: block;
  padding: 66% 0 0;
}

.gallery_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery p {
  margin-top: 10px;
}

@media screen and (min-width: 750px) {
  .gallery li {
    width: 22%;
  }
  .gallery li img {
    display: inline-block;
    width: 100%;
  }
}

.ttl_wrap {
  padding: 1em 0.5em;
  background: #f7dc6b;
}

@media screen and (min-width: 750px) {
  .ttl_wrap {
    padding: 2em 0.5em;
  }
}

.main_ttl {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .main_ttl {
    font-size: 1.8em;
  }
}

.main_ttl span {
  display: block;
  font-size: 0.5em;
}

.blueTi {
  color: #004793;
  font-weight: bold;
}

.greenTi {
  color: #008751;
  font-weight: bold;
}

.external {
  text-decoration: underline;
  word-break: break-all;
  color: blue;
}

.external::after {
  color: blue;
  content: "\f35d";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.internal {
  text-decoration: underline;
  word-break: break-all;
  color: blue;
}

.internal::after {
  color: blue;
  content: "\f0c1";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}

.asset_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding: 10px 56px 10px 30px;
  margin: 0 0 1em;
}

.asset_ttl.green {
  background: url(../image/southern.png) no-repeat center left 8px/15px, url(../image/southern_many.png) center right 5px/60px no-repeat #008751;
  color: #fff;
}

.asset_ttl.white {
  background: url(../image/asset_gre.png) no-repeat center left 8px/15px, url(../image/southern_many.png) center right 5px/60px no-repeat #fff;
  color: #008751;
  border: #008751 1px solid;
}

.asset_ttl.new {
  background: url(../image/asset_new.png) center right 8px/60px no-repeat #fff;
  color: #008751;
  border-bottom: #008751 2px solid;
}

.asset_ttl img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

@media screen and (min-width: 750px) {
  .asset_ttl {
    margin: 0 0 1em;
    font-size: 20px;
    padding: 10px 56px 10px 40px;
  }
  .asset_ttl.green {
    background: url(../image/southern.png) no-repeat center left 10px/20px, url(../image/southern_many.png) center right 15px/100px no-repeat #008751;
    color: #fff;
  }
  .asset_ttl.white {
    background: url(../image/asset_gre.png) no-repeat center left 10px/20px, url(../image/southern_many.png) center right 15px/100px no-repeat #fff;
    color: #008751;
    border: #008751 1px solid;
  }
  .asset_ttl.new {
    background: url(../image/asset_new.png) center right 15px/100px no-repeat #fff;
    color: #008751;
    border-bottom: #008751 2px solid;
  }
}

.line_ttl {
  background: url(../image/southern_many.png) center right 5px/60px no-repeat #e9f2ed;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  padding: 10px 54px 10px 20px;
  color: #008751;
  margin: 0 0 1em;
}

.line_ttl:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  background-color: #008751;
  width: 5.5px;
  height: calc(100% - 12px);
}

@media screen and (min-width: 750px) {
  .line_ttl {
    background: url(../image/southern_many.png) center right 15px/100px no-repeat #e9f2ed;
  }
}

.under_ttl {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  background: url(../image/asset.png) no-repeat left 10px center/10px #008751;
  border-bottom: 2px solid #f7dc6b;
  padding: 10px 10px 10px 30px;
  margin: 0 0 1em;
}

.centerLine {
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #008751;
  margin-bottom: 20px;
}

.centerLine::before, .centerLine::after {
  content: "";
  height: 2px;
  background-color: #008751;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 750px) {
  .centerLine::before, .centerLine::after {
    width: 100px;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.centerLine::before {
  margin-right: 12px;
}

.centerLine::after {
  margin-left: 12px;
}

@media screen and (min-width: 750px) {
  .centerLine {
    font-size: 17px;
    margin-bottom: 45px;
  }
}

.contentBox {
  background-color: #f0efed;
  border: #008751 1px solid;
  color: #008751;
  padding: 20px 15px 16px;
  margin: 0 0 40px;
}

@media screen and (min-width: 750px) {
  .contentBox {
    padding: 20px 50px 30px;
  }
}

.contentBox p {
  text-align: center;
  font-size: 20px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1;
  margin-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .contentBox .tableOfContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contentBox .tableOfContents li {
    width: 50%;
    margin-bottom: 6px;
  }
  .contentBox .tableOfContents.single li {
    width: 100%;
  }
}

.contentBox .tableOfContents li {
  position: relative;
  padding-left: 1em;
}

.contentBox .tableOfContents li::before {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  top: 2px;
  left: 0;
}

.contentBox .tableOfContents li a {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .contentBox .tableOfContents li a {
    font-size: 16px;
  }
}

.contentBox2 {
  background-color: #f0efed;
  color: #008751;
  padding: 20px 15px 16px;
  margin: 0 0 40px;
}

@media screen and (min-width: 750px) {
  .contentBox2 {
    padding: 20px 50px 30px;
  }
}

.contentBox2 p {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1;
  margin-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .contentBox2 .tableOfContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contentBox2 .tableOfContents li {
    width: 50%;
    margin-bottom: 6px;
  }
}

.contentBox2 .tableOfContents li {
  position: relative;
  padding-left: 1em;
}

.contentBox2 .tableOfContents li::before {
  content: "\f0da";
  font-family: FontAwesome;
  color: #000;
  position: absolute;
  top: 2px;
  left: 0;
}

.contentBox2 .tableOfContents li a {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .contentBox2 .tableOfContents li a {
    font-size: 16px;
  }
}

.experience_ttl {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  color: #fff;
  background-color: #008751;
  line-height: 1.5;
  border-radius: 10px;
  padding: 6px 10px;
  margin-bottom: 10px;
}

.experience_table_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 22px 0 10px;
}

.experience_table_small img {
  width: 150px;
  border-radius: 5px;
  margin-right: 18px;
}

.experience_table_small ul {
  border-top: solid 1px #97b798;
  border-bottom: solid 1px #97b798;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.experience_table_small ul li + li {
  border-top: dotted 1px #97b798;
}

.experience_table_small ul li {
  font-size: 14px;
  line-height: 1.4;
  padding: 10px;
}

.exGreen {
  color: #008751;
  font-weight: bold;
  margin-right: 10px;
}

.experience_thum {
  margin: 0 0 30px;
}

.experience_thum > li {
  margin-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .experience_thum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .experience_thum > li {
    width: 470px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .experience_thum_boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto 30px;
    width: 980px;
  }
}

.experience_thum_box {
  padding: 18px 14px 30px;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px) {
  .experience_thum_box {
    width: 315px;
  }
}

@media screen and (min-width: 750px) {
  .experience_thum_box.two {
    width: 476px;
  }
}

.experience_thum_box h2 {
  margin: 0 14px;
  padding: 0;
  line-height: 1.5;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .experience_thum_box h2 {
    margin: 0;
  }
}

.experience_thum_box h2 span {
  font-size: 14px;
  display: block;
}

.experience_thum_box .experience_thum_boxes2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.experience_desc {
  font-size: 15px;
  line-height: 1.7;
  margin: 0 14px 20px;
}

@media screen and (min-width: 750px) {
  .experience_desc {
    margin: 0 0 20px;
  }
}

.experience_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  margin: 0 0 20px;
  border-radius: 8px;
}

.experience_img2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  border-radius: 8px;
  margin: 0 0 20px;
}

@media screen and (min-width: 750px) {
  .experience_img2 {
    height: auto;
  }
}

p.city_name {
  padding: 0;
  line-height: 1.2;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 14px;
}

@media screen and (min-width: 750px) {
  p.city_name {
    margin: 0;
  }
}

p.city_name::before {
  content: "都市";
  color: #008751;
  margin-right: 5px;
}

.ce_btn {
  text-align: center;
}

.ce_btn a {
  display: inline-block;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin: 0 auto;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.ce_btn a:hover {
  opacity: 0.7;
  cursor: pointer;
}

.experience_singleBox {
  padding: 18px 14px;
  margin-bottom: 30px;
}

.experience_singleBox h2 {
  margin: 0 14px 10px;
  padding: 0;
  line-height: 1.5;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .experience_singleBox h2 {
    margin: 0 0 10px;
  }
}

.experience_singleBox h2 span {
  font-size: 14px;
  display: block;
}

@media screen and (min-width: 750px) {
  .experience_singleBox {
    width: 980px;
    margin: 0 auto 20px;
  }
  .experience_singleBox .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .experience_singleBox .flex li {
    height: auto;
    width: 440px;
    margin-right: 40px;
    margin-top: 32px;
  }
  .experience_singleBox .ce_btn {
    margin-bottom: 10px;
  }
  .experience_singleBox.columnSize {
    width: 710px;
  }
}

.list_dot,
.list_dot_gre,
.list_dot_ye {
  margin: 0 14px 1em;
}

.list_dot li,
.list_dot_gre li,
.list_dot_ye li {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  padding: 0 0 5px 15px;
  position: relative;
  line-height: 1.5;
}

.list_dot li::before,
.list_dot_gre li::before,
.list_dot_ye li::before {
  content: "●";
  position: absolute;
  font-size: 5px;
  top: 3px;
  left: 0;
}

@media screen and (min-width: 750px) {
  .list_dot li,
  .list_dot_gre li,
  .list_dot_ye li {
    font-size: 16px;
  }
}

.list_dot_gre li::before {
  color: #008751;
}

.list_dot_ye li {
  color: #008751;
}

.list_dot_ye li::before {
  content: "";
  background: url(../image/southern_ye.png) center/13px no-repeat;
  top: -1px;
  left: -5px;
  width: 20px;
  height: 20px;
}

.check_list {
  margin: 0 14px 1em;
}

.check_list p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding-left: 15px;
}

.check_list p:first-child {
  position: relative;
  margin-left: 10px;
}

.check_list p:first-child::before {
  content: "\f14a";
  font-family: FontAwesome;
  color: #008751;
  position: absolute;
  top: 0;
  left: -10px;
}

.check_list p span {
  font-weight: normal;
}

@media screen and (min-width: 750px) {
  .check_list p {
    font-size: 16px;
  }
}

.point_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 14px 1em;
}

.point_list .circle {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 43px;
  height: 43px;
  background-color: #008751;
  color: #fff;
  border-radius: 50%;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  text-align: center;
  line-height: 1.2;
  margin-right: 3px;
}

.point_list .circle span {
  font-size: 9px;
  display: block;
  padding-top: 9px;
}

.point_list .point_list_desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.point_list .point_list_desc p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #008751;
  line-height: 1.7;
  padding-left: 5px;
}

.point_list .point_list_desc p span {
  font-weight: normal;
  color: #000;
}

.point_list .point_list_desc p:first-child {
  border-bottom: 1px solid #008751;
  padding-top: 12px;
  margin-bottom: 6px;
}

.point_list .point_list_desc p:first-child.border_none {
  border: none;
}

@media screen and (min-width: 750px) {
  .point_list .point_list_desc p {
    font-size: 16px;
  }
}

.crown_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 14px 1em;
}

.crown_list .crown1 {
  width: 43px;
  height: 43px;
  background: url(../image/crown1.png) center/40px no-repeat;
}

.crown_list .crown2 {
  width: 43px;
  height: 43px;
  background: url(../image/crown2.png) center/40px no-repeat;
}

.crown_list .crown3 {
  width: 43px;
  height: 43px;
  background: url(../image/crown3.png) center/40px no-repeat;
}

.crown_list .point_list_desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.crown_list .point_list_desc p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 1.7;
  padding-left: 5px;
}

.crown_list .point_list_desc p span {
  font-weight: normal;
}

.crown_list .point_list_desc p:first-child {
  border-bottom: 1px solid #b5b5b5;
  padding-top: 12px;
  margin-bottom: 6px;
}

@media screen and (min-width: 750px) {
  .crown_list .point_list_desc p {
    font-size: 16px;
  }
}

.qaBox {
  background-color: #f0efed;
  padding: 20px 10px;
}

@media screen and (min-width: 750px) {
  .qaBox {
    padding: 30px;
  }
}

.qaList {
  padding: 10px 0;
  margin: 0 14px;
}

@media screen and (min-width: 750px) {
  .qaList {
    padding: 1em 0;
  }
}

.qaList.flex dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 750px) {
  .qaList.flex dd {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.qaList.flex dd p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 20px;
}

@media screen and (min-width: 750px) {
  .qaList.flex dd p {
    padding: 0 20px 0 0;
  }
}

.qaList.flex dd img {
  width: 300px;
  padding-bottom: 20px;
}

.qaList dt {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
}

.qaList dt::before {
  content: "Q";
  position: absolute;
  top: -2px;
  left: 0;
  color: #008751;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
}

@media screen and (min-width: 750px) {
  .qaList dt::before {
    font-size: 20px;
  }
}

@media screen and (min-width: 750px) {
  .qaList dt {
    font-size: 16px;
  }
}

.qaList dd {
  font-size: 15px;
  position: relative;
  padding-left: 26px;
  overflow: hidden;
}

.qaList dd img {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .qaList dd img {
    width: 300px;
  }
}

.qaList dd::before {
  content: "A";
  position: absolute;
  top: -2px;
  left: 0;
  color: #c4ae0c;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
}

@media screen and (min-width: 750px) {
  .qaList dd::before {
    font-size: 20px;
  }
}

@media screen and (min-width: 750px) {
  .qaList dd {
    font-size: 16px;
  }
}

.interviewBox {
  background-color: #f0efed;
  margin: 0 14px 10px;
  padding: 20px 0;
}

@media screen and (min-width: 750px) {
  .interviewBox {
    padding: 20px 38px 60px;
    background-color: inherit;
  }
}

.qaList + .qaList {
  border-top: 1px dotted #97b798;
}

.colorBox {
  margin: 0 14px 1em;
  font-size: 15px;
  line-height: 1.7;
  border-radius: 8px;
  padding: 15px 14px 17px;
}

@media screen and (min-width: 750px) {
  .colorBox {
    margin: 0 0 1em;
  }
}

.borderBox {
  margin: 0 14px;
  font-size: 15px;
  line-height: 1.7;
  padding: 15px 14px 17px;
  border: 1px solid #3da884;
}

@media screen and (min-width: 750px) {
  .borderBox {
    margin: 0 0 1em;
  }
}

.borderBox.double {
  position: relative;
}

.borderBox.double::before {
  content: "";
  border: 1px solid #3da884;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: -1;
}

.bubbleBox {
  width: 310px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 14px 30px;
  position: relative;
  border: 1px solid #3da884;
  padding: 15px 0 10px;
}

@media screen and (min-width: 750px) {
  .bubbleBox {
    margin: 0 0 40px;
    width: 100%;
  }
}

.bubbleBox dt {
  margin: 0 14px 5px;
  font-weight: bold;
  text-align: center;
}

.bubbleBox dd {
  font-size: 15px;
  margin: 0 14px;
}

.bubbleBox::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 155px 0 155px;
  border-color: #3da884 transparent transparent transparent;
  position: absolute;
  bottom: -29px;
  left: 0;
}

@media screen and (min-width: 750px) {
  .bubbleBox::before {
    border-width: 28px 475px 0 475px;
  }
}

.bubbleBox::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 28px 155px 0 155px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -28px;
  left: 0;
}

@media screen and (min-width: 750px) {
  .bubbleBox::after {
    border-width: 28px 475px 0 475px;
  }
}

.bubbleBox_green {
  margin: 0 14px 30px;
  position: relative;
  border: 1px solid #3da884;
  padding: 15px 14px 10px;
}

@media screen and (min-width: 750px) {
  .bubbleBox_green {
    margin: 0 0 30px;
  }
}

.bubbleBox_green p {
  font-size: 15px;
}

.bubbleBox_green::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 32px 0 32px;
  border-color: #3da884 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 32px);
}

@media screen and (min-width: 750px) {
  .bubbleBox_green::before {
    border-width: 20px 80px 0 80px;
    bottom: -20px;
    left: calc(50% - 80px);
  }
}

.arrowBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.arrowBoxes li {
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}

.arrowBoxes li.white {
  color: #fff;
}

.arrowBoxes li::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  bottom: -25px;
  right: 0;
  border-width: 25px 172px 0 172px;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li::before {
    border-width: 65px 0 65px 22px;
    bottom: 0;
    right: -22px;
  }
}

.arrowBoxes li.color01 {
  background-color: #B1DCCE;
}

.arrowBoxes li.color01::before {
  border-color: #B1DCCE transparent transparent transparent;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li.color01::before {
    border-color: transparent transparent transparent #B1DCCE;
  }
}

.arrowBoxes li.color02 {
  background-color: #8BCBB5;
}

.arrowBoxes li.color02::before {
  border-color: #8BCBB5 transparent transparent transparent;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li.color02::before {
    border-color: transparent transparent transparent #8BCBB5;
  }
}

.arrowBoxes li.color03 {
  background-color: #64B99D;
}

.arrowBoxes li.color03::before {
  border-color: #64B99D transparent transparent transparent;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li.color03::before {
    border-color: transparent transparent transparent #64B99D;
  }
}

.arrowBoxes li.color04 {
  background-color: #3DA884;
}

.arrowBoxes li.color04::before {
  border-color: #3DA884 transparent transparent transparent;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li.color04::before {
    border-color: transparent transparent transparent #3DA884;
  }
}

.arrowBoxes li.color05 {
  background-color: #2E7E63;
}

.arrowBoxes li.color05::before {
  border-color: #2E7E63 transparent transparent transparent;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li.color05::before {
    border-color: transparent transparent transparent #2E7E63;
  }
}

.arrowBoxes li p {
  padding: 10px 0 0;
  margin: 0 20px;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .arrowBoxes li p {
    display: block;
  }
}

@media screen and (min-width: 750px) {
  .arrowBoxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 100px 40px;
  }
  .arrowBoxes li {
    display: block;
    width: 190px;
    height: 130px;
    position: relative;
    margin-bottom: 0;
  }
  .arrowBoxes li p:first-child {
    font-weight: bold;
    padding: 29px 0 10px;
    margin-left: 8px;
    border-bottom: 1px solid #008751;
  }
  .arrowBoxes li p:last-child {
    font-size: 15px;
    padding: 10px 0 0;
    margin-left: 8px;
  }
  .arrowBoxes li.white p:first-child {
    border-bottom: 1px solid #fff;
  }
}

.photoL_list_common {
  margin: 0 14px 30px;
}

.photoL_list_common li:first-child {
  width: 100%;
  margin-bottom: 20px;
}

.photoL_list_common li:first-child img {
  width: 100%;
}

.photoL_list_common li.addBa {
  -webkit-box-shadow: 10px 12px #d0f7e0;
          box-shadow: 10px 12px #d0f7e0;
}

@media screen and (min-width: 750px) {
  .photoL_list_common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 0 30px;
  }
  .photoL_list_common li:first-child {
    width: 390px;
    margin: 0 52px 0 0;
  }
  .photoL_list_common li:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .photoL_list_common li.addBa {
    -webkit-box-shadow: 20px 24px #d0f7e0;
            box-shadow: 20px 24px #d0f7e0;
  }
}

.photoR_list_common {
  margin: 0 14px 30px;
}

.photoR_list_common li:first-child {
  width: 100%;
  margin-bottom: 20px;
}

.photoR_list_common li:first-child img {
  width: 100%;
}

.photoR_list_common li.addBa {
  -webkit-box-shadow: 10px 12px #d0f7e0;
          box-shadow: 10px 12px #d0f7e0;
}

@media screen and (min-width: 750px) {
  .photoR_list_common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 0 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .photoR_list_common li:first-child {
    width: 390px;
    margin: 0 0 0 52px;
  }
  .photoR_list_common li:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .photoR_list_common li.addBa {
    -webkit-box-shadow: -20px 24px #d0f7e0;
            box-shadow: -20px 24px #d0f7e0;
  }
}

.photoCe img {
  display: block;
  margin: 0 auto 30px;
  width: calc(100% - 28px);
}

@media screen and (min-width: 750px) {
  .photoCe img {
    margin: 0 auto 52px;
    width: 600px;
  }
}

.photoCe p {
  margin: 0 14px;
}

@media screen and (min-width: 750px) {
  .photoCe p {
    margin: 0;
  }
}

.photoCe.addBa img {
  -webkit-box-shadow: 10px 12px #d0f7e0;
          box-shadow: 10px 12px #d0f7e0;
}

@media screen and (min-width: 750px) {
  .photoCe.addBa img {
    -webkit-box-shadow: 20px 24px #d0f7e0;
            box-shadow: 20px 24px #d0f7e0;
  }
}

@media screen and (min-width: 750px) {
  .photoR {
    overflow: hidden;
  }
}

.photoR img {
  display: block;
  margin: 0 auto 30px;
  width: calc(100% - 28px);
}

@media screen and (min-width: 750px) {
  .photoR img {
    float: right;
    display: inline-block;
    margin: 0 0 32px 52px;
    width: 390px;
  }
}

.photoR p {
  margin: 0 14px;
}

@media screen and (min-width: 750px) {
  .photoR p {
    width: 100%;
    margin: 0;
  }
}

.photoR.addBa img {
  -webkit-box-shadow: 10px 12px #d0f7e0;
          box-shadow: 10px 12px #d0f7e0;
}

@media screen and (min-width: 750px) {
  .photoR.addBa img {
    -webkit-box-shadow: -20px 24px #d0f7e0;
            box-shadow: -20px 24px #d0f7e0;
  }
}

@media screen and (min-width: 750px) {
  .photoL {
    overflow: hidden;
  }
}

.photoL img {
  display: block;
  margin: 0 auto 30px;
  width: calc(100% - 28px);
}

@media screen and (min-width: 750px) {
  .photoL img {
    float: left;
    display: inline-block;
    margin: 0 52px 32px 0;
    width: 390px;
  }
}

.photoL p {
  margin: 0 14px;
}

@media screen and (min-width: 750px) {
  .photoL p {
    width: 100%;
    margin: 0;
  }
}

.photoL.addBa img {
  -webkit-box-shadow: 10px 12px #d0f7e0;
          box-shadow: 10px 12px #d0f7e0;
}

@media screen and (min-width: 750px) {
  .photoL.addBa img {
    -webkit-box-shadow: 20px 24px #d0f7e0;
            box-shadow: 20px 24px #d0f7e0;
  }
}

.purpose_top {
  height: 161px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #008f51;
}

.purpose_top h1 {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 20px;
  color: #fff;
}

.purpose_top h1 span {
  text-align: center;
  display: block;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 12px;
}

@media screen and (min-width: 750px) {
  .purpose_top {
    height: 167px;
    display: block;
    position: relative;
  }
  .purpose_top h1 {
    font-size: 38px;
    position: absolute;
    top: 22px;
    left: 42px;
    text-align: left;
    line-height: 1;
    background: rgba(54, 54, 54, 0.6);
    padding: 5px 8px;
  }
  .purpose_top h1 span {
    font-size: 18px;
    text-align: left;
    margin-top: 10px;
  }
  .purpose_top p {
    position: absolute;
    left: 300px;
    bottom: 12px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: rgba(54, 54, 54, 0.6);
    padding: 5px 8px;
  }
}

.purpose_01 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/78a6489f-bg_top_language.jpg) no-repeat center/cover;
}

.purpose_02 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/16c95d79-bg_top_test.jpg) no-repeat center/cover;
}

.purpose_03 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/4de4dcb6-bg_top_workingholiday.jpg) no-repeat center/cover;
}

.purpose_04 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/891ab977-bg_top_varistor.jpg) no-repeat center/cover;
}

.purpose_05 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/ff55938f-bg_top_certifications.jpg) no-repeat center/cover;
}

.purpose_06 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/0abb92f4-bg_top_business.jpg) no-repeat center/cover;
}

.purpose_07 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/78d9fe92-bg_top_childcare.jpg) no-repeat center/cover;
}

.purpose_08 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/815fd1ec-bg_top_japaneseteacher.jpg) no-repeat center/cover;
}

.purpose_09 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/348f12e5-bg_top_nurse.jpg) no-repeat center/cover;
}

.purpose_10 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/c9f974b9-bg_top_tourism.jpg) no-repeat center/cover;
}

.purpose_11 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/38389a84-bg_top_beauty.jpg) no-repeat center/cover;
}

.purpose_12 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/ea0f2de7-bg_top_cookery.jpg) no-repeat center/cover;
}

.purpose_13 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/a5e197c9-bg_top_medicalenglish.jpg) no-repeat center/cover;
}

.purpose_14 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/eb310e73-bg_top_soccer.jpg.jpg) no-repeat center/cover;
}

.purpose_15 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/a773adb0-bg_top_college.jpg) no-repeat center/cover;
}

.purpose_16 {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/37039cdf-bg_top_intern.jpg) no-repeat center/cover;
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/a773adb0-bg_top_college.jpg) no-repeat center/cover;
}

.catchCopy {
  margin: 18px 0;
}

.purpose_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  width: 315px;
  margin: 0 auto 22px;
}

.purpose_tag li {
  color: #006d56;
  font-size: 12px;
  font-weight: bold;
  background-color: #ffd41d;
  width: 153px;
  margin-bottom: 6px;
  padding: 6px 10px;
}

.purpose_tag li:nth-child(odd) {
  margin-right: 9px;
}

@media screen and (min-width: 750px) {
  .purpose_tag {
    margin: 18px auto 32px;
    width: 980px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .purpose_tag li + li {
    margin-left: 12px !important;
  }
  .purpose_tag li:nth-child(odd) {
    margin: 0 0 6px;
  }
  .purpose_tag li {
    font-size: 14px;
    width: 180px;
  }
}

.recommend_schools {
  margin-bottom: 26px;
}

.recommend_schools li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 22px;
  background-color: #006648;
  border-radius: 10px;
  color: #fff;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.7;
}

.recommend_schools li a span {
  display: block;
  color: #f7dc6b;
  font-size: 12px;
  font-weight: bold;
}

.recommend_schools li + li {
  margin-top: 12px;
}

@media screen and (min-width: 750px) {
  .recommend_schools {
    margin-bottom: 38px;
  }
  .recommend_schools li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 auto;
    padding: 10px 22px;
    width: 780px;
  }
  .recommend_schools li a span {
    width: 400px;
    padding-left: 32px;
  }
}

.experience_wrap {
  background: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/816d1c5c-useful-bg-pc.png) no-repeat center/cover;
  padding: 32px 0;
  position: relative;
  z-index: -2;
}

@media screen and (min-width: 750px) {
  .experience_wrap {
    padding: 64px 0;
  }
}

.experience_wrap::before {
  content: '';
  background-color: #ACE2C3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  opacity: .7;
}

.experience_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.experience_list li {
  width: 100%;
  background-color: #e1f4e9;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 14px;
  border-radius: 8px;
}

.experience_list li img {
  width: 72px;
  margin-right: 14px;
  border-radius: 4px;
}

.experience_list li p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.experience_list li p span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.experience_list li p span:first-child {
  margin-top: 4px;
}

@media screen and (min-width: 750px) {
  .experience_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .experience_list li {
    width: 466px;
    padding: 22px;
  }
  .experience_list li img {
    width: 100px;
    margin-right: 18px;
  }
  .experience_list li p {
    font-size: 18px;
    font-weight: bold;
  }
  .experience_list li p span {
    font-weight: normal;
  }
  .experience_list li p span:first-child {
    margin-top: 6px;
  }
  .experience_list li:nth-child(odd) {
    margin-right: 20px;
  }
}

.support_box_left {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 130px 1fr;
      grid-template-columns: 130px 1fr;
  -ms-grid-rows: 123px 1fr 63px;
      grid-template-rows: 123px 1fr 63px;
  padding: 20px 10px 25px 15px;
  background-color: #f2f9f5;
  margin-bottom: 33px;
}

.support_box_left .box1 {
  margin-right: 10px;
}

.support_box_left .box1 img {
  width: 123px;
  height: 123px;
  border-radius: 10px;
}

.support_box_left .box2 {
  color: #008751;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.support_box_left .box3 {
  grid-column: 1/-1;
  -ms-grid-row: 2;
  grid-row: 2;
}

.support_box_left .box3 p {
  font-size: 15px;
  line-height: 1.7;
  padding: 10px 0 14px;
}

@media screen and (min-width: 750px) {
  .support_box_left .box3 p {
    padding: 10px 0 28px;
  }
}

.support_box_left .box4 {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  grid-row: 3;
}

@media screen and (min-width: 750px) {
  .support_box_left {
    -ms-grid-columns: 238px 1fr;
        grid-template-columns: 238px 1fr;
    -ms-grid-rows: 42px 1fr 60px;
        grid-template-rows: 42px 1fr 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 26px 36px;
  }
  .support_box_left .box1 {
    -ms-grid-column: 1;
    grid-column: 1px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    margin-right: 33px;
  }
  .support_box_left .box1 img {
    width: 205px;
    height: 205px;
    border-radius: 8px;
  }
  .support_box_left .box3 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .support_box_left .box4 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.support_box_right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 130px 1fr;
      grid-template-columns: 130px 1fr;
  -ms-grid-rows: 123px 1fr 63px;
      grid-template-rows: 123px 1fr 63px;
  padding: 20px 10px 25px 15px;
  background-color: #fffbeb;
  margin-bottom: 33px;
}

.support_box_right .box1 {
  margin-right: 10px;
}

.support_box_right .box1 img {
  width: 123px;
  height: 123px;
  border-radius: 10px;
}

.support_box_right .box2 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.support_box_right .box3 {
  grid-column: 1/-1;
  -ms-grid-row: 2;
  grid-row: 2;
}

.support_box_right .box3 p {
  font-size: 15px;
  line-height: 1.7;
  padding: 10px 0 14px;
}

@media screen and (min-width: 750px) {
  .support_box_right .box3 p {
    padding: 10px 0 28px;
  }
}

.support_box_right .box4 {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  grid-row: 3;
}

@media screen and (min-width: 750px) {
  .support_box_right {
    -ms-grid-columns: 1fr 238px;
        grid-template-columns: 1fr 238px;
    -ms-grid-rows: 42px 1fr 60px;
        grid-template-rows: 42px 1fr 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 26px 36px;
  }
  .support_box_right .box1 {
    -ms-grid-column: 2;
    grid-column: 2px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    margin: 0 0 0 33px;
  }
  .support_box_right .box1 img {
    width: 205px;
    height: 205px;
    border-radius: 8px;
  }
  .support_box_right .box3 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .support_box_right .box4 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.pickupTi {
  text-align: center;
  font-size: 20px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #fff;
  background-color: #008751;
  border-radius: 9px 9px 0 0;
  line-height: 40px;
}

.pickup {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 190px 123px;
      grid-template-columns: 190px 123px;
  -ms-grid-rows: auto 2fr 80px;
      grid-template-rows: auto 2fr 80px;
  padding: 15px 14px 18px;
  border: #008751 1px solid;
  border-radius: 0 0 9px 9px;
}

.pickup .box1 {
  grid-column: 1/-1;
  font-size: 17px;
  color: #008751;
  font-weight: bold;
  margin-bottom: 6px;
}

.pickup .box2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  font-size: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 750px) {
  .pickup .box2 {
    font-size: 16px;
  }
}

.pickup .box3 {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  grid-row: 3;
  padding-top: 14px;
}

.pickup .box4 {
  -ms-grid-column: 2;
  grid-column: 2;
  grid-row: 2/-1;
}

.pickup .box4 img {
  width: 123px;
  height: 123px;
  border-radius: 8px;
}

@media screen and (min-width: 750px) {
  .pickup {
    -ms-grid-columns: 700px 205px;
        grid-template-columns: 700px 205px;
    -ms-grid-rows: auto 1fr 74px;
        grid-template-rows: auto 1fr 74px;
    padding: 24px 38px 24px;
  }
  .pickup .box1 {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  .pickup .box2 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .pickup .box3 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .pickup .box4 {
    -ms-grid-column: 2;
    grid-column: 2;
    grid-row: 1/-1;
  }
  .pickup .box4 img {
    width: 205px;
    height: 205px;
    border-radius: 8px;
  }
}

@media screen and (min-width: 750px) {
  .inner118 {
    width: 1180px;
    margin: 0 auto;
  }
}

.intro {
  font-size: 16px;
  line-height: 1.7;
  padding: 20px 0 16px;
}

@media screen and (min-width: 750px) {
  .merit_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .merit_list > li {
    width: 376px;
    margin-bottom: 33px;
  }
  .merit_list > li:nth-child(1) {
    margin-right: 26px;
  }
  .merit_list > li:nth-child(2) {
    margin-right: 26px;
  }
  .merit_list > li:nth-child(4) {
    margin-right: 26px;
  }
  .merit_list > li:nth-child(5) {
    margin-right: 26px;
  }
}

.merit_list > li {
  padding: 14px 13px 15px;
  border: #cec8c2 1px solid;
  border-radius: 6px;
  margin-bottom: 22px;
}

.merit_list > li a {
  display: inline-block;
}

.merit_list > li.orange {
  background-color: #fff7f2;
  border-bottom: 6px solid #ff6600;
}

.merit_list > li.orange h2 {
  color: #ff6600;
}

.merit_list > li.orange ul li:first-child a {
  color: #ff6600;
}

.merit_list > li.orange ul li:last-child {
  background-color: #ff6600;
  color: #fff;
  padding: 11px 40px;
  margin-left: 10px;
}

.merit_list > li.orange .readmore_merit span {
  color: #ff6600;
  border: #ff6600 1px solid;
}

.merit_list > li.green {
  background-color: #f3fbf8;
  border-bottom: 6px solid #109162;
}

.merit_list > li.green h2 {
  color: #109162;
}

.merit_list > li.green ul li:first-child a {
  color: #109162;
}

.merit_list > li.green ul li:last-child {
  background-color: #109162;
  color: #fff;
  padding: 11px 40px;
  margin-left: 10px;
}

.merit_list > li.green .readmore_merit span {
  color: #109162;
  border: #109162 1px solid;
}

.merit_list > li.blue {
  background-color: #f2f8fa;
  border-bottom: 6px solid #005e7f;
}

.merit_list > li.blue h2 {
  color: #005e7f;
}

.merit_list > li.blue ul li:first-child a {
  color: #005e7f;
}

.merit_list > li.blue ul li:last-child {
  background-color: #005e7f;
  color: #fff;
  padding: 11px 40px;
  margin-left: 10px;
}

.merit_list > li.blue .readmore_merit span {
  color: #005e7f;
  border: #005e7f 1px solid;
}

.merit_list img {
  width: 100%;
  height: 213px;
  margin-bottom: 17px;
}

.merit_list h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.merit_list p {
  font-size: 15px;
  margin-bottom: 28px;
}

.merit_list .merit_btn {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: bold;
}

.merit_list .merit_btn li {
  border-radius: 20px;
}

.merit_list .merit_btn li a.white {
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  padding: 11px 21px;
  margin-right: 10px;
  border: #cec8c2 1px solid;
}

.none {
  display: none;
}

.mainpreview {
  position: relative;
  z-index: 0;
}

.mainpreview .readmore_merit {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(white)) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
  font-weight: bold;
  cursor: pointer;
  z-index: 999;
}

.mainpreview .readmore_merit span {
  display: inline-block;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.mainpreview.onhidden {
  height: 450px;
  overflow-y: hidden;
}

.useful_wrap {
  background-color: #f5f7ed;
  padding: 25px 15px;
}

.useful_information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 780px;
  margin: 0 auto;
}

.useful_information li {
  width: 48%;
  margin: 1%;
}

@media screen and (min-width: 750px) {
  .useful_information li {
    width: 31%;
  }
}

.useful_information li a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 0.5em;
  border-radius: 5px;
}

@media screen and (min-width: 750px) {
  .useful_information li a {
    font-size: 18px;
  }
}

.useful_information li:nth-child(4n+1) a,
.useful_information li:nth-child(4n+4) a {
  background-color: #448469;
  color: #fff;
}

.useful_information li:nth-child(4n+2) a,
.useful_information li:nth-child(4n+3) a {
  background-color: #edd25f;
  color: #563926;
}

@media screen and (min-width: 750px) {
  .useful_information li:nth-child(odd) a {
    background-color: #448469;
    color: #fff;
  }
  .useful_information li:nth-child(even) a {
    background-color: #edd25f;
    color: #563926;
  }
}

.useful_information_lists {
  margin: 9px 0 0 0;
}

.useful_information_lists > li {
  border-radius: 0 0 8px 8px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.useful_information_lists > li:nth-child(odd) {
  background-color: #f2f9f5;
}

.useful_information_lists > li:nth-child(even) {
  background-color: #fffbeb;
}

@media screen and (min-width: 750px) {
  .useful_information_lists {
    margin: 28px 0 0 0;
  }
}

.useful_information_lists_ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding: 10px 10px 10px 40px;
  border-radius: 8px 8px 0 0;
}

.useful_information_lists_ttl.green {
  background: url(../image/southern.png) no-repeat center left 16px/15px #008751;
  color: #fff;
}

.useful_information_lists_ttl.yellow {
  background: url(../image/southern.png) no-repeat center left 16px/15px #edd25f;
}

.useful_information_list {
  margin: 0;
  padding: 0 16px;
}

.useful_information_list li a {
  display: block;
}

.useful_information_list li a:hover {
  opacity: 0.5;
}

@media screen and (min-width: 750px) {
  .useful_information_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }
  .useful_information_list li {
    width: 50%;
  }
}

.useful_information_list.green li + li {
  border-top: 1px dotted #009966;
}

@media screen and (min-width: 750px) {
  .useful_information_list.green li + li {
    border-top: none;
  }
}

@media screen and (min-width: 750px) {
  .useful_information_list.green li {
    border-bottom: 1px dotted #009966;
  }
  .useful_information_list.green li:nth-child(odd) {
    border-right: 1px dotted #009966;
  }
  .useful_information_list.green li:last-child {
    border-bottom: none;
  }
  .useful_information_list.green li:nth-child(2n+1):nth-last-child(2) {
    border-bottom: none;
  }
}

.useful_information_list.green li::before {
  color: #008751;
}

.useful_information_list.yellow li + li {
  border-top: 1px dotted #563926;
}

@media screen and (min-width: 750px) {
  .useful_information_list.yellow li + li {
    border-top: none;
  }
}

@media screen and (min-width: 750px) {
  .useful_information_list.yellow li {
    border-bottom: 1px dotted #563926;
  }
  .useful_information_list.yellow li:nth-child(odd) {
    border-right: 1px dotted #563926;
  }
  .useful_information_list.yellow li:last-child {
    border-bottom: none;
  }
  .useful_information_list.yellow li:nth-child(2n+1):nth-last-child(2) {
    border-bottom: none;
  }
}

.useful_information_list.yellow li::before {
  color: #563926;
}

.useful_information_list li a {
  position: relative;
  padding: 16px 6px 16px 28px;
}

.useful_information_list li a::before {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  top: 17px;
  left: 16px;
}

#breadcrumbList {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding: 1em 0 2em;
}

.interview_intro {
  height: 170px;
  position: relative;
}

@media screen and (min-width: 750px) {
  .interview_intro {
    height: 230px;
  }
}

.interview_intro img.intro01 {
  position: absolute;
  top: 75px;
  left: 20px;
  width: 60px;
}

@media screen and (min-width: 750px) {
  .interview_intro img.intro01 {
    top: 60px;
    left: 30px;
    width: 100px;
  }
}

.interview_intro img.intro02 {
  position: absolute;
  top: 10px;
  left: 90px;
  width: 270px;
}

@media screen and (min-width: 750px) {
  .interview_intro img.intro02 {
    top: 20px;
    left: 160px;
    width: 780px;
  }
}

.interview_intro .serif {
  position: absolute;
  top: 50px;
  left: 115px;
  font-size: 14px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media screen and (min-width: 750px) {
  .interview_intro .serif {
    font-size: 17px;
    top: 56px;
    left: 280px;
  }
}

@media screen and (min-width: 750px) {
  .interviews > li {
    margin-bottom: 46px;
  }
}

.interviews > li .interview_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 156px 1fr;
      grid-template-columns: 156px 1fr;
  -ms-grid-rows: auto auto 1fr auto;
      grid-template-rows: auto auto 1fr auto;
  padding: 30px 14px 14px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box {
    -ms-grid-columns: 353px 1fr;
        grid-template-columns: 353px 1fr;
    -ms-grid-rows: auto auto 1fr auto;
        grid-template-rows: auto auto 1fr auto;
    padding: 0 0 14px;
  }
}

.interviews > li .interview_box .box1 {
  background-color: #008751;
  color: #fff;
  font-weight: bold;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
  padding: 9px 12px;
  line-height: 1.4;
  border-radius: 8px;
  margin-bottom: 17px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box1 {
    padding: 10px 30px;
    font-size: 20px;
    grid-column: 1/-1;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
  }
}

.interviews > li .interview_box .box2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  position: relative;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
    padding: 0 20px 0 28px;
  }
}

.interviews > li .interview_box .box2 img {
  width: 146px;
  height: 108px;
  border-radius: 8px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box2 img {
    width: 335px;
    height: auto;
    margin-top: 17px;
  }
}

.interviews > li .interview_box .box2 .newBtn {
  font-size: 14px;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  position: absolute;
  top: -5px;
  left: 5px;
  background-color: #f2e436;
  width: 45px;
  border-radius: 50%;
  text-align: center;
  line-height: 45px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box2 .newBtn {
    font-size: 21px;
    width: 72px;
    line-height: 72px;
    top: 4px;
    left: 8px;
  }
}

.interviews > li .interview_box .box3 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box3 {
    margin-top: 10px;
  }
}

.interviews > li .interview_box .box3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin: 0;
}

.interviews > li .interview_box .box3 ul li {
  font-size: 12px;
  font-weight: bold;
  margin: 0 12px 10px 0;
  background-color: #fff;
  border-radius: 15px;
  padding: 2px 5px;
  border: 1px solid #7c7575;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box3 ul li {
    font-size: 14px;
    margin: 0 12px 16px 0;
  }
}

.interviews > li .interview_box .box3 ul li.blue {
  color: #007199;
}

.interviews > li .interview_box .box3 ul li.ore {
  color: #ff6600;
}

.interviews > li .interview_box .box4 {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  grid-row: 3;
  margin: 20px 0 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box4 {
    -ms-grid-column: 2;
    grid-column: 2;
    margin-right: 20px;
  }
}

.interviews > li .interview_box .box4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  border-top: #008751 1px solid;
  border-bottom: #008751 1px solid;
  margin: 0;
}

.interviews > li .interview_box .box4 ul li {
  font-size: 13px;
  width: 50%;
  color: #000;
  line-height: 1.7;
  padding: 10px 18px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box4 ul li {
    font-size: 16px;
    line-height: 1.7;
  }
}

.interviews > li .interview_box .box4 ul li span {
  color: #008751;
  margin-right: 10px;
}

@media screen and (min-width: 750px) {
  .interviews > li .interview_box .box4 ul li span {
    margin-right: 20px;
  }
}

.interviews > li .interview_box .box4 ul li.col1 {
  width: 100%;
}

.interviews > li .interview_box .box4 ul li:nth-child(1) {
  border-bottom: #008751 dotted 1px;
  border-right: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(2) {
  border-bottom: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(3) {
  border-bottom: #008751 dotted 1px;
  border-right: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(4) {
  border-bottom: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(5) {
  border-bottom: #008751 dotted 1px;
  border-right: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(6) {
  border-bottom: #008751 dotted 1px;
}

.interviews > li .interview_box .box4 ul li:nth-child(7) {
  border-bottom: #008751 dotted 1px;
}

.interviews > li .interview_box .box5 {
  grid-column: 1/-1;
  -ms-grid-row: 4;
  grid-row: 4;
  margin-top: 20px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
}

.interviews > li:nth-child(odd) {
  background-color: #f2f9f5;
  border-radius: 0 0 8px 8px;
  padding-bottom: 20px;
}

.interviews > li:nth-child(even) {
  background-color: #fffbeb;
  border-radius: 0 0 8px 8px;
  padding-bottom: 20px;
}

.wp-pagenavi {
  margin: 30px 0;
  text-align: center;
  padding: 0 !important;
  display: block !important;
  clear: both !important;
  font-size: 0.92em;
}

.wp-pagenavi a {
  display: inline-block;
  min-width: 34px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  border: 1px solid #008751;
  color: #008751;
  background-color: #fff;
  text-align: center;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.wp-pagenavi span.pages, .wp-pagenavi span.extend {
  display: inline-block;
  min-width: 34px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  border: 1px solid #008751;
  color: #008751;
  background-color: #fff;
  text-align: center;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.wp-pagenavi span.pages {
  background-color: #efc618;
  color: #000;
  border-color: #efc618;
}

.wp-pagenavi a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0.5;
}

.wp-pagenavi span.current {
  display: inline-block;
  min-width: 34px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  border: 1px solid #008751;
  color: #fff;
  background-color: #008751;
  text-align: center;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 26px 0 42px;
}

.pagination li a {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #008751;
  color: #008751;
  background-color: #fff;
  text-align: center;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}

.pagination li a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0.5;
}

.pagination li a.active {
  background-color: #008751;
  color: #fff;
}

.pagination li:last-child a {
  font-size: 11px;
}

.pagination li a.total {
  background-color: #efc618;
  position: relative;
  text-align: center;
  color: #000;
  border: none;
}

.pagination li a.total .first {
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 4px;
  left: 8px;
}

.pagination li a.total .last {
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 16px;
  left: 16px;
}

.pagination li a.total span {
  line-height: 34px;
}

.pagination li + li {
  margin-left: 10px;
}

.preBefore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  margin-bottom: 22px;
  padding: 0 14px;
}

@media screen and (min-width: 750px) {
  .preBefore {
    margin-bottom: 33px;
  }
}

.preBefore > li {
  border: 1px solid #008751;
  border-radius: 8px;
}

.preBefore > li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 166px;
  margin: 0;
}

@media screen and (min-width: 750px) {
  .preBefore > li ul {
    width: 464px;
    margin: 0;
  }
}

.preBefore > li ul li i {
  color: #008751;
  padding-left: 10px;
}

@media screen and (min-width: 750px) {
  .preBefore > li ul li i {
    padding-left: 20px;
  }
}

.preBefore > li ul li .image {
  display: none;
}

@media screen and (min-width: 750px) {
  .preBefore > li ul li .image {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    width: 140px;
    height: 140px;
    margin: 10px 20px;
  }
}

.preBefore > li ul li p {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (min-width: 750px) {
  .preBefore > li ul li p {
    font-size: 16px;
    line-height: 1.6;
    padding: 20px;
  }
}

.preBefore > li.next ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

.preBefore > li.next ul li i {
  padding: 0 10px 0 0;
}

@media screen and (min-width: 750px) {
  .preBefore > li.next ul li i {
    padding: 0 20px 0 0;
  }
}

.preBefore > li + li {
  margin-left: 14px;
}

@media screen and (min-width: 750px) {
  .preBefore > li + li {
    margin-left: 40px;
  }
}

.interviews li.white {
  background-color: #fff;
}

@media screen and (min-width: 750px) {
  .interviews li.white {
    background-color: #f2f9f5;
  }
}

.interviews li.white .interview_box {
  background-color: #fff;
  padding-top: 10px;
}

@media screen and (min-width: 750px) {
  .interviews li.white .interview_box {
    background-color: #f2f9f5;
    padding-top: 0;
  }
}

.breadcrumb_rev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}

@media screen and (min-width: 750px) {
  .breadcrumb_rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.schoolTi_image {
  background: url(https://storage.googleapis.com/aus-wp/2020/02/0ecb28bf-passport.jpg) center no-repeat;
  width: 100%;
  height: 103px;
}

.schoolTi_image h1 {
  text-align: center;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 20px;
  color: #fff;
  margin-top: 28px;
}

.schoolTi_image h1 span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media screen and (min-width: 750px) {
  .schoolTi_image {
    background: url(https://storage.googleapis.com/aus-wp/2020/02/de47a5e6-study.jpg) center no-repeat;
    height: 166px;
  }
  .schoolTi_image h1 {
    font-size: 38px;
  }
  .schoolTi_image h1 span {
    font-size: 18px;
  }
}

.preface {
  padding: 16px 14px;
}

@media screen and (min-width: 750px) {
  .preface {
    font-size: 18px;
    padding: 16px 0;
  }
}

@media screen and (min-width: 750px) {
  .school_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.school_lists > li {
  padding: 18px 14px 8px;
}

@media screen and (min-width: 750px) {
  .school_lists > li {
    padding: 18px 14px 0;
    margin: 0 5px 30px;
    width: 400px;
  }
}

.school_lists > li .school_ttl {
  font-size: 20px;
}

.school_lists > li .school_ttl span {
  font-size: 14px;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_ttl {
    font-size: 22px;
  }
  .school_lists > li .school_ttl span {
    font-size: 13px;
  }
}

.school_lists > li .school_list {
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100% 0;
        grid-template-columns: 100% 0;
    -ms-grid-rows: 262px 0 auto auto;
        grid-template-rows: 262px 0 auto auto;
  }
}

.school_lists > li .school_list .box1 {
  background: url(https://storage.googleapis.com/aus-wp/2020/02/de47a5e6-study.jpg) no-repeat center/cover;
  width: 147px;
  height: 103px;
  border-radius: 8px;
  margin: 0 0 18px;
  float: left;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list .box1 {
    width: 100%;
    height: 262px;
    border-radius: 12px;
    float: none;
  }
}

.school_lists > li .school_list .box2 {
  width: calc(100% - 157px);
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list .box2 {
    width: 100%;
    position: absolute;
    top: 10px;
    right: 5px;
    float: none;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.school_lists > li .school_list .box2 li {
  padding: 0 5px;
  margin: 0 5px 5px;
  color: #008751;
  font-size: 11px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list .box2 li {
    font-size: 13px;
  }
}

.school_lists > li .school_list .box2 li.cat {
  background-color: #fff;
}

.school_lists > li .school_list .box2 li.campaign {
  background-color: #efc618;
}

.school_lists > li .school_list .box3 {
  font-size: 15px;
  width: calc(100% - 157px);
  float: right;
  margin: 0 0 18px;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list .box3 {
    width: 100%;
    float: none;
    margin: 0 0 22px;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}

.school_lists > li .school_list .box4 {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin: 18px 0 16px;
}

@media screen and (min-width: 750px) {
  .school_lists > li .school_list .box4 {
    grid-column: 1/-1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.school_lists > li .school_list .box4 li {
  text-align: center;
  width: 33.3%;
  padding: 0.5em 0;
}

.school_lists > li .school_list .box4 li:nth-child(1) {
  border-top: #008751 1px solid;
  border-right: dotted 1px #008751;
  border-bottom: dotted #008751 1px;
}

.school_lists > li .school_list .box4 li:nth-child(2) {
  border-top: #008751 1px solid;
  border-right: dotted 1px #008751;
  border-bottom: dotted #008751 1px;
}

.school_lists > li .school_list .box4 li:nth-child(3) {
  border-top: #008751 1px solid;
  border-bottom: dotted #008751 1px;
}

.school_lists > li .school_list .box4 li:nth-child(4) {
  border-right: dotted 1px #008751;
  border-bottom: dotted #008751 1px;
}

.school_lists > li .school_list .box4 li:nth-child(5) {
  border-right: dotted 1px #008751;
  border-bottom: dotted #008751 1px;
}

.school_lists > li .school_list .box4 li:nth-child(6) {
  border-bottom: dotted #008751 1px;
}

.school_lists > li:nth-child(odd) {
  background-color: #f5fff3;
}

.school_lists > li:nth-child(even) {
  background-color: #fffbeb;
}

.columnTi {
  position: relative;
  background-color: #008751;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  line-height: 1.5;
  margin-bottom: 18px;
}

.columnTi.detail {
  text-align: left;
  padding: 15px 20px;
}

.columnTi.detail.sub {
  background-color: #FFF;
  border: 1px solid #008751;
  color: #008751;
}

.columnTi.detail.sub::after {
  content: '';
  position: absolute;
  background: url(../image/koala.png) center/40px no-repeat;
  top: -2px;
  right: -15px;
  width: 40px;
  height: 60px;
}

.columnPage .box1 > ul {
  margin: 0;
}

.columnPage .box1 > ul > li {
  padding: 10px 0;
}

.columnPage .box1 > ul > li a {
  display: block;
}

.columnPage .box1 > ul > li a:hover {
  opacity: .7;
}

.columnPage .box1 > ul > li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.columnPage .box1 > ul > li ul li {
  position: relative;
}

.columnPage .box1 > ul > li ul li .image {
  background: url(../image/thumbnail.png) no-repeat center/cover;
  height: 110px;
  width: 147px;
  margin-right: 18px;
  border-radius: 6px;
}

.columnPage .box1 > ul > li ul li p.cat {
  display: inline-block;
  font-size: 12px;
  color: #008751;
  background-color: #F7DC6B;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 0 5px 5px 0;
  padding: 1px 3px;
  border-radius: 4px;
}

@media screen and (min-width: 750px) {
  .columnPage .box1 > ul > li ul li p.cat {
    margin: 0 5px 10px 0;
    font-size: 14px;
    padding: 1px 6px;
  }
}

.columnPage .box1 > ul > li ul li p.date {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 10px;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .columnPage .box1 > ul > li ul li p.date {
    position: absolute;
    bottom: 0;
    font-size: 12px;
  }
}

.columnPage .box1 > ul > li ul li h3 {
  font-size: 15px;
  margin-bottom: 5px;
}

@media screen and (min-width: 750px) {
  .columnPage .box1 > ul > li ul li h3 {
    font-size: 16px;
  }
}

.columnPage .box1 > ul > li + li {
  border-top: 1px dotted #008751;
}

.columnFlex .box1 {
  margin: 0 0 30px;
}

.columnFlex .box1 ul.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 10px;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex {
    margin: 0 0 30px;
  }
}

.columnFlex .box1 ul.flex > li:first-child {
  margin-right: 50px;
}

.columnFlex .box1 ul.flex > li ul {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex > li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.columnFlex .box1 ul.flex > li ul li.cat p {
  text-align: center;
  font-size: 12px;
  background-color: #F7DC6B;
  padding: 3px 5px;
  margin: 0 20px 5px 0;
  border-radius: 4px;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex > li ul li.cat p {
    margin: 10px 20px 0 20px;
    font-size: 16px;
  }
}

.columnFlex .box1 ul.flex > li ul li.date p {
  font-size: 12px;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex > li ul li.date p {
    font-size: 16px;
    padding: 3px 0;
    margin: 10px 0 0 0;
    width: 380px;
  }
}

.columnFlex .box1 ul.flex i {
  color: #008751;
  margin-right: 5px;
  width: 50px;
}

.columnFlex .box1 ul.flex.columnSize {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex.columnSize {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}

.columnFlex .box1 ul.flex.columnSize > li:first-child {
  margin-right: 0;
}

@media screen and (min-width: 750px) {
  .columnFlex .box1 ul.flex.columnSize > li:first-child {
    margin-right: 50px;
  }
}

@media screen and (min-width: 750px) {
  .columnFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .columnFlex .box1 {
    width: 750px;
    margin: 0 30px 50px 0;
  }
  .columnFlex .box2 {
    width: 400px;
    margin: 0 0 50px;
  }
}

.summary {
  background-color: #FCFAC3;
  border: 1px solid #008751;
  border-radius: 8px;
  margin: 30px 0;
}

.summary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 6px 0 10px 0;
}

.summary ul li:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summary ul li img {
  height: 50px;
  margin: 5px 20px 0 5px;
}

@media screen and (min-width: 750px) {
  .summary ul li img {
    height: 70px;
    margin: 10px 30px 0 20px;
  }
}

.summary ul li p {
  background-color: #008751;
  color: #FFF;
  width: 260px;
  padding: 5px 10px;
  border-radius: 6px;
  position: relative;
}

@media screen and (min-width: 750px) {
  .summary ul li p {
    width: 560px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 18px;
  }
}

.summary ul li p::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10px 6px 10px;
  border-color: transparent #008751 transparent transparent;
  position: absolute;
  bottom: 12px;
  left: -19px;
}

@media screen and (min-width: 750px) {
  .summary ul li p::after {
    bottom: 20px;
  }
}

.summary > p {
  padding: 0 10px 16px;
}

@media screen and (min-width: 750px) {
  .summary > p {
    padding: 10px 40px 30px;
  }
}

.newsTi {
  background-color: #008751;
  line-height: 1.6;
  font-size: 18px;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .newsTi {
    font-size: 22px;
    padding: 16px 24px;
    border-radius: 12px;
  }
}

.news_cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .news_cat {
    margin-bottom: 30px;
  }
}

.news_cat li.camCat p {
  border: 1px solid #2AB774;
  border-radius: 10px;
  color: #2AB774;
  font-size: 14px;
  padding: 8px 8px;
  line-height: 1;
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .news_cat li.camCat p {
    font-size: 16px;
    padding: 10px 14px;
    width: 160px;
    text-align: center;
  }
}

.news_cat li.newsCat p {
  font-family: "Alata", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  border: 1px solid #EFC618;
  border-radius: 10px;
  color: #EFC618;
  font-size: 14px;
  padding: 8px 8px;
  line-height: 1;
  font-weight: bold;
}

@media screen and (min-width: 750px) {
  .news_cat li.newsCat p {
    font-size: 16px;
    padding: 10px 14px;
    width: 160px;
    text-align: center;
  }
}

.news_cat li:last-child p {
  font-size: 14px;
  padding: 8px 8px;
  line-height: 1;
}

@media screen and (min-width: 750px) {
  .news_cat li:last-child p {
    padding: 10px 14px;
    width: 200px;
    font-size: 16px;
    text-align: right;
  }
}

.recommend {
  position: relative;
  margin-bottom: 42px;
}

.position_a {
  position: absolute;
  top: 90px;
  right: 10.5px;
}

.position_b {
  position: absolute;
  top: 168px;
  right: 10.5px;
}

.position_c {
  position: absolute;
  top: 400px;
  right: 10.5px;
}

.position_d {
  position: absolute;
  top: 638px;
  right: 10.5px;
}

.position_1 {
  position: absolute;
  top: 756px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_1 {
    top: 290px;
    right: 26px;
  }
}

.position_2 {
  position: absolute;
  top: 526px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_2 {
    top: 546px;
    right: 118px;
  }
}

.position_3 {
  position: absolute;
  top: 686px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_3 {
    top: 370px;
    right: 26px;
  }
}

.position_4 {
  position: absolute;
  top: 290px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_4 {
    top: 110px;
    right: 26px;
  }
}

.position_5 {
  position: absolute;
  top: 220px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_5 {
    top: 190px;
    right: 26px;
  }
}

.position_6 {
  position: absolute;
  top: 976px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_6 {
    top: 490px;
    right: 26px;
  }
}

.position_7 {
  position: absolute;
  top: 456px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_7 {
    top: 546px;
    right: 786px;
  }
}

.position_8 {
  position: absolute;
  top: 1046px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_8 {
    top: 546px;
    right: 888px;
  }
}

.position_9 {
  position: absolute;
  top: 896px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_9 {
    top: 546px;
    right: 586px;
  }
}

.position_10 {
  position: absolute;
  top: 826px;
  right: -24px;
}

@media screen and (min-width: 750px) {
  .position_10 {
    top: 546px;
    right: 496px;
  }
}

.position_reco1 {
  position: absolute;
  bottom: 810px;
  right: 4px;
  width: 70px;
}

@media screen and (min-width: 750px) {
  .position_reco1 {
    bottom: 116px;
    right: 580px;
    width: 80px;
  }
}

.position_reco2 {
  position: absolute;
  bottom: 840px;
  right: 50px;
  width: 230px;
}

@media screen and (min-width: 750px) {
  .position_reco2 {
    bottom: 461px;
    right: 696px;
    width: 300px;
  }
}

.position_reco3 {
  position: absolute;
  bottom: 1190px;
  right: 4px;
  width: 90px;
}

@media screen and (min-width: 750px) {
  .position_reco3 {
    bottom: 497px;
    right: 30px;
    width: 160px;
  }
}

.position_reco4 {
  position: absolute;
  top: 1920px;
  right: 4px;
  width: 110px;
}

@media screen and (min-width: 750px) {
  .position_reco4 {
    top: 1800px;
    right: 560px;
    width: 140px;
  }
}

.position_reco5 {
  position: absolute;
  top: 1517px;
  right: 4px;
  width: 90px;
}

@media screen and (min-width: 750px) {
  .position_reco5 {
    top: 1247px;
    right: 60px;
    width: 160px;
  }
}

.position_reco6 {
  position: absolute;
  top: 1157px;
  right: 4px;
  width: 90px;
}

@media screen and (min-width: 750px) {
  .position_reco6 {
    top: 850px;
    right: 550px;
    width: 120px;
  }
}

.position_reco7 {
  position: absolute;
  top: 427px;
  right: 4px;
  width: 90px;
}

@media screen and (min-width: 750px) {
  .position_reco7 {
    top: 470px;
    right: 110px;
    width: 120px;
  }
}

.position_reco8 {
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 110px;
}

@media screen and (min-width: 750px) {
  .position_reco8 {
    bottom: 120px;
    right: 40px;
    width: 140px;
  }
}

.recommend2 {
  padding: 130px 0 80px;
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/14b30c4f-recommend_sp2.png);
  background-size: 345px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (min-width: 750px) {
  .recommend2 {
    padding: 100px 0 30px;
    background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/7efdf165-recommend_pc2.png);
    background-size: 1180px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .recommend2 li {
    text-align: center;
    width: 398px;
  }
}

.result {
  padding: 130px 14px 0 26px;
  background-repeat: no-repeat;
  background-size: 320px;
  height: 360px;
  margin: 0 16px 10px 8px;
}

@media screen and (min-width: 750px) {
  .result {
    background-size: 400px;
    margin: 12px 30px 0 30px;
    height: 430px;
  }
  .result .btn_one a {
    padding: 14px 30px;
  }
}

.result p {
  margin: 0 0 10px 0;
}

@media screen and (min-width: 750px) {
  .result p {
    margin: 50px 40px 30px;
    text-align: left;
  }
}

.result1 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/330d9278-result_sp1.png);
}

.result2 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/11958b25-result_sp2.png);
}

.result3 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/fecd17a1-result_sp3.png);
}

.result4 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/0b06e713-result_sp4.png);
}

.result5 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/920aab22-result_sp5.png);
}

.result6 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/2225aeb1-result_sp6.png);
}

.result7 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/901d0610-result_sp7.png);
}

.result8 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/d0f3d4d1-result_sp8.png);
}

.result9 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/82b58d82-result_sp9.png);
}

.result10 {
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/04/e384124f-result_sp10.png);
}

.topMap {
  margin: 40px auto 110px;
  width: 1280px;
  background-image: url(https://storage.googleapis.com/staging-aus-wp/uploads/2020/03/594ad332-map.png);
  background-repeat: no-repeat;
  background-size: 560px;
  height: 500px;
  background-position: center;
  position: relative;
}

.topMap a {
  display: inline-block;
}

.topMap #map1 {
  position: absolute;
  top: 280px;
  right: 278px;
}

.topMap #map2 {
  position: absolute;
  top: 380px;
  right: 460px;
}

.topMap #map3 {
  position: absolute;
  top: 110px;
  right: 250px;
}

.topMap #map4 {
  position: absolute;
  top: 5px;
  right: 330px;
}

.topMap #map5 {
  position: absolute;
  top: 200px;
  right: 210px;
}

.topMap #map6 {
  position: absolute;
  top: 220px;
  right: 830px;
}

.topMap #map7 {
  position: absolute;
  top: 330px;
  right: 540px;
}

.topMap #map8 {
  position: absolute;
  top: 354px;
  right: 310px;
}

.topMap #map9 {
  position: absolute;
  top: 0;
  right: 640px;
}

.topMap #map10 {
  position: absolute;
  top: 460px;
  right: 360px;
}

.topMap #map11 {
  position: absolute;
  top: 50px;
  right: 0;
}

ul.paginationList {
  width: 100%;
  margin: 3em auto;
  padding: 53px 0 0;
  position: relative;
  letter-spacing: -0.5em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 750px) {
  ul.paginationList {
    margin: 4em auto;
    padding: 0;
  }
}

ul.paginationList li {
  letter-spacing: normal;
  vertical-align: top;
}

ul.paginationList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #008751;
  border-radius: 5px;
  color: #000;
}

@media screen and (min-width: 750px) {
  ul.paginationList li a:hover {
    color: #fff;
    background: #008751;
  }
}

ul.paginationList li.prev {
  width: calc(50% - 5px);
}

@media screen and (min-width: 750px) {
  ul.paginationList li.prev {
    width: 33%;
  }
}

ul.paginationList li.prev a {
  padding: 0.5em 0.5em 0.5em 1em;
  font-size: 0.81em;
  line-height: 1.5;
  position: relative;
}

@media screen and (min-width: 750px) {
  ul.paginationList li.prev a {
    padding: 0.5em 0.5em 0.5em 1.5em;
    font-size: 1em;
  }
}

ul.paginationList li.prev a::before {
  content: '\f053';
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  left: 0.5em;
  right: auto;
}

ul.paginationList li.middle {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  ul.paginationList li.middle {
    width: 33%;
    position: relative;
  }
}

ul.paginationList li.middle a {
  padding: 0.5em;
}

ul.paginationList li.next {
  width: calc(50% - 5px);
}

@media screen and (min-width: 750px) {
  ul.paginationList li.next {
    width: 33%;
  }
}

ul.paginationList li.next a {
  padding: 0.5em 1em 0.5em 0.5em;
  font-size: 0.81em;
  line-height: 1.5;
  position: relative;
}

@media screen and (min-width: 750px) {
  ul.paginationList li.next a {
    padding: 0.5em 1.5em 0.5em 0.5em;
    font-size: 1em;
  }
}

ul.paginationList li.next a::before {
  content: '\f054';
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  right: 0.5em;
}

/*
学校検索
-------------------------------*/
.list_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list_search li {
  margin: 0.5em 1em 0.5em 0;
}

input.field {
  width: 100%;
}

.search_button {
  text-align: center;
}

button[type="submit"] {
  display: inline-block;
  width: 45%;
  max-width: 150px;
  font-weight: bold;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#006648), to(#019966));
  background-image: linear-gradient(to right, #006648, #019966);
  text-align: center;
  padding: 1em;
  margin: 0 1%;
  border: none;
  border-radius: 40px;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

input.reset {
  display: inline-block;
  width: 45%;
  max-width: 150px;
  background: #f0efed;
  padding: 1em;
  margin: 0 1%;
  border-radius: 40px;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.search_result {
  margin: 0 15px 1em;
}

.no-result {
  margin: 0 0 10px;
}

@media screen and (min-width: 750px) {
  .no-result {
    margin: 0 0 18px;
  }
}

/*
コンタクトフォーム
------------------------------------------------------------
*/
table.contactform {
  width: 100%;
  table-layout: fixed;
}

table.contactform th {
  width: 25%;
  padding: 1em;
  font-size: 110%;
  border-bottom: #e1eafd  solid 2px;
  font-weight: 700;
  text-align: left;
}

@media screen and (max-width: 749px) {
  table.contactform th {
    width: 100%;
    display: block;
    padding: 1em 0 0.4em;
    border-bottom: none;
  }
}

table.contactform th span.small {
  font-size: 90%;
  font-weight: normal;
  padding: 10px 0 0;
  display: block;
}

table.contactform th.cfbg {
  background: #000;
  color: #fff;
}

table.contactform td {
  padding: 1em;
  border-bottom: 2px #e1eafd  solid;
  text-align: left;
  vertical-align: top;
}

@media screen and (max-width: 749px) {
  table.contactform td {
    width: 100%;
    display: block;
    padding: 0.2em 0 1em;
  }
}

table.contactform td a {
  color: #32bce7;
  text-decoration: underline;
}

table.contactform td a:hover {
  color: #6dba3e;
}

table.contactform td span.bold {
  font-weight: 700;
}

table.contactform td p {
  margin-bottom: 0;
  line-height: 1.6;
}

input, textarea, select {
  padding: 0.5em;
  border-radius: 5px;
  border: solid 1px #c8c8c8;
  max-width: 100%;
}

ul.contactform {
  letter-spacing: -0.5em;
  margin: 0 -1em 0 0;
}

@media screen and (max-width: 749px) {
  ul.contactform {
    margin: 0 -0.5em 0 0;
  }
}

ul.contactform li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 1em 0 0;
}

@media screen and (max-width: 749px) {
  ul.contactform li {
    margin: 0 0.5em 0 0;
  }
}

ul.contactform2 {
  letter-spacing: -0.5em;
}

ul.contactform2 li {
  display: inline-block;
  width: 50%;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wpcf7-textarea, .wpcf7-text {
  width: 90%;
}

.zip1, .zip2 {
  width: 30%;
}

.formtel {
  width: 30%;
  height: auto;
}

@media screen and (max-width: 749px) {
  .formtel {
    width: 100%;
  }
}

.wpcf7-form-control wpcf7-text zip {
  width: 30%;
}

.wpcf7-checkbox > span {
  display: inline-block;
  margin: 0 3% 2% 0;
}

.addr {
  width: 90%;
}

.contactformsubmit {
  text-align: center;
  margin: 30px 0;
}

.wpcf7-submit, .wpcf7-confirm, .wpcf7-back {
  width: 60%;
  background: #e48100;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  padding: 15px 40px;
  border: none;
}

.wpcf7-confirm {
  background: #009ce4;
}

.wpcf7-back {
  background: #ccc;
}

.wpcf7-submit:hover {
  text-decoration: none;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.contactCheckBox input[type="checkbox"] {
  display: none;
}

.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label {
  position: relative;
}

.contactCheckBox input[type="checkbox"] + .wpcf7-list-item-label:before {
  content: "\f372";
  font-family: "ionicons";
  color: #ccc;
  font-size: 22px;
  margin: 0 10px 0 0;
}

.contactCheckBox input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
  content: "\f374";
  color: #17bcdf;
}

#datepicker {
  width: 40%;
}

table.contactform .red {
  text-align: center;
  font-size: 85%;
  color: #FFF;
  padding: 3px 5px;
  background: #ed6002;
  margin-right: 10px;
  border-radius: 5px;
}

@media screen and (min-width: 750px) {
  table.contactform .red {
    font-size: 90%;
    padding: 5px 8px;
    margin-right: 20px;
  }
}

table.contactform .gry {
  text-align: center;
  font-size: 85%;
  color: #FFF;
  padding: 3px 5px;
  background: #b1bdca;
  margin-right: 10px;
  border-radius: 5px;
}

@media screen and (min-width: 750px) {
  table.contactform .gry {
    font-size: 90%;
    padding: 5px 8px;
    margin-right: 20px;
  }
}

span.gry {
  text-align: center;
  font-size: 85%;
  color: #FFF;
  padding: 3px 5px;
  background: #b1bdca;
  margin-right: 10px;
  border-radius: 5px;
}

@media screen and (min-width: 750px) {
  span.gry {
    font-size: 90%;
    padding: 5px 8px;
    margin-right: 20px;
  }
}

input.wpcf7-validates-as-required, select.wpcf7-validates-as-required, .wpcf7-validates-as-required > span > label > span::before {
  background: #ffdbdb;
}

dl.contact-drop {
  margin: 0 0 2em;
}

dl.contact-drop dt {
  font-weight: 700;
  font-size: 1.1em;
  cursor: pointer;
  padding: 1em 1em 1em 0;
  border-bottom: #e1eafd solid 2px;
  position: relative;
}

@media screen and (min-width: 750px) {
  dl.contact-drop dt {
    padding: 1em;
  }
}

dl.contact-drop dt.active {
  border: none;
}

dl.contact-drop dt::after {
  content: '+';
  position: absolute;
  height: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

@media screen and (min-width: 750px) {
  dl.contact-drop dt::after {
    right: 1em;
  }
}

dl.contact-drop dt.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

dl.contact-drop dd {
  display: none;
}

.table_color label {
  margin: 0 20px 10px 0;
}

.table_color input.keyword {
  line-height: 3;
  width: 300px;
  border: 1px solid #000;
}

@media screen and (min-width: 750px) {
  .table_color input.keyword {
    width: 920px;
  }
}

.cityBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 32px;
  position: fixed;
  top: 300px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 945px;
  background-color: #EEFFF0;
  border-radius: 18px;
  z-index: 2;
}

.cityBoxes li img {
  width: 600px !important;
}

.cityBoxes li p.cityName {
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
}

.cityBoxes li p.cityDesc {
  font-size: 16px;
  font-weight: bold;
}

.cityBoxes li ul.cityBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cityBoxes li ul.cityBtn li {
  margin-right: 20px;
}

.cityBoxes li ul.cityBtn li a {
  margin-top: 10px;
  background-color: #FFF;
  display: inline-block;
  border-radius: 18px;
  padding: 10px 26px;
  -webkit-box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
          box-shadow: 0 10px 10px rgba(145, 145, 145, 0.35);
}

.cityBoxes li:first-child {
  margin-right: 36px;
}

#modal_map1.modal_hidden {
  display: none;
}

#modal_map2.modal_hidden {
  display: none;
}

#modal_map3.modal_hidden {
  display: none;
}

#modal_map4.modal_hidden {
  display: none;
}

#modal_map5.modal_hidden {
  display: none;
}

#modal_map6.modal_hidden {
  display: none;
}

#modal_map7.modal_hidden {
  display: none;
}

#modal_map8.modal_hidden {
  display: none;
}

#modal_map9.modal_hidden {
  display: none;
}

#modal_map10.modal_hidden {
  display: none;
}

.closeBtn {
  position: absolute;
  top: -60px;
  right: 0;
  font-size: 60px;
  color: #fff;
}

.purpose_lists > li a {
  padding: 15px 10px 15px 0;
  margin-bottom: 21px;
  border-radius: 8px;
  display: block;
}

.purpose_lists > li a > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.purpose_lists > li a > ul > li:first-child {
  width: 100px;
}

.purpose_lists > li a > ul > li:first-child img {
  width: 70px;
  margin: 12px 15px 5px 15px;
}

.purpose_lists > li a > ul > li:first-child dd {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}

.purpose_lists > li a > ul > li:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.purpose_lists > li a > ul > li:last-child p {
  font-size: 15px;
  margin-bottom: 10px;
}

.purpose_lists > li a > ul > li:last-child ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.purpose_lists > li a > ul > li:last-child ul li {
  text-align: center;
  background-color: #FFD41D;
  color: #006D56;
  width: 48%;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}

.purpose_lists > li a > ul > li:last-child ul li:nth-child(odd) {
  margin-right: 5px;
}

.purpose_lists > li:nth-child(odd) {
  background-color: #F2F9F5;
}

.purpose_lists > li:nth-child(even) {
  background-color: #FFFBEB;
}

.other_purpose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #F4EEEB;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px 0;
}

.other_purpose li {
  width: 33%;
  margin-bottom: 10px;
}

@media screen and (min-width: 750px) {
  .other_purpose li {
    margin: 20px 0;
    width: 200px;
  }
}

.other_purpose li a img {
  width: 70px;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 750px) {
  .other_purpose li a img {
    width: 120px;
    margin-bottom: 10px;
  }
}

.other_purpose li a p {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .other_purpose li a p {
    font-size: 18px;
  }
}

.objectiveSp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0;
  background-color: #F4EEEB;
  margin-bottom: 20px;
}

.objectiveSp li {
  margin-bottom: 24px;
}

.objectiveSp li a {
  display: block;
}

.objectiveSp li a img {
  width: 100px;
  margin: 0 22px 8px;
}

.objectiveSp li a p {
  text-align: center;
  font-weight: bold;
}

.covid-link {
  background: #ffe14b;
  border: solid 2px #ffd400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 15px;
}

@media screen and (min-width: 750px) {
  .covid-link {
    padding: 15px 0;
  }
}

a.covid-link {
  text-decoration: none;
}

.covid-link:hover {
  opacity: .7;
}

.covid-link span {
  font-weight: bold;
  color: #222;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  display: block;
  margin-right: 20px;
}

@media screen and (min-width: 750px) {
  .covid-link span {
    font-size: 15px;
  }
}

.movie {
  margin: 20px 6px;
  -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 6px blue;
          box-shadow: 0 0 0 5px #fff, 0 0 0 6px blue;
  position: relative;
}

@media screen and (min-width: 750px) {
  .movie {
    max-width: 560px;
    margin: 30px auto;
    -webkit-box-shadow: 0 0 0 10px #fff, 0 0 0 11px blue;
            box-shadow: 0 0 0 10px #fff, 0 0 0 11px blue;
  }
}

.movie::before {
  content: '';
  display: block;
  padding: 56.25% 0 0;
}

.movie > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 750px) {
  .list_movie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 15px;
  }
}

.list_movie li {
  margin: 0 0 20px;
}

@media screen and (min-width: 750px) {
  .list_movie li {
    width: 47%;
    margin: 0;
  }
}
/*# sourceMappingURL=layout.css.map */