@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 {
  font-family: 'FontAwesome';
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../bower_components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../bower_components/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
/* 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;
  }
}
div.school-price li {
  /*font-size: 120%;*/
}

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;
}

/*reset*/
.poplar-cm div.columns {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/*RHD***********************************/
@media (max-width: 1200px) {
  /*cm*/
  section ul li a {
    /*    font-size: 0.685rem !important;
    */
  }
  section li.num-country, section li.num-coment, section li.num-access, section li.num-term {
    font-size: 0.685rem !important;
  }
}
@media (max-width: 1024px) {
  /*common*/
  .row {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
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;
  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: 0.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: 0.5rem 0.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: 0.5rem;
  padding: 0.5rem 1rem;
}
section .add-mylist a span, section .add-contribution a span, section .add-share-detail a span {
  line-height: 1.2;
  font-size: 0.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: 0.5rem;
  font-size: 1.5rem;
}
section .add-contribution a i {
  /*  color: #267873;
  */
}

/*tag-characteristic*/
.tag-characteristic li {
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  padding: 0.125rem 0.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: 0.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: 0.875rem;
  margin: 1.5rem 0;
  color: #0a0a0a;
}
div#school .school-con h4 {
  font-size: 0.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: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 0;
}

/*school-reviews1 page***********************************/
.school-reviews1 .school-cm .school-con section {
  background: url(../img/common/bg_strp_blue_1.png);
  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: 0.05rem;
  border-bottom: 5px solid #fff578;
  display: inline;
  line-height: 2;
}

div#school .school-cm .school-con section div.scl-rv-header div h4 {
  font-weight: normal;
  padding-top: 0.75rem;
  font-size: 0.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: 0.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: 0.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: 0.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: 0.35rem;
}

div#school .school-cm .school-con section div.scl-rv-con3 p a {
  color: #178e89;
  font-weight: bold;
  font-size: 0.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: 0.875rem;
}
.school-reviews1 .school-cm .school-con section div.scl-rv-con1 dd {
  width: calc(100% - 7rem);
  text-align: left;
  font-size: 0.875rem;
}
.school-reviews1 .school-cm .school-con section div.scl-rv-con2 dt {
  color: #178e89;
  width: 8rem;
  font-size: 0.875rem;
}
.school-reviews1 .school-cm .school-con section div.scl-rv-con2 dd span {
  font-weight: bold;
  margin-right: 1rem;
  font-size: 0.875rem;
}
.school-reviews1 .school-cm .school-con section div.scl-rv-con2 p {
  margin-bottom: 0;
  font-size: 0.875rem;
}

div#school .school-cm .school-con section div.scl-rv-con3 p {
  margin-left: 0rem;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.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: 0.5rem;
}
div#school .num-popular i:last-of-type {
  margin-right: 0.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 0.3rem 0.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: 0.875rem;
}
div.school-program .school-cm .school-con section.scl-program {
  background: url(../img/common/bg_strp_program_1.png);
  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 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 h3, div.school-program .school-cm .school-con section.scl-program div.scl-box h2 {
  display: block;
  color: #379490;
  padding-bottom: 0.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: 0.1rem;
  font-size: 1.1rem !important;
}
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 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 {
  background: url(../img/common/bg_strp_price_1.png);
  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 1.5rem !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: #f3f3f3;
  padding: 1rem !important;
}
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: 0.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;
  font-size: 110%;
  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: 0.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-size: 120%;
  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;
  font-size: 110%;
}
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;
  font-size: 115%;
}
div.school-price .school-cm .school-con section.scl-price p {
  margin: 0.5rem 0rem 0.75rem 0rem !important;
  line-height: 1.2;
  font-size: 0.875rem;
  padding: 0.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: 0.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: 0.4rem;
  position: relative;
  bottom: 0.05rem;
  margin-right: 0.125rem;
}
div.school-price-euro .school-cm .school-con section.scl-price dl {
  margin: 0 !important;
  float: none;
  background: #fff;
  width: auto;
  font-size: 0.875rem;
  padding: 0.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 0.5rem !important;
}
div.school-price .school-cm .school-con section.scl-price ul li a::before {
  content: "●";
  font-size: 0.45rem;
  position: relative;
  bottom: 0.15rem;
  color: #a6e3e1;
  margin-right: 0.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: 0.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: 0.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 0.5rem !important;
    padding: 0;
  }

  div#school .school-con h4 {
    margin-top: 0.5rem;
  }
  div#school .school-con h3, div#school .school-con h2 span {
    font-size: 0.8rem;
    margin: 0rem 0 0.25rem;
    display: block;
    color: #0a0a0a;
  }
  div#school .school-con .school-con-point {
    margin-left: 0;
    line-height: 1.5;
    font-size: 0.875rem;
    margin-top: 0.5rem !important;
  }
  div#school .school-con p {
    margin-left: 0;
    line-height: 1.5;
    font-size: 0.875rem;
    margin-top: 0.5rem !important;
    font-size: 0.875rem;
  }
  div#school .school-con p.map {
    font-size: 0.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: 0.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: 0.5rem;
  }
  div#school .school-con2 section.scl-movie h3, div#school .school-con2 section.scl-movie h2 {
    opacity: 1;
    margin-top: 0.5rem !important;
  }
  div.school-movie .school-con2 section.scl-movie h3, div.school-movie h2 {
    margin-bottom: 0.5rem !important;
  }
  div.school-movie .school-cm .school-con section.scl-movie .scl-box dl {
    width: calc(50% - .5rem);
    margin-right: 0%;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  div#school .school-cm .school-con section.scl-movie > div.scl-rv-header {
    padding: 0.25rem;
    margin-right: 0.5rem;
    margin-left: 0.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: 0.5rem;
    padding-top: 0.5rem;
    margin-top: 0rem !important;
  }
  div#school .school-con2 section.scl-program h3, div#school .school-con2 section.scl-program h2 {
    margin: 0.5rem 0 !important;
  }
  div.school-program .school-cm .school-con section.scl-program > div {
    padding: 0.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: 0.5rem;
    padding-top: 0.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 0.5rem !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div {
    padding: 0.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: 0.5em !important;
  }
  div.school-price .school-cm .school-con section.scl-price > div.scl-corselist {
    padding: 0.5rem !important;
    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: 0.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: 0.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: 0.75rem !important;
    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 */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 20px;
  height: 36px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 40%;
  z-index: 1;
  -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 {
  opacity: 0.5;
}
.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 {
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0px;
  background: url(/wp-content/themes/deow/images/prev.png) no-repeat center/100%;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 0px;
  background: url(/wp-content/themes/deow/images/next.png) no-repeat center/100%;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[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-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Preload images */
body:after {
  content: url(/wp-content/themes/deow/images/lightbox-close.png) url(/wp-content/themes/deow/images/lightbox-loading.gif) url(/wp-content/themes/deow/images/lightbox-prev.png) url(/wp-content/themes/deow/images/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(/wp-content/themes/deow/images/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(/wp-content/themes/deow/images/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(/wp-content/themes/deow/images/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(/wp-content/themes/deow/images/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 0.3s;
  transition: opacity 0.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: 0.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;
}

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

Copyright (C) apricot-design All Rights Reserved.
------------------------------------------------------------
CSS information
 file name  :  layout.css
 style info :  レイアウトファイル
 admin info :  apricot-design

//////////////////////////////////////////////////////////*/
/*
0:セット
------------------------------------------------------------
*/
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-thin.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-thin.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-thin.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-thin.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-light.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-light.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-light.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-regular.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-regular.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-regular.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-medium.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-medium.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-medium.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-bold.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-bold.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-bold.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ns";
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-black.eot");
  /* IE9以上用 */
  src: url("/wp-content/themes/deow/fonts/notosanscjkjp-black.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/deow/fonts/notosanscjkjp-black.woff") format("woff"), url("/wp-content/themes/deow/fonts/notosanscjkjp-black.ttf") format("truetype");
  /* iOS, Android用 */
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "fa";
  src: url("../font/fontawesome-webfont.eot");
  src: url("../font/fontawesome-webfont.eot?#iefix") format("eot"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* フォントファミリー */
/* fontweight */
/* width */
body {
  width: 100%;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  color: #000;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  letter-spacing: 1px;
  /* iOS4でのテキストの隙間への対応 */
  -webkit-text-size-adjust: 100%;
  /* 文字サイズの自動調整機能のキャンセル */
}

.win body {
  font-family: "メイリオ", Meiryo, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

a {
  text-decoration: none;
  color: #499ce2;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
a:link, a:active, a:visited {
  text-decoration: none;
  color: #499ce2;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
a:hover {
  color: #9bd0ff;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  outline: 0;
}

.opacity:hover {
  filter: alpha(opacity=50);
  /* IE 6,7*/
  -ms-filter: "alpha(opacity=50)";
  /* IE 8,9 */
  -moz-opacity: 0.5;
  /* FF , Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  opacity: 0.5;
  zoom: 1;
  /*IE*/
}

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

.td {
  display: none;
}

.sp {
  display: none;
}

.pc {
  display: inline;
}

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

  .sp {
    display: none;
  }

  .td {
    display: inline;
  }
}
@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }

  .td {
    display: none;
  }

  .sp {
    display: inline;
  }
}
/*
1：全体のレイアウト
------------------------------------------------------------
*/
#containerWrap {
  padding: 139px 0 0;
}
@media screen and (max-width: 767px) {
  #containerWrap {
    padding: 61px 0 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media screen and (max-width: 640px) {
  #containerWrap {
    padding: 66px 0 81px;
  }
}

#headerWrap {
  width: 100%;
  background: #fff;
  border-bottom: 5px solid #499ce2;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0);
          transform: translate(0);
}

#headerWrap.variableScroll {
  -webkit-transform: translate(0, -55px);
          transform: translate(0, -55px);
}
@media screen and (max-width: 767px) {
  #headerWrap.variableScroll {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

#headerTop {
  overflow: hidden;
  clear: both;
  margin: 0 auto 0.8em;
  padding: 0 15px;
  max-width: 1130px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #headerTop {
    display: none;
  }
}

#headerBottom {
  overflow: hidden;
  clear: both;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1130px;
  width: 100%;
}

#headerTopLeft {
  float: left;
  width: 39%;
}

#headerTopRight {
  float: right;
  width: 61%;
}

#headerBottomLeft {
  float: left;
  width: 39%;
  padding: 0.3em 0 0;
  overflow: hidden;
}
@media screen and (max-width: 1113px) {
  #headerBottomLeft {
    padding: 0.8em 0 0;
  }
}
@media screen and (max-width: 767px) {
  #headerBottomLeft {
    padding: 0.5em 0;
    width: 136px;
  }
}

#headerBottomRight {
  float: right;
  width: 61%;
}
@media screen and (max-width: 767px) {
  #headerBottomRight {
    width: 50%;
  }
}

.headerTi {
  font-size: 0.81rem;
  padding: 0.6em 0 0;
}

.hNavi {
  background: #499ce2;
  letter-spacing: -0.5em;
}
.hNavi li {
  display: inline-block;
  padding: 0.5em 0;
}
.hNavi li a {
  font-size: 0.95rem;
  padding: 0.3em 1em;
  position: relative;
  letter-spacing: 0.04em;
  color: #ffffff;
  border-right: 1px solid #fff;
}
.hNavi li a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1113px) {
  .hNavi li a {
    font-size: 0.55rem;
  }
}
.hNavi li:last-child a {
  border: none;
}

.icon-navi-mail::before,
.icon-navi-seminar::before,
.icon-navi-app::before,
.icon-navi-line::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin: 0 0.4em 0 0;
}
@media screen and (max-width: 1113px) {
  .icon-navi-mail::before,
.icon-navi-seminar::before,
.icon-navi-app::before,
.icon-navi-line::before {
    width: 18px;
    height: 18px;
  }
}

.icon-navi-mail::before {
  background: url(/wp-content/themes/deow/images/icon_navi_mail.svg) no-repeat center/auto 100%;
}

.icon-navi-seminar::before {
  background: url(/wp-content/themes/deow/images/icon_navi_seminar.svg) no-repeat center/auto 100%;
}

.icon-navi-app::before {
  background: url(/wp-content/themes/deow/images/icon_navi_app.svg) no-repeat center/auto 100%;
}

.icon-navi-line::before {
  background: url(/wp-content/themes/deow/images/icon_navi_line.svg) no-repeat center/auto 100%;
}

.hNavi_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .hNavi_sp {
    display: block;
  }
}
.hNavi_sp a {
  color: #fff;
  display: block;
  width: 65px;
  height: 61px;
  padding: 1em;
  margin: 0 55px 0 auto;
  background: #00b1ba;
  position: relative;
}
.hNavi_sp a i {
  font-size: 1.8em;
  height: 1em;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.logo {
  float: left;
  width: 45%;
}
@media screen and (max-width: 767px) {
  .logo {
    width: 136px;
  }
}

.hTel {
  font-family: "Oswald", sans-serif;
  font-size: 1.68rem;
  width: 50%;
  float: right;
  padding: 0.5em 0 0 40px;
  position: relative;
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .hTel {
    display: none;
  }
}
.hTel::before {
  content: "";
  margin: 0 0.1em 0 0;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 7px;
  background: url(/wp-content/themes/deow/images/icon_htel.svg) no-repeat center/auto 100%;
}
@media screen and (max-width: 1113px) {
  .hTel::before {
    bottom: 0;
  }
}
@media screen and (max-width: 1113px) {
  .hTel {
    font-size: 1.08rem;
  }
}

#gnavi {
  text-align: center;
  border-left: 1px solid #9e9e9e;
}
@media screen and (max-width: 767px) {
  #gnavi {
    display: none;
  }
}
#gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gnavi ul li {
  border-right: 1px solid #9e9e9e;
  width: 20%;
}
#gnavi ul li a {
  color: #000;
  padding: 0.1em 0.5em;
  position: relative;
  text-align: center;
  display: block;
}
#gnavi ul li a::before {
  content: "";
  display: block;
  margin: 0 auto 0.6em;
  width: 39px;
  height: 35px;
  padding: 0.5em 0 0;
}
@media screen and (max-width: 1113px) {
  #gnavi ul li a {
    font-size: 0.7rem;
  }
}

.icon-gnavi-reco::before {
  background: url(/wp-content/themes/deow/images/icon_check.svg) no-repeat center/auto 100%;
}

.icon-gnavi-country::before {
  background: url(/wp-content/themes/deow/images/icon_country.svg) no-repeat center/auto 100%;
}

.icon-gnavi-purpose::before {
  background: url(/wp-content/themes/deow/images/icon_book.svg) no-repeat center/auto 100%;
}

.icon-gnavi-support::before {
  background: url(/wp-content/themes/deow/images/icon_support.svg) no-repeat center/auto 100%;
}

.icon-gnavi-access::before {
  background: url(/wp-content/themes/deow/images/icon_access.svg) no-repeat center/auto 100%;
}

#sideNavi {
  position: fixed;
  top: 200px;
  left: 0;
  padding: 0 0.37rem 0 3rem;
  background: #ff8939;
  z-index: 10;
  display: none;
}
@media screen and (max-width: 1113px) {
  #sideNavi {
    display: none !important;
  }
}
#sideNavi::before {
  content: "お問い合わせはこちら";
  font-size: 1.2rem;
  color: #ff8939;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.03em;
  padding: 2rem 0.2rem 2rem 0;
  background: #fff;
  line-height: 2;
  position: absolute;
  top: 0.4rem;
  left: 0.1rem;
  z-index: 1;
}
#sideNavi li {
  border-bottom: 1px solid #fff;
}
#sideNavi li:last-child {
  border: none;
}
#sideNavi a {
  font-weight: 500;
  color: #fff;
  padding: 0.8em 0.2em 0.5em;
  display: block;
  position: relative;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
#sideNavi a span:last-child {
  font-size: 0;
  -webkit-transform: translate(-10%, 0);
          transform: translate(-10%, 0);
  position: absolute;
  width: 0;
  height: 100%;
  padding: 0;
  background: #ff8939;
  top: 0;
  left: 52px;
  bottom: 0;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}
#sideNavi a:hover span:last-child {
  font-size: 1rem;
  -webkit-transform: translate(0);
          transform: translate(0);
  opacity: 1;
  width: 190px;
  padding: 0 0 0 0.1rem;
}
#sideNavi span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#sideNavi span:first-child {
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 1;
}

.icon-sidenavi-mail::before,
.icon-sidenavi-seminar::before,
.icon-sidenavi-app::before,
.icon-sidenavi-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.icon-sidenavi-mail {
  background: url(/wp-content/themes/deow/images/icon_navi_mail.svg) no-repeat center/auto 100%;
}

.icon-sidenavi-seminar {
  background: url(/wp-content/themes/deow/images/icon_navi_seminar.svg) no-repeat center/78% auto;
}

.icon-sidenavi-app {
  background: url(/wp-content/themes/deow/images/icon_navi_app.svg) no-repeat center/90% auto;
}

.icon-sidenavi-line {
  background: url(/wp-content/themes/deow/images/icon_navi_line.svg) no-repeat center/100% auto;
}

/*  side menu
----------------------------*/
/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 10;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255, 255, 255, 0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255, 255, 255, 0.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  padding: 65px 0;
  text-align: left;
  font-size: 13px;
  background: #fff;
  z-index: 24;
  display: block;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate3d(300px, 0, 0);
          transform: translate3d(300px, 0, 0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.side-menu ul {
  padding: 0;
}
.side-menu ul li {
  border-top: 1px solid #000;
}
.side-menu ul li a {
  color: #000;
  display: block;
  padding: 1em 1em 1em 4.3em;
  position: relative;
}
.side-menu ul li a:hover {
  color: #eb6573;
}
.side-menu ul li a::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
}

.icon-spnavi-reco::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_reco.svg) no-repeat center/auto 90%;
}

.icon-spnavi-access::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_access.svg) no-repeat center/auto 90%;
}

.icon-spnavi-country::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_country.svg) no-repeat center/auto 90%;
}

.icon-spnavi-chara::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_chara.svg) no-repeat center/auto 90%;
}

.icon-spnavi-support::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_support.svg) no-repeat center/auto 90%;
}

.icon-spnavi-counseling::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_counseling.svg) no-repeat center/auto 90%;
}

.icon-spnavi-seminar::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_seminar.svg) no-repeat center/auto 90%;
}

.icon-spnavi-app::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_app.svg) no-repeat center/auto 90%;
}

.icon-spnavi-line::before {
  background: url(/wp-content/themes/deow/images/icon_spnavi_line.svg) no-repeat center/auto 90%;
}

.side-open .side-menu {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
  position: fixed;
  top: 10px;
  right: 20px;
  width: 35px;
  height: 35px;
  padding: 5px;
  cursor: pointer;
  z-index: 10000;
  display: none;
}
@media screen and (max-width: 767px) {
  .side-menu-btn {
    display: inherit;
  }
}

.ellipsis-v {
  position: relative;
  display: block;
  cursor: pointer;
  width: 30px;
  height: 19px;
}

.side-open .ellipsis-v {
  /*background: url(/wp-content/themes/deow/images/closeBtn.png) no-repeat center;
  background-size: 100% 100%;*/
}

.ellipsis-v .point {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 2px;
  margin: auto;
  background: #499ce2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ellipsis-v .point.top {
  top: 0;
}
.ellipsis-v .point.mid {
  top: 0;
  bottom: 0;
}
.ellipsis-v .point.bot {
  bottom: 0px;
}
.ellipsis-v .point.menu {
  left: -50%;
  right: -50%;
  bottom: 5px;
  height: 0;
  text-align: center;
  width: auto;
}
.ellipsis-v .point.menu::after {
  content: "menu";
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
  color: #007dfb;
  font-weight: 700;
}

.side-menu-btn:hover .top {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.side-menu-btn:hover .bot {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top, .side-open .top {
  width: 25px;
  height: 2px;
  left: 5px;
  background: #499ce2;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.side-open .mid {
  opacity: 0;
}
.side-open .side-menu-btn:hover .bot, .side-open .bot {
  width: 25px;
  height: 2px;
  left: 5px;
  background: #499ce2;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.side-open .ellipsis-v .point.menu {
  left: -50%;
  right: -50%;
  bottom: 5px;
  height: 0;
  text-align: center;
  width: auto;
}
.side-open .ellipsis-v .point.menu::after {
  content: "close";
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
  color: #499ce2;
  font-weight: 700;
}
.side-open .side-menu-btn:hover .ellipsis-v .point.menu::after {
  color: #499ce2;
}
.side-open .side-menu-btn:hover .bot, .side-open .side-menu-btn:hover .top {
  background: #499ce2;
}

/* サイドメニューオープン */
.side-open #containerWrap,
.side-open .overlay {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.fNavi {
  color: #fff;
  border-top: 1px solid #FFF;
  padding: 1em 15px;
  text-align: center;
  clear: both;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fNavi a {
  padding: 0 0.5em;
  color: #ffffff;
}
.fNavi a:hover {
  color: #a4cdf0;
}

#container {
  overflow: hidden;
  clear: both;
  width: 100%;
}

#content {
  padding: 0 0 0 0;
  margin: 0 auto 0;
  clear: both;
  overflow: hidden;
  width: 100%;
}

#main {
  float: right;
  width: 72%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  clear: both;
  overflow: hidden;
}

#mainone {
  width: 100%;
  overflow: hidden;
  padding: 0 0 0 0;
  margin: 0 0 50px 0;
  clear: both;
}

#topMain {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0;
  clear: both;
  overflow: hidden;
}

#topLeft {
  width: 50%;
  float: left;
  overflow: hidden;
}

#topRight {
  width: 50%;
  float: right;
  overflow: hidden;
}

#sub {
  float: left;
  width: 23%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  clear: both;
  overflow: hidden;
}

#footerWrap {
  clear: both;
  width: 100%;
  padding: 3.4rem 0 0;
  overflow: hidden;
  background: #499ce2;
}

#footer {
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
  padding: 0 15px;
}

.fBox {
  width: 18%;
  margin: 0 2% 2rem 0;
  padding: 4rem 0 0;
  overflow: hidden;
  float: left;
  position: relative;
}
@media screen and (max-width: 640px) {
  .fBox {
    width: 100%;
    margin: 0 0 2em;
  }
}
.fBox::before {
  content: "";
  width: 50px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.icon-f-country::before {
  background: url(/wp-content/themes/deow/images/icon_f_country.svg) no-repeat center/auto 100%;
}

.icon-f-objective::before {
  background: url(/wp-content/themes/deow/images/icon_f_book.svg) no-repeat center/auto 100%;
}

.icon-f-benefits::before {
  background: url(/wp-content/themes/deow/images/icon_f_benefits.svg) no-repeat center/auto 100%;
}

.icon-f-info::before {
  background: url(/wp-content/themes/deow/images/icon_f_info.svg) no-repeat center/auto 100%;
}

.icon-f-admin::before {
  background: url(/wp-content/themes/deow/images/icon_f_admin.svg) no-repeat center/100% auto;
}

.fTi {
  font-size: 0.93rem;
  font-weight: 500;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  margin: 0 0 15px;
  padding: 0.5em;
  letter-spacing: 0.06em;
}

.footerLeft {
  float: left;
  width: 50%;
}

.footerRight {
  float: right;
  text-align: right;
  width: 50%;
}

ul.fList {
  padding: 0 0 0 1em;
}

ul.fList li {
  margin: 0 0 5px 0;
}
@media screen and (max-width: 640px) {
  ul.fList li {
    margin: 0 0 10px;
  }
}

ul.fList li a {
  font-size: 0.75rem;
  padding: 0 0 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  transition: all 0.3s;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {
  ul.fList li a {
    font-size: 0.9rem;
  }
}
ul.fList li a:hover {
  color: #a4cdf0;
}
ul.fList li a:hover::after {
  background: #a4cdf0;
}

ul.fList li a::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #fff;
  line-height: 1.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-fixnavi {
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 15px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  display: none;
}
.footer-fixnavi .footer-fixnavi-desc {
  font-size: 0.8em;
  color: #fff;
  text-align: center;
}
.footer-fixnavi .footer-fixnavi-btn {
  font-size: 0.8em;
}
.footer-fixnavi .footer-fixnavi-btn a {
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
.footer-fixnavi .footer-fixnavi-btn a.btn_consultation {
  width: 67%;
  background: #ff8939;
}
.footer-fixnavi .footer-fixnavi-btn a.btn_consultation span {
  font-size: 0.9em;
  color: #ff8939;
  padding: 5px;
  margin: 0 0.3em 0 0;
  background: #fff;
}
.footer-fixnavi .footer-fixnavi-btn a.btn_line {
  width: 31%;
  background: #00C300;
}

.mesDesc {
  text-align: left;
}
@media screen and (max-width: 640px) {
  .mesDesc {
    font-size: 0.9em;
  }
}

.fcoTi {
  font-size: 2.06rem;
  font-weight: 700;
  color: #f2ed1f;
  margin: 0 auto 30px;
  padding: 0.2em 0 0;
  position: relative;
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
  text-align: center;
  border-radius: 30px;
  text-shadow: 2px 2px 0 #499ce2, 2px -2px 0 #499ce2, -2px 2px 0 #499ce2, -2px -2px 0 #499ce2, 2px 0 0 #499ce2, 0 2px 0 #499ce2, -2px 0 0 #499ce2, 0 -2px 0 #499ce2;
  position: relative;
  letter-spacing: 0.06em;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .fcoTi {
    font-size: 1.56rem;
  }
}
.fcoTi::before {
  content: "";
  width: 100%;
  height: 1.8rem;
  border-radius: 5px;
  background: #499ce2;
  position: absolute;
  left: 0;
  bottom: 0.1em;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .fcoTi::before {
    height: 0.9rem;
  }
}

.coLeftBox {
  float: left;
  width: 59%;
}
@media screen and (max-width: 640px) {
  .coLeftBox {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
}

.coRightBox {
  float: right;
  width: 40%;
}
@media screen and (max-width: 640px) {
  .coRightBox {
    width: 100%;
    float: none;
  }
}

.coTel {
  font-family: "Oswald", sans-serif;
  font-size: 4.9rem;
  font-weight: 700;
  padding: 0 0 0 110px;
  margin: 0 0 10px;
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
  position: relative;
  text-align: left;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .coTel a.sp.td {
    display: inline-block;
  }
}
.coTel::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 100px;
  height: 55px;
  background: url(/wp-content/themes/deow/images/icon_f_tel.svg) no-repeat center/auto 100%;
}
@media screen and (max-width: 1113px) {
  .coTel {
    font-size: 3.2rem;
  }
  .coTel::before {
    top: 0;
  }
}
@media screen and (max-width: 640px) {
  .coTel {
    font-size: 2rem;
    text-align: center;
    padding: 0;
  }
  .coTel::before {
    position: inherit;
    display: inline-block;
    margin: 0;
    width: 50px;
    height: 29px;
  }
}

.coTelDisc {
  text-align: left;
  font-size: 143%;
}
@media screen and (max-width: 640px) {
  .coTelDisc {
    text-align: center;
    font-size: 0.9em;
  }
}

.day-bk,
.day-bl,
.day-re {
  color: #fff;
  border-radius: 50%;
  padding: 6px 4px 4px 6px;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  line-height: 1;
  display: inline-block;
}

.day-bk {
  background: #595757;
}

.day-bl {
  background: #009fe8;
}

.day-re {
  background: #e14000;
}

.coBtn01 {
  width: 100%;
  margin: 0 auto 20px;
}

.coBtn02 {
  width: 100%;
  margin: 0 auto;
}

.coBtn01 a, .coBtn02 a {
  font-size: 1.12rem;
  font-weight: 500;
  color: #fff;
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0 4px 17px 0;
  background: #ff8939;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 0 #f0c0a4;
          box-shadow: 4px 4px 0 #f0c0a4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0);
          transform: translate(0);
}
.coBtn01 a:hover, .coBtn02 a:hover {
  -webkit-box-shadow: 1px 1px 0 #f0c0a4;
          box-shadow: 1px 1px 0 #f0c0a4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(3px, 3px);
          transform: translate(3px, 3px);
}
.coBtn01 a i, .coBtn02 a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}

.footer-sns {
  margin: 0 0 1em;
  text-align: center;
}
.footer-sns li {
  width: 30px;
  margin: 0 10px;
  display: inline-block;
}

.secound {
  clear: both;
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  height: 90px;
  background: url(/wp-content/themes/deow/images/secoundBg.png) no-repeat 0 0;
  padding-bottom: 25px;
}

.section {
  margin-bottom: 4em;
  clear: both;
}
.section::after {
  content: "";
  display: block;
  clear: both;
}

.sectionC {
  margin-bottom: 30px;
  clear: both;
  overflow: hidden;
  text-align: center;
}

.sectionGry {
  padding: 3.75rem 0 6.25rem;
  background: #efefef;
}
@media screen and (max-width: 640px) {
  .sectionGry {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionPass {
  padding: 3.75rem 0 6.25rem;
  background: url(/wp-content/themes/deow/images/bg_pass.jpg) no-repeat center/cover;
}
@media screen and (max-width: 640px) {
  .sectionPass {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionW {
  padding: 3.75rem 0 6.25rem;
  background: #fff;
}
@media screen and (max-width: 640px) {
  .sectionW {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionWtop0 {
  padding: 0 0 6.25rem;
  background: #fff;
}

.sectionYe {
  padding: 3.75rem 0 6.25rem;
  background: #fcfbd2;
}
@media screen and (max-width: 640px) {
  .sectionYe {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionSky {
  padding: 3.75rem 0 6.25rem;
  background: url(/wp-content/themes/deow/images/bg_sky.jpg) no-repeat center/cover;
}
@media screen and (max-width: 640px) {
  .sectionSky {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionDot {
  padding: 3.75rem 0 6.25rem;
  background: url(/wp-content/themes/deow/images/bg_dot.png) repeat;
}
@media screen and (max-width: 640px) {
  .sectionDot {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionLine {
  padding: 3.75rem 0 6.25rem;
  background: url(/wp-content/themes/deow/images/bg_line.png) repeat;
}
@media screen and (max-width: 640px) {
  .sectionLine {
    padding: 1.75rem 0 4.25rem;
  }
}

.sectionMess {
  padding: 2.5rem 0;
}

.sectionCon {
  padding: 2.5rem 0;
  background: #efefef;
}

.ov {
  overflow: hidden;
}

.sideSection {
  width: 100%;
  margin-bottom: 30px;
}

.sideContact {
  text-align: center;
  margin-bottom: 30px;
}

.line-section {
  margin: 2em 0;
  width: 100%;
  height: 3px;
  background: #499ce2;
}

.inner {
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.inner::after {
  content: "";
  display: block;
  clear: both;
}

.inner975 {
  max-width: 1005px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.inner975::after {
  content: "";
  display: block;
  clear: both;
}

.inner950 {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.inner950::after {
  content: "";
  display: block;
  clear: both;
}

/*
5:div
------------------------------------------------------------
*/
.leftCol {
  float: left;
  padding: 1.5em;
  width: 49%;
  background: #f2fcff;
  border: 1px solid #499ce2;
}
@media screen and (max-width: 640px) {
  .leftCol {
    float: none;
    width: 100%;
  }
}

.rightCol {
  float: right;
  padding: 1.5em;
  width: 49%;
  background: #f2fcff;
  border: 1px solid #499ce2;
}
@media screen and (max-width: 640px) {
  .rightCol {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
}

.leftBox {
  width: 49%;
  float: left;
}
@media screen and (max-width: 640px) {
  .leftBox {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
}
.leftBox > p {
  margin: 0 0 1em;
}
.leftBox.reco {
  width: 60%;
}
@media screen and (max-width: 640px) {
  .leftBox.reco {
    width: 100%;
  }
}

.rightBox {
  width: 49%;
  float: right;
}
@media screen and (max-width: 640px) {
  .rightBox {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
}
.rightBox > p {
  margin: 0 0 1em;
}
.rightBox.reco {
  width: 36%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .rightBox.reco {
    width: 100%;
  }
}

.ate {
  padding: 1.5em;
  margin: 0 0 2em;
  border: 1px dashed #499ce2;
}

.box {
  padding: 1.5em;
  margin: 0 0 2em;
}
.box.sky {
  background: #dff0f5;
}
.box.bl {
  background: #e4f0fb;
}
.box.grn {
  background: #eff7d1;
}
.box.ye {
  background: #fcfac7;
}
.box.ce {
  text-align: center;
}
.box::after {
  content: "";
  display: block;
  clear: both;
}

.mainImg {
  position: relative;
}

.mainSlider {
  width: 100%;
  margin: 0 auto;
}
.mainSlider li {
  position: relative;
  z-index: 0;
}
.mainSlider li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mainSlider li.slick-current::after {
  background: transparent;
  z-index: -1;
}
.mainSlider img {
  margin: auto;
  width: 100%;
}

#arrows, #arrows_main {
  max-width: 1200px;
  width: 100%;
  position: absolute;
  top: 53%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.leftBoxCountry {
  float: left;
  width: 42%;
}
@media screen and (max-width: 640px) {
  .leftBoxCountry {
    float: none;
    width: 100%;
  }
}

.rightBoxCountry {
  float: right;
  width: 58%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .rightBoxCountry {
    display: none;
  }
}

#mapUsa_pin,
#mapUk_pin,
#mapCanada_pin,
#mapFra_pin,
#mapMalta_pin,
#mapIreland_pin,
#mapDenmark_pin,
#mapOtherEurope_pin,
#mapPh_pin,
#mapMalaysia_pin,
#mapTaiwan_pin,
#mapChina_pin,
#mapOtherAsia_pin,
#mapAus_pin,
#mapNewz_pin,
#mapSouth_pin {
  font-size: 0.8rem;
  color: #fff;
  padding: 0.17em 0.3em;
  line-height: 1;
  background: #6f8ebd;
  display: inline-block;
  position: absolute;
}
#mapUsa_pin:hover,
#mapUk_pin:hover,
#mapCanada_pin:hover,
#mapFra_pin:hover,
#mapMalta_pin:hover,
#mapIreland_pin:hover,
#mapDenmark_pin:hover,
#mapOtherEurope_pin:hover,
#mapPh_pin:hover,
#mapMalaysia_pin:hover,
#mapTaiwan_pin:hover,
#mapChina_pin:hover,
#mapOtherAsia_pin:hover,
#mapAus_pin:hover,
#mapNewz_pin:hover,
#mapSouth_pin:hover {
  color: #000;
  background: #e9e534;
}

#mapUsa_pin {
  top: 40%;
  left: 59%;
}

#mapUk_pin {
  top: 31%;
  left: 0;
}

#mapCanada_pin {
  top: 30%;
  left: 89%;
}

#mapFra_pin {
  top: 39%;
  left: 0;
}

#mapMalta_pin {
  top: 47%;
  left: 1%;
}

#mapIreland_pin {
  top: 16%;
  left: 2%;
}

#mapDenmark_pin {
  top: 8%;
  left: 2%;
}

#mapOtherEurope_pin {
  top: 0;
  left: 0;
}

#mapPh_pin {
  top: 72%;
  left: 28%;
}

#mapMalaysia_pin {
  top: 60%;
  left: 46%;
}

#mapTaiwan_pin {
  top: 52%;
  left: 50%;
}

#mapChina_pin {
  top: 44%;
  left: 52%;
}

#mapOtherAsia_pin {
  top: 55%;
  left: 58%;
}

#mapAus_pin {
  top: 91%;
  left: 32%;
}

#mapNewz_pin {
  top: 91%;
  left: 57%;
}

#mapSouth_pin {
  top: 51%;
  left: 89%;
}

#map, #g_map {
  margin: 2em 0 2em;
}

.map {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.map::before {
  content: "";
  display: block;
  padding: 40% 0 0;
}
.map.lage::before {
  padding: 60% 0 0;
}
.map > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
6:ul
------------------------------------------------------------
*/
ul.bnrList {
  margin-bottom: 30px;
  overflow: hidden;
}
ul.bnrList li {
  padding-bottom: 15px;
}
ul.menu li a {
  display: block;
  margin: 0 auto;
  padding: 7px 0 7px 10%;
  background: #FFF url(/wp-content/themes/deow/images/righty.png) no-repeat 5% center;
  text-decoration: none;
  background-size: 10px;
}
ul.menu li a:hover {
  text-decoration: none;
}
ul.blogList {
  margin-bottom: 30px;
}
ul.blogList li {
  padding-bottom: 12px;
  border-bottom: 1px dotted #666;
  margin-bottom: 12px;
  padding: 7px 0 7px 10%;
  background: #FFF url(/wp-content/themes/deow/images/righty.png) no-repeat 5% center;
  text-decoration: none;
  background-size: 10px;
}
ul.worksList {
  overflow: hidden;
  margin-bottom: 30px;
  margin-right: -40px;
}
ul.worksList li {
  width: 214px;
  float: left;
  margin-right: 40px;
  line-height: 1.6em;
}
ul.worksList li img {
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}
ul.info-list {
  border-top: #000 1px solid;
  margin-bottom: 3rem;
}
ul.info-list li {
  text-decoration: none;
  border-bottom: #000 1px solid;
}
ul.info-list li a {
  color: #000;
  padding: 1rem 2rem;
  display: block;
}
@media screen and (max-width: 640px) {
  ul.info-list li a {
    padding: 1rem;
  }
}
ul.info-list li a:hover {
  color: #009ce4;
}
ul.info-list li a .news, ul.info-list li a .news-campaign, ul.info-list li a .news-other {
  font-size: 0.8em;
  color: #fff;
  padding: 0.2em 0.8em;
  margin: 0 1em 0 0;
  text-align: center;
  min-width: 110px;
  display: inline-block;
  line-height: 1.4;
}
ul.info-list li a .news {
  background: #499ce2;
}
ul.info-list li a .news-campaign {
  background: #bee046;
}
ul.info-list li a .news-other {
  background: #00b1ba;
}
ul.info-list li a span {
  display: inline-block;
}
ul.info-list li a span:last-child {
  width: 74%;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  ul.info-list li a span:last-child {
    width: 100%;
  }
}
ul.basicList {
  margin-bottom: 2em;
}
ul.basicList li {
  padding: 0 0 5px 20px;
  background: #FFF url(/wp-content/themes/deow/images/righty.png) no-repeat 5% center;
  text-decoration: none;
  background-size: 10px;
  margin-bottom: 5px;
}
ul.photo {
  clear: both;
  margin-right: -22px;
}
ul.photo li {
  float: left;
  margin-right: 22px;
  margin-bottom: 20px;
  width: 225px;
}
ul.photo li img {
  width: 225px;
  height: auto;
}
ul.photoList {
  clear: both;
  margin: 0 -2% 0 0;
  letter-spacing: -1em;
}
ul.photoList li {
  display: inline-block;
  margin: 0 2% 2% 0;
  width: 23%;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  ul.photoList li {
    width: 48%;
  }
}
ul.photoList li dt {
  overflow: hidden;
  margin: 0 0 10px;
  position: relative;
  z-index: 1;
}
ul.photoList li dt::before {
  content: "";
  display: block;
  padding: 50% 0 0;
}
ul.photoList li dt img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
  z-index: 0;
}
ul.photoList li dd {
  text-align: center;
}
ul.photoList2 {
  clear: both;
  margin-right: -2%;
}
ul.photoList2 li {
  float: left;
  margin-right: 2%;
  margin-bottom: 30px;
  width: 23%;
  line-height: 1.6em;
}
ul.photoList2 li img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
ul.photoList3 {
  clear: both;
  margin-right: -30px;
}
ul.photoList3 li {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 230px;
  line-height: 1.6em;
}
ul.photoList3 li img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
ul.subList {
  margin-bottom: 30px;
  margin-right: -2%;
}
ul.subList li {
  float: left;
  width: 18%;
  margin-right: 2%;
}
ul.subList li img {
  width: 100%;
  height: auto;
}

.top-hexagon-list {
  margin: 0 -1% 3rem 0;
  letter-spacing: -0.5em;
}
@media screen and (max-width: 640px) {
  .top-hexagon-list {
    margin: 0 -1% 2rem 0;
  }
}
.top-hexagon-list li {
  width: 18%;
  margin: 0 1% 1% 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .top-hexagon-list li {
    width: 49%;
  }
}
.top-hexagon-list li::before {
  content: "";
  display: block;
  padding: 86.602540378% 0 0;
}
.top-hexagon-list li p.desc {
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
  height: 3.9rem;
  letter-spacing: 0.06em;
  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;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  line-height: 1.3;
  letter-spacing: 0em;
  background: #f2ed1f;
}
.top-hexagon-list li div.filter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.top-hexagon-list li img {
  -webkit-transform: scale(1);
          transform: scale(1);
  position: relative;
  z-index: 0;
}
.top-hexagon-list li a:hover div.filter {
  opacity: 0;
}
.top-hexagon-list li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.top-hexagon-list li span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
  z-index: 2;
}
.top-hexagon-list li span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 52%;
  height: 100%;
  border-top: 2px solid #f2ed1f;
  border-bottom: 2px solid #f2ed1f;
  z-index: 3;
}
.top-hexagon-list li .hex1 {
  overflow: hidden;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.top-hexagon-list li .hex2 {
  overflow: hidden;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.top-hexagon-list li .hex3 {
  overflow: hidden;
  -webkit-transform: rotate(-120deg);
          transform: rotate(-120deg);
}
.top-hexagon-list li:nth-child(3n+2) span::before {
  border-top: 2px solid #98e2e4;
  border-bottom: 2px solid #98e2e4;
}
.top-hexagon-list li:nth-child(3n+2) .hex2, .top-hexagon-list li:nth-child(3n+2) .hex3 {
  background: #98e2e4;
}
.top-hexagon-list li:nth-child(3n+2) p.desc {
  background: #98e2e4;
}
.top-hexagon-list li:nth-child(3n) span::before {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.top-hexagon-list li:nth-child(3n) .hex2, .top-hexagon-list li:nth-child(3n) .hex3 {
  background: #fff;
}
.top-hexagon-list li:nth-child(3n) p.desc {
  background: #fff;
}

.top-reco-list {
  margin: 0 -2% 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .top-reco-list {
    margin: 0;
  }
}
.top-reco-list li {
  width: 23%;
  margin: 0 2% 0 0;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .top-reco-list li {
    width: 100%;
    margin: 0 0 2em;
    display: block;
  }
}
.top-reco-list li a {
  border: 2px solid #00b1ba;
  padding: 1.5rem 1rem;
  background: #fff;
  color: #000;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.top-reco-list li a::before, .top-reco-list li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
.top-reco-list li a::before {
  top: 0px;
  left: 0px;
}
.top-reco-list li a::after {
  bottom: 0px;
  right: 0px;
}
.top-reco-list li a p.ti {
  font-size: 1.25rem;
  font-weight: 500;
  color: #00b1ba;
  margin: 0 0 0.5em;
  text-align: center;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-reco-list li a p.desc {
  font-weight: 500;
  margin: 0 0 2rem;
  text-align: left;
  letter-spacing: 0.04em;
}
.top-reco-list li a img {
  margin: 0 auto 20px;
}
.top-reco-list li a div.top-reco-btn {
  font-size: 1.12rem;
  font-weight: 500;
  color: #fff;
  width: 100%;
  padding: 1em 1em 0.9em 1em;
  margin: auto 0 0;
  text-align: center;
  background: #00b1ba;
  border: 1px solid #00b1ba;
  border-radius: 5px;
  position: relative;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.top-reco-list li a i {
  font-size: 0.8em;
  height: 1em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
}
.top-reco-list li a:hover {
  color: #009fe8;
  -webkit-box-shadow: 0px 0px 10px #000;
          box-shadow: 0px 0px 10px #000;
}
.top-reco-list li a:hover div.top-reco-btn {
  color: #00b1ba;
  background: #fff;
}
.top-reco-list li a:hover::before, .top-reco-list li a:hover::after {
  width: 100%;
  height: 100%;
}
.top-reco-list li a:hover::before {
  border-bottom-color: #009fe8;
  border-left-color: #009fe8;
  -webkit-transition: height 0.15s, width 0.15s 0.15s;
  transition: height 0.15s, width 0.15s 0.15s;
}
.top-reco-list li a:hover::after {
  border-top-color: #009fe8;
  border-right-color: #009fe8;
  -webkit-transition: height 0.15s, width 0.15s 0.15s;
  transition: height 0.15s, width 0.15s 0.15s;
}

.seminaer-list, .seminaer-list-internal-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -2% 0 0;
}
@media screen and (max-width: 640px) {
  .seminaer-list, .seminaer-list-internal-link {
    margin: 0;
  }
}
.seminaer-list li, .seminaer-list-internal-link li {
  width: 23%;
  margin: 0 2% 2% 0;
}
@media screen and (max-width: 640px) {
  .seminaer-list li, .seminaer-list-internal-link li {
    width: 100%;
    margin: 0 0 1em;
  }
}
.seminaer-list li a, .seminaer-list-internal-link li a {
  color: #000;
  background: #fff;
  display: block;
  padding: 0.5rem;
  border-top: 3px solid #7fc2d6;
  -webkit-box-shadow: 2px 2px 10px #000;
          box-shadow: 2px 2px 10px #000;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.seminaer-list li a dl, .seminaer-list-internal-link li a dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seminaer-list li a dt, .seminaer-list-internal-link li a dt {
  max-width: 70px;
  width: 100%;
  float: left;
  margin: 0 0.5rem 0 0;
}
.seminaer-list li a dd, .seminaer-list-internal-link li a dd {
  overflow: hidden;
}
.seminaer-list li a dd p.ti, .seminaer-list-internal-link li a dd p.ti {
  font-size: 1.15rem;
  font-weight: 700;
  padding: 0 0 0.5em;
  margin: 0 0 0.5em;
  position: relative;
}
.seminaer-list li a dd p.ti::before, .seminaer-list-internal-link li a dd p.ti::before {
  content: "";
  width: 25px;
  height: 2px;
  background: #7fc2d6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.seminaer-list li a dd p.desc, .seminaer-list-internal-link li a dd p.desc {
  font-size: 0.77rem;
  font-weight: 400;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0;
}
.seminaer-list li a:hover, .seminaer-list-internal-link li a:hover {
  color: #009fe8;
  -webkit-box-shadow: 2px 2px 2px #000;
          box-shadow: 2px 2px 2px #000;
}

.seminaer-list-internal-link li a dl {
  width: 100%;
}
.seminaer-list-internal-link li a dd {
  width: 100%;
  text-align: center;
}
.seminaer-list-internal-link li a dd p.ti {
  margin: 0;
  padding: 0;
  text-align: center;
}
.seminaer-list-internal-link li a dd p.ti::before {
  display: none;
}
.seminaer-list-internal-link li a dd i {
  color: #7fc2d6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.seminaer-list-internal-link li a:hover dd i {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

/*
7:dl
------------------------------------------------------------
*/
dl.qa {
  overflow: hidden;
  clear: both;
}
dl.qa dt {
  background: url(/wp-content/themes/deow/images/q.png) no-repeat 0 0;
  padding-left: 60px;
  font-size: 114%;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #e7e7e7;
}
dl.qa dd {
  background: url(/wp-content/themes/deow/images/a.png) no-repeat 0 0;
  padding-left: 60px;
  margin-bottom: 40px;
}
dl.flow {
  padding: 20px;
  background: #FFF;
  width: 70%;
  overflow: hidden;
  margin: 0 auto 20px;
  border-radius: 8px;
}
dl.flow dt {
  float: left;
  margin-right: 20px;
}
dl.flow dd {
  overflow: hidden;
}
dl.flow dd .flowTi {
  font-size: 122%;
  font-weight: bold;
  margin-bottom: 10px;
  color: #e0aa55;
}
dl.flow dd .flowTi span {
  font-size: 170%;
  padding-right: 7px;
}

.top-country-list {
  margin: 0 0 2rem;
}
.top-country-list:last-child {
  margin: 0;
}
.top-country-list dt {
  font-size: 1.27rem;
  font-weight: 400;
  color: #fff;
  float: left;
  max-width: 130px;
  width: 100%;
  margin: 0 0.7rem 0 0;
  padding: 0.8em 0.1em;
  border-radius: 5px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .top-country-list dt {
    float: none;
    max-width: inherit;
    margin: 0 0 1em;
    padding: 0.5em 1em;
    border-radius: 0;
    text-align: left;
  }
}
.top-country-list dt.west {
  background: #499ce2;
}
@media screen and (max-width: 640px) {
  .top-country-list dt.west {
    color: #499ce2;
    background: inherit;
    border-left: 5px solid #499ce2;
    border-bottom: 1px solid #499ce2;
  }
}
.top-country-list dt.asia {
  background: #b4d445;
}
@media screen and (max-width: 640px) {
  .top-country-list dt.asia {
    color: #b4d445;
    background: inherit;
    border-left: 5px solid #b4d445;
    border-bottom: 1px solid #b4d445;
  }
}
.top-country-list dt.south {
  background: #7fc2d6;
}
@media screen and (max-width: 640px) {
  .top-country-list dt.south {
    color: #7fc2d6;
    background: inherit;
    border-left: 5px solid #7fc2d6;
    border-bottom: 1px solid #7fc2d6;
  }
}
.top-country-list dd {
  overflow: hidden;
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0;
}
@media screen and (max-width: 640px) {
  .top-country-list dd p {
    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;
  }
}
.top-country-list dd a {
  color: #000;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .top-country-list dd a {
    width: 47.5%;
    padding: 0;
    display: block;
    margin: 0 0 5%;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
  }
  .top-country-list dd a::before {
    content: "";
    width: 100%;
    padding: 100% 0 0;
    display: block;
    background-size: cover;
    background-position: center;
  }
  .top-country-list dd a#mapUsa::before {
    background-image: url(https://storage.googleapis.com/deow-wp/325a1e00-thumbnail_usa.jpg);
  }
  .top-country-list dd a#mapUk::before {
    background-image: url(https://storage.googleapis.com/deow-wp/3f7b62fa-thumbnail_uk.jpg);
  }
  .top-country-list dd a#mapCanada::before {
    background-image: url(https://storage.googleapis.com/deow-wp/2e327f43-thumbnail_canada.jpg);
  }
  .top-country-list dd a#mapFra::before {
    background-image: url(https://storage.googleapis.com/deow-wp/97eba60d-thumbnail_france.jpg);
  }
  .top-country-list dd a#mapMalta::before {
    background-image: url(https://storage.googleapis.com/deow-wp/a5d60923-thumbnail_malta.jpg);
  }
  .top-country-list dd a#mapIreland::before {
    background-image: url(https://storage.googleapis.com/deow-wp/dc1cfd91-thumbnail_ireland.jpg);
  }
  .top-country-list dd a#mapDenmark::before {
    background-image: url(https://storage.googleapis.com/deow-wp/denmark-nyhavn.png);
  }
  .top-country-list dd a#mapOtherEurope::before {
    background-image: url(https://storage.googleapis.com/deow-wp/737a9231-thumbnail_othereurope.jpg);
  }
  .top-country-list dd a#mapPh::before {
    background-image: url(https://storage.googleapis.com/deow-wp/3fac83e5-thumbnail_philippines.jpg);
  }
  .top-country-list dd a#mapMalaysia::before {
    background-image: url(https://storage.googleapis.com/deow-wp/c61588c1-thumbnail_malaysia.jpg);
  }
  .top-country-list dd a#mapTaiwan::before {
    background-image: url(https://storage.googleapis.com/deow-wp/c3170274-thumbnail_taiwan.jpg);
  }
  .top-country-list dd a#mapChina::before {
    background-image: url(https://storage.googleapis.com/deow-wp/c7cd1cf0-thumbnail_china.jpg);
  }
  .top-country-list dd a#mapOtherAsia::before {
    background-image: url(https://storage.googleapis.com/deow-wp/9159c1c9-thumbnail_otherasia.jpg);
  }
  .top-country-list dd a#mapAus::before {
    background-image: url(https://storage.googleapis.com/deow-wp/23af5b4d-thumbnail_au.jpg);
  }
  .top-country-list dd a#mapNewz::before {
    background-image: url(https://storage.googleapis.com/deow-wp/f9dcf86f-thumbnail_nz.jpg);
  }
  .top-country-list dd a#mapSouth::before {
    background-image: url(https://storage.googleapis.com/deow-wp/8b34083b-thumbnail_latin.jpg);
  }
  .top-country-list dd a span {
    display: block;
    padding: 0.5em;
    font-size: 0.87em;
  }
}

/*
8:table
------------------------------------------------------------
*/
.basicTable {
  margin-bottom: 30px;
  width: 100%;
}
.basicTable th {
  padding: 3%;
  border-top: #FFF solid 5px;
  border-bottom: #FFF solid 5px;
  border-right: #FFF solid 5px;
  background: #e7e7e7;
  font-weight: bold;
  text-align: left;
}
.basicTable td {
  padding: 3%;
  border-top: #FFF solid 5px;
  border-bottom: #FFF solid 5px;
  background: #f7f7f7;
  text-align: left;
  vertical-align: top;
}

table.menuTable {
  margin-bottom: 30px;
}
table.menuTable th {
  padding: 3%;
  width: 24%;
}
table.menuTable td {
  padding: 3%;
  width: 14%;
}

/*
9:タイトル
------------------------------------------------------------
*/
.title-wrap {
  padding: 0.5em;
  background: #f2ed1f;
  border-bottom: 4px solid #dde21d;
}
.title-wrap.bl {
  background: #499ce2;
  border-bottom: 4px solid #f2ed1f;
}

.icon-sec-ti {
  font-family: "Oswald", sans-serif;
  font-size: 1.56rem;
  font-weight: 700;
  display: block;
  position: relative;
  letter-spacing: 0.06em;
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px 0 70px;
}
@media screen and (max-width: 640px) {
  .icon-sec-ti {
    font-size: 1.26rem;
  }
}
.icon-sec-ti span {
  padding: 0 1em 0 0.5rem;
}
.icon-sec-ti span.sub {
  font-size: 0.87rem;
  display: block;
  padding-bottom: 0.7em;
  margin: 0 0 0.1em;
  line-height: 1;
  border: none;
}
@media screen and (max-width: 640px) {
  .icon-sec-ti span.sub {
    font-size: 0.77rem;
  }
}
.icon-sec-ti span:nth-child(2) {
  padding-top: 0em;
  margin: 0.1em 0 0;
  border-top: 1px solid #000;
  position: relative;
}
@media screen and (max-width: 640px) {
  .icon-sec-ti span:nth-child(2) {
    display: block;
  }
}
.icon-sec-ti span:nth-child(2)::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(/wp-content/themes/deow/images/icon_jet.svg) no-repeat center/auto 100%;
  position: absolute;
  top: -0.3em;
  right: -1em;
}
.icon-sec-ti::before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.icon-sec-ti.white {
  color: #fff;
  padding: 0.5em 15px 0.5em 70px;
}

.icon-country::before {
  background: url(/wp-content/themes/deow/images/icon_country.svg) no-repeat center/auto 90%;
}

.icon-objective::before {
  background: url(/wp-content/themes/deow/images/icon_book.svg) no-repeat center/auto 90%;
}

.icon-news::before {
  background: url(/wp-content/themes/deow/images/icon_news.svg) no-repeat center/auto 90%;
}

.icon-check::before {
  background: url(/wp-content/themes/deow/images/icon_check.svg) no-repeat center/auto 90%;
}

.icon-seminar::before {
  background: url(/wp-content/themes/deow/images/icon_seminar.svg) no-repeat center/auto 90%;
}

.icon-crown02::before {
  background: url(/wp-content/themes/deow/images/icon_crown02.svg) no-repeat center/auto 72%;
}

.icon-access::before {
  background: url(/wp-content/themes/deow/images/icon_access.svg) no-repeat center/auto 90%;
}

.icon-info02::before {
  background: url(/wp-content/themes/deow/images/icon_info02.svg) no-repeat center/auto 90%;
}

.icon-support::before {
  background: url(/wp-content/themes/deow/images/icon_support.svg) no-repeat center/auto 90%;
}

.icon-exp::before {
  background: url(/wp-content/themes/deow/images/icon_exp.svg) no-repeat center/90% auto;
}

.icon-cycle::before {
  background: url(/wp-content/themes/deow/images/icon_cycle.svg) no-repeat center/auto 90%;
}

h2.mainTi {
  margin-bottom: 35px;
  padding: 15px 0;
  font-size: 157%;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  text-align: center;
  font-weight: bold;
  color: #000;
}

h3.title {
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 157%;
  text-align: center;
  color: #000;
  letter-spacing: 2px;
}
h3.mainTi {
  margin-bottom: 20px;
  font-size: 138.5%;
  padding: 10px 0px 5px 0;
  font-weight: bold;
  color: #000;
}
h3.subTi {
  font-weight: bold;
  font-size: 131%;
  margin-bottom: 25px;
  padding-bottom: 10px;
  color: #000;
  border-bottom: 1px solid #000;
}

h4.mainTi {
  border: 1px solid #111;
  padding: 5px;
  text-align: center;
  color: #111;
  font-size: 123.1%;
  margin-bottom: 15px;
}
h4.subTi {
  font-weight: bold;
  font-size: 116%;
}

.worksTi {
  font-size: 108%;
  margin-bottom: 15px;
}

.infoTi {
  margin-right: 10px;
  font-size: 114%;
  font-weight: bold;
}

/*
10：装飾
------------------------------------------------------------
*/
.tel {
  font-size: 124%;
  color: #111;
}

.name {
  margin-bottom: 15px;
  font-size: 129%;
}

.big {
  font-weight: bold;
  font-size: 129%;
  margin-bottom: 15px;
}

.disc {
  padding-bottom: 0px;
  font-size: 86%;
  line-height: 1.6em;
}

.hr {
  clear: both;
  height: 1px;
  margin: 1em 0;
  border-top: #999 1px dotted;
}

.bold {
  font-weight: bold;
  font-size: 108%;
  padding-bottom: 10px;
}

.day {
  padding-right: 15px;
}

.news_day {
  margin: 0 0 1em;
  font-size: 0.92em;
}
@media screen and (min-width: 768px) {
  .news_day {
    font-size: 1em;
  }
}

.data {
  padding-bottom: 5px;
  font-size: 86%;
}

.posted {
  width: 25%;
  font-size: 86%;
  text-align: center;
  background: #000;
  color: #FFF;
  margin: 0 0 20px;
}

.price {
  color: #e71616;
  font-weight: bold;
  font-size: 129%;
  margin-bottom: 20px;
}

.priceMini {
  font-size: 86%;
}

.fLogo {
  margin-bottom: 15px;
}

.copy {
  clear: both;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.5em 15px;
  background: #f2ed1f;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .copy {
    line-height: 1.5;
    padding: 0.8em 15px;
  }
}

/*
11:ボタン系
------------------------------------------------------------
*/
#topcontrol {
  width: 55px;
  height: 55px;
  background: url(/wp-content/themes/deow/images/pageTop.png) no-repeat center/100%;
  z-index: 20;
}
@media screen and (max-width: 640px) {
  #topcontrol {
    right: 5px;
    bottom: 85px !important;
  }
}

.more {
  text-align: center;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 114%;
  color: #CCC;
  margin: 0 5%;
  width: 90%;
}
.more a:link {
  display: block;
  padding: 3px 0;
  width: 100%;
  margin: 0 0;
  border: 1px solid #666;
}
.more a:hover {
  border: 1px dotted #111;
  color: #CCC;
}

.btn2 {
  padding-bottom: 10px;
}

.btn {
  text-align: center;
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 114%;
  color: #CCC;
  margin: 0 5%;
  width: 90%;
}
.btn a:link {
  display: block;
  padding: 3px 0;
  width: 100%;
  margin: 0 0;
  border: 1px solid #666;
}
.btn a:hover {
  border: 1px dotted #111;
  color: #CCC;
}

.leBtn {
  text-align: left;
}

.ceBtn {
  text-align: center;
}

.leBtn a, .ceBtn a {
  display: inline-block;
  font-size: 1.12rem;
  font-weight: 500;
  color: #000;
  padding: 0.6em 5em 0.5em;
  position: relative;
  background: #ebf4f5;
  border: 1px solid #000;
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .leBtn a, .ceBtn a {
    width: 100%;
    padding: 0.6em 1.8em;
  }
}
.leBtn a:hover, .ceBtn a:hover {
  color: #009fe8;
  background: #fff;
  border: 1px solid #009fe8;
}
.leBtn i, .ceBtn i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 0.8em;
  line-height: 1;
}

.top-info-btnwrap {
  width: 100%;
  max-width: 780px;
  overflow: hidden;
  margin: auto;
}
.top-info-btnwrap .left {
  width: 48%;
  float: left;
}
@media screen and (max-width: 640px) {
  .top-info-btnwrap .left {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
}
.top-info-btnwrap .right {
  width: 48%;
  float: right;
}
@media screen and (max-width: 640px) {
  .top-info-btnwrap .right {
    width: 100%;
    float: none;
  }
}

/*
12:その他パーツ
------------------------------------------------------------
*/
#breadcrumbList {
  font-size: 0.75rem;
  padding: 1rem 0;
}

.wp-pagenavi {
  clear: both;
  padding: 15px 0 !important;
}

.alignleft {
  float: left;
  padding: 0 15px 15px 0;
}

.alignright {
  float: right;
  padding: 0 0 15px 15px;
}

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

.photoL {
  float: left;
  max-width: 500px;
  padding: 0 1.5rem 1.5rem 0;
}
@media screen and (max-width: 640px) {
  .photoL {
    max-width: inherit;
    width: 100%;
    display: block;
    float: none;
    padding: 0 0 1rem;
  }
}
.photoL p {
  overflow: auto;
}

.photoR {
  float: right;
  max-width: 500px;
  padding: 0 0 1.5rem 1.5rem;
}
@media screen and (max-width: 640px) {
  .photoR {
    max-width: inherit;
    width: 100%;
    display: block;
    float: none;
    padding: 0 0 1rem;
  }
}
.photoR p {
  overflow: auto;
}

/*
13:コンタクトフォーム
------------------------------------------------------------
*/
table.contactform {
  width: 100%;
  table-layout: fixed;
}
table.contactform th {
  width: 35%;
  padding: 1em;
  font-size: 110%;
  border-bottom: #e1eafd solid 2px;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 640px) {
  table.contactform th {
    width: 100%;
    display: block;
    padding: 1em 1em 0.2em;
    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: 640px) {
  table.contactform td {
    width: 100%;
    display: block;
    padding: 0.2em 1em 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;
}

ul.contactform {
  letter-spacing: -0.5em;
}
ul.contactform li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 1em 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: 640px) {
  .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;
  vertical-align: top;
}
.contactCheckBox input[type=checkbox] + .wpcf7-list-item-label:before {
  content: "";
  font-family: "ionicons";
  color: #ccc;
  font-size: 22px;
  margin: 0 10px 0 0;
}
.contactCheckBox input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  content: "";
  color: #17bcdf;
}

#datepicker {
  width: 40%;
}

table.contactform .red {
  text-align: center;
  font-size: 90%;
  color: #FFF;
  padding: 5px 8px;
  background: #ed6002;
  margin-right: 20px;
  border-radius: 5px;
}
table.contactform .gry {
  text-align: center;
  font-size: 90%;
  color: #FFF;
  padding: 5px 8px;
  background: #b1bdca;
  margin-right: 20px;
  border-radius: 5px;
}

span.gry {
  text-align: center;
  font-size: 90%;
  color: #FFF;
  padding: 5px 8px;
  background: #b1bdca;
  margin-right: 20px;
  border-radius: 5px;
}

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;
  border-bottom: #e1eafd solid 2px;
  position: relative;
}
dl.contact-drop dt.active {
  border: none;
}
dl.contact-drop dt::after {
  content: "+";
  position: absolute;
  height: 1em;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
dl.contact-drop dt.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
dl.contact-drop dd {
  display: none;
}

/*
14:ワードプレス
------------------------------------------------------------
*/
.widget_search {
  background: #FFF;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
}

h3.widget-title {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 100%;
  background: #000;
  color: #FFF;
}

.sideSectionw ul {
  margin-bottom: 20px;
}
.sideSectionw ul li {
  padding-bottom: 8px;
  padding-left: 15px;
  margin-bottom: 8px;
  background: url(migi1.gif) no-repeat 0 5px;
  border-bottom: 1px dotted #604c3f;
}

.widget ul li {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 8px;
  margin-bottom: 12px;
  background: url(/wp-content/themes/deow/images/migi.png) no-repeat right 40%;
  background-size: 5px;
}

.wp-pagenavi {
  padding: 10px 0px 10px !important;
  display: block !important;
  clear: both !important;
}
.wp-pagenavi a {
  display: inline-block;
  color: #333333 !important;
  text-shadow: 0px 1px #F6F6F6 !important;
  padding: 6px 9px 6px 9px !important;
  border: solid 1px #B6B6B6 !important;
  box-shadow: 0px 1px #EFEFEF !important;
  -moz-box-shadow: 0px 1px #EFEFEF !important;
  -webkit-box-shadow: 0px 1px #EFEFEF !important;
  background: #E6E6E6 !important;
  background: -moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)) !important;
  font-size: 12px !important;
  margin-right: 3px !important;
  text-decoration: none !important;
}
.wp-pagenavi span.pages, .wp-pagenavi span.extend {
  display: inline-block;
  color: #333333 !important;
  text-shadow: 0px 1px #F6F6F6 !important;
  padding: 6px 9px 6px 9px !important;
  border: solid 1px #B6B6B6 !important;
  box-shadow: 0px 1px #EFEFEF !important;
  -moz-box-shadow: 0px 1px #EFEFEF !important;
  -webkit-box-shadow: 0px 1px #EFEFEF !important;
  background: #E6E6E6 !important;
  background: -moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)) !important;
  font-size: 12px !important;
  margin-right: 3px !important;
  text-decoration: none !important;
}
.wp-pagenavi a:hover {
  display: inline-block;
  color: #fff !important;
  text-shadow: 0px 1px #3C3C3C !important;
  border-color: #202020 !important;
  background: #525252 !important;
  background: -moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252)) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 1px #E7E7E7 !important;
  -moz-box-shadow: 0px 1px #E7E7E7 !important;
  -webkit-box-shadow: 0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current {
  display: inline-block;
  padding: 6px 9px 6px 9px !important;
  border: solid 1px #DCDCDC !important;
  color: #fff !important;
  box-shadow: 0px 1px #E7E7E7 !important;
  -moz-box-shadow: 0px 1px #E7E7E7 !important;
  -webkit-box-shadow: 0px 1px #E7E7E7 !important;
  margin-right: 3px !important;
  text-shadow: 0px 1px #3C3C3C !important;
  border-color: #202020 !important;
  background: #525252 !important;
  background: -moz-linear-gradient(top, #9F9F9F 1px, #6C6C6C 1px, #525252) !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #9F9F9F), color-stop(0.02, #6C6C6C), color-stop(1, #525252)) !important;
}

/*
15:マージン・パディング
------------------------------------------------------------
*/
.m05 {
  margin-bottom: 5px;
}

.m10 {
  margin-bottom: 10px;
}

.m12 {
  margin-bottom: 12px;
}

.m15 {
  margin-bottom: 15px;
}

.m20 {
  margin-bottom: 20px;
}

.m30 {
  margin-bottom: 30px;
}

.m40 {
  margin-bottom: 40px;
}

.m50 {
  margin-bottom: 50px;
}

.m60 {
  margin-bottom: 60px;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.ml05 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.mr05 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.pt05 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb05 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl05 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr05 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.imgTi {
  margin-bottom: 15px;
}

.imgTi0 {
  margin-bottom: 0px;
}

.imgTi5 {
  padding-bottom: 5px;
}

.imgTi10 {
  padding-bottom: 10px;
}

.imgTi15 {
  padding-bottom: 15px;
}

.imgTi20 {
  padding-bottom: 20px;
}

.imgTi30 {
  padding-bottom: 30px;
}

/*
16:オリジナル
------------------------------------------------------------
*/
/*
Pagination
------------------------------------------------------------
*/
ul.paginationList {
  width: 100%;
  margin: 0 auto 20px;
  letter-spacing: -0.5em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 640px) {
  ul.paginationList {
    position: relative;
    padding: 0 0 40px;
  }
}
ul.paginationList li.prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  width: 30%;
  vertical-align: top;
  letter-spacing: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  ul.paginationList li.prev {
    width: 50%;
  }
}
ul.paginationList li.prev a {
  color: #fff;
  padding: 5px 5px 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #fff;
  background: #00b1ba url(/wp-content/themes/deow/images/arrow_wleft.svg) no-repeat 4% center;
  background-size: auto 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.paginationList li.prev a:hover {
  color: #00b1ba;
  border: 1px solid #00b1ba;
  background: #fff url(/wp-content/themes/deow/images/arrow_skyleft.svg) no-repeat 4% center;
  background-size: auto 8px;
}
ul.paginationList li.middle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  width: 40%;
  vertical-align: top;
  letter-spacing: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  ul.paginationList li.middle {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
ul.paginationList li.middle a {
  color: #fff;
  padding: 5px 5px 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background: #00b1ba;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.paginationList li.middle a:hover {
  border: 1px solid #00b1ba;
  color: #00b1ba;
  background: #fff;
}
ul.paginationList li.next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: right;
  width: 30%;
  vertical-align: top;
  letter-spacing: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  ul.paginationList li.next {
    width: 50%;
  }
}
ul.paginationList li.next a {
  color: #fff;
  padding: 5px 20px 5px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #fff;
  background: #00b1ba url(/wp-content/themes/deow/images/arrow_wright.svg) no-repeat 95% center;
  background-size: auto 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.paginationList li.next a:hover {
  color: #00b1ba;
  border: 1px solid #00b1ba;
  background: #fff url(/wp-content/themes/deow/images/arrow_skyright.svg) no-repeat 95% center;
  background-size: auto 8px;
}

.pagenationList ul {
  text-align: center;
  letter-spacing: -1em;
}
.pagenationList li {
  margin: 0 2px;
  display: inline-block;
  letter-spacing: normal;
}
.pagenationList li a {
  color: #fff;
  border: 1px solid #00b1ba;
  background: #00b1ba;
  padding: 0.5em 0.8em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pagenationList li a:hover {
  color: #00b1ba;
  background: #d8fdff;
}
.pagenationList li span.current {
  color: #00b1ba;
  border: 1px solid #00b1ba;
  background: #fff;
  padding: 0.8em;
}

/*
下層ナビ
------------------------------------------------------------
*/
#subNaviWrap {
  padding: 1rem 0;
  width: 100%;
  background: #dbebf9;
  overflow: auto;
}

#subNaviWrap::-webkit-scrollbar {
  height: 5px;
}

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

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

#subNavibox {
  width: 1130px;
  padding: 0 15px;
  margin: auto;
}

#subNavi {
  text-align: center;
  letter-spacing: -1em;
}
#subNavi::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 640px) {
  #subNavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#subNavi li {
  display: inline-block;
  border-left: 1px solid #000;
  text-align: center;
  letter-spacing: normal;
}
#subNavi li:last-child {
  border-right: 1px solid #000;
}
#subNavi li a {
  font-weight: 500;
  color: #000;
  letter-spacing: 0.02em;
  display: block;
  padding: 0.5em 1.5em 0.1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  #subNavi li a {
    font-size: 0.9em;
    padding: 0.8em 1em;
    line-height: 1.6;
  }
}
#subNavi li a:hover {
  color: #009fe8;
}

#thirdNaviWrap {
  padding: 1rem 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #d5d5d5;
}
@media screen and (max-width: 640px) {
  #thirdNaviWrap {
    overflow: auto;
  }
}

#thirdNaviWrap::-webkit-scrollbar {
  height: 5px;
}

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

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

#subNavibox {
  width: 1130px;
  padding: 0 15px;
  margin: auto;
}

#thirdNavibox {
  max-width: 1130px;
  width: 100%;
  padding: 0 15px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  #thirdNavibox {
    max-width: inherit;
    width: 1130px;
    overflow: auto;
  }
}

#thirdNavi::after {
  content: "";
  display: block;
  clear: both;
}
#thirdNavi li {
  float: left;
  text-align: center;
}
#thirdNavi li a {
  font-weight: 500;
  color: #000;
  letter-spacing: 0.02em;
  display: block;
  padding: 0.5em 1em 0.1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#thirdNavi li a:hover {
  color: #009fe8;
}

/*
tab
------------------------------------------------------------
*/
.style01 {
  letter-spacing: -0.5em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .style01 {
    text-align: left;
  }
}
.style01 li {
  font-size: 1rem;
  font-weight: 700;
  width: 11.8%;
  margin: 0 0.8%;
  padding: 0.6em 0;
  line-height: 1.1;
  text-align: center;
  display: inline-block;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  letter-spacing: 0.03em;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .style01 li {
    width: 48%;
    text-align: center;
  }
}
.style01 li span {
  font-family: "Oswald", sans-serif;
  font-size: 0.62rem;
  display: block;
}
.style01 li.active {
  font-size: 1.2rem;
  padding: 0.6em 0;
  margin: 0 0 -1px;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #f2ed1f), color-stop(0, #fff));
  background: linear-gradient(#f2ed1f 7%, #fff 0);
}
@media screen and (max-width: 640px) {
  .style01 li.active {
    font-size: 1rem;
    margin: 0 0.8%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f2ed1f), color-stop(0, #fff));
    background: linear-gradient(#f2ed1f 20%, #fff 0);
  }
}
.style01 li.active span {
  font-size: 0.75rem;
}

.style02 {
  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 0 3em;
}
@media screen and (min-width: 768px) {
  .style02 {
    margin: 0 0 5em;
  }
}
.style02 li {
  width: 48%;
  margin: 0 0 2%;
  color: #499ce2;
  text-align: center;
  border: 1px solid #499ce2;
  padding: 0.5em 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .style02 li {
    width: 19%;
  }
}
.style02 li.active {
  color: #fff;
  background: #499ce2;
}

.scpanel {
  border: 1px solid #000;
  padding: 2rem;
  margin: 0 0 2rem;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
}

.panel {
  display: none;
}

.show {
  display: block;
}

.panel.booking_panel {
  padding: 0;
}

/*
学校詳細
------------------------------------------------------------
*/
/*box*/
.rightMoveBox {
  float: right;
  max-width: 500px;
  width: 100%;
  margin: 0 0 20px 20px;
  position: relative;
}
@media screen and (max-width: 999px) {
  .rightMoveBox {
    float: none;
    margin: 0 0 1.5em;
  }
}
.rightMoveBox::before {
  content: "";
  display: block;
  padding: 60.8% 0 0;
}
.rightMoveBox > iframe {
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

.leftScBox,
.rightScBox {
  overflow: hidden;
}

.flex-two-right-Box {
  margin: 0 0 0 auto;
  text-align: right;
}
.flex-two-right-Box div {
  display: inline-block;
  padding: 0 0 0 1em;
  vertical-align: bottom;
}

/*title*/
.scTi {
  font-family: "Oswald", sans-serif;
  font-size: 1.87rem;
  font-weight: 700;
  padding: 0.4em 1em 0.4em 0.8em;
  margin-bottom: 0.8em;
  background: #f2ed1f;
}
@media screen and (max-width: 640px) {
  .scTi {
    font-size: 1.6rem;
  }
}
.scTi span {
  font-size: 1rem;
  display: block;
  position: relative;
  padding: 0.5em 0 0;
  margin: 0.6em 0 0;
  border-top: 1px solid #000;
}
.scTi span::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(/wp-content/themes/deow/images/icon_jet.svg) no-repeat center/auto 100%;
  position: absolute;
  top: -0.5em;
  right: -1.3em;
}

.bo-bot-bk {
  font-size: 1.56rem;
  font-weight: 700;
  padding: 0.9em 0.5em 0.5em 3.5em;
  margin: 0 0 1em;
  background: #f2ed1f;
  position: relative;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .bo-bot-bk {
    font-size: 1.2rem;
    padding: 0.9em 0.5em 0.5em 3em;
  }
}
.bo-bot-bk::before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 11px;
  bottom: 0;
  margin: auto;
  background: url(/wp-content/themes/deow/images/icon_magnifying_glass.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 640px) {
  .bo-bot-bk::before {
    width: 35px;
    height: 35px;
  }
}

/*ul*/
.schoolDateList {
  margin: 0 -2% 2% 0;
  letter-spacing: -0.5em;
}
@media screen and (max-width: 640px) {
  .schoolDateList {
    margin: 0 0 1em;
  }
}
.schoolDateList li {
  width: 31%;
  margin: 0 2% 0 0;
  background: #dbebf9;
  padding: 1rem;
  text-align: center;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .schoolDateList li {
    width: 100%;
    margin: 0 0 1em;
  }
}
@media screen and (max-width: 640px) {
  .schoolDateList li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.schoolDateList li dt {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #000;
  padding: 0.8em 0 0.4em;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dt {
    text-align: left;
    float: left;
    clear: both;
    width: 130px;
    padding: 0 1em 0 0;
    margin: 0 1em 0 0;
    border-right: 1px solid #000;
    border-bottom: none;
  }
}
.schoolDateList li dt span {
  position: relative;
  display: inline-block;
  margin: 0 0.5em 0 0;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dt span {
    vertical-align: middle;
    margin: 0 1em 0 0;
  }
}
.schoolDateList li dt span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.schoolDateList li dt.country span {
  width: 30px;
  height: 30px;
}
.schoolDateList li dt.country span::before {
  background: url(/wp-content/themes/deow/images/icon_sc_country.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dt.country span {
    width: 48px;
  }
  .schoolDateList li dt.country span::before {
    background: url(/wp-content/themes/deow/images/icon_sc_country.svg) no-repeat center/auto 100%;
  }
}
.schoolDateList li dt.city span {
  width: 30px;
  height: 30px;
}
.schoolDateList li dt.city span::before {
  background: url(/wp-content/themes/deow/images/icon_city.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dt.city span {
    width: 48px;
  }
  .schoolDateList li dt.city span::before {
    background: url(/wp-content/themes/deow/images/icon_city.svg) no-repeat center/auto 100%;
  }
}
.schoolDateList li dt.student span {
  width: 48px;
  height: 31px;
}
.schoolDateList li dt.student span::before {
  background: url(/wp-content/themes/deow/images/icon_student.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dt.student span::before {
    background: url(/wp-content/themes/deow/images/icon_student.svg) no-repeat center/auto 100%;
  }
}
.schoolDateList li dd {
  padding: 0.7em 0 0;
}
@media screen and (max-width: 640px) {
  .schoolDateList li dd {
    font-size: 0.9em;
    overflow: hidden;
    text-align: left;
    padding: 0;
  }
}

.flag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -2% 3rem 0;
  letter-spacing: -0.5em;
}
@media screen and (max-width: 640px) {
  .flag-list {
    margin: 0 -2% 2rem 0;
  }
}
.flag-list li {
  display: inline-block;
  width: 18%;
  margin: 0 2% 2% 0;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .flag-list li {
    width: 48%;
  }
}
.flag-list li a {
  color: #000;
  background: #fff;
  display: block;
  padding: 1.1rem 0 0.4rem;
  border-top: 3px solid #7fc2d6;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
  height: 100%;
  position: relative;
}
.flag-list li a > br {
  display: none;
}
.flag-list li a::after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  right: 3px;
  bottom: 3px;
  border-top: 11px solid transparent;
  border-left: 11px solid transparent;
  border-right: 11px solid #7fc2d6;
  border-bottom: 11px solid #7fc2d6;
}
.flag-list li a:hover {
  color: #009fe8;
  opacity: 0.8;
}
.flag-list li a dt {
  max-width: 85px;
  width: 100%;
  margin: 0 auto 0.5rem;
}
.flag-list li a dd {
  overflow: hidden;
}
.flag-list li a dd p.ti {
  font-size: 1.37rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: center;
}

.schoolType {
  margin: 0 -2% 2rem 0;
  letter-spacing: -1em;
}
.schoolType li {
  font-size: 1.12rem;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  letter-spacing: 0.06em;
  margin: 0 2% 2% 0;
  padding: 0.5em 1em;
  background: #499ce2;
}
@media screen and (max-width: 640px) {
  .schoolType li {
    font-size: 0.9em;
  }
}

ul.priceLink li {
  margin: 0 5px 15px 0;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  ul.priceLink li {
    display: block;
  }
}
ul.priceLink li a {
  padding: 10px 30px;
  display: inline-block;
  background: #499ce2;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 640px) {
  ul.priceLink li a {
    width: 100%;
    padding: 0.5em 1em;
    font-size: 0.87em;
  }
}
ul.priceLink li a::after {
  font-family: "fontawesome";
  font-weight: 700;
  color: #fff;
  height: 15px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  content: "";
}

.leUpHLBlBtn a {
  margin: 0 0 15px;
  padding: 10px 30px;
  display: inline-block;
  background: #499ce2;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 640px) {
  .leUpHLBlBtn a {
    width: 100%;
    padding: 0.5em 1em;
    font-size: 0.87em;
  }
}
.leUpHLBlBtn a::after {
  content: "";
  font-family: "fontawesome";
  font-weight: 700;
  color: #fff;
  height: 15px;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

/*dl*/
.schoolData {
  overflow: hidden;
  margin: 0 0 20px 0;
}
.schoolData > dt {
  overflow: hidden;
  margin: 0 1.2rem 0 0;
  width: 40%;
  float: left;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .schoolData > dt {
    width: 100%;
    float: none;
  }
}
.schoolData dd {
  overflow: hidden;
}

.camDroList {
  padding: 1.5em;
  margin: 0 0 1.5em;
  overflow: hidden;
  border: 3px solid #7fd6be;
  background: #e6fff8;
}
.camDroList dt {
  font-size: 1.4em;
  font-weight: 500;
  color: #00bf8b;
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
  padding: 0 0 1em 2em;
  position: relative;
  cursor: pointer;
}
.camDroList dt::before {
  content: "";
  font-family: "fontawesome";
  font-size: 1.5em;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
  line-height: 1;
}
.camDroList dt::after {
  content: "詳細を見る";
  display: block;
  font-size: 0.7em;
  opacity: 1;
  position: absolute;
  left: 2.9em;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.camDroList dt.active::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.camDroList dt.active::after {
  opacity: 0;
}
.camDroList dd {
  color: #00bf8b;
  padding: 1em 0 0;
  overflow: hidden;
  display: none;
}

/*table*/
.scTable {
  width: 100%;
  margin: 0 0 2em;
  border-top: 2px solid #00b1ba;
  border-bottom: 2px solid #00b1ba;
}
.scTable th {
  font-size: 1.12rem;
  font-weight: 700;
  width: 22%;
  padding: 1em;
  text-align: center;
  border-bottom: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .scTable th {
    font-size: 1rem;
    color: #00b1ba;
    width: 100%;
    display: block;
    padding: 1em 1em 0;
    border-bottom: none;
    text-align: left;
  }
}
.scTable td {
  font-size: 1.12rem;
  font-weight: 500;
  padding: 1em;
  border-bottom: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .scTable td {
    font-size: 1rem;
    width: 100%;
    display: block;
    padding: 0 1em 1em;
  }
}

/*
サンプル
------------------------------------------------------------
*/
/*box*/
.arrowBox {
  padding: 1.5em;
  margin: 0 0 2em;
  position: relative;
}
.arrowBox::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2em;
  margin: auto;
  border-top: 2em solid transparent;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 0 solid transparent;
}
.arrowBox::after {
  display: block;
  clear: both;
}
.arrowBox.bl {
  border: 1px solid #499ce2;
}
.arrowBox.bl::before {
  border-top: 2em solid #499ce2;
}
.arrowBox.grn {
  border: 1px solid #00b1ba;
}
.arrowBox.grn::before {
  border-top: 2em solid #00b1ba;
}
.arrowBox.ye {
  border: 1px solid #f2ed1f;
}
.arrowBox.ye::before {
  border-top: 2em solid #f2ed1f;
}
.arrowBox.ce {
  text-align: center;
}

.arrowBoxEnd {
  padding: 1.5em;
  margin: 0 0 2em;
}
.arrowBoxEnd::after {
  content: "";
  display: block;
  clear: both;
}
.arrowBoxEnd.bl {
  border: 1px solid #499ce2;
}
.arrowBoxEnd.grn {
  border: 1px solid #00b1ba;
}
.arrowBoxEnd.ye {
  border: 1px solid #f2ed1f;
}
.arrowBoxEnd.ce {
  text-align: center;
}

.tiBox {
  padding: 1.5em;
  margin: 0 0 2em;
  border: 1px solid #499ce2;
}

.indexTi {
  font-family: "Oswald", sans-serif;
  font-size: rem;
  font-weight: 500;
  margin: 0 0 1em;
  letter-spacing: 0.02em;
}

.indexList {
  margin: 0 -3% 0 0;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .indexList {
    margin: 0;
  }
}
.indexList li {
  width: 47%;
  margin: 0 3% 1em 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .indexList li {
    width: 100%;
    margin: 0 0 1em;
  }
}
.indexList li a {
  font-size: 1rem;
  font-weight: 500;
  color: #499ce2;
  padding: 0 0 0 1.5em;
  position: relative;
  display: block;
}
.indexList li a::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 7px;
  left: 0;
  border-top: 0.5em solid transparent;
  border-left: 1em solid #499ce2;
  border-right: 0 solid transparent;
  border-bottom: 0.5em solid transparent;
}

/*title*/
.lowTi {
  font-size: 2.8rem;
  font-weight: 700;
  padding: 0.8em;
  margin: 0 0 1em;
  background: #dbebf9;
}
@media screen and (max-width: 640px) {
  .lowTi {
    font-size: 1.6rem;
  }
}

.bandTi-ye, .bandTi-ye-icon {
  font-size: 1.56rem;
  font-weight: 700;
  padding: 0.8em 0.8em 0.6em 0.8em;
  margin: 0 0 1em;
  background: #f2ed1f;
  border-bottom: 4px solid #dde21d;
  letter-spacing: 0.06em;
  position: relative;
}
@media screen and (max-width: 640px) {
  .bandTi-ye, .bandTi-ye-icon {
    font-size: 1.26rem;
  }
}

.bandTi-ye-icon {
  padding: 1em 0.8em 0.7em 4em;
}
.bandTi-ye-icon::before {
  content: "";
  width: 50px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 0.8em;
  bottom: 0;
  margin: auto;
}

.icon-crown::before,
.icon-school01::before,
.icon-school02::before,
.icon-info::before,
.icon-question::before,
.icon-note01::before,
.icon-note02::before,
.icon-note03::before,
.icon-note04::before,
.icon-note04-wh::before,
.icon-check-square::before,
.icon-earth::before,
.icon-jet01::before,
.icon-jet01-wh::before,
.icon-jet02::before,
.icon-flag::before,
.icon-city::before,
.icon-search::before,
.icon-wallet::before,
.icon-wallet-wh::before,
.icon-map-pin::before,
.icon-map-pin-bl::before,
.icon-counseling-wh::before,
.icon-privacy-wh::before,
.icon-benefits-wh::before {
  content: "";
  position: absolute;
  margin: auto;
}

.icon-crown::before {
  background: url(/wp-content/themes/deow/images/icon_crown.svg) no-repeat center/auto 90%;
}

.icon-school01::before {
  background: url(/wp-content/themes/deow/images/icon_school01.svg) no-repeat center/auto 90%;
}

.icon-school02::before {
  background: url(/wp-content/themes/deow/images/icon_school02.svg) no-repeat center/auto 90%;
}

.icon-info::before {
  background: url(/wp-content/themes/deow/images/icon_info.svg) no-repeat center/auto 90%;
}

.icon-question::before {
  background: url(/wp-content/themes/deow/images/icon_question.svg) no-repeat center/auto 90%;
}

.icon-question-grn::before {
  background: url(/wp-content/themes/deow/images/icon_question_grn.svg) no-repeat center/auto 90%;
}

.icon-note01::before {
  background: url(/wp-content/themes/deow/images/icon_note01.svg) no-repeat center/auto 90%;
}

.icon-note02::before {
  background: url(/wp-content/themes/deow/images/icon_note02.svg) no-repeat center/auto 90%;
}

.icon-note03::before {
  background: url(/wp-content/themes/deow/images/icon_note03.svg) no-repeat center/auto 90%;
}

.icon-note04::before {
  background: url(/wp-content/themes/deow/images/icon_note04.svg) no-repeat center/auto 90%;
}

.icon-note04-wh::before {
  background: url(/wp-content/themes/deow/images/icon_note04_wh.svg) no-repeat center/auto 90%;
}

.icon-check-square::before {
  background: url(/wp-content/themes/deow/images/icon_check_square.svg) no-repeat center/auto 90%;
}

.icon-earth::before {
  background: url(/wp-content/themes/deow/images/icon_earth.svg) no-repeat center/auto 90%;
}

.icon-jet01::before {
  background: url(/wp-content/themes/deow/images/icon_jet01.svg) no-repeat center/100%;
}

.icon-jet01-wh::before {
  background: url(/wp-content/themes/deow/images/icon_jet01_wh.svg) no-repeat center/100%;
}

.icon-jet02::before {
  background: url(/wp-content/themes/deow/images/icon_jet02.svg) no-repeat center/auto 90%;
}

.icon-flag::before {
  background: url(/wp-content/themes/deow/images/icon_flag.svg) no-repeat center/auto 90%;
}

.icon-city::before {
  background: url(/wp-content/themes/deow/images/icon_city.svg) no-repeat center/auto 90%;
}

.icon-search::before {
  background: url(/wp-content/themes/deow/images/icon_search.svg) no-repeat center/auto 90%;
}

.icon-wallet::before {
  background: url(/wp-content/themes/deow/images/icon_wallet.svg) no-repeat center/auto 90%;
}

.icon-wallet-wh::before {
  background: url(/wp-content/themes/deow/images/icon_wallet_wh.svg) no-repeat center/auto 90%;
}

.icon-map-pin::before {
  background: url(/wp-content/themes/deow/images/icon_map_pin.svg) no-repeat center/auto 90%;
}

.icon-map-pin-bl::before {
  background: url(/wp-content/themes/deow/images/icon_map_pin_bl.svg) no-repeat center/auto 90%;
}

.icon-counseling-wh::before {
  background: url(/wp-content/themes/deow/images/icon_counseling_wh.svg) no-repeat center/auto 90%;
}

.icon-privacy-wh::before {
  background: url(/wp-content/themes/deow/images/icon_privacy_wh.svg) no-repeat center/auto 90%;
}

.icon-benefits-wh::before {
  background: url(/wp-content/themes/deow/images/icon_benefits_wh.svg) no-repeat center/auto 90%;
}

.bo-le-blue {
  font-size: 1.37rem;
  font-weight: 500;
  padding: 0.7em 0 0.7em 0.8em;
  margin: 0 0 1em;
  border-left: 1px solid #499ce2;
  border-right: 1px solid #499ce2;
  letter-spacing: 0.06em;
  background: #e9f5ff;
  position: relative;
}
.bo-le-blue::before, .bo-le-blue::after {
  content: "";
  width: 10px;
  height: 100%;
  border-top: 1px solid #499ce2;
  border-bottom: 1px solid #499ce2;
  position: absolute;
  top: 0;
}
.bo-le-blue::before {
  left: 0;
}
.bo-le-blue::after {
  right: 0;
}
@media screen and (max-width: 640px) {
  .bo-le-blue {
    font-size: 1.2rem;
  }
}

.bo-le-bot-blue {
  font-size: 1.37rem;
  font-weight: 500;
  padding: 0.7em 0 0.7em 0.8em;
  margin: 0 0 1em;
  border-left: 10px solid #499ce2;
  letter-spacing: 0.06em;
  background: #e9f5ff;
  border-bottom: 1px solid #499ce2;
}
@media screen and (max-width: 640px) {
  .bo-le-bot-blue {
    font-size: 1.2rem;
  }
}

.decoTi, .decoTi-diamond {
  font-size: 1.37rem;
  font-weight: 500;
  padding: 0.2em 0.5em 0em 2em;
  margin: 0 0 1em;
  position: relative;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .decoTi, .decoTi-diamond {
    font-size: 1.2rem;
  }
}
.decoTi::before, .decoTi::after, .decoTi-diamond::before, .decoTi-diamond::after {
  content: "";
  position: absolute;
}
.decoTi::before, .decoTi-diamond::before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #7fc2d6;
}
.decoTi::after, .decoTi-diamond::after {
  top: 24px;
  left: 18px;
  width: 10px;
  height: 10px;
  background: #499ce2;
}

.decoTi-diamond::before {
  top: 5px;
  left: 5px;
  width: 14px;
  height: 14px;
  background: #499ce2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.decoTi-diamond::after {
  display: none;
}

.usaTi, .ukTi, .canadaTi, .franceTi, .maltaTi, .philippinesTi, .malaysiaTi, .taiwanTi, .australiaTi, .new-zealandTi, .irelandTi, .denmarkTi, .germanyTi, .japanTi, .italyTi, .spainTi, .switzerlandTi, .indiaTi, .vietnamTi, .chinaTi, .brazilTi, .mexicoTi, .costa_ricaTi, .argentinaTi, .chileTi, .ecuadorTi, .cubaTi, .dominicanTi, .boliviaTi, .guatemalaTi, .peruTi, .columbiaTi, .russiaTi, .south_africaTi, .beginnerTi, .pilotTi, .two_countriesTi {
  padding: 0.6em 0 0.4em 2.9em;
  font-size: 1.37rem;
  font-weight: 500;
  margin: 0 0 1em;
}
@media screen and (max-width: 640px) {
  .usaTi, .ukTi, .canadaTi, .franceTi, .maltaTi, .philippinesTi, .malaysiaTi, .taiwanTi, .australiaTi, .new-zealandTi, .irelandTi, .denmarkTi, .germanyTi, .japanTi, .italyTi, .spainTi, .switzerlandTi, .indiaTi, .vietnamTi, .chinaTi, .brazilTi, .mexicoTi, .costa_ricaTi, .argentinaTi, .chileTi, .ecuadorTi, .cubaTi, .dominicanTi, .boliviaTi, .guatemalaTi, .peruTi, .columbiaTi, .russiaTi, .south_africaTi, .beginnerTi, .pilotTi, .two_countriesTi {
    font-size: 1.2rem;
  }
}
.usaTi.lage, .ukTi.lage, .canadaTi.lage, .franceTi.lage, .maltaTi.lage, .philippinesTi.lage, .malaysiaTi.lage, .taiwanTi.lage, .australiaTi.lage, .new-zealandTi.lage, .irelandTi.lage, .denmarkTi.lage, .germanyTi.lage, .japanTi.lage, .italyTi.lage, .spainTi.lage, .switzerlandTi.lage, .indiaTi.lage, .vietnamTi.lage, .chinaTi.lage, .brazilTi.lage, .mexicoTi.lage, .costa_ricaTi.lage, .argentinaTi.lage, .chileTi.lage, .ecuadorTi.lage, .cubaTi.lage, .dominicanTi.lage, .boliviaTi.lage, .guatemalaTi.lage, .peruTi.lage, .columbiaTi.lage, .russiaTi.lage, .south_africaTi.lage, .beginnerTi.lage, .pilotTi.lage, .two_countriesTi.lage {
  font-size: 1.87rem;
  font-weight: 700;
  padding: 1em 0 1em 2em;
}
@media screen and (max-width: 640px) {
  .usaTi.lage, .ukTi.lage, .canadaTi.lage, .franceTi.lage, .maltaTi.lage, .philippinesTi.lage, .malaysiaTi.lage, .taiwanTi.lage, .australiaTi.lage, .new-zealandTi.lage, .irelandTi.lage, .denmarkTi.lage, .germanyTi.lage, .japanTi.lage, .italyTi.lage, .spainTi.lage, .switzerlandTi.lage, .indiaTi.lage, .vietnamTi.lage, .chinaTi.lage, .brazilTi.lage, .mexicoTi.lage, .costa_ricaTi.lage, .argentinaTi.lage, .chileTi.lage, .ecuadorTi.lage, .cubaTi.lage, .dominicanTi.lage, .boliviaTi.lage, .guatemalaTi.lage, .peruTi.lage, .columbiaTi.lage, .russiaTi.lage, .south_africaTi.lage, .beginnerTi.lage, .pilotTi.lage, .two_countriesTi.lage {
    font-size: 1.4rem;
    padding: 1em 0 1em 2.5em;
  }
}
.usaTi.border-bottom-bl, .ukTi.border-bottom-bl, .canadaTi.border-bottom-bl, .franceTi.border-bottom-bl, .maltaTi.border-bottom-bl, .philippinesTi.border-bottom-bl, .malaysiaTi.border-bottom-bl, .taiwanTi.border-bottom-bl, .australiaTi.border-bottom-bl, .new-zealandTi.border-bottom-bl, .irelandTi.border-bottom-bl, .denmarkTi.border-bottom-bl, .germanyTi.border-bottom-bl, .japanTi.border-bottom-bl, .italyTi.border-bottom-bl, .spainTi.border-bottom-bl, .switzerlandTi.border-bottom-bl, .indiaTi.border-bottom-bl, .vietnamTi.border-bottom-bl, .chinaTi.border-bottom-bl, .brazilTi.border-bottom-bl, .mexicoTi.border-bottom-bl, .costa_ricaTi.border-bottom-bl, .argentinaTi.border-bottom-bl, .chileTi.border-bottom-bl, .ecuadorTi.border-bottom-bl, .cubaTi.border-bottom-bl, .dominicanTi.border-bottom-bl, .boliviaTi.border-bottom-bl, .guatemalaTi.border-bottom-bl, .peruTi.border-bottom-bl, .columbiaTi.border-bottom-bl, .russiaTi.border-bottom-bl, .south_africaTi.border-bottom-bl, .beginnerTi.border-bottom-bl, .pilotTi.border-bottom-bl, .two_countriesTi.border-bottom-bl {
  border-bottom: 2px solid #499ce2;
}

.japanTi {
  background: url(/wp-content/themes/deow/images/icon_flag_japan.png) no-repeat left center/40px;
}

.usaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_usa.png) no-repeat left center/40px;
}

.ukTi {
  background: url(/wp-content/themes/deow/images/icon_flag_uk.png) no-repeat left center/40px;
}

.canadaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_canada.png) no-repeat left center/40px;
}

.franceTi {
  background: url(/wp-content/themes/deow/images/icon_flag_fran.png) no-repeat left center/40px;
}

.maltaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_malta.png) no-repeat left center/40px;
}

.philippinesTi {
  background: url(/wp-content/themes/deow/images/icon_flag_ph.png) no-repeat left center/40px;
}

.malaysiaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_malaysia.png) no-repeat left center/40px;
}

.taiwanTi {
  background: url(/wp-content/themes/deow/images/icon_flag_taiwan.png) no-repeat left center/40px;
}

.australiaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_aus.png) no-repeat left center/40px;
}

.new-zealandTi {
  background: url(/wp-content/themes/deow/images/icon_flag_newz.png) no-repeat left center/40px;
}

.irelandTi {
  background: url(/wp-content/themes/deow/images/icon_flag_ireland.png) no-repeat left center/40px;
}

.denmarkTi {
  background: url(/wp-content/themes/deow/images/icon_flag_denmark.png) no-repeat left center/40px;
}

.germanyTi {
  background: url(/wp-content/themes/deow/images/icon_flag_germany.png) no-repeat left center/40px;
}

.italyTi {
  background: url(/wp-content/themes/deow/images/icon_flag_italy.png) no-repeat left center/40px;
}

.spainTi {
  background: url(/wp-content/themes/deow/images/icon_flag_spain.png) no-repeat left center/40px;
}

.switzerlandTi {
  background: url(/wp-content/themes/deow/images/icon_flag_switzerland.png) no-repeat left center/40px;
}

.indiaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_india.png) no-repeat left center/40px;
}

.vietnamTi {
  background: url(/wp-content/themes/deow/images/icon_flag_vietnam.png) no-repeat left center/40px;
}

.chinaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_china.png) no-repeat left center/40px;
}

.brazilTi {
  background: url(/wp-content/themes/deow/images/icon_flag_brazil.png) no-repeat left center/40px;
}

.mexicoTi {
  background: url(/wp-content/themes/deow/images/icon_flag_mexico.png) no-repeat left center/40px;
}

.costa_ricaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_costa_rica.png) no-repeat left center/40px;
}

.argentinaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_argentina.png) no-repeat left center/40px;
}

.chileTi {
  background: url(/wp-content/themes/deow/images/icon_flag_chile.png) no-repeat left center/40px;
}

.ecuadorTi {
  background: url(/wp-content/themes/deow/images/icon_flag_ecuador.png) no-repeat left center/40px;
}

.cubaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_cuba.png) no-repeat left center/40px;
}

.dominicanTi {
  background: url(/wp-content/themes/deow/images/icon_flag_dominican.png) no-repeat left center/40px;
}

.boliviaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_bolivia.png) no-repeat left center/40px;
}

.guatemalaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_guatemala.png) no-repeat left center/40px;
}

.peruTi {
  background: url(/wp-content/themes/deow/images/icon_flag_peru.png) no-repeat left center/40px;
}

.columbiaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_columbia.png) no-repeat left center/40px;
}

.russiaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_russia.png) no-repeat left center/40px;
}

.south_africaTi {
  background: url(/wp-content/themes/deow/images/icon_flag_south_africa.png) no-repeat left center/40px;
}

.beginnerTi {
  background: url(/wp-content/themes/deow/images/icon_flag_beginner.png) no-repeat left center/40px;
}

.pilotTi {
  background: url(/wp-content/themes/deow/images/icon_flag_pilot.png) no-repeat left center/40px;
}

.two_countriesTi {
  background: url(/wp-content/themes/deow/images/icon_flag_two_country.png) no-repeat left center/40px;
}

.boldBkTi {
  font-size: 1.37rem;
  font-weight: 500;
  margin: 0 0 1em;
}

/*ul*/
.hexagon-list-4col {
  margin: 0 -1% 3rem;
  letter-spacing: -0.5em;
}
@media screen and (max-width: 640px) {
  .hexagon-list-4col {
    margin: 0 0 3rem 0;
  }
}
.hexagon-list-4col li {
  width: 23%;
  margin: 0 1% 3% 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .hexagon-list-4col li {
    width: 100%;
    margin: 0 0 3em;
  }
}
.hexagon-list-4col li > br {
  display: none;
}
.hexagon-list-4col li a {
  position: relative;
  height: 100%;
  display: block;
  -webkit-transition: inherit;
  transition: inherit;
}
.hexagon-list-4col li a:hover {
  opacity: 0.8;
}
.hexagon-list-4col li > div {
  position: relative;
  margin: 0 0 1em;
}
@media screen and (max-width: 640px) {
  .hexagon-list-4col li > div {
    width: 60%;
    margin: 0 auto 1em;
  }
}
.hexagon-list-4col li > div::before {
  content: "";
  display: block;
  padding: 86.602540378% 0 0;
}
.hexagon-list-4col li .hex1, .hexagon-list-4col li .hex2 {
  overflow: hidden;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.hexagon-list-4col li .hex3 {
  overflow: hidden;
  -webkit-transform: rotate(-120deg);
          transform: rotate(-120deg);
}
.hexagon-list-4col li span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px;
}
.hexagon-list-4col li p.desc {
  font-size: 0.9rem;
  font-weight: 500;
  color: #000;
  height: 3.9rem;
  letter-spacing: 0.06em;
  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;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  line-height: 1.3;
  letter-spacing: 0em;
  background: #f2ed1f;
  -webkit-transform: rotate(0.001deg);
          transform: rotate(0.001deg);
}
.hexagon-list-4col li p.desc.blue {
  color: #fff;
  background: #499ce2;
}
.hexagon-list-4col li p.desc.white {
  background: #fff;
}
.hexagon-list-4col li p.desc02 {
  font-size: 0.87rem;
  padding: 0 2em;
}
@media screen and (max-width: 640px) {
  .hexagon-list-4col li p.desc02 {
    padding: 0;
  }
}
.hexagon-list-4col li p.desc02 a {
  color: #000;
}
.hexagon-list-4col li p.desc02 a:hover {
  color: #009fe8;
}

.hex2-list-4col {
  letter-spacing: -0.4em;
  margin: 0 0 -1.5em 0;
}

@media screen and (min-width: 640px) {
  .hex2-list-4col {
    margin: 0 -2% -2% 0;
  }
}
.hex2-list-4col li {
  display: inline-block;
  width: 100%;
  margin: 0 0 1.5em 0;
  letter-spacing: normal;
  vertical-align: top;
}

@media screen and (min-width: 640px) {
  .hex2-list-4col li {
    width: 23%;
    margin: 0 2% 2% 0;
  }
}
.hex2-list-4col-img {
  position: relative;
  margin: 0 0 0.5em;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hex2-list-4col-img::before {
  content: "";
  display: block;
  padding: 67% 0 0;
}
.hex2-list-4col-img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
}
.hex2-list-4col-img a:hover {
  opacity: 0.5;
}

.hex2-list-4col .desc {
  color: #000;
  font-size: 0.9em;
  line-height: 1.3;
  padding: 0 0.5em;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 4em;
  width: 100%;
  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;
  text-align: center;
  background: #f2ed1f;
}

.hex2-list-4col .desc.blue {
  background: #499ce2;
  color: #fff;
}

.hex2-list-4col .desc02 {
  color: #000;
  font-size: 0.87rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (min-width: 640px) {
  .hex2-list-4col a:hover .hex2-list-4col-img {
    opacity: 0.8;
  }

  .hex2-list-4col a:hover .desc02 {
    color: #499ce2;
  }
}
.rankList {
  letter-spacing: -1em;
  margin: 0 -2% 0 0;
}
.rankList li {
  width: 48%;
  padding: 1.5em;
  margin: 0 2% 2% 0;
  border: 1px solid #00b1ba;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .rankList li {
    width: 100%;
    margin: 0 0 2em 0;
  }
}
.rankList dt {
  font-size: 1.25rem;
  font-weight: 700;
  color: #00b1ba;
  padding: 0 0 0.8em;
  margin: 0 0 0.1em;
  text-align: center;
  border-bottom: 1px solid #00b1ba;
}
.rankList dt span {
  font-size: 1rem;
  font-weight: 200;
  color: #000;
  display: block;
  margin: 0.5em 0 0;
}
.rankList dd {
  padding: 1em 0 0 21%;
}
@media screen and (max-width: 640px) {
  .rankList dd {
    padding: 1em;
  }
}

.rankTi01, .rankTi02, .rankTi03, .rankTi04, .rankTi05, .rankTi-star {
  font-weight: 200;
  padding: 0.5em 0 0.5em 4em;
  margin: 0 0 0.8em;
}
.rankTi01 span, .rankTi02 span, .rankTi03 span, .rankTi04 span, .rankTi05 span, .rankTi-star span {
  font-size: 1.25rem;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  display: block;
  margin: -0.2em 0 0;
}
.rankTi01.lastChild, .rankTi02.lastChild, .rankTi03.lastChild, .rankTi04.lastChild, .rankTi05.lastChild, .rankTi-star.lastChild {
  margin: 0;
}

.rankTi01 {
  background: url(/wp-content/themes/deow/images/icon_rank01.png) no-repeat left center/auto 60px;
}

.rankTi02 {
  background: url(/wp-content/themes/deow/images/icon_rank02.png) no-repeat left center/auto 60px;
}

.rankTi03 {
  background: url(/wp-content/themes/deow/images/icon_rank03.png) no-repeat left center/auto 60px;
}

.rankTi04 {
  background: url(/wp-content/themes/deow/images/icon_rank04.png) no-repeat 14px center/auto 35px;
}

.rankTi05 {
  background: url(/wp-content/themes/deow/images/icon_rank05.png) no-repeat 14px center/auto 35px;
}

.rankTi-star {
  background: url(/wp-content/themes/deow/images/icon_rank_star.png) no-repeat 14px center/auto 35px;
}

.rankList-one li {
  margin: 0 0 2em;
}
.rankList-one li a {
  color: #000;
  padding: 1.5em;
  background: #fff;
  display: block;
  border: 1px solid #00b1ba;
  position: relative;
}
.rankList-one li a > br {
  display: none;
}
.rankList-one li a:hover {
  color: #009ce4;
}
.rankList-one li a:hover .boldTi {
  color: #009ce4;
}
.rankList-one li a::after {
  content: "";
  display: block;
  clear: both;
}
.rankList-one li a span.area {
  font-size: 1.12rem;
  color: #fff;
  display: inline-block;
  padding: 0.5em 1em;
  background: #00b1ba;
  position: absolute;
  top: -10px;
  right: 1em;
}
.rankList-one li a span.area::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -6px;
  border-top: 5px solid transparent;
  border-left: 3px solid #b2b2b2;
  border-right: 3px solid transparent;
  border-bottom: 5px solid #b2b2b2;
}
.rankList-one li a .rankTi01, .rankList-one li a .rankTi02, .rankList-one li a .rankTi03, .rankList-one li a .rankTi-star {
  font-size: 1.55rem;
  padding: 1em 0 1em 3em;
  margin: 0 0 1em;
  border-bottom: 1px solid #00b1ba;
}
.rankList-one li a .boldTi {
  font-size: 1.25rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.point > li {
  padding: 1em 1em 1em 6.5em;
  margin: 0 0 1em;
  background: url(/wp-content/themes/deow/images/bg_dot.png) repeat;
  position: relative;
}
@media screen and (max-width: 640px) {
  .point > li {
    padding: 1em;
  }
}
.point > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 640px) {
  .point > li::before {
    top: 1em;
    left: 1em;
    width: 60px;
    height: 60px;
  }
}
.point > li.point1::before {
  background: url(/wp-content/themes/deow/images/point_01.png) no-repeat center/100%;
}
.point > li.point2::before {
  background: url(/wp-content/themes/deow/images/point_02.png) no-repeat center/100%;
}
.point > li.point3::before {
  background: url(/wp-content/themes/deow/images/point_03.png) no-repeat center/100%;
}
.point > li.point4::before {
  background: url(/wp-content/themes/deow/images/point_04.png) no-repeat center/100%;
}
.point > li.point5::before {
  background: url(/wp-content/themes/deow/images/point_05.png) no-repeat center/100%;
}
.point > li.point6::before {
  background: url(/wp-content/themes/deow/images/point_06.png) no-repeat center/100%;
}
.point > li.point7::before {
  background: url(/wp-content/themes/deow/images/point_07.png) no-repeat center/100%;
}
.point > li p.ti {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.8em;
}
@media screen and (max-width: 640px) {
  .point > li p.ti {
    padding: 0 0 0 4.3em;
    min-height: 60px;
    font-size: 1.1rem;
  }
}
.point > li p.ti-border {
  font-size: 1.56rem;
  font-weight: 700;
  padding: 0 0 0.8em;
  margin: 0 0 0.8em;
  border-bottom: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .point > li p.ti-border {
    padding: 0 0 0 4.3em;
    min-height: 60px;
    font-size: 1.1rem;
  }
}
.point > li::after {
  content: "";
  display: block;
  clear: both;
}

.experiencesList, .expSlider {
  margin: 0 -2% 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .experiencesList, .expSlider {
    margin: 0 0 1em;
  }
}
.experiencesList li, .expSlider li {
  border: 1px solid #00B1BA;
  width: 31%;
  margin: 0 2% 2em 0;
  display: inline-block;
  letter-spacing: normal;
  padding: 1em;
}
@media screen and (max-width: 640px) {
  .experiencesList li, .expSlider li {
    width: 95%;
    margin: 0 auto 1.5em;
  }
}
.experiencesList li a, .expSlider li a {
  color: #000;
  background: #fff;
  letter-spacing: 0.06em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.experiencesList li a > br, .expSlider li a > br {
  display: none;
}
.experiencesList li a:hover, .expSlider li a:hover {
  color: #499ce2;
}
.experiencesList li a:hover div.imgBox, .expSlider li a:hover div.imgBox {
  border-right: 2px solid #499ce2;
  border-bottom: 2px solid #499ce2;
}
.experiencesList li a:hover div.imgBox img, .expSlider li a:hover div.imgBox img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.experiencesList li div.imgBox, .expSlider li div.imgBox {
  margin: 0 0 10px;
  position: relative;
  border-right: 2px solid #00b1ba;
  border-bottom: 2px solid #00b1ba;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  z-index: 1;
  overflow: hidden;
}
.experiencesList li div.imgBox::before, .expSlider li div.imgBox::before {
  content: "";
  display: block;
  padding: 65% 0 0;
}
.experiencesList li div.imgBox img, .expSlider li div.imgBox img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0;
}
.experiencesList li p.ti, .expSlider li p.ti {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 0 10px 55px;
  border-bottom: 1px dashed #00b1ba;
  background: url(/wp-content/themes/deow/images/icon_earth_sky.png) no-repeat 10px top/36px;
}
.experiencesList li p.ti span, .expSlider li p.ti span {
  font-size: 1.12rem;
  display: block;
}
.experiencesList li p.en, .expSlider li p.en {
  padding: 10px 0 10px 55px;
  border-bottom: 1px dashed #00b1ba;
}
.experiencesList li p.date, .expSlider li p.date {
  padding: 10px 0 10px 55px;
  margin: 0 0 10px;
  border-bottom: 1px solid #00b1ba;
}
.experiencesList li p.desc, .expSlider li p.desc {
  font-size: 0.87rem;
  padding: 10px;
}
@media screen and (max-width: 640px) {
  .experiencesList li p.desc, .expSlider li p.desc {
    line-height: 1.7;
  }
}

.expSlider {
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
}
.expSlider li {
  max-width: 345px;
  margin: 0 1em 1em;
  padding: 1em;
  border: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .expSlider li {
    max-width: 315px;
  }
}

.exp_wrap {
  margin: 0 0 2em;
}
@media screen and (max-width: 767px) {
  .exp_wrap {
    padding: 1rem 0;
    width: 100%;
    background: #dbebf9;
    overflow: auto;
  }
  .exp_wrap::-webkit-scrollbar {
    height: 5px;
  }
  .exp_wrap::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  .exp_wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
}

.exp_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px auto -50px;
  max-width: 1130px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .exp_list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 2200px;
    max-width: 3000px;
    margin: 0 10px -10px;
    padding: 0;
  }
}
.exp_list li {
  margin: 0 10px 10px 0;
}
.exp_list li a {
  display: block;
  padding: 0 1em;
  background: #499ce2;
  border: 1px solid #499ce2;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .exp_list li a:hover {
    background: #fff;
    color: #499ce2;
  }
}

.scList-1col li a, .scList-2col li a, .scList-3col li a {
  color: #000;
  height: 100%;
  display: block;
  padding: 1.5em;
  border: 1px solid #00b1ba;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.scList-1col li a > br, .scList-2col li a > br, .scList-3col li a > br {
  display: none;
}
.scList-1col li a:hover, .scList-2col li a:hover, .scList-3col li a:hover {
  color: #499ce2;
  border: 1px solid #499ce2;
}
.scList-1col li a:hover div.scListBtn span, .scList-2col li a:hover div.scListBtn span, .scList-3col li a:hover div.scListBtn span {
  color: #499ce2;
  background: #fff;
}

.scList-1col li {
  margin: 0 0 1.5em;
}
.scList-1col li dt {
  width: 40%;
  margin: 0 1.5em 0 0;
  float: left;
  clear: both;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .scList-1col li dt {
    width: 100%;
    margin: 0 0 1em;
    float: none;
  }
}
.scList-1col li dd {
  overflow: hidden;
}

.scList-2col, .scList-3col {
  margin: 0 -2% 0 0;
  letter-spacing: -1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: flex;
}
@media screen and (max-width: 640px) {
  .scList-2col, .scList-3col {
    margin: 0;
  }
}
.scList-2col li, .scList-3col li {
  width: 31%;
  margin: 0 2% 2% 0;
  letter-spacing: normal;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (max-width: 640px) {
  .scList-2col li, .scList-3col li {
    width: 100%;
    margin: 0 0 1.5em;
  }
}
.scList-2col li dt, .scList-3col li dt {
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
}
.scList-2col li dt::before, .scList-3col li dt::before {
  content: "";
  display: block;
  padding: 67% 0 0;
}
.scList-2col li dt img, .scList-3col li dt img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  margin: auto;
}

.scList-2col li {
  width: 48%;
}
@media screen and (max-width: 640px) {
  .scList-2col li {
    width: 100%;
    margin: 0 0 1.5em;
  }
}
.scList-2col li dt::before {
  padding: 60% 0 0;
}

.scListEnTi {
  font-family: "Oswald", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.5em 6px;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #00b1ba;
}

.scListJpTi {
  padding: 0.8em 6px 0.5em;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #00b1ba;
}

.scListArea {
  font-size: 0.9rem;
  font-weight: 700;
  color: #a4cdf0;
  padding: 0.8em 6px 0.5em;
  letter-spacing: 0.06em;
}

.scListDesc {
  font-size: 0.87rem;
  padding: 0.8em 0;
  margin: 0 0 1em;
  letter-spacing: 0.06em;
}

.scListChara {
  margin: 0 0 1em;
}
.scListChara span {
  font-size: 0.87rem;
  padding: 0 0.5em;
  margin: 0 1em 0.5em 0;
  display: inline-block;
  letter-spacing: 0.06em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f2ed1f));
  background: linear-gradient(transparent 70%, #f2ed1f 70%);
}

.scListBtn {
  text-align: center;
  margin: auto 0 0;
}
.scListBtn span {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color: #fff;
  padding: 0.3em 2em 0.5em;
  background: #00b1ba;
  border: 1px solid #00b1ba;
  border-radius: 5px;
  display: inline-block;
  line-height: 1.5;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .scListBtn span {
    font-size: 1rem;
  }
}
.scListBtn span i {
  height: 1em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  line-height: 1;
}

.seminaer-list-small {
  margin: 0 -2% 2em 0;
  letter-spacing: -1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.seminaer-list-small li {
  width: 18%;
  margin: 0 2% 1.5em 0;
  display: inline-block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .seminaer-list-small li {
    width: 48%;
  }
}
.seminaer-list-small li a {
  color: #000;
  display: block;
  width: 100%;
  padding: 0.5em 0.5em;
  border-top: 3px solid #7fc2d6;
  border-bottom: 3px solid #7fc2d6;
  overflow: hidden;
  position: relative;
}
.seminaer-list-small li a::before, .seminaer-list-small li a::after {
  content: "";
  width: 3px;
  height: 0;
  background: #499ce2;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.seminaer-list-small li a::before {
  left: 0;
  bottom: 0;
}
.seminaer-list-small li a::after {
  top: 0;
  right: 0;
}
.seminaer-list-small li a > br {
  display: none;
}
.seminaer-list-small li a:hover {
  color: #499ce2;
  background: #eaf6ff;
  border-top: 3px solid #499ce2;
  border-bottom: 3px solid #499ce2;
}
.seminaer-list-small li a:hover::before, .seminaer-list-small li a:hover::after {
  height: 100%;
}
.seminaer-list-small li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seminaer-list-small li dt {
  width: 30%;
  margin: 0 0.5em 0 0;
  float: left;
  clear: both;
  overflow: hidden;
}
.seminaer-list-small li dd {
  overflow: hidden;
}
.seminaer-list-small li p.ti {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 640px) {
  .seminaer-list-small li p.ti {
    font-size: 1rem;
  }
}

.rhombicList1 li {
  padding: 2px 0 0 27px;
  margin: 0 0 0.4em;
  position: relative;
}
.rhombicList1 li::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 7px;
  left: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rhombicList1.rhoblues li::before {
  background: #499ce2;
}
.rhombicList1.rhoskys li::before {
  background: #7fc2d6;
}
.rhombicList1.rhogrns li::before {
  background: #00b1ba;
}
.rhombicList1.rhoyellows li::before {
  background: #f2ed1f;
}

/*dl*/
.experiencesListUser {
  margin: 0 0 20px;
  padding: 1.5em;
  background: url(/wp-content/themes/deow/images/bg_dot.png) repeat;
}
.experiencesListUser::after {
  content: "";
  display: block;
  clear: both;
}
.experiencesListUser dt {
  width: 40%;
  margin: 0 1em 0 0;
  overflow: hidden;
  float: left;
  clear: both;
}
@media screen and (max-width: 640px) {
  .experiencesListUser dt {
    width: 100%;
    margin: 0 0 1em;
    float: none;
  }
}
.experiencesListUser dd {
  overflow: hidden;
}
.experiencesListUser dd table {
  width: 100%;
}
.experiencesListUser dd th, .experiencesListUser dd td {
  padding: 1.5em 1.5em 1.2em 1.5em;
  border-bottom: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .experiencesListUser dd th, .experiencesListUser dd td {
    padding: 1em;
  }
}
.experiencesListUser dd th {
  font-weight: 500;
  width: 35%;
}
.experiencesListUser dd .experiencesListUser-main_ttl {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0 0 0.8em;
  margin: 0 0 0.8em;
  border-bottom: 1px solid #00b1ba;
}
.experiencesListUser dd .experiencesListUser-main_ttl span {
  display: block;
  font-size: 0.9em;
}
.experiencesListUser dd .experiencesListUser-sub_ttl {
  font-size: 1.12rem;
  margin: 0 0 1em;
}
.experiencesListUser dd .desc {
  margin: 0 0 2em;
}

.qaList dt {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1.5em 0 1.3em 5em;
  background: url(/wp-content/themes/deow/images/qa_q.png) no-repeat left top;
  position: relative;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .qaList dt {
    font-size: 1.1rem;
  }
}
.qaList dt::after {
  content: "";
  width: 90%;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 1px dashed #00b1ba;
}
.qaList dd {
  min-height: 100px;
  padding: 1.5em 0 1.5em 15em;
  background: url(/wp-content/themes/deow/images/qa_a.png) no-repeat 130px top;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .qaList dd {
    padding: 1.5em 0 1.5em 6em;
    background: url(/wp-content/themes/deow/images/qa_a.png) no-repeat 0 top;
  }
}

.photoLList, .photoRList {
  margin: 0 0 2em;
  overflow: hidden;
}
.photoLList dt, .photoRList dt {
  width: 35%;
  overflow: hidden;
  text-align: center;
  clear: both;
}
@media screen and (max-width: 640px) {
  .photoLList dt, .photoRList dt {
    width: 100%;
  }
}
.photoLList dd, .photoRList dd {
  overflow: hidden;
  letter-spacing: 0.06em;
  line-height: 1.8;
}

.photoLList dt {
  margin: 0 1.5em 0 0;
  float: left;
}
@media screen and (max-width: 640px) {
  .photoLList dt {
    margin: 0 0 1em;
    float: none;
  }
}

.photoRList dt {
  margin: 0 0 0 1.5em;
  float: right;
}
@media screen and (max-width: 640px) {
  .photoRList dt {
    margin: 0 0 1em;
    float: none;
  }
}

/*table*/
.table-wrap {
  overflow: auto;
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .table-wrap {
    margin: 0;
  }
}
.table-wrap table {
  min-width: 640px;
}
@media screen and (max-width: 767px) {
  .table-wrap table {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .table-wrap table {
    min-width: 0;
  }
}
.table-wrap .scroll-hint-icon {
  top: 2em;
  height: auto;
}

.table-wrap::-webkit-scrollbar {
  height: 5px;
}

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

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

.table-bl, .table-grn, .table-ye {
  width: 100%;
}
.table-bl th, .table-bl td, .table-grn th, .table-grn td, .table-ye th, .table-ye td {
  padding: 0.8em 1em 0.7em;
}
.table-bl th, .table-grn th, .table-ye th {
  font-weight: 700;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
}
.table-bl.ce, .table-grn.ce, .table-ye.ce {
  text-align: center;
}

.table-bl {
  border-top: 1px solid #7fc2d6;
  border-left: 1px solid #7fc2d6;
}
.table-bl th {
  color: #fff;
  background: #7fc2d6;
}
.table-bl td {
  border-right: 1px solid #7fc2d6;
  border-bottom: 1px solid #7fc2d6;
}

.table-grn {
  border-top: 1px solid #bee046;
  border-left: 1px solid #bee046;
}
.table-grn th {
  color: #fff;
  background: #bee046;
}
.table-grn td {
  border-right: 1px solid #bee046;
  border-bottom: 1px solid #bee046;
}

.table-ye {
  border-top: 1px solid #f2ed1f;
  border-left: 1px solid #f2ed1f;
}
.table-ye th {
  color: #000;
  background: #f2ed1f;
}
.table-ye td {
  border-right: 1px solid #f2ed1f;
  border-bottom: 1px solid #f2ed1f;
}

/*a*/
a.link-internal, a.link-external {
  color: #499ce2;
  padding: 0.1em;
  border-bottom: 1px solid #499ce2;
}
a.link-internal::after, a.link-external::after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 0 0 0.1em;
  vertical-align: middle;
}
a.link-internal:hover, a.link-external:hover {
  opacity: 0.8;
}

.link-internal::after {
  background: url(/wp-content/themes/deow/images/icon_link_intermal.svg) no-repeat center/100% auto;
}

.link-external::after {
  background: url(/wp-content/themes/deow/images/icon_link_extermal.svg) no-repeat center/100% auto;
}

/*btn*/
.leYeBtn, .leBlBtn, .leSkyBtn, .leGrnBtn, .leLightGrnBtn {
  text-align: left;
}
@media screen and (max-width: 640px) {
  .leYeBtn, .leBlBtn, .leSkyBtn, .leGrnBtn, .leLightGrnBtn {
    text-align: center;
  }
}

.ceYeBtn, .ceBlBtn, .ceSkyBtn, .ceGrnBtn, .ceLightGrnBtn {
  text-align: center;
}

.riYeBtn, .riBlBtn, .riSkyBtn, .riGrnBtn, .riLightGrnBtn {
  text-align: right;
}
@media screen and (max-width: 640px) {
  .riYeBtn, .riBlBtn, .riSkyBtn, .riGrnBtn, .riLightGrnBtn {
    text-align: center;
  }
}

.leYeBtn a, .leBlBtn a, .leSkyBtn a, .leGrnBtn a, .leLightGrnBtn a,
.ceYeBtn a, .ceBlBtn a, .ceSkyBtn a, .ceGrnBtn a, .ceLightGrnBtn a,
.riYeBtn a, .riBlBtn a, .riSkyBtn a, .riGrnBtn a, .riLightGrnBtn a {
  font-size: 1.12rem;
  padding: 0.6em 2.2em 0.5em;
  line-height: 1.5;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.leYeBtn a > br, .leBlBtn a > br, .leSkyBtn a > br, .leGrnBtn a > br, .leLightGrnBtn a > br,
.ceYeBtn a > br, .ceBlBtn a > br, .ceSkyBtn a > br, .ceGrnBtn a > br, .ceLightGrnBtn a > br,
.riYeBtn a > br, .riBlBtn a > br, .riSkyBtn a > br, .riGrnBtn a > br, .riLightGrnBtn a > br {
  display: none;
}
@media screen and (max-width: 640px) {
  .leYeBtn a, .leBlBtn a, .leSkyBtn a, .leGrnBtn a, .leLightGrnBtn a,
.ceYeBtn a, .ceBlBtn a, .ceSkyBtn a, .ceGrnBtn a, .ceLightGrnBtn a,
.riYeBtn a, .riBlBtn a, .riSkyBtn a, .riGrnBtn a, .riLightGrnBtn a {
    width: 100%;
    padding: 12px 20px 10px 5px;
    font-size: 0.9rem;
  }
}
.leYeBtn a i, .leBlBtn a i, .leSkyBtn a i, .leGrnBtn a i, .leLightGrnBtn a i,
.ceYeBtn a i, .ceBlBtn a i, .ceSkyBtn a i, .ceGrnBtn a i, .ceLightGrnBtn a i,
.riYeBtn a i, .riBlBtn a i, .riSkyBtn a i, .riGrnBtn a i, .riLightGrnBtn a i {
  line-height: 1;
  height: 1em;
  position: absolute;
  top: 0;
  right: 0.5em;
  bottom: 0;
  margin: auto;
}

.leYeBtn a, .ceYeBtn a, .riYeBtn a {
  color: #000;
  background: #f2ed1f;
  border: 1px solid #f2ed1f;
}
@media screen and (max-width: 640px) {
  .leYeBtn a, .ceYeBtn a, .riYeBtn a {
    width: 100%;
    padding: 12px 20px 10px 5px;
    font-size: 0.9rem;
  }
}
.leYeBtn a:hover, .ceYeBtn a:hover, .riYeBtn a:hover {
  color: #ceca14;
  background: #fffed6;
}

.leBlBtn a, .ceBlBtn a, .riBlBtn a {
  color: #fff;
  background: #499ce2;
  border: 1px solid #499ce2;
}
@media screen and (max-width: 640px) {
  .leBlBtn a, .ceBlBtn a, .riBlBtn a {
    width: 100%;
    padding: 12px 20px 10px 5px;
    font-size: 0.9rem;
  }
}
.leBlBtn a:hover, .ceBlBtn a:hover, .riBlBtn a:hover {
  color: #499ce2;
  background: #e9f5ff;
}

.leSkyBtn a, .ceSkyBtn a, .riSkyBtn a {
  color: #fff;
  background: #7fc2d6;
  border: 1px solid #7fc2d6;
}
@media screen and (max-width: 640px) {
  .leSkyBtn a, .ceSkyBtn a, .riSkyBtn a {
    width: 100%;
  }
}
.leSkyBtn a:hover, .ceSkyBtn a:hover, .riSkyBtn a:hover {
  color: #7fc2d6;
  background: #e3f8ff;
}

.leGrnBtn a, .ceGrnBtn a, .riGrnBtn a {
  color: #fff;
  background: #00b1ba;
  border: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .leGrnBtn a, .ceGrnBtn a, .riGrnBtn a {
    width: 100%;
  }
}
.leGrnBtn a:hover, .ceGrnBtn a:hover, .riGrnBtn a:hover {
  color: #00b1ba;
  background: #d8fdff;
}

.leLightGrnBtn a, .ceLightGrnBtn a, .riLightGrnBtn a {
  color: #fff;
  background: #bee046;
  border: 1px solid #bee046;
}
@media screen and (max-width: 640px) {
  .leLightGrnBtn a, .ceLightGrnBtn a, .riLightGrnBtn a {
    width: 100%;
  }
}
.leLightGrnBtn a:hover, .ceLightGrnBtn a:hover, .riLightGrnBtn a:hover {
  color: #bee046;
  background: #faffe6;
}

/*
国トップ
------------------------------------------------------------
*/
/*box*/
.mainImgCountryWrap {
  position: relative;
}

.mainImgCountry {
  min-height: 430px;
  border-bottom: 5px solid #499ce2;
}
@media screen and (max-width: 640px) {
  .mainImgCountry {
    min-height: 200px;
  }
}
.mainImgCountry.school_list {
  min-height: 380px;
}
.mainImgCountry h1 {
  max-width: 1130px;
  width: 100%;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1113px) {
  .mainImgCountry h1 {
    max-width: inherit;
    width: auto;
    left: 1em;
  }
}
@media screen and (max-width: 640px) {
  .mainImgCountry h1 {
    left: 0;
  }
}

.contryCaraBox {
  max-width: 990px;
  padding: 2em 8em 2em 2em;
  position: absolute;
  right: 14%;
  bottom: 3%;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, rgba(0, 0, 0, 0.7)), to(transparent));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 80%, transparent);
}
@media screen and (max-width: 1113px) {
  .contryCaraBox {
    padding: 1.5em;
    position: relative;
    right: 0;
    bottom: 0;
    background: #fff;
  }
}

.contryCaraTi {
  font-size: 1.56rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.5em;
}
@media screen and (max-width: 1113px) {
  .contryCaraTi {
    color: #000;
  }
}
@media screen and (max-width: 640px) {
  .contryCaraTi {
    font-size: 1.1rem;
  }
}

.contryCaraDesc {
  font-size: 0.87rem;
  color: #fff;
  line-height: 1.8;
}
@media screen and (max-width: 1113px) {
  .contryCaraDesc {
    color: #000;
  }
}

.borderBox, .borderBox02 {
  padding: 1.5em 2em;
  background: #fff;
  border: 1px solid #499ce2;
  position: relative;
}
@media screen and (max-width: 640px) {
  .borderBox, .borderBox02 {
    padding: 1em;
  }
}

.borderBox02 {
  margin: 0 0 3em;
}
.borderBox02::after {
  content: "";
  display: block;
  clear: both;
}

.mapBox {
  overflow: hidden;
}

.mapLeft {
  width: 50%;
  float: left;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mapLeft {
    display: none;
  }
}
.mapLeft br {
  display: none;
}

.mapRigth {
  width: 49%;
  float: right;
}
@media screen and (max-width: 640px) {
  .mapRigth {
    width: 100%;
    float: none;
  }
}

.contrySuppoLeftBox {
  width: 49%;
  float: left;
}
@media screen and (max-width: 640px) {
  .contrySuppoLeftBox {
    width: 100%;
    float: none;
    margin: 0 0 1em;
  }
}

.contrySuppoRightBox {
  width: 49%;
  float: right;
}
@media screen and (max-width: 640px) {
  .contrySuppoRightBox {
    width: 100%;
    float: none;
    padding: 94px 0 0;
  }
}

.contry-suppo-staff-box {
  padding: 1rem;
  margin: 0 0 3rem;
  position: relative;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}
.contry-suppo-staff-box::before {
  content: "";
  width: 160px;
  height: 185px;
  background: url(/wp-content/themes/deow/images/balloon_support.png) no-repeat center/90%;
  position: absolute;
  top: -125px;
  right: 0;
  z-index: 10;
}

.expSlideWrap {
  position: relative;
}

/*title*/
.countryMainTi {
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .countryMainTi {
    font-size: 1.6rem;
    text-align: center;
  }
}
.countryMainTi span {
  font-size: 1.4rem;
  color: #f2ed1f;
  display: block;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .countryMainTi span {
    font-size: 0.9rem;
  }
}

.icon-sub-ti {
  font-size: 1.56rem;
  font-weight: 700;
  padding: 0 0 0.6em;
  margin: 0 0 1.5em;
  position: relative;
}
@media screen and (max-width: 640px) {
  .icon-sub-ti {
    font-size: 1.2rem;
  }
}
.icon-sub-ti.ce {
  text-align: center;
}
.icon-sub-ti.bl {
  color: #499ce2;
}
.icon-sub-ti.border-bottom-bk {
  border-bottom: 2px solid #000;
}
.icon-sub-ti span.en {
  font-family: "Oswald", sans-serif;
  font-size: 0.87rem;
  display: block;
}
.icon-sub-ti span.icon-space {
  width: 45px;
  height: 45px;
  margin: 0 10px 0 0;
  display: inline-block;
  position: relative;
}
.icon-sub-ti span.icon-space::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.icon-sub-ti span.icon-content {
  display: inline-block;
  text-align: left;
}

.icon-note-check-bk::before, .icon-note-check-bl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.icon-note-check-bk::before {
  background: url(/wp-content/themes/deow/images/icon_note_check_bk.svg) no-repeat center/auto 90%;
}

.icon-note-check-bl::before {
  background: url(/wp-content/themes/deow/images/icon_note_check_bl.svg) no-repeat center/auto 90%;
}

.supoSubTi {
  font-size: 1.56rem;
  font-weight: 700;
  margin: 0 0 1em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .supoSubTi {
    font-size: 1.2rem;
  }
}
.supoSubTi span.upper {
  display: block;
  letter-spacing: 0.06em;
}
.supoSubTi span.upper::before, .supoSubTi span.upper::after {
  display: inline-block;
  color: #00b1ba;
}
.supoSubTi span.upper::before {
  content: "＼";
  margin: 0 0.1em 0 0;
}
.supoSubTi span.upper::after {
  content: "／";
  margin: 0 0 0 0.1em;
}
.supoSubTi span.highlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f2ed1f));
  background: linear-gradient(transparent 70%, #f2ed1f 70%);
}

/*ul*/
.cara-list-other {
  margin: 0 -3% 0 0;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .cara-list-other {
    width: 100%;
    margin: 0;
  }
}
.cara-list-other li {
  width: 30%;
  margin: 0 3% 3% 0;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .cara-list-other li {
    width: 100%;
    margin: 0 0 1em;
  }
}
.cara-list-other li a {
  font-size: 1.12rem;
  font-weight: 500;
  color: #000;
  padding: 0.5em 1em 0.5em 45px;
  display: block;
  position: relative;
}
.cara-list-other li a i {
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  right: 2em;
  bottom: 0;
  margin: auto;
  line-height: 1;
  height: 1em;
}
.cara-list-other li a span {
  padding: 0 0.2em;
}
.cara-list-other li a:hover span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f2ed1f));
  background: linear-gradient(transparent 70%, #f2ed1f 70%);
}

.icon-chara-language::before,
.icon-chara-working::before,
.icon-chara-middle_school_high_school::before,
.icon-chara-university::before,
.icon-chara-corporation::before,
.icon-chara-two_countries::before,
.icon-chara-english_exam::before,
.icon-chara-junior::before,
.icon-chara-internship::before,
.icon-chara-art::before,
.icon-chara-flower::before,
.icon-chara-dance::before,
.icon-chara-beauty::before,
.icon-chara-child::before,
.icon-chara-aroma::before,
.icon-chara-tesol::before,
.icon-chara-cuisine::before,
.icon-chara-engplus::before,
.icon-chara-engplus-wh::before,
.icon-chara-music::before,
.icon-chara-movie::before,
.icon-chara-hospitality::before,
.icon-chara-mba::before,
.icon-chara-fitt::before,
.icon-chara-studying_abroad::before,
.icon-chara-parent_and_child::before,
.icon-chara-flight::before,
.icon-chara-demi_pair::before,
.icon-chara-sports::before,
.icon-chara-media::before,
.icon-chara-senior::before,
.icon-chara-butler::before,
.icon-chara-wine::before,
.icon-chara-yoga::before,
.icon-chara-activity::before,
.icon-chara-pilot::before,
.icon-chara-medical::before,
.icon-chara-varistor::before,
.icon-chara-interpreter::before,
.icon-chara-rugby::before,
.icon-chara-soccer::before,
.icon-chara-other::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.icon-chara-language::before {
  background: url(/wp-content/themes/deow/images/icon_chara_language.svg) no-repeat center/auto 90%;
}

.icon-chara-working::before {
  background: url(/wp-content/themes/deow/images/icon_chara_working.svg) no-repeat center/auto 90%;
}

.icon-chara-middle_school_high_school::before {
  background: url(/wp-content/themes/deow/images/icon_chara_middle_school_high_school.svg) no-repeat center/auto 90%;
}

.icon-chara-university::before {
  background: url(/wp-content/themes/deow/images/icon_chara_university.svg) no-repeat center/auto 90%;
}

.icon-chara-corporation::before {
  background: url(/wp-content/themes/deow/images/icon_chara_corporation.svg) no-repeat center/auto 90%;
}

.icon-chara-two_countries::before {
  background: url(/wp-content/themes/deow/images/icon_chara_two_countries.svg) no-repeat center/auto 90%;
}

.icon-chara-english_exam::before {
  background: url(/wp-content/themes/deow/images/icon_chara_english_exam.svg) no-repeat center/auto 90%;
}

.icon-chara-junior::before {
  background: url(/wp-content/themes/deow/images/icon_chara_junior.svg) no-repeat center/auto 90%;
}

.icon-chara-internship::before {
  background: url(/wp-content/themes/deow/images/icon_chara_internship.svg) no-repeat center/auto 90%;
}

.icon-chara-art::before {
  background: url(/wp-content/themes/deow/images/icon_chara_art.svg) no-repeat center/auto 90%;
}

.icon-chara-flower::before {
  background: url(/wp-content/themes/deow/images/icon_chara_flower.svg) no-repeat center/auto 90%;
}

.icon-chara-dance::before {
  background: url(/wp-content/themes/deow/images/icon_chara_dance.svg) no-repeat center/auto 90%;
}

.icon-chara-beauty::before {
  background: url(/wp-content/themes/deow/images/icon_chara_beauty.svg) no-repeat center/auto 90%;
}

.icon-chara-child::before {
  background: url(/wp-content/themes/deow/images/icon_chara_child.svg) no-repeat center/auto 90%;
}

.icon-chara-aroma::before {
  background: url(/wp-content/themes/deow/images/icon_chara_aroma.svg) no-repeat center/auto 90%;
}

.icon-chara-tesol::before {
  background: url(/wp-content/themes/deow/images/icon_chara_tesol.svg) no-repeat center/auto 90%;
}

.icon-chara-cuisine::before {
  background: url(/wp-content/themes/deow/images/icon_chara_cuisine.svg) no-repeat center/auto 90%;
}

.icon-chara-engplus::before {
  background: url(/wp-content/themes/deow/images/icon_chara_engplus.svg) no-repeat center/auto 90%;
}

.icon-chara-engplus-wh::before {
  background: url(/wp-content/themes/deow/images/icon_chara_engplus_wh.svg) no-repeat center/auto 90%;
}

.icon-chara-music::before {
  background: url(/wp-content/themes/deow/images/icon_chara_music.svg) no-repeat center/auto 90%;
}

.icon-chara-movie::before {
  background: url(/wp-content/themes/deow/images/icon_chara_movie.svg) no-repeat center/auto 90%;
}

.icon-chara-other::before {
  background: url(/wp-content/themes/deow/images/icon_chara_other.svg) no-repeat center/auto 90%;
}

.icon-chara-hospitality::before {
  background: url(/wp-content/themes/deow/images/icon_chara_hospitality.svg) no-repeat center/auto 90%;
}

.icon-chara-mba::before {
  background: url(/wp-content/themes/deow/images/icon_chara_mba.svg) no-repeat center/auto 90%;
}

.icon-chara-fitt::before {
  background: url(/wp-content/themes/deow/images/icon_chara_fitt.svg) no-repeat center/auto 90%;
}

.icon-chara-studying_abroad::before {
  background: url(/wp-content/themes/deow/images/icon_chara_studying_abroad.svg) no-repeat center/auto 90%;
}

.icon-chara-parent_and_child::before {
  background: url(/wp-content/themes/deow/images/icon_chara_parent_and_child.svg) no-repeat center/auto 90%;
}

.icon-chara-flight::before {
  background: url(/wp-content/themes/deow/images/icon_chara_flight.svg) no-repeat center/auto 90%;
}

.icon-chara-demi_pair::before {
  background: url(/wp-content/themes/deow/images/icon_chara_demi_pair.svg) no-repeat center/auto 90%;
}

.icon-chara-sports::before {
  background: url(/wp-content/themes/deow/images/icon_chara_sports.svg) no-repeat center/auto 90%;
}

.icon-chara-media::before {
  background: url(/wp-content/themes/deow/images/icon_chara_media.svg) no-repeat center/auto 90%;
}

.icon-chara-senior::before {
  background: url(/wp-content/themes/deow/images/icon_chara_senior.svg) no-repeat center/auto 90%;
}

.icon-chara-butler::before {
  background: url(/wp-content/themes/deow/images/icon_chara_butler.svg) no-repeat center/auto 90%;
}

.icon-chara-wine::before {
  background: url(/wp-content/themes/deow/images/icon_chara_wine.svg) no-repeat center/auto 90%;
}

.icon-chara-yoga::before {
  background: url(/wp-content/themes/deow/images/icon_chara_yoga.svg) no-repeat center/auto 90%;
}

.icon-chara-activity::before {
  background: url(/wp-content/themes/deow/images/icon_chara_activity.svg) no-repeat center/auto 90%;
}

.icon-chara-pilot::before {
  background: url(/wp-content/themes/deow/images/icon_chara_pilot.svg) no-repeat center/auto 90%;
}

.icon-chara-medical::before {
  background: url(/wp-content/themes/deow/images/icon_chara_medical.svg) no-repeat center/auto 90%;
}

.icon-chara-varistor::before {
  background: url(/wp-content/themes/deow/images/icon_chara_varistor.svg) no-repeat center/auto 90%;
}

.icon-chara-interpreter::before {
  background: url(/wp-content/themes/deow/images/icon_chara_interpreter.svg) no-repeat center/auto 90%;
}

.icon-chara-rugby::before {
  background: url(https://storage.googleapis.com/deow-wp/09c7f79a-0fa8a3ee909e073d3fe99525e548ea01.png) no-repeat center/auto 90%;
}

.icon-chara-soccer::before {
  background: url(https://storage.googleapis.com/deow-wp/6bf9981e-5732eb55898adcc211baf1105e75368e.png) no-repeat center/auto 90%;
}

.mapCityList {
  margin: 0 -2% 0 0;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .mapCityList {
    width: 100%;
    margin: 0;
  }
}
.mapCityList li {
  width: 48%;
  margin: 0 2% 2% 0;
  display: inline-block;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .mapCityList li {
    width: 100%;
    margin: 0 0 1em;
  }
}
.mapCityList li a {
  font-size: 1.25rem;
  font-weight: 700;
  color: #98e2e4;
  padding: 0.5em 1em 0.5em 2.8em;
  border-radius: 10px;
  display: block;
  border: 1px solid #98e2e4;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .mapCityList li a {
    font-size: 1.1rem;
  }
}
.mapCityList li a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  line-height: 1;
  height: 1em;
}
.mapCityList li a span {
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  margin: -5px 0 0;
  display: block;
}
.mapCityList li a::before {
  content: "";
  width: 23px;
  height: 37px;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(/wp-content/themes/deow/images/icon_pin_inactive.svg) no-repeat center/auto 90%;
}
.mapCityList li a:hover {
  color: #ee8391;
  background: #fefde9;
  border: 1px solid #ee8391;
}
.mapCityList li a:hover span {
  color: #ee8391;
}
.mapCityList li a:hover::before {
  background: url(/wp-content/themes/deow/images/icon_pin_active.svg) no-repeat center/auto 90%;
}

.study-abroad-info-list {
  margin: 0 -2% 0 0;
  letter-spacing: -1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .study-abroad-info-list {
    margin: 0;
  }
}
.study-abroad-info-list li {
  width: 31%;
  margin: 0 2% 2% 0;
  display: inline-block;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .study-abroad-info-list li {
    margin: 0 0 1em;
    width: 100%;
  }
}
.study-abroad-info-list li a {
  font-size: 1.25rem;
  color: #000;
  height: 100%;
  padding: 1.5em 2em 1.5em 2em;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px dashed #000;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .study-abroad-info-list li a {
    font-size: 1rem;
    padding: 1em;
  }
}
.study-abroad-info-list li a i {
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  height: 1em;
}
@media screen and (max-width: 640px) {
  .study-abroad-info-list li a i {
    right: 1em;
  }
}
.study-abroad-info-list li a:hover {
  color: #009ce4;
  border-bottom: 1px solid #009ce4;
}

.point-london,
.point-oxford,
.point-cambridge,
.point-brighton,
.point-bournemouth,
.point-manchester,
.point-liverpool,
.point-edinburgh,
.point-uk-other,
.point-cebu,
.point-manila,
.point-clark,
.point-bacolod,
.point-baguio,
.point-davao,
.point-iloilo,
.point-subic,
.point-tarlac,
.point-ph-other,
.point-ny,
.point-la,
.point-boston,
.point-chicago,
.point-san_francisco,
.point-hawaii,
.point-west_coast,
.point-east_coast,
.point-usa-other,
.point-vancouver,
.point-toronto,
.point-victoria,
.point-montreal,
.point-calgary,
.point-canada-other,
.point-sydney,
.point-melbourne,
.point-brisbane,
.point-gold_coast,
.point-adelaide,
.point-perth,
.point-cairns,
.point-aus-other,
.point-auckland,
.point-wellington,
.point-queenstown,
.point-christchurch,
.point-tauranga,
.point-coromandel,
.point-newz-other,
.point-paris,
.point-normandy,
.point-along_the_Loire_river,
.point-lyon,
.point-rhone_alpes_region,
.point-atlantic_coast,
.point-south_france,
.point-fra-other,
.point-taipei,
.point-taichung,
.point-takao,
.point-taoyuan,
.point-tainan,
.point-hsinchu,
.point-hualien {
  color: #00b1ba;
  display: inline-block;
  padding: 0.4em 0.5em;
  line-height: 1;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.point-london::before,
.point-oxford::before,
.point-cambridge::before,
.point-brighton::before,
.point-bournemouth::before,
.point-manchester::before,
.point-liverpool::before,
.point-edinburgh::before,
.point-uk-other::before,
.point-cebu::before,
.point-manila::before,
.point-clark::before,
.point-bacolod::before,
.point-baguio::before,
.point-davao::before,
.point-iloilo::before,
.point-subic::before,
.point-tarlac::before,
.point-ph-other::before,
.point-ny::before,
.point-la::before,
.point-boston::before,
.point-chicago::before,
.point-san_francisco::before,
.point-hawaii::before,
.point-west_coast::before,
.point-east_coast::before,
.point-usa-other::before,
.point-vancouver::before,
.point-toronto::before,
.point-victoria::before,
.point-montreal::before,
.point-calgary::before,
.point-canada-other::before,
.point-sydney::before,
.point-melbourne::before,
.point-brisbane::before,
.point-gold_coast::before,
.point-adelaide::before,
.point-perth::before,
.point-cairns::before,
.point-aus-other::before,
.point-auckland::before,
.point-wellington::before,
.point-queenstown::before,
.point-christchurch::before,
.point-tauranga::before,
.point-coromandel::before,
.point-newz-other::before,
.point-paris::before,
.point-normandy::before,
.point-along_the_Loire_river::before,
.point-lyon::before,
.point-rhone_alpes_region::before,
.point-atlantic_coast::before,
.point-south_france::before,
.point-fra-other::before,
.point-taipei::before,
.point-taichung::before,
.point-takao::before,
.point-taoyuan::before,
.point-tainan::before,
.point-hsinchu::before,
.point-hualien::before {
  content: "";
  width: 17px;
  height: 27px;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  background: url(/wp-content/themes/deow/images/icon_pin_inactive02.svg) no-repeat center/auto 90%;
}
.point-london:hover,
.point-oxford:hover,
.point-cambridge:hover,
.point-brighton:hover,
.point-bournemouth:hover,
.point-manchester:hover,
.point-liverpool:hover,
.point-edinburgh:hover,
.point-uk-other:hover,
.point-cebu:hover,
.point-manila:hover,
.point-clark:hover,
.point-bacolod:hover,
.point-baguio:hover,
.point-davao:hover,
.point-iloilo:hover,
.point-subic:hover,
.point-tarlac:hover,
.point-ph-other:hover,
.point-ny:hover,
.point-la:hover,
.point-boston:hover,
.point-chicago:hover,
.point-san_francisco:hover,
.point-hawaii:hover,
.point-west_coast:hover,
.point-east_coast:hover,
.point-usa-other:hover,
.point-vancouver:hover,
.point-toronto:hover,
.point-victoria:hover,
.point-montreal:hover,
.point-calgary:hover,
.point-canada-other:hover,
.point-sydney:hover,
.point-melbourne:hover,
.point-brisbane:hover,
.point-gold_coast:hover,
.point-adelaide:hover,
.point-perth:hover,
.point-cairns:hover,
.point-aus-other:hover,
.point-auckland:hover,
.point-wellington:hover,
.point-queenstown:hover,
.point-christchurch:hover,
.point-tauranga:hover,
.point-coromandel:hover,
.point-newz-other:hover,
.point-paris:hover,
.point-normandy:hover,
.point-along_the_Loire_river:hover,
.point-lyon:hover,
.point-rhone_alpes_region:hover,
.point-atlantic_coast:hover,
.point-south_france:hover,
.point-fra-other:hover,
.point-taipei:hover,
.point-taichung:hover,
.point-takao:hover,
.point-taoyuan:hover,
.point-tainan:hover,
.point-hsinchu:hover,
.point-hualien:hover {
  color: #ee8391;
}
.point-london:hover::before,
.point-oxford:hover::before,
.point-cambridge:hover::before,
.point-brighton:hover::before,
.point-bournemouth:hover::before,
.point-manchester:hover::before,
.point-liverpool:hover::before,
.point-edinburgh:hover::before,
.point-uk-other:hover::before,
.point-cebu:hover::before,
.point-manila:hover::before,
.point-clark:hover::before,
.point-bacolod:hover::before,
.point-baguio:hover::before,
.point-davao:hover::before,
.point-iloilo:hover::before,
.point-subic:hover::before,
.point-tarlac:hover::before,
.point-ph-other:hover::before,
.point-ny:hover::before,
.point-la:hover::before,
.point-boston:hover::before,
.point-chicago:hover::before,
.point-san_francisco:hover::before,
.point-hawaii:hover::before,
.point-west_coast:hover::before,
.point-east_coast:hover::before,
.point-usa-other:hover::before,
.point-vancouver:hover::before,
.point-toronto:hover::before,
.point-victoria:hover::before,
.point-montreal:hover::before,
.point-calgary:hover::before,
.point-canada-other:hover::before,
.point-sydney:hover::before,
.point-melbourne:hover::before,
.point-brisbane:hover::before,
.point-gold_coast:hover::before,
.point-adelaide:hover::before,
.point-perth:hover::before,
.point-cairns:hover::before,
.point-aus-other:hover::before,
.point-auckland:hover::before,
.point-wellington:hover::before,
.point-queenstown:hover::before,
.point-christchurch:hover::before,
.point-tauranga:hover::before,
.point-coromandel:hover::before,
.point-newz-other:hover::before,
.point-paris:hover::before,
.point-normandy:hover::before,
.point-along_the_Loire_river:hover::before,
.point-lyon:hover::before,
.point-rhone_alpes_region:hover::before,
.point-atlantic_coast:hover::before,
.point-south_france:hover::before,
.point-fra-other:hover::before,
.point-taipei:hover::before,
.point-taichung:hover::before,
.point-takao:hover::before,
.point-taoyuan:hover::before,
.point-tainan:hover::before,
.point-hsinchu:hover::before,
.point-hualien:hover::before {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
  background: url(/wp-content/themes/deow/images/icon_pin_active.svg) no-repeat center/auto 90%;
}

.point-london {
  top: 81%;
  left: 81%;
}
.point-london::before {
  top: 0;
  left: -17px;
}

.point-oxford {
  top: 78%;
  left: 41%;
}
.point-oxford::before {
  top: 0;
  right: -20px;
}

.point-cambridge {
  top: 70%;
  left: 72%;
}
.point-cambridge::before {
  top: 25px;
  left: 42%;
}

.point-brighton {
  top: 92%;
  left: 69%;
}
.point-brighton::before {
  top: -30px;
  left: 45%;
}

.point-bournemouth {
  top: 93%;
  left: 50%;
}
.point-bournemouth::before {
  top: -30px;
  left: 45%;
}

.point-manchester {
  top: 61%;
  left: 63%;
}
.point-manchester::before {
  top: 0;
  left: -20px;
}

.point-liverpool {
  top: 65%;
  left: 38%;
}
.point-liverpool::before {
  top: 0;
  right: -20px;
}

.point-edinburgh {
  top: 36%;
  left: 55%;
}
.point-edinburgh::before {
  top: 0;
  left: -20px;
}

.point-uk-other {
  top: 30%;
  left: 7%;
}
.point-uk-other::before {
  top: 26px;
  left: 38%;
}

.point-cebu {
  top: 61%;
  left: 67%;
}
.point-cebu::before {
  top: 0px;
  left: -20px;
}

.point-manila {
  top: 27%;
  left: 43%;
}
.point-manila::before {
  top: 0px;
  left: -20px;
}

.point-clark {
  top: 32%;
  left: 30%;
}
.point-clark::before {
  top: -45px;
  left: 45%;
}

.point-bacolod {
  top: 56%;
  left: 62%;
}
.point-bacolod::before {
  top: 15px;
  left: -20px;
}

.point-baguio {
  top: 14%;
  left: 24%;
}
.point-baguio::before {
  top: 0;
  right: -20px;
}

.point-davao {
  top: 85%;
  left: 84%;
}
.point-davao::before {
  top: 0;
  left: -20px;
}

.point-iloilo {
  top: 57%;
  left: 38%;
}
.point-iloilo::before {
  top: 0;
  right: -20px;
}

.point-subic {
  top: 27%;
  left: 15%;
}
.point-subic::before {
  top: 0;
  right: -20px;
}

.point-tarlac {
  top: 21%;
  left: 41%;
}
.point-tarlac::before {
  top: 0;
  left: -20px;
}

.point-ph-other {
  top: 88%;
  left: 19%;
}
.point-ph-other::before {
  top: 25px;
  left: 37%;
}

.point-ny {
  top: 47%;
  left: 71%;
}
.point-ny::before {
  top: -30px;
  left: 35%;
}

.point-la {
  top: 60%;
  left: 10%;
}
.point-la::before {
  top: -30px;
  left: 40%;
}

.point-boston {
  top: 35%;
  left: 77%;
}
.point-boston::before {
  top: 30px;
  left: 40%;
}

.point-chicago {
  top: 35%;
  left: 58%;
}
.point-chicago::before {
  top: 30px;
  left: 40%;
}

.point-san_francisco {
  top: 43%;
  left: 6%;
}
.point-san_francisco::before {
  top: 0;
  left: -20px;
}

.point-hawaii {
  top: 87%;
  left: 14%;
}
.point-hawaii::before {
  top: 30px;
  left: 40%;
}

.point-west_coast {
  top: 66%;
  left: 5%;
}
.point-west_coast::before {
  top: 30px;
  left: 40%;
}

.point-east_coast {
  top: 60%;
  left: 80%;
}
.point-east_coast::before {
  top: 30px;
  left: 40%;
}

.point-usa-other {
  top: 80%;
  left: 60%;
}
.point-usa-other::before {
  top: 30px;
  left: 40%;
}

.point-vancouver {
  top: 90%;
  left: 23%;
}
.point-vancouver::before {
  top: -30px;
  left: 0;
}

.point-toronto {
  top: 94%;
  left: 45%;
}
.point-toronto::before {
  top: 0;
  right: -20px;
}

.point-victoria {
  top: 86%;
  left: 0%;
}
.point-victoria::before {
  top: 0;
  right: -20px;
}

.point-montreal {
  top: 84%;
  left: 66%;
}
.point-montreal::before {
  top: 0;
  left: -20px;
}

.point-calgary {
  top: 83%;
  left: 30%;
}
.point-calgary::before {
  top: 0;
  left: -20px;
}

.point-canada-other {
  top: 10%;
  left: 10%;
}
.point-canada-other::before {
  top: 30px;
  left: 40%;
}

.point-sydney {
  top: 59%;
  left: 68%;
}
.point-sydney::before {
  top: 0;
  right: -20px;
}

.point-melbourne {
  top: 72%;
  left: 53%;
}
.point-melbourne::before {
  top: -30px;
  right: 0;
}

.point-brisbane {
  top: 40%;
  left: 68%;
}
.point-brisbane::before {
  top: 0;
  right: -20px;
}

.point-gold_coast {
  top: 47%;
  left: 60%;
}
.point-gold_coast::before {
  top: 0;
  right: -20px;
}

.point-adelaide {
  top: 60%;
  left: 40%;
}
.point-adelaide::before {
  top: 0;
  right: -20px;
}

.point-perth {
  top: 57%;
  left: 11%;
}
.point-perth::before {
  top: 0;
  left: -20px;
}

.point-cairns {
  top: 20%;
  left: 72%;
}
.point-cairns::before {
  top: 0;
  left: -20px;
}

.point-aus-other {
  top: 70%;
  left: 20%;
}
.point-aus-other::before {
  top: 30px;
  left: 40%;
}

.point-auckland {
  top: 13%;
  left: 37%;
}
.point-auckland::before {
  top: 0;
  right: -20px;
}

.point-wellington {
  top: 45%;
  left: 67%;
}
.point-wellington::before {
  top: 0;
  left: -20px;
}

.point-queenstown {
  top: 72%;
  left: 6%;
}
.point-queenstown::before {
  top: 30px;
  left: 40%;
}

.point-christchurch {
  top: 64%;
  left: 50%;
}
.point-christchurch::before {
  top: 0;
  left: -20px;
}

.point-tauranga {
  top: 21%;
  left: 73%;
}
.point-tauranga::before {
  top: 0;
  left: -20px;
}

.point-coromandel {
  top: 13%;
  left: 70%;
}
.point-coromandel::before {
  top: 0;
  left: -20px;
}

.point-newz-other {
  top: 80%;
  left: 60%;
}
.point-newz-other::before {
  top: 30px;
  left: 40%;
}

.point-paris {
  top: 14%;
  left: 50%;
}
.point-paris::before {
  top: 0;
  left: -20px;
}

.point-normandy {
  top: 10%;
  left: 25%;
}
.point-normandy::before {
  top: 30px;
  left: 40%;
}

.point-along_the_Loire_river {
  top: 42%;
  left: 10%;
}
.point-along_the_Loire_river::before {
  top: 0;
  right: -20px;
}

.point-lyon {
  top: 45%;
  left: 77%;
}
.point-lyon::before {
  top: 0;
  left: -20px;
}

.point-rhone_alpes_region {
  top: 50%;
  left: 46%;
}
.point-rhone_alpes_region::before {
  top: 0;
  right: -20px;
}

.point-atlantic_coast {
  top: 50%;
  left: 0%;
}
.point-atlantic_coast::before {
  top: 0;
  right: -20px;
}

.point-south_france {
  top: 65%;
  left: 55%;
}
.point-south_france::before {
  top: 0;
  left: -20px;
}

.point-fra-other {
  top: 67%;
  left: 3%;
}
.point-fra-other::before {
  top: 30px;
  left: 40%;
}

.point-taipei {
  top: 0%;
  left: 72%;
}
.point-taipei::before {
  top: 30px;
  left: 40%;
}

.point-taichung {
  top: 35%;
  left: 28%;
}
.point-taichung::before {
  top: 0;
  right: -20px;
}

.point-takao {
  top: 73%;
  left: 24%;
}
.point-takao::before {
  top: 0;
  right: -20px;
}

.point-taoyuan {
  top: 1%;
  left: 61%;
}
.point-taoyuan::before {
  top: 30px;
  left: 40%;
}

.point-tainan {
  top: 63%;
  left: 20%;
}
.point-tainan::before {
  top: 0;
  right: -20px;
}

.point-hsinchu {
  top: 9%;
  left: 47%;
}
.point-hsinchu::before {
  top: 0;
  right: -20px;
}

.point-hualien {
  top: 46%;
  left: 73%;
}
.point-hualien::before {
  top: 0;
  left: -20px;
}

/*---------------------------------
国トップ
---------------------------------*/
/*title*/
.icon-sub-ti-border {
  font-size: 1.37rem;
  font-weight: 700;
  padding: 0.5em 0.5em 0.3em 2em;
  margin: 0 0 2em;
  position: relative;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 640px) {
  .icon-sub-ti-border {
    font-size: 1.2rem;
  }
}
.icon-sub-ti-border.bl {
  color: #499ce2;
  border-bottom: 2px solid #499ce2;
}
.icon-sub-ti-border.grn {
  color: #00b1ba;
  border-bottom: 2px solid #00b1ba;
}
.icon-sub-ti-border::before {
  content: "";
  width: 37px;
  height: 37px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.icon-crown-bl::before {
  background: url(/wp-content/themes/deow/images/icon_crown_bl.svg) no-repeat center/100%;
}

.icon-jet02-bl::before {
  background: url(/wp-content/themes/deow/images/icon_jet02_bl.svg) no-repeat center/auto 90%;
}

/*
説明会
------------------------------------------------------------
*/
/*title*/
.highlight-ti {
  font-size: 2.18rem;
  font-weight: 700;
  margin: 0 0 0.5em;
  letter-spacing: 0.06em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #f2ed1f));
  background: linear-gradient(transparent 80%, #f2ed1f 80%);
}
@media screen and (max-width: 640px) {
  .highlight-ti {
    font-size: 1.6rem;
  }
}
.highlight-ti span {
  font-size: 1.56rem;
  margin: 0 1em 0 0;
}

.fold-ti {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  max-width: 500px;
  width: 100%;
  padding: 0.6em 0;
  margin: -1.2em auto 1em;
  background: #499ce2;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .fold-ti {
    font-size: 1.2rem;
  }
}
.fold-ti::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -6px;
  border-top: 5px solid transparent;
  border-left: 3px solid #b2b2b2;
  border-right: 3px solid transparent;
  border-bottom: 5px solid #b2b2b2;
}

.fold-ti-icon {
  font-size: 1.56rem;
  font-weight: 700;
  color: #fff;
  max-width: 300px;
  width: 100%;
  padding: 0.6em 0;
  margin: -1.4em auto 1em;
  background: #499ce2;
  text-align: center;
  position: relative;
}
.fold-ti-icon .fold-ti-icon-space {
  width: 45px;
  height: 45px;
  margin: 0 10px 0 0;
  display: inline-block;
  position: relative;
}
.fold-ti-icon .fold-ti-icon-space::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fold-ti-icon .fold-ti-icon-content {
  display: inline-block;
  text-align: left;
}
.fold-ti-icon .fold-ti-icon-content span {
  font-family: "Oswald", sans-serif;
  font-size: 0.56em;
  display: block;
}
.fold-ti-icon::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -6px;
  border-top: 5px solid transparent;
  border-left: 3px solid #b2b2b2;
  border-right: 3px solid transparent;
  border-bottom: 5px solid #b2b2b2;
}

.boldTi {
  font-size: 1.56rem;
  font-weight: 700;
  margin: 0 0 1em;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .boldTi {
    font-size: 1.2rem;
  }
}
.boldTi span {
  display: block;
  font-size: 0.8em;
}
.boldTi.bl {
  color: #499ce2;
}
.boldTi.grn {
  color: #00b1ba;
}
.boldTi.ce {
  text-align: center;
}

.venue-desc {
  font-size: 1.12rem;
}
.venue-desc span {
  font-size: 1.37rem;
  font-weight: 500;
  margin: 0 0 1em;
  display: block;
}

/*ul*/
.seminar-list-content {
  margin: 0 -3% 0 0;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .seminar-list-content {
    margin: 0;
  }
}
.seminar-list-content li {
  font-size: 1.25rem;
  font-weight: 500;
  width: 47%;
  display: inline-block;
  padding: 0.8em 0 0.8em 4em;
  margin: 0 3% 2em 0;
  position: relative;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .seminar-list-content li {
    width: 100%;
    margin: 0 0 1em;
  }
}
.seminar-list-content li::before {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.icon-seminar-basic::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_basic.svg) no-repeat center/auto 90%;
}

.icon-seminar-cost::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_cost.svg) no-repeat center/auto 90%;
}

.icon-seminar-visa::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_visa.svg) no-repeat center/auto 90%;
}

.icon-seminar-life::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_life.svg) no-repeat center/auto 90%;
}

.icon-seminar-region::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_region.svg) no-repeat center/auto 90%;
}

.icon-seminar-school::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_school.svg) no-repeat center/auto 90%;
}

/*table*/
.alternate {
  width: 100%;
  margin: 0 0 2em;
}
@media screen and (max-width: 640px) {
  .alternate {
    font-size: 0.94em;
  }
}
.alternate tr:nth-child(odd) {
  background: #f0f7fd;
}
.alternate tr:nth-child(even) {
  background: #d1e6f8;
}
.alternate th, .alternate td {
  padding: 0.3em 1em;
  text-align: center;
  border-right: 1px solid #7cb8ea;
}
.alternate th:last-child, .alternate td:last-child {
  border: none;
}
.alternate th {
  font-size: 1.37rem;
  font-weight: 700;
  color: #fff;
  background: #499ce2;
  border-right: 1px solid #7cb8ea;
}
@media screen and (max-width: 640px) {
  .alternate th {
    font-size: 1.1rem;
  }
}

/*
選ばれる理由
------------------------------------*/
/*title*/
.bo-top-bot-ti {
  font-size: 1.37rem;
  font-weight: 700;
  padding: 0.8em 0;
  margin: 0 0 1em;
  border-top: 3px solid #499ce2;
  border-bottom: 1px solid #499ce2;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 640px) {
  .bo-top-bot-ti {
    font-size: 1.2rem;
  }
}

/*ul*/
.recoList {
  letter-spacing: -1em;
  margin: 0 -2% 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 640px) {
  .recoList {
    margin: 0;
  }
}
.recoList > li {
  width: 48%;
  padding: 1.5em;
  margin: 0 2% 2% 0;
  border: 1px solid #00b1ba;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .recoList > li {
    width: 100%;
    padding: 1em;
    margin: 0 0 1.5em 0;
  }
}
.recoList li ul li {
  margin: 0 0 1em;
}
.recoList li ul li a {
  color: #000;
  font-size: 1.25rem;
  padding: 0.8em 2em 0.8em 4em;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .recoList li ul li a {
    font-size: 1.1rem;
  }
}
.recoList li ul li a i {
  height: 1em;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.recoList li ul li a::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.recoList li ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 0;
  background: #fffd9a;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 0;
}
.recoList li ul li a:hover::after {
  height: 20%;
}
.recoList dt {
  font-size: 1.56rem;
  font-weight: 700;
  color: #00b1ba;
  min-height: 129px;
  padding: 1em 1em 1em 6em;
  margin: 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #00b1ba;
}
@media screen and (max-width: 640px) {
  .recoList dt {
    font-size: 1.2rem;
    padding: 1em 1em 1em 4em;
  }
}
.recoList dt.cost {
  background: url(/wp-content/themes/deow/images/top_reco01.png) no-repeat 1em center/auto 90%;
}
@media screen and (max-width: 640px) {
  .recoList dt.cost {
    background: url(/wp-content/themes/deow/images/top_reco01.png) no-repeat 1em center/auto 60px;
  }
}
.recoList dt.support {
  background: url(/wp-content/themes/deow/images/top_reco02.png) no-repeat 1em center/auto 90%;
}
@media screen and (max-width: 640px) {
  .recoList dt.support {
    background: url(/wp-content/themes/deow/images/top_reco02.png) no-repeat 1em center/auto 60px;
  }
}
.recoList dt.agent {
  background: url(/wp-content/themes/deow/images/top_reco03.png) no-repeat 1em center/auto 90%;
}
@media screen and (max-width: 640px) {
  .recoList dt.agent {
    background: url(/wp-content/themes/deow/images/top_reco03.png) no-repeat 1em center/auto 60px;
  }
}
.recoList dt.benefits {
  background: url(/wp-content/themes/deow/images/top_reco04.png) no-repeat 1em center/auto 90%;
}
@media screen and (max-width: 640px) {
  .recoList dt.benefits {
    background: url(/wp-content/themes/deow/images/top_reco04.png) no-repeat 1em center/auto 60px;
  }
}
.recoList dd {
  padding: 1em 4em 0;
}
@media screen and (max-width: 640px) {
  .recoList dd {
    padding: 1em 0;
  }
}

.icon-school03::before {
  background: url(/wp-content/themes/deow/images/icon_school03.svg) no-repeat center/auto 90%;
}

.icon-time::before {
  background: url(/wp-content/themes/deow/images/icon_time.svg) no-repeat center/auto 90%;
}

.icon-office::before {
  background: url(/wp-content/themes/deow/images/icon_office.svg) no-repeat center/auto 90%;
}

.icon-two_support::before {
  background: url(/wp-content/themes/deow/images/icon_two_support.svg) no-repeat center/auto 90%;
}

.icon-seminar_people::before {
  background: url(/wp-content/themes/deow/images/icon_seminar_people.svg) no-repeat center/auto 90%;
}

.icon-lesson::before {
  background: url(/wp-content/themes/deow/images/icon_lesson.svg) no-repeat center/auto 90%;
}

.icon-carrier::before {
  background: url(/wp-content/themes/deow/images/icon_carrier.svg) no-repeat center/auto 90%;
}

.icon-privacy::before {
  background: url(/wp-content/themes/deow/images/icon_privacy.svg) no-repeat center/auto 90%;
}

.icon-ertification::before {
  background: url(/wp-content/themes/deow/images/icon_ertification.svg) no-repeat center/auto 90%;
}

.icon-j_cross::before {
  background: url(/wp-content/themes/deow/images/icon_j_cross.svg) no-repeat center/auto 90%;
}

.icon-student_card::before {
  background: url(/wp-content/themes/deow/images/icon_student_card.svg) no-repeat center/contain;
}

.icon-discount::before {
  background: url(/wp-content/themes/deow/images/icon_discount.svg) no-repeat center/auto 90%;
}

/*
//サポート内容
*/
/*box*/
.box_flat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 0 2em;
  min-height: 330px;
  background: #fcfbd2;
}
@media screen and (max-width: 640px) {
  .box_flat {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.box_flat .box_flat-left {
  width: 45%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
@media screen and (max-width: 640px) {
  .box_flat .box_flat-left {
    width: 100%;
    height: 220px;
  }
}
.box_flat .box_flat-right {
  width: 55%;
  padding: 2em;
}
@media screen and (max-width: 640px) {
  .box_flat .box_flat-right {
    width: 100%;
  }
}
.box_flat.box_flat-flow {
  margin: 0 0 4em;
  border-bottom: 1px solid #499ce2;
}
.box_flat.box_flat-flow::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2em;
  margin: auto;
  border-top: 2em solid #499ce2;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 0 solid transparent;
}

/*title*/
/*ul*/
.list_icon_three, .list_icon_four {
  margin: 3em -3% 0 0;
  letter-spacing: -1em;
}
@media screen and (max-width: 640px) {
  .list_icon_three, .list_icon_four {
    text-align: center;
  }
}
.list_icon_three li, .list_icon_four li {
  width: 30%;
  margin: 0 3% 2em 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .list_icon_three li, .list_icon_four li {
    width: 47%;
  }
}
.list_icon_three li a, .list_icon_four li a {
  display: block;
  color: #000;
  padding: 0 0 1em;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.list_icon_three li a .num1::before, .list_icon_three li a .num2::before, .list_icon_three li a .num3::before, .list_icon_three li a .num4::before, .list_icon_three li a .num5::before, .list_icon_three li a .num6::before, .list_icon_four li a .num1::before, .list_icon_four li a .num2::before, .list_icon_four li a .num3::before, .list_icon_four li a .num4::before, .list_icon_four li a .num5::before, .list_icon_four li a .num6::before {
  content: "";
  font-size: 2em;
  font-weight: 700;
  color: #26b9eb;
  margin: 0 0.5em 0 0;
}
.list_icon_three li a .num1::before, .list_icon_four li a .num1::before {
  content: "1";
}
.list_icon_three li a .num2::before, .list_icon_four li a .num2::before {
  content: "2";
}
.list_icon_three li a .num3::before, .list_icon_four li a .num3::before {
  content: "3";
}
.list_icon_three li a .num4::before, .list_icon_four li a .num4::before {
  content: "4";
}
.list_icon_three li a .num5::before, .list_icon_four li a .num5::before {
  content: "5";
}
.list_icon_three li a .num6::before, .list_icon_four li a .num6::before {
  content: "6";
}
.list_icon_three li a i, .list_icon_four li a i {
  font-size: 2em;
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #499ce2;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.list_icon_three li a:hover i, .list_icon_four li a:hover i {
  -webkit-transform: translateY(1em);
          transform: translateY(1em);
}
.list_icon_three li a:hover .list_icon_three_img, .list_icon_three li a:hover .list_icon_four_img, .list_icon_four li a:hover .list_icon_three_img, .list_icon_four li a:hover .list_icon_four_img {
  -webkit-box-shadow: 0 0 0 10px #26b9eb;
          box-shadow: 0 0 0 10px #26b9eb;
  color: #fff;
}
.list_icon_three li a:hover .list_icon_three_img::after, .list_icon_three li a:hover .list_icon_four_img::after, .list_icon_four li a:hover .list_icon_three_img::after, .list_icon_four li a:hover .list_icon_four_img::after {
  opacity: 0.8;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.list_icon_three li .list_icon_three_ttl, .list_icon_three li .list_icon_four_ttl, .list_icon_four li .list_icon_three_ttl, .list_icon_four li .list_icon_four_ttl {
  font-size: 1.375rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 53px;
  margin: 0 0 0.5em;
  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;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .list_icon_three li .list_icon_three_ttl, .list_icon_three li .list_icon_four_ttl, .list_icon_four li .list_icon_three_ttl, .list_icon_four li .list_icon_four_ttl {
    font-size: 1rem;
  }
}
.list_icon_three li .list_icon_three_img, .list_icon_three li .list_icon_four_img, .list_icon_four li .list_icon_three_img, .list_icon_four li .list_icon_four_img {
  border: 4px solid #26b9eb;
  -webkit-box-shadow: 0 0 0 4px #26b9eb;
          box-shadow: 0 0 0 4px #26b9eb;
  border-radius: 100%;
  background-image: url();
  display: inline-block;
  width: 9.6rem;
  height: 9.6rem;
  margin-bottom: 1rem;
  position: relative;
  -webkit-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}
@media screen and (max-width: 640px) {
  .list_icon_three li .list_icon_three_img, .list_icon_three li .list_icon_four_img, .list_icon_four li .list_icon_three_img, .list_icon_four li .list_icon_four_img {
    width: 7rem;
    height: 7rem;
  }
}
.list_icon_three li .list_icon_three_img img, .list_icon_three li .list_icon_four_img img, .list_icon_four li .list_icon_three_img img, .list_icon_four li .list_icon_four_img img {
  width: 55%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .list_icon_three li .list_icon_three_img img, .list_icon_three li .list_icon_four_img img, .list_icon_four li .list_icon_three_img img, .list_icon_four li .list_icon_four_img img {
    width: 50%;
  }
}
.list_icon_three li .list_icon_three_img::after, .list_icon_three li .list_icon_four_img::after, .list_icon_four li .list_icon_three_img::after, .list_icon_four li .list_icon_four_img::after {
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 0 0 0 4px rgba(38, 185, 235, 0.8);
          box-shadow: 0 0 0 4px rgba(38, 185, 235, 0.8);
  left: 0;
  padding: 0;
  top: 0;
  -webkit-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
  -webkit-transform: scale(1);
          transform: scale(1);
  /* transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; */
}
.list_icon_three li .list_icon_three_free::before, .list_icon_three li .list_icon_three_free_conditioned::before,
.list_icon_three li .list_icon_four_free::before, .list_icon_three li .list_icon_four_free_conditioned::before, .list_icon_four li .list_icon_three_free::before, .list_icon_four li .list_icon_three_free_conditioned::before,
.list_icon_four li .list_icon_four_free::before, .list_icon_four li .list_icon_four_free_conditioned::before {
  content: "";
  width: 46px;
  height: 46px;
  position: absolute;
  top: -20px;
  left: 0;
}
@media screen and (max-width: 640px) {
  .list_icon_three li .list_icon_three_free::before, .list_icon_three li .list_icon_three_free_conditioned::before,
.list_icon_three li .list_icon_four_free::before, .list_icon_three li .list_icon_four_free_conditioned::before, .list_icon_four li .list_icon_three_free::before, .list_icon_four li .list_icon_three_free_conditioned::before,
.list_icon_four li .list_icon_four_free::before, .list_icon_four li .list_icon_four_free_conditioned::before {
    width: 33px;
    height: 33px;
    left: -10px;
  }
}
.list_icon_three li .list_icon_four_free::before, .list_icon_three li .list_icon_four_free_conditioned::before, .list_icon_four li .list_icon_four_free::before, .list_icon_four li .list_icon_four_free_conditioned::before {
  left: -10px;
}
@media screen and (max-width: 640px) {
  .list_icon_three li .list_icon_four_free::before, .list_icon_three li .list_icon_four_free_conditioned::before, .list_icon_four li .list_icon_four_free::before, .list_icon_four li .list_icon_four_free_conditioned::before {
    left: -10px;
  }
}
.list_icon_three li .list_icon_three_free::before, .list_icon_three li .list_icon_four_free::before, .list_icon_four li .list_icon_three_free::before, .list_icon_four li .list_icon_four_free::before {
  background: url(/wp-content/themes/deow/images/support_free_01.png) no-repeat center/auto 100%;
}
.list_icon_three li .list_icon_three_free_conditioned::before, .list_icon_three li .list_icon_four_free_conditioned::before, .list_icon_four li .list_icon_three_free_conditioned::before, .list_icon_four li .list_icon_four_free_conditioned::before {
  background: url(/wp-content/themes/deow/images/support_free_02.png) no-repeat center/auto 100%;
}

.list_icon_four li {
  width: 22%;
}
@media screen and (max-width: 640px) {
  .list_icon_four li {
    width: 47%;
  }
}

/*
//目的別ページ
*/
/*box*/
.mainImgObjectiveWrap {
  background: url(/wp-content/themes/deow/images/bg_dot.png) repeat;
}

.mainImgObjectiveBox {
  max-width: 1130px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 640px) {
  .mainImgObjectiveBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mainImgObjectiveBox::after {
  content: "";
  display: block;
  clear: both;
}

.mainImgObjectiveLeftBox {
  width: 74%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mainImgObjectiveLeftBox {
    width: 100%;
    height: 300px;
  }
}

.mainImgObjectiveRightBox {
  width: 26%;
  min-height: 360px;
  background: #dbebf9;
  padding: 2em 1.5em;
}
@media screen and (max-width: 640px) {
  .mainImgObjectiveRightBox {
    width: 100%;
    min-height: inherit;
  }
}

/*title*/
.objectiveMainTi {
  font-size: 3.12rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 10px #000;
  position: absolute;
  top: 1em;
  left: 1em;
}
@media screen and (max-width: 640px) {
  .objectiveMainTi {
    font-size: 1.6rem;
  }
}

.mainImgObjectiveList-ttl {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  text-align: center;
  margin: 0 0 1em;
  position: relative;
}
.mainImgObjectiveList-ttl span {
  padding: 0 1em;
  background: #dbebf9;
  position: relative;
  z-index: 1;
}
.mainImgObjectiveList-ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 49%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}

/*ul*/
.mainImgObjectiveList {
  padding: 0 1em;
}
.mainImgObjectiveList li {
  font-weight: 500;
  margin: 0 0 1em;
  text-indent: -1em;
  padding-left: 1em;
}
.mainImgObjectiveList li a {
  color: #000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mainImgObjectiveList li a i {
  margin: 0 1em 0 0;
}
.mainImgObjectiveList li a:hover {
  color: #009ce4;
}

/*
//採用情報
*/
.recruit_top {
  padding: 0 0 2em;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.recruit_top.top02 {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .recruit_top {
    padding: 0 0 5em;
  }
}
.recruit_top::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 0;
  left: 0;
}
.recruit_top .inner {
  position: relative;
  color: #fff;
}
.recruit_top_ttl {
  text-align: center;
  margin: 1em 0 2em;
}
@media screen and (min-width: 768px) {
  .recruit_top_ttl {
    font-size: 1.12em;
    margin: 2em 0;
  }
}
.recruit_top_ttl span {
  font-family: "Oswald", sans-serif;
  font-size: 2.85em;
  letter-spacing: 0.05em;
  display: block;
}
@media screen and (min-width: 768px) {
  .recruit_top_ttl span {
    font-size: 3.33em;
  }
}
.recruit_top_txt {
  text-shadow: 0 0 5px #000;
}
@media screen and (min-width: 768px) {
  .recruit_top_txt {
    font-size: 1.12em;
    line-height: 2.2;
    text-align: center;
  }
}
.recruit_top_box {
  background: rgba(73, 156, 226, 0.9);
  padding: 2em 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .recruit_top_box {
    padding: 4em 0;
  }
}
.recruit_top_box_ttl {
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .recruit_top_box_ttl {
    font-size: 2.5em;
  }
}
.recruit_top_box_txt {
  text-align: left;
  margin: 0 0 1.5em;
}
@media screen and (min-width: 768px) {
  .recruit_top_box_txt {
    text-align: center;
    margin: 0 0 2em;
  }
}

.recruit_sub_ttl {
  color: #3f3f3f;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .recruit_sub_ttl {
    font-size: 2.25em;
  }
}

.recruit_top_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 2em;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .recruit_top_list li {
    min-height: 360px;
    margin: 0 0 3em;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  }
  .recruit_top_list li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.recruit_top_list li:last-child {
  margin: 0;
}
.recruit_top_list_desc {
  background: #499ce2;
  color: #fff;
  padding: 1.2em 1em;
}
@media screen and (min-width: 768px) {
  .recruit_top_list_desc {
    width: 50%;
    padding: 2.5em;
  }
}
.recruit_top_list_ttl {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .recruit_top_list_ttl {
    font-size: 2em;
  }
}
.recruit_top_list_ttl span {
  font-size: 0.57em;
}
.recruit_top_list_txt {
  font-size: 0.87em;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .recruit_top_list_txt {
    font-size: 1em;
    margin: 0 0 1.5em;
  }
}
.recruit_top_list_img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 66% 0 0;
}
@media screen and (min-width: 768px) {
  .recruit_top_list_img {
    width: 50%;
    padding: 0;
  }
}

a.recruit_button {
  color: #499ce2;
  font-weight: 600;
  display: block;
  width: 100%;
  max-width: 250px;
  padding: 0.5em 1em;
  margin: 0 auto 5px;
  background: #fff;
  position: relative;
  border-radius: 7px;
  -webkit-box-shadow: 3px 3px 0 #a4cdf0;
          box-shadow: 3px 3px 0 #a4cdf0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  a.recruit_button {
    font-size: 1.12em;
    border-radius: 10px;
    margin: 0;
  }
  a.recruit_button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
a.recruit_button i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}
a.recruit_button.blue {
  color: #fff;
  background: #499ce2;
  margin: 0 auto;
}

.apply_txt {
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .apply_txt {
    text-align: center;
    margin: 0 0 2em;
  }
}
.apply_txt span {
  font-size: 0.81em;
  display: inline-block;
  margin: 1em 0 0;
}

.apply_box {
  background: #edf5fc;
  padding: 1em;
  max-width: 800px;
  margin: 0 auto 1.5em;
}
@media screen and (min-width: 768px) {
  .apply_box {
    padding: 2em;
    margin: 0 auto 3em;
  }
}
.apply_box p {
  margin: 0 0 1em;
}

a.download_button {
  color: #499ce2;
  font-weight: 600;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 0 2px 32px;
  background: url(../images/icon_download.svg) no-repeat left/23px 28px;
}
@media screen and (min-width: 768px) {
  a.download_button:hover {
    text-decoration: underline;
  }
}

.table_apply {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .table_apply {
    max-width: 800px;
  }
}
.table_apply.top {
  margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
  .table_apply.top {
    margin: 0 auto 4em;
  }
}
.table_apply th {
  width: 100%;
  display: block;
  font-weight: 400;
  vertical-align: top;
  padding: 0 0 0.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .table_apply th {
    width: 190px;
    display: table-cell;
    padding: 0 0 15px;
  }
}
.table_apply th::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #499ce2;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  .table_apply th::before {
    width: 1px;
    height: calc(100% - 15px);
    top: 0;
    bottom: auto;
  }
}
.table_apply td {
  width: 100%;
  display: block;
  padding: 0.5em 0 1.5em;
}
@media screen and (min-width: 768px) {
  .table_apply td {
    width: auto;
    display: table-cell;
    padding: 0 0 15px 1em;
  }
}

.list_recruit_top_btn {
  text-align: center;
  letter-spacing: -0.4em;
}
.list_recruit_top_btn li {
  display: inline-block;
  width: 48%;
  margin: 0 1%;
  max-width: 250px;
  letter-spacing: 0.01em;
}
.list_recruit_top_btn li a {
  text-align: left;
}

.worker_section {
  margin: 0 0 3.5em;
}
@media screen and (min-width: 768px) {
  .worker_section {
    margin: 0 0 6.25em;
  }
}
.worker_section:last-child {
  margin: 0;
}

.worker_top {
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .worker_top {
    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;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin: 0 0 4em;
  }
}
@media screen and (min-width: 768px) {
  .worker_top_right {
    width: 53%;
    margin: 0 0 0 -3%;
  }
}
.worker_top_right img {
  width: 100%;
}
.worker_top_left {
  width: 94%;
  margin: -10% auto 0;
  padding: 1.2em 1em;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .worker_top_left {
    width: 53%;
    margin: 5% -3% 0 0;
    padding: 5% 2% 5% 10%;
    background: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  }
}
.worker_top_ttl {
  font-size: 1.18em;
  line-height: 1.66;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .worker_top_ttl {
    font-size: 1.75em;
  }
}
.worker_top_name {
  font-size: 0.87em;
  margin: 0 0 0.8em;
}
@media screen and (min-width: 768px) {
  .worker_top_name {
    font-size: 1em;
  }
}
.worker_top_name span {
  display: block;
  color: #499ce2;
  font-family: "Oswald", sans-serif;
  font-size: 1.6em;
}
@media screen and (min-width: 768px) {
  .worker_top_name span {
    font-size: 1.81em;
  }
}
.worker_top_data {
  font-size: 0.87em;
  margin: 0 0 0.8em;
}
@media screen and (min-width: 768px) {
  .worker_top_data {
    font-size: 1em;
  }
}
.worker_top_txt {
  font-size: 0.87em;
}
@media screen and (min-width: 768px) {
  .worker_top_txt {
    font-size: 1em;
  }
}

.button_open {
  cursor: pointer;
  max-width: 250px;
  margin: 0 auto;
}
.button_open.active i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hide_content {
  display: none;
  margin: 2em 0 0;
}
@media screen and (min-width: 768px) {
  .hide_content {
    margin: 5em 0 0;
  }
}

@media screen and (min-width: 768px) {
  .worker_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.worker_contents_img {
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .worker_contents_img {
    width: 45%;
    margin: 0;
  }
}
.worker_contents_txt {
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .worker_contents_txt {
    width: 50%;
    margin: 0;
  }
}
.worker_contents_txt dl {
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .worker_contents_txt dl {
    margin: 0 0 2.5em;
  }
}
.worker_contents_txt dl:last-child {
  margin: 0;
}
.worker_contents_txt dl dt {
  font-size: 1.18em;
  font-weight: 600;
  line-height: 1.66;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .worker_contents_txt dl dt {
    font-size: 1.37em;
  }
}
.worker_contents_txt dl dt span {
  display: block;
  color: #499ce2;
  font-family: "Oswald", sans-serif;
  font-size: 0.7em;
  font-weight: 400;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .worker_contents_txt dl dd {
    font-size: 1.06em;
  }
}
.worker_contents_txt dl.dlist_dropdown dt {
  padding: 0 1.2em 0.5em 0;
  margin: 0;
  border-bottom: 2px solid #e1eafd;
  cursor: pointer;
  position: relative;
}
.worker_contents_txt dl.dlist_dropdown dt::after {
  content: "+";
  color: #499ce2;
  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);
}
.worker_contents_txt dl.dlist_dropdown dt.active {
  border: none;
}
.worker_contents_txt dl.dlist_dropdown dt.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.worker_contents_txt dl.dlist_dropdown dd {
  display: none;
}

.table_recruit {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  .table_recruit {
    margin: 0 auto 3em;
  }
}
.table_recruit tr {
  border-bottom: 1px solid #499ce2;
}
.table_recruit th {
  text-align: left;
  font-weight: 400;
  vertical-align: top;
  padding: 1em 0;
  width: 5.5em;
}
@media screen and (min-width: 768px) {
  .table_recruit th {
    width: 8em;
    padding: 1em;
  }
}
.table_recruit td {
  padding: 1em 0;
}
@media screen and (min-width: 768px) {
  .table_recruit td {
    padding: 1em;
  }
}

.recruit_list {
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .recruit_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 3em;
  }
}
.recruit_list li {
  background: #499ce2;
  color: #fff;
  padding: 1.5em 1em;
  margin: 0 0 1em;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
  .recruit_list li {
    width: 32%;
    padding: 2em;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  }
}
.recruit_list li a {
  margin: 0 auto;
}
.recruit_list_ttl {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .recruit_list_ttl {
    font-size: 1.75em;
  }
}
.recruit_list_ttl span {
  display: block;
  font-size: 0.6em;
}
.recruit_list_txt {
  margin: 0 0 1em;
}

/* page-iorani
------------------------------------------------------------*/
.mainImgIorani {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mainImgIorani iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.sectionWrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.sectionWrap > br {
  display: none;
}

.leftBox66 {
  width: 66%;
  min-height: 353px;
  float: left;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .leftBox66 {
    width: 100%;
  }
}
.leftBox66 div.boxContent {
  width: 90%;
  margin: 0 auto;
}

.rightBox33Img {
  position: relative;
  width: 34%;
  float: right;
  min-height: 353px;
  background: url(/wp-content/themes/deow/images/ioraniImg01.jpg) no-repeat center center/cover;
}
.rightBox33Img::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}

.leftBoxImg {
  width: 50%;
  float: left;
  min-height: 353px;
  background: url(/wp-content/themes/deow/images/ioraniImg02.jpg) no-repeat center center/cover;
  position: relative;
}
.leftBoxImg::before {
  content: "";
  display: block;
  padding: 58% 0 0;
}
.leftBoxImg::after {
  content: "";
  width: 95%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border: 1px solid #fff;
}

.rightBox50 {
  width: 50%;
  min-height: 353px;
  float: right;
  padding: 50px 0;
  background: #f11c2c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .rightBox50 {
    width: 100%;
  }
}
.rightBox50 div.boxContent {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
.rightBox50 div.boxContent p {
  margin: 0 0 30px;
}

.leftBox50 {
  width: 50%;
  min-height: 353px;
  float: left;
  padding: 50px 0;
  background: #231f20;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .leftBox50 {
    width: 100%;
  }
}
.leftBox50 div.boxContent {
  width: 90%;
  margin: 0 auto;
  color: #fff;
}

.rightBoxImg {
  width: 50%;
  float: left;
  min-height: 353px;
  background: url(/wp-content/themes/deow/images/ioraniImg03.jpg) no-repeat center/cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  .rightBoxImg {
    width: 100%;
    min-height: 0;
  }
}
.rightBoxImg::before {
  content: "";
  display: block;
  padding: 58% 0 0;
}
.rightBoxImg::after {
  content: "";
  width: 95%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border: 1px solid #fff;
}

.sectionViewWrap {
  width: 100%;
  padding: 40px 0 35px;
  background: url(/wp-content/themes/deow/images/ioraniViewBg.jpg) no-repeat center/cover;
}

.inner710 {
  max-width: 710px;
  margin: 0 auto;
}

.yeContentBoxTop {
  padding: 55px 85px 15px;
  background: #fff;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 767px) {
  .yeContentBoxTop {
    padding: 50px 15px;
  }
}

.yeContentBoxBottom {
  padding: 30px 85px;
  border-radius: 0 0 5px 5px;
  background: url(/wp-content/themes/deow/images/bg_strp_box_bottom.png) repeat;
  overflow: hidden;
}

.yeContentBoxLeftBox {
  float: left;
  width: 290px;
  overflow: hidden;
}
.yeContentBoxLeftBox p {
  font-family: "mp2mmedium";
  font-weight: 500;
  font-size: 114%;
  padding: 7px 0 0;
}
.yeContentBoxLeftBox p span {
  display: block;
}

.yeContentBoxRightBox {
  float: right;
  width: 240px;
  overflow: hidden;
}

.boxContent {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.boxContent p {
  font-size: 1em;
  letter-spacing: 0.06em;
}

.ioDisc {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 114%;
  text-align: center;
  margin: 0 0 25px;
}

.note {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-align: center;
  margin: 15px 0;
}
.note span {
  color: #f11c2c;
}

.goboTi {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-weight: 500;
  font-size: 1.5em;
  margin: 0 0 20px;
  letter-spacing: 2px;
}

.gobolTi {
  font-weight: 700;
  font-size: 2.4em;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .gobolTi {
    font-size: 2em;
  }
}
.gobolTi span {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 0.3em;
  display: block;
  letter-spacing: 6px;
}

.mpTi {
  font-family: "mp2mlight";
  font-weight: 200;
  font-size: 1.6em;
  margin: 0 0 20px;
}

.mpCTi {
  font-weight: 300;
  font-size: 185%;
  margin: 0 0 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mpCTi {
    font-size: 1.25em;
  }
}
.mpCTi span {
  display: block;
  margin: 10px 0;
  line-height: 1;
  letter-spacing: -1px;
  background: url(/wp-content/themes/deow/images/bg_strp_ti.png) repeat;
}

dl.borderTableList {
  overflow: hidden;
}
dl.borderTableList dt {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 0.9em;
  border: 1px solid #fff;
  padding: 5px 0;
  margin: 0 15px 0 0;
  width: 85px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  letter-spacing: 2px;
  line-height: 1.5;
}
dl.borderTableList dd {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1em;
  margin: 0 0 15px;
  padding: 5px 0 0;
  overflow: hidden;
  letter-spacing: 1px;
}
dl.borderTableList dd span {
  font-size: 87%;
}
dl.yeTableList {
  overflow: hidden;
  margin: 0;
}
dl.yeTableList dt {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 1em;
  float: left;
  clear: both;
  width: 110px;
  text-align: center;
  padding: 8px 0;
  margin: 0 20px 0 0;
  background: url(/wp-content/themes/deow/images/bg_strp_box_bottom.png) repeat;
}
dl.yeTableList dd {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.1em;
  margin: 0 0 30px;
  overflow: hidden;
}
dl.yeTableList dd span {
  font-size: 70%;
  display: block;
}

.viewBtn {
  text-align: center;
  position: relative;
}
.viewBtn a {
  font-family: "mp2mmedium";
  font-weight: 500;
  font-size: 142%;
  color: #fff;
  position: relative;
}
.viewBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -17px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.viewBtn a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background: #f11c2c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.viewBtn a:hover {
  color: #00abff;
}

.ioReservationBtn {
  text-align: center;
}
.ioReservationBtn a {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 1.4em;
  color: #fff;
  max-width: 400px;
  display: block;
  padding: 1em 0;
  margin: 0 auto;
  background: #f11c2c;
  border-radius: 10px;
  position: relative;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 4px 0 #5c0a10;
          box-shadow: 0 4px 0 #5c0a10;
}
.ioReservationBtn a::before {
  content: "";
  display: inline-block;
  width: 43px;
  height: 28px;
  margin: 0 15px 0 0;
  vertical-align: middle;
  background: url(/wp-content/themes/deow/images/ioraniImgFlag.jpg) no-repeat center;
}
.ioReservationBtn a::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  margin: auto;
  border: 2px solid #fff;
  border-radius: 10px;
}
.ioReservationBtn a:hover {
  -webkit-box-shadow: 0 1px 0 #5c0a10;
          box-shadow: 0 1px 0 #5c0a10;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

.bkBorderBtn {
  text-align: center;
}
.bkBorderBtn a {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 105%;
  color: #000;
  display: block;
  padding: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 6px solid #000;
  border-radius: 5px 5px 10px 10px;
  background: #fff;
  position: relative;
}
.bkBorderBtn a::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 15px;
  width: 17px;
  height: 17px;
  background: url(/wp-content/themes/deow/images/arrow_right_iorani.png) no-repeat center;
}
.bkBorderBtn a:hover {
  margin: 5px 0 0;
  border-bottom: 1px solid #000;
  border-radius: 5px;
}

.ruby {
  position: relative;
}
.ruby > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -14px;
  font-size: 70%;
  letter-spacing: 4px;
}

/* page-iorani
------------------------------------------------------------*/
.colConBox {
  margin: 0 0 2em;
  padding: 1.01em 4.5em;
  border: 3px solid #ff95a3;
  background: #fffcf1;
  overflow: hidden;
}

.colConLeft {
  float: left;
  width: 50%;
}
.colConLeft p {
  letter-spacing: 0.13em;
}
.colConLeft p span {
  font-size: 1.4em;
  padding: 0.2em 0 0;
  display: block;
  color: #ff1736;
  font-weight: 700;
}

.colConRight {
  float: right;
  width: 48%;
}

.colConCnv {
  text-align: center;
  width: 100%;
}
.colConCnv a {
  display: block;
  padding: 1em;
  background: #ff596f;
  border: 2px solid #ff596f;
  border-radius: 10px;
  color: #fff;
  position: relative;
}
.colConCnv a:hover {
  background: #fff;
  color: #ff596f;
}
.colConCnv a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}

.colLineBox {
  margin: 0 0 2em;
  padding: 1.01em 4.5em;
  border: 3px solid #63ec63;
  background: #fffcf1;
  overflow: hidden;
}

.colLineLeft {
  float: left;
  width: 50%;
  padding: 1em 0 0;
}
.colLineLeft p {
  letter-spacing: 0.13em;
}
.colLineLeft p span {
  font-size: 1.4em;
  padding: 0.2em 0 0;
  display: inline-block;
  color: #ff1736;
  font-weight: 700;
}
.colLineLeft p span.li {
  color: #00bb00;
}

.colLineRight {
  float: right;
  width: 48%;
}

.colLineCnv {
  text-align: center;
  width: 100%;
}

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

 LessonPage

------------------------------------------------------------*/
#containerLWrap {
  padding: 30px 0 0;
  background: url(/wp-content/themes/deow/images/lesson/bodyBg.jpg) no-repeat top center;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-attachment: fixed;
  letter-spacing: -0.001em;
  -webkit-text-size-adjust: 100%;
}

#containerL {
  background: url(/wp-content/themes/deow/images/lesson/containerBg.png) repeat;
  overflow: hidden;
  margin: 30px auto;
  max-width: 1100px;
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#contentL {
  padding: 0px;
  clear: both;
  overflow: hidden;
  margin: 30px auto;
  max-width: 1000px;
  width: 100%;
}

.headcontent {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0px;
  position: relative;
}

.logoL {
  position: absolute;
  right: 30px;
  bottom: 105px;
}

#boxW {
  background: #FFF;
  margin-bottom: -45px;
  padding: 20px 0 50px;
}

.txtP {
  max-width: 875px;
  width: 100%;
  display: block;
  margin: 0 auto 20px;
}

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

ul.basicListL {
  background-color: #fff;
  overflow: hidden;
}
ul.basicListL li {
  margin: 0 20px 20px;
  padding-top: 20px;
  width: 293px;
  float: left;
}
@media screen and (max-width: 640px) {
  ul.basicListL li {
    margin: 0 0 20px;
    width: 100%;
    float: none;
  }
}
ul.basicListL li p {
  text-align: center;
}

.section .white {
  background-color: #fff;
  padding: 20px;
}

dl.basicListL {
  margin-bottom: 10px;
}
dl.basicListL dt {
  padding: 3px 5px;
  width: 180px;
  clear: left;
  float: left;
  background-color: rgba(244, 164, 102, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  dl.basicListL dt {
    padding: 3px 0;
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
  }
}
dl.basicListL dd {
  padding: 3px 5px 3px 20px;
  overflow: hidden;
  margin-left: 180px;
}
@media screen and (max-width: 640px) {
  dl.basicListL dd {
    padding: 3px 0;
    margin: 0 0 2em;
  }
}

#box1 {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  #box1 {
    background: #FFF;
    border: 5px solid #EF858C;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}

#box1_inner {
  padding: 0 30px;
  overflow: hidden;
  background: url(/wp-content/themes/deow/images/lesson/box1Bg.png) repeat-y 0 0;
}
@media screen and (max-width: 640px) {
  #box1_inner {
    padding: 0 15px;
    background: none;
  }
}

ul.topMenuL {
  clear: both;
  margin-right: -40px;
}
@media screen and (max-width: 640px) {
  ul.topMenuL {
    margin-right: 0;
  }
}
ul.topMenuL li {
  display: block;
  float: left;
  width: 200px;
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  ul.topMenuL li {
    float: none;
    width: 100%;
    margin: 0 0 2em;
  }
}

.imgWrap {
  height: 150px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .imgWrap {
    height: auto;
    text-align: center;
  }
}

.nameL {
  font-size: 143%;
  padding: 15px 0;
  color: #ef858c;
  font-weight: 700;
}

.line {
  background: url(/wp-content/themes/deow/images/lesson/underline.png) repeat-y 0px -3px;
  line-height: 1.8em;
  padding: 5px;
  margin-bottom: 20px;
}

#box2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  #box2 {
    background: #FFF;
    border: 5px solid #54C3F1;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}

#box2_inner {
  padding: 0 30px;
  overflow: hidden;
  background: url(/wp-content/themes/deow/images/lesson/box2Bg.png) repeat-y 0 0;
}
@media screen and (max-width: 640px) {
  #box2_inner {
    padding: 0 15px;
    background: none;
  }
}

ul.topMenu2L {
  clear: both;
  margin-right: -40px;
}
@media screen and (max-width: 640px) {
  ul.topMenu2L {
    margin-right: 0;
  }
}
ul.topMenu2L li {
  display: block;
  float: left;
  width: 450px;
  margin-right: 40px;
  position: relative;
  margin-bottom: 50px;
  min-height: 310px;
}
@media screen and (max-width: 640px) {
  ul.topMenu2L li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

dl.menuListL {
  max-width: 450px;
  width: 100%;
}
dl.menuListL dt {
  width: 200px;
  clear: left;
  float: left;
  text-align: center;
}
@media screen and (max-width: 640px) {
  dl.menuListL dt {
    width: 80%;
    clear: both;
    float: none;
    margin: 0 auto;
  }
}

.circle {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  margin: 0 auto 10px;
}
@media screen and (max-width: 640px) {
  .circle {
    float: none;
  }
}
.circle img {
  width: 200px;
  height: auto;
}

.name2 {
  font-size: 93%;
}

dl.menuListL dd {
  margin-left: 210px;
}
@media screen and (max-width: 640px) {
  dl.menuListL dd {
    margin: 0;
  }
}

.name3 {
  font-size: 143%;
  color: #54c3f1;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .name3 {
    text-align: center;
  }
}

.line2 {
  float: right;
  background: url(/wp-content/themes/deow/images/lesson/underline2.png) repeat-y 0px -4px;
  line-height: 1.8em;
  margin-bottom: 20px;
  width: 244px;
}
@media screen and (max-width: 640px) {
  .line2 {
    float: none;
    margin: 0 auto 20px;
  }
}

/*------------------------------------------
	IALC奨学金
------------------------------------------*/
.inner {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 2;
}

.inner690 {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 2;
  max-width: 720px;
}

.ialc-rop-photo::before {
  content: "";
  position: absolute;
  top: 17%;
  left: -450px;
  width: 469px;
  height: 100%;
  background: url(/wp-content/themes/deow/images/top_photo_left.png) no-repeat;
  z-index: 2;
}
.ialc-rop-photo::after {
  content: "";
  position: absolute;
  top: 0;
  right: -450px;
  width: 469px;
  height: 100%;
  background: url(/wp-content/themes/deow/images/top_photo_right.png) no-repeat;
  z-index: 2;
}

.icon_flag::before {
  content: "";
  width: 50%;
  position: absolute;
  top: -8%;
  left: -35%;
  padding: 30% 0 0;
  background: url(/wp-content/themes/deow/images/icon_flag_left.png) no-repeat center/auto 100%;
  z-index: -1;
}
.icon_flag::after {
  content: "";
  width: 50%;
  position: absolute;
  top: -8%;
  left: -35%;
  padding: 30% 0 0;
  background: url(/wp-content/themes/deow/images/icon_flag_left.png) no-repeat center/auto 100%;
  left: inherit;
  right: -30%;
  background: url(/wp-content/themes/deow/images/icon_flag_right.png) no-repeat center/auto 100%;
  z-index: -1;
}

.sectionFl {
  padding: 100px 0;
  background: #dfeaf8 url(/wp-content/themes/deow/images/bg_dot.png) repeat;
}
@media screen and (max-width: 767px) {
  .sectionFl {
    padding: 60px 0;
  }
}

.sectionStripe {
  padding: 80px 0;
  position: relative;
  z-index: 0;
  background: url(/wp-content/themes/deow/images/bg_stripe_pink.png) repeat;
}
.sectionStripe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1400px;
  z-index: 0;
  background: #fff;
}

.sectionSns {
  padding: 80px 0;
  background: url(/wp-content/themes/deow/images/bg_sns.jpg) center/cover;
}

.sectonBLline {
  padding: 80px 0;
  border-top: 1px solid #70c7da;
  border-bottom: 1px solid #70c7da;
  background: #fffcd3;
}

.ialc-mainTi::after, .ialcTi-bk::after, .ialcTi-w::after {
  content: "";
  max-width: 300px;
  height: 4px;
  background: url(/wp-content/themes/deow/images/line_wave.png) repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.ialc-mainTi {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 3.98em;
  font-weight: 700;
  text-align: center;
  padding: 0 0 0.4em;
  margin: 0 0 0.7em;
  position: relative;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .ialc-mainTi {
    font-size: 1.6em;
  }
}
.ialc-mainTi span {
  font-weight: 500;
  font-size: 0.5em;
  display: block;
  margin: 0 0 0.7em;
}
.ialc-mainTi span::before {
  content: url(/wp-content/themes/deow/images/deco_stripe_left.png);
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0.5em;
}
.ialc-mainTi span::after {
  content: url(/wp-content/themes/deow/images/deco_stripe_left.png);
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0.5em;
  content: url(/wp-content/themes/deow/images/deco_stripe_right.png);
}

.ialc-main-desc {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  font-size: 1.18em;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .ialc-main-desc {
    font-size: 1em;
  }
}

.ialcTi-bk {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 700;
  font-size: 2.27em;
  padding: 1.1em 0 0.4em;
  margin: 0 0 1.5em;
  text-align: center;
  position: relative;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 640px) {
  .ialcTi-bk {
    font-size: 1.4em;
  }
}

.ialcTi-w {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 700;
  font-size: 2.57em;
  padding: 1.1em 0 0.4em;
  margin: 0 0 1em;
  text-align: center;
  position: relative;
  letter-spacing: 0.08em;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .ialcTi-w {
    font-size: 1.4em;
  }
}
.ialcTi-w::after {
  background: url(/wp-content/themes/deow/images/line_wave_w.png) repeat-x;
}

.icon-hellow, .icon-follow, .icon-check-ialc, .icon-what, .icon-cong, .icon-check-pi {
  position: relative;
}

.icon-hellow::before, .icon-follow::before, .icon-check-ialc::before, .icon-what::before, .icon-cong::before, .icon-check-pi::before {
  position: absolute;
  top: -70px;
}

.icon-hellow::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_hellow.png) no-repeat center/contain;
  width: 107px;
  height: 73px;
  right: -2.3em;
}
@media screen and (max-width: 640px) {
  .icon-hellow::before {
    top: -40px;
    width: 80px;
    height: 50px;
  }
}

.icon-follow::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_follow.png) no-repeat center/contain;
  width: 178px;
  height: 86px;
  left: -3.5em;
}
@media screen and (max-width: 640px) {
  .icon-follow::before {
    left: -2.5em;
    width: 130px;
    height: 60px;
  }
}

.icon-check-ialc::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_check.png) no-repeat center/contain;
  width: 148px;
  height: 70px;
  left: 0;
}
@media screen and (max-width: 640px) {
  .icon-check-ialc::before {
    left: inherit;
    right: -3em;
    width: 100px;
    height: 50px;
  }
}

.icon-what::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_what.png) no-repeat center/contain;
  width: 117px;
  height: 70px;
  right: -1.3em;
}
@media screen and (max-width: 640px) {
  .icon-what::before {
    top: -40px;
    width: 80px;
    height: 50px;
  }
}

.icon-cong::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_cong.png) no-repeat center/contain;
  width: 265px;
  height: 107px;
  left: -3em;
}
@media screen and (max-width: 640px) {
  .icon-cong::before {
    left: 0;
    width: 200px;
    height: 80px;
  }
}

.icon-check-pi::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_check02.png) no-repeat center/contain;
  width: 125px;
  height: 70px;
  right: -1.5em;
}
@media screen and (max-width: 767px) {
  .icon-check-pi::before {
    width: 62px;
    height: 35px;
    top: -1.5em;
  }
}

.scholaList,
.scholaList-four {
  margin: 0 -6% 0 0;
  letter-spacing: -0.5em;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .scholaList,
.scholaList-four {
    margin: 0 -4% 0 0;
  }
}

.scholaList li,
.scholaList-four li {
  letter-spacing: normal;
  width: 14%;
  display: inline-block;
  vertical-align: top;
  margin: 0 6% 1.5em 0;
}
@media screen and (max-width: 640px) {
  .scholaList li,
.scholaList-four li {
    width: 46%;
    margin: 0 4% 2em 0;
  }
}

.scholaList li a,
.scholaList-four li a {
  display: block;
  text-align: center;
  color: #000;
}

.scholaList li a > br,
.scholaList-four li a > br {
  display: none;
}

.scholaList li a .ialc-listimg,
.scholaList-four li a .ialc-listimg {
  width: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 0 1em;
  position: relative;
  z-index: 1;
  border: 2px solid #fcebf2;
}

.scholaList li a .ialc-listimg > br,
.scholaList-four li a .ialc-listimg > br {
  display: none;
}

.scholaList li a .ialc-listimg img,
.scholaList-four li a .ialc-listimg img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.scholaList li a .ialc-listimg span,
.scholaList-four li a .ialc-listimg span {
  opacity: 0;
  font-family: "Dancing Script", cursive;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  border-radius: 100%;
  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;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(255, 183, 212, 0.3);
}

.scholaList li a .ialc-listimg span.comming,
.scholaList-four li a .ialc-listimg span.comming {
  opacity: 1;
  background: rgba(255, 183, 212, 0.8);
  position: relative;
}

.scholaList li a .ialc-listimg span.comming::before,
.scholaList-four li a .ialc-listimg span.comming::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}

.scholaList li a:hover,
.scholaList-four li a:hover {
  color: #ffb7d4;
}

.scholaList li a:hover .ialc-listimg span,
.scholaList-four li a:hover .ialc-listimg span {
  opacity: 1;
}

.scholaList li:nth-child(2n) a .ialc-listimg,
.scholaList-four li:nth-child(2n) a .ialc-listimg {
  border: 2px solid #dff2fc;
}

.scholaList li:nth-child(2n) a:hover,
.scholaList-four li:nth-child(2n) a:hover {
  color: #8dd7ff;
}

.scholaList li:nth-child(2n) a:hover span {
  background: rgba(141, 215, 255, 0.3);
}

.scholaList-four li:nth-child(2n) a:hover span {
  background: rgba(141, 215, 255, 0.3);
}

.scholaList li.slick-slide {
  width: 165px;
  margin: 0 40px 1.5em;
}
.scholaList li.slick-slide img {
  width: 100%;
}

.ialc-list-name {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  font-size: 1.27em;
  margin: 0 0 0.1em;
}

.ialc-list-scname {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  font-size: 0.9em;
  margin: 0 0 0.1em;
  line-height: 1.5;
}

.ials-snslist {
  padding: 1em 0 0;
}
.ials-snslist li {
  width: 49%;
  text-align: center;
  display: inline-block;
}
.ials-snslist li a {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 2.14em;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ials-snslist li a::before {
  content: "";
  display: inline-block;
  margin: 0 0.6em 0 0;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  background: url(/wp-content/themes/deow/images/icon_sns_insta.svg) center/auto 100%;
}
@media screen and (max-width: 640px) {
  .ials-snslist li a::before {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 640px) {
  .ials-snslist li a {
    font-size: 1.3em;
  }
}
.ials-snslist li a:hover {
  color: #8dd7ff;
  opacity: 0.8;
}
.ials-snslist li:nth-child(2n) a::before {
  background: url(/wp-content/themes/deow/images/icon_sns_twitter.svg) center/auto 100%;
}

.ialc-desc {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  font-size: 1.28em;
  text-align: center;
  margin: 0 0 3em;
}
@media screen and (max-width: 767px) {
  .ialc-desc {
    font-size: 1em;
  }
}

dl.ialcList {
  max-width: 700px;
  margin: 0 auto 2em;
  overflow: hidden;
}
dl.ialcList dt {
  width: 20%;
  height: 100%;
  position: relative;
  background: #2c88b5;
  margin: 0 2em 0 0;
  /* display: inline-block; */
  float: left;
  clear: both;
}
dl.ialcList dd {
  overflow: hidden;
}
dl.ialcList dd p.ti {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 1.78em;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 0 0 0.3em;
}
@media screen and (max-width: 640px) {
  dl.ialcList dd p.ti {
    font-size: 1.25em;
    line-height: 1.5;
  }
}
dl.ialcList dd p.desc {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 1.28em;
}
@media screen and (max-width: 640px) {
  dl.ialcList dd p.desc {
    font-size: 1em;
  }
}

.cePiBtn {
  text-align: center;
}
.cePiBtn a {
  font-family: "ns";
  font-size: 1.28em;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  padding: 0.8em 2em 0.8em;
  background: #f4b2ba;
  border: 1px solid #f4b2ba;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.cePiBtn a:hover {
  color: #f4b2ba;
  background: #fff;
}
.cePiBtn a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}

dl.ialc-repo-list {
  overflow: hidden;
  margin: 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  dl.ialc-repo-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
dl.ialc-repo-list dt {
  float: left;
  width: 40%;
  clear: both;
  margin: 0 1.5em 0 0;
}
@media screen and (max-width: 640px) {
  dl.ialc-repo-list dt {
    float: none;
    width: 100%;
    margin: 0 0 1em;
  }
}
dl.ialc-repo-list dd {
  padding: 2em 0;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  dl.ialc-repo-list dd {
    padding: 0 0 2em;
  }
}
dl.ialc-repo-list dd p {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 1.1em;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  dl.ialc-repo-list dd p {
    font-size: 1em;
  }
}

ul.ialc-repo-list {
  overflow: hidden;
  margin: 0 -2% 0 0;
  letter-spacing: -0.5em;
}
ul.ialc-repo-list li {
  margin: 0 2% 1.5em 0;
  display: inline-block;
  width: 31%;
}
@media screen and (max-width: 640px) {
  ul.ialc-repo-list li {
    width: 48%;
  }
}

.contactTi {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 2.14em;
  font-weight: 700;
  margin: 0 0 0.5em;
  letter-spacing: 0.05em;
}
.contactTi::after {
  content: "";
  width: 24px;
  height: 42px;
  display: inline-block;
  margin: 0 0 0 0.1em;
  background: url(/wp-content/themes/deow/images/icon_star.svg) no-repeat center/auto 100%;
}

ul.caontactList {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
ul.caontactList li {
  width: 48%;
  float: left;
}
ul.caontactList li a {
  font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
  font-size: 1.71em;
  font-weight: 600;
  color: #000;
  display: block;
  padding: 0.8em 1em 0.7em;
  position: relative;
  background: #ebb3de;
}
ul.caontactList li a:hover {
  opacity: 0.8;
}
ul.caontactList li a::before {
  content: "";
  width: 40px;
  height: 40px;
  margin: 0 1em 0 0;
  display: inline-block;
  vertical-align: middle;
  background: url(/wp-content/themes/deow/images/icon_mail.svg) no-repeat center/100% auto;
}
ul.caontactList li:nth-child(2n) {
  float: right;
}
ul.caontactList li:nth-child(2n) a {
  background: #bcda96;
}
ul.caontactList li:nth-child(2n) a:hover {
  opacity: 0.8;
}
ul.caontactList li:nth-child(2n) a::before {
  background: url(/wp-content/themes/deow/images/icon_counseling.svg) no-repeat center/auto 100%;
}

/*------------------------------------------
	IALC奨学金 詳細
------------------------------------------*/
/* box */
.sectionDotPi {
  padding: 80px 0;
  background: #fcebf2 url(/wp-content/themes/deow/images/bg_dot_w.png) repeat;
}

.sectionMessage {
  padding: 80px 0;
  background: url(/wp-content/themes/deow/images/bg_message.jpg) no-repeat center/cover;
}

.reportBox {
  padding: 5em;
  margin: 10em 0 5em;
  position: relative;
  background: #ecf5f6;
  border-radius: 30px;
}
@media screen and (max-width: 640px) {
  .reportBox {
    padding: 1em;
    margin: 5em 0 5em;
  }
}
.reportBox::before {
  content: "";
  max-width: 451px;
  height: 175px;
  position: absolute;
  top: -6em;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  background: url(/wp-content/themes/deow/images/icon_clip.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 640px) {
  .reportBox::before {
    max-width: 200px;
  }
}

.reportBoxIn {
  padding: 7em 3em;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 640px) {
  .reportBoxIn {
    padding: 3em 1em;
  }
}
.reportBoxIn::after {
  content: "";
  width: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  border-top: 36px solid #9fa0a0;
  border-left: 36px solid #9fa0a0;
  border-right: 36px solid #ecf5f6;
  border-bottom: 36px solid #ecf5f6;
}
@media screen and (max-width: 767px) {
  .reportBoxIn::after {
    border-top: 18px solid #9fa0a0;
    border-left: 18px solid #9fa0a0;
    border-right: 18px solid #ecf5f6;
    border-bottom: 18px solid #ecf5f6;
  }
}

.youtubeBox {
  position: relative;
  margin: 2em 0;
}
.youtubeBox::before {
  content: "";
  display: block;
  padding: 56.25% 0 0;
}
.youtubeBox > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* title */
.desc-ialc-detail {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 1.28em;
  font-weight: 400;
}

.ialc-mess-ti {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 2.5em;
  font-weight: 700;
  color: #bfdee1;
  margin: 0 0 0.8em;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 640px) {
  .ialc-mess-ti {
    font-size: 1.4em;
  }
}

.ialc-mess-desc {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 400;
  font-size: 1em;
  color: #fff;
  position: relative;
  max-width: 740px;
  margin: 0 auto;
}
.ialc-mess-desc::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_message.png) no-repeat center/contain;
  width: 175px;
  height: 81px;
  position: absolute;
  top: -3.5em;
  left: -5em;
}
@media screen and (max-width: 767px) {
  .ialc-mess-desc::before {
    width: 87px;
    height: 40px;
    top: -2.5em;
    left: -1em;
  }
}

.ialc-bal-ti {
  text-align: center;
}
.ialc-bal-ti > span {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 700;
  font-size: 2.14em;
  display: inline-block;
  position: relative;
  padding: 0.1em 1.3em 0.8em;
  margin: 0 0 1.7em;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 640px) {
  .ialc-bal-ti > span {
    font-size: 1.21em;
  }
}
.ialc-bal-ti > span span {
  padding: 0 0.5em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffe55f));
  background: linear-gradient(transparent 60%, #ffe55f 60%);
}
.ialc-bal-ti > span span::before, .ialc-bal-ti > span span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.ialc-bal-ti > span span::before {
  border-top: 15px solid #000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
  bottom: -15px;
}
.ialc-bal-ti > span span::after {
  border-top: 15px solid #edf9ff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0;
  bottom: -13px;
}

.ialc-repoTi, .ialc-expeTi {
  font-family: "Dancing Script", cursive;
  font-weight: 500;
  font-size: 2.58em;
  color: #f4b2ba;
  margin: 0 0 1em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .ialc-repoTi, .ialc-expeTi {
    font-size: 1.3em;
  }
}

.ialc-repoTi::before, .ialc-expeTi::before, .ialc-repoTi::after, .ialc-expeTi::after {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.8em;
}

.ialc-repoTi::before, .ialc-expeTi::before {
  content: url(/wp-content/themes/deow/images/deco_stripe_left_pi.png);
}

.ialc-repoTi::after {
  content: url(/wp-content/themes/deow/images/deco_stripe_right_pi.png);
}

.ialc-expeTi {
  color: #efb11c;
}
.ialc-expeTi::after {
  content: url(/wp-content/themes/deow/images/deco_stripe_right_pi.png);
}
.ialc-expeTi::before, .ialc-expeTi::after {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.8em;
}
.ialc-expeTi::before {
  content: url(/wp-content/themes/deow/images/deco_stripe_left_ye.png);
}
.ialc-expeTi::after {
  content: url(/wp-content/themes/deow/images/deco_stripe_right_ye.png);
}

/* icon */
.icon-ialc-crown {
  position: relative;
}
.icon-ialc-crown::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_crown.png) no-repeat center/contain;
  width: 46px;
  height: 29px;
  position: absolute;
  top: -0.8em;
  left: -0.6em;
}
@media screen and (max-width: 767px) {
  .icon-ialc-crown::before {
    width: 28px;
    height: 18px;
  }
}

.icon-photo-pink::before {
  content: url(/wp-content/themes/deow/images/title_photo_pink.png);
  display: inline-block;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

.icon-photo-yellow::before {
  content: url(/wp-content/themes/deow/images/title_photo_pink.png);
  display: inline-block;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
  content: url(/wp-content/themes/deow/images/title_photo_yellow.png);
}

/* dl */
dl.studentList {
  margin: 0 0 6em;
  overflow: hidden;
}
dl.studentList dt {
  width: 34%;
  margin: 0 2em 0 0;
  padding: 3em 0 0;
  float: left;
}
@media screen and (max-width: 640px) {
  dl.studentList dt {
    width: 80%;
    margin: 0 auto 1.5em;
    float: none;
  }
}
dl.studentList dt span {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 100%;
  border: 2px solid #dff2fc;
}
dl.studentList dt span::before {
  content: "";
  display: block;
  padding: 100% 0 0;
}
dl.studentList dt::after {
  content: url(/wp-content/themes/deow/images/title_student.png);
  position: absolute;
  top: -1.2em;
  left: 0;
}
dl.studentList dt img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
dl.studentList dd {
  padding: 4.5em 0 0;
  overflow: hidden;
}
dl.studentList dd .profBox {
  border: 1px solid #fcebf2;
  background: #fff;
  padding: 2em;
  margin: 0 0 2em;
  position: relative;
  font-size: 0.87rem;
}
@media screen and (max-width: 640px) {
  dl.studentList dd .profBox {
    padding: 1em;
  }
}
dl.studentList dd .profBox::before {
  content: url(/wp-content/themes/deow/images/title_hellow02.png);
  position: absolute;
  top: -4.5em;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
dl.studentList dd .profBox table {
  width: 100%;
}
dl.studentList dd .profBox table th, dl.studentList dd .profBox table td {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  border-bottom: 1px dashed #fcebf2;
}
dl.studentList dd .profBox table th {
  font-size: 1.35em;
  width: 30%;
  text-align: center;
  padding: 1em;
}
@media screen and (max-width: 640px) {
  dl.studentList dd .profBox table th {
    font-size: 1.1em;
  }
}
dl.studentList dd .profBox table td {
  font-size: 2.14em;
  padding: 0.5em;
}
@media screen and (max-width: 640px) {
  dl.studentList dd .profBox table td {
    font-size: 1.4em;
  }
}
dl.studentList dd .profBox table td span {
  font-size: 0.83em;
}

/* tab */
.style-ialc {
  text-align: center;
  margin: 0 0 -1px;
}
@media screen and (max-width: 640px) {
  .style-ialc {
    letter-spacing: -1em;
  }
}
.style-ialc li {
  width: 27%;
  margin: 0 1% 0;
  display: inline-block;
  position: relative;
  border-radius: 10px 10px 0 0;
  padding: 0.5em 1em;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .style-ialc li {
    width: 31%;
    letter-spacing: normal;
    padding: 0.5em;
    font-size: 0.85em;
  }
}
.style-ialc li span {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 700;
  font-size: 1.18em;
  padding: 0 0.7em;
}
@media screen and (max-width: 640px) {
  .style-ialc li span {
    font-size: 0.9em;
    padding: 0;
  }
}
.style-ialc li.icon-moti {
  background: #f4b2ba;
  border-width: 1px 1px 0 1px;
  border-color: #f4b2ba;
  border-style: solid;
}
.style-ialc li.icon-moti.active {
  background: #ffebed;
}
.style-ialc li.icon-moti.active::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_mitivation.png) no-repeat center/contain;
  width: 154px;
  height: 25px;
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .style-ialc li.icon-moti.active::before {
    width: 77px;
    height: 12.5px;
    top: -1.5em;
  }
}
.style-ialc li.icon-repo {
  background: #bae3f9;
  border-width: 1px 1px 0 1px;
  border-color: #bae3f9;
  border-style: solid;
}
.style-ialc li.icon-repo.active {
  background: #edf9ff;
}
.style-ialc li.icon-repo.active::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_report.png) no-repeat center/contain;
  width: 114px;
  height: 25px;
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .style-ialc li.icon-repo.active::before {
    width: 57px;
    height: 12.5px;
    top: -1.5em;
  }
}
.style-ialc li.icon-expe {
  background: #ffe55f;
  border-width: 1px 1px 0 1px;
  border-color: #ffe55f;
  border-style: solid;
}
.style-ialc li.icon-expe.active {
  background: #fff9d8;
}
.style-ialc li.icon-expe.active::before {
  content: "";
  background: url(/wp-content/themes/deow/images/title_expe.png) no-repeat center/contain;
  width: 154px;
  height: 25px;
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .style-ialc li.icon-expe.active::before {
    width: 77px;
    height: 12.5px;
    top: -1.5em;
  }
}
.style-ialc li.active span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffe55f));
  background: linear-gradient(transparent 60%, #ffe55f 60%);
}

.tab-motiBox {
  border: 1px solid #f4b2ba;
  background: #ffebed;
}

.tab-repoBox {
  border: 1px solid #bae3f9;
  background: #edf9ff;
}

.tab-expeBox {
  border: 1px solid #ffe55f;
  background: #fff9d8;
}

.panel {
  display: none;
  padding: 5em;
}
@media screen and (max-width: 640px) {
  .panel {
    padding: 1em;
  }
}

.show {
  display: block;
}

/* btn */
.btnWrap {
  overflow: hidden;
}
.btnWrap .piBtn-left {
  float: left;
}
@media screen and (max-width: 640px) {
  .btnWrap .piBtn-left {
    float: none;
    margin: 0 0 1em;
  }
}
.btnWrap .piBtn-right {
  float: right;
}
@media screen and (max-width: 640px) {
  .btnWrap .piBtn-right {
    float: none;
  }
}
.btnWrap .piBtn-left, .btnWrap .piBtn-right {
  width: 48%;
}
@media screen and (max-width: 640px) {
  .btnWrap .piBtn-left, .btnWrap .piBtn-right {
    width: 100%;
  }
}
.btnWrap .piBtn-left a, .btnWrap .piBtn-right a {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-size: 1.1em;
  font-weight: 500;
  color: #fff;
  display: block;
  padding: 0.8em 3em 0.8em;
  background: #f4b2ba;
  border: 1px solid #f4b2ba;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btnWrap .piBtn-left a:hover, .btnWrap .piBtn-right a:hover {
  color: #f4b2ba;
  background: #fff;
}
.btnWrap .piBtn-left a i, .btnWrap .piBtn-right a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}

/* table */
.repoTable {
  width: 100%;
  border-top: 1px dashed #4c4c4c;
}
.repoTable th, .repoTable td {
  font-size: 1.42em;
  border-top: 1px dashed #4c4c4c;
}
@media screen and (max-width: 640px) {
  .repoTable th, .repoTable td {
    font-size: 1em;
  }
}
.repoTable th {
  font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ns";
  font-weight: 500;
  text-align: center;
  width: 50%;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .repoTable th {
    font-size: 0.87em;
  }
}
.repoTable td {
  color: #f4b2ba;
  letter-spacing: 0.8em;
}
@media screen and (max-width: 767px) {
  .repoTable td {
    letter-spacing: normal;
  }
}

.campaign_note {
  margin: 1em 0 0;
  font-size: 0.9em;
  line-height: 1.5;
}

.school_note {
  margin: 0 0 1em;
  font-size: 0.9em;
  line-height: 1.5;
  text-align: center;
}

.conBox {
  margin: 0 0 2em;
  padding: 1.5em 4.5em;
  border: 3px solid #ff95a3;
  background: #fffcf1;
  overflow: hidden;
}

.conLeft {
  float: left;
  width: 50%;
}

.conLeft p {
  letter-spacing: 0.13em;
}

.conLeft p span {
  font-size: 1.4em;
  padding: 0.2em 0 0;
  display: block;
  color: #ff1736;
  font-weight: 700;
}

.conRight {
  float: right;
  width: 48%;
}

.conCnv {
  text-align: center;
  width: 100%;
}

.conCnv a {
  display: block;
  padding: 1em;
  background: #ca296f;
  border: 2px solid #ca296f;
  border-radius: 10px;
  color: #fff;
  position: relative;
}

.conCnv a:hover {
  background: #fff;
  color: #ca296f;
}

.conCnv a i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
}

@media screen and (max-width: 640px) {
  .conBox {
    margin: 0 0 2em;
    padding: 1em;
    border: 3px solid #ff95a3;
    background: #fffcf1;
    overflow: hidden;
  }

  .conLeft {
    margin: 0 0 1em;
    width: 100%;
  }

  .conLeft p {
    letter-spacing: 0.13em;
  }

  .conLeft p span {
    font-size: 1.4em;
    padding: 0.2em 0 0;
    display: block;
    color: #ff1736;
    font-weight: 700;
  }

  .conRight {
    width: 100%;
  }

  .conCnv {
    text-align: center;
    width: 100%;
  }

  .conCnv a {
    display: block;
    padding: 1em;
    background: #ca296f;
    border: 2px solid #ca296f;
    border-radius: 10px;
    color: #fff;
    position: relative;
  }

  .conCnv a:hover {
    background: #fff;
    color: #ca296f;
  }

  .conCnv a i {
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    margin: auto;
    height: 1em;
    line-height: 1;
  }
}
/* 杉山追加分（2019/2/14） */
.photoShLList, .photoShRList {
  margin: 0 0 2em;
}

.photoShLList dt, .photoShRList dt {
  width: 35%;
  overflow: hidden;
  text-align: center;
  clear: both;
  padding: 5px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

@media screen and (max-width: 640px) {
  .photoShLList dt, .photoShRList dt {
    width: 100%;
  }
}
.photoShLList dt img, .photoShRList dt img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.photoShLList dd, .photoShRList dd {
  overflow: hidden;
  letter-spacing: 0.06em;
  line-height: 1.8;
}

.photoShLList dt {
  margin: 0 20px 5px 4px;
  float: left;
}

@media screen and (max-width: 640px) {
  .photoShLList dt {
    margin: 0 5px 15px 0;
    float: none;
  }
}
.photoShRList dt {
  margin: 0 4px 5px 20px;
  float: right;
}

@media screen and (max-width: 640px) {
  .photoShRList dt {
    margin: 0 5px 15px 0;
    float: none;
  }
}
.simple-border {
  border-bottom: solid 2px black;
}

.double-border {
  border-bottom: double 5px black;
}

#subNaviWrap .scroll-hint-icon, #thirdNaviWrap .scroll-hint-icon {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  top: 0;
  height: auto;
}

.top_youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.top_youtube dt img {
  width: 80px;
  margin-right: 40px;
}
.top_youtube dt img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 640px) {
  .top_youtube dt img {
    width: 40px;
    margin-right: 10px;
  }
}
.top_youtube dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.top_youtube dd p {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.top_youtube dd p:hover {
  opacity: 0.7;
}
.top_youtube dd p.youtubeDesc {
  font-size: 15px;
  font-weight: normal;
}

.youtube_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
@media screen and (max-width: 640px) {
  .youtube_lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .youtube_lists li {
    margin-bottom: 20px;
  }
}
.youtube_lists li {
  width: 340px;
}

.list_online-lesson {
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .list_online-lesson {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -3% 3em 0;
  }
}
.list_online-lesson li {
  font-size: 0.87em;
  border-bottom: 1px dotted #000;
}
@media screen and (min-width: 768px) {
  .list_online-lesson li {
    width: 47%;
    margin: 0 3% 0 0;
    font-size: 1em;
  }
}
.list_online-lesson li a {
  display: inline-block;
  color: #000;
  padding: 0.5em 1em;
  background: url(../images/next.png) no-repeat left/5px;
}
@media screen and (min-width: 768px) {
  .list_online-lesson li a:hover {
    background: url(../images/next.png) no-repeat center left 4px/5px;
    color: #666;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex__item {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .flex {
    -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-bottom: 40px;
  }
  .flex__item {
    margin: 0 40px;
  }
}

.covid-link {
  background: #499ce2;
  border-bottom: 3px solid #000;
  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: 768px) {
  .covid-link {
    padding: 15px 0;
  }
}
.covid-link:hover {
  opacity: 0.7;
}
.covid-link span {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  display: block;
  margin-right: 20px;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .covid-link span {
    font-size: 15px;
  }
}

/*QLD州特設ページ
------------------------------------------*/

.top_qld {
  padding: 3em 0 6em;
  background: url(../images/qld/bg_qld.jpg) no-repeat center/cover;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .top_qld {
    padding: 8em 0 9em;
    background-image: url(../images/qld/bg_qld_pc.jpg);
  }
}
.top_qld::before {
  content: "";
  width: 150px;
  height: 66px;
  background: url(../images/qld/txt_qld.png) no-repeat center/contain;
  position: absolute;
  bottom: 25px;
  right: 5%;
}
@media screen and (min-width: 768px) {
  .top_qld::before {
    width: 300px;
    height: 132px;
    bottom: 35px;
    right: calc(50% - 470px);
  }
}
.top_qld_inner {
  max-width: 700px;
  width: 85%;
  margin: auto;
}
.top_qld_ttl {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .top_qld_ttl {
    font-size: 1.56em;
  }
}
.top_qld_txt {
  font-size: 0.87em;
  line-height: 1.87;
}
@media screen and (min-width: 768px) {
  .top_qld_txt {
    font-size: 1em;
  }
}

.section_qld {
  padding: 3.75em 0;
}
@media screen and (min-width: 768px) {
  .section_qld {
    padding: 6em 0;
  }
}
.section_qld.city {
  background-color: #46c1cc;
}
.section_qld.contact {
  background: url(../images/qld/bg_qld_contact.jpg) no-repeat top/cover;
}
@media screen and (min-width: 768px) {
  .section_qld.contact {
    background-image: url(../images/qld/bg_qld_contact_pc.jpg);
  }
}

.ttl_qld {
  color: #73182c;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  padding: 40px 0 0;
  margin: 0 0 1.5em;
  background: url(../images/qld/mark_sun.svg) no-repeat top/54px 30px;
}
@media screen and (min-width: 768px) {
  .ttl_qld {
    font-size: 1.87em;
    padding: 75px 0 0;
    background-size: 108px 60px;
  }
}

.list_qld_study {
  max-width: 900px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .list_qld_study li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.list_qld_study li:not(:last-child) {
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  .list_qld_study li:not(:last-child) {
    margin: 0 0 3em;
  }
}
.list_qld_study_img {
  margin: 0 0 1.25em;
}
@media screen and (min-width: 768px) {
  .list_qld_study_img {
    width: 33%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .list_qld_study_desc {
    width: 63%;
  }
}
.list_qld_study_ttl {
  font-size: 1.12em;
  font-weight: 700;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 768px) {
  .list_qld_study_ttl {
    font-size: 1.37em;
  }
}
.list_qld_study_txt {
  font-size: 0.87em;
}
@media screen and (min-width: 768px) {
  .list_qld_study_txt {
    font-size: 1em;
  }
}

.txt_highlight {
  font-weight: 700;
  -webkit-box-shadow: 0 -0.75em #ff0 inset;
          box-shadow: 0 -0.75em #ff0 inset;
}

.img_aus_map {
  width: 60%;
  text-align: center;
  margin: 0 auto 1.5em;
}
@media screen and (min-width: 768px) {
  .img_aus_map {
    margin: 0 auto 3em;
  }
}

@media screen and (min-width: 768px) {
  .list_qld_city {
    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 0 -4%;
  }
}
.list_qld_city li {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .list_qld_city li {
    width: 48%;
    margin: 0 0 4%;
  }
}
.list_qld_city li:not(:last-child) {
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .list_qld_city li:not(:last-child) {
    margin: 0 0 4%;
  }
}
.list_qld_city_desc {
  padding: 1.5em;
}
@media screen and (min-width: 768px) {
  .list_qld_city_desc {
    padding: 2.5em;
  }
}
.list_qld_city_ttl {
  color: #10817e;
  font-size: 1.12em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.75em;
}
@media screen and (min-width: 768px) {
  .list_qld_city_ttl {
    font-size: 1.37em;
  }
}
.list_qld_city_txt {
  font-size: 0.87em;
}
@media screen and (min-width: 768px) {
  .list_qld_city_txt {
    font-size: 1em;
  }
}

.ttl_qld_info {
  color: #10817e;
  font-size: 1.12em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1.5em;
}
@media screen and (min-width: 768px) {
  .ttl_qld_info {
    font-size: 1.56em;
  }
}

.txt_qld_info {
  max-width: 900px;
  margin: 0 auto 2em;
  font-size: 0.87em;
}
@media screen and (min-width: 768px) {
  .txt_qld_info {
    font-size: 1em;
    margin: 0 auto 3em;
  }
}

a.button_qld_info {
  display: block;
  max-width: 280px;
  padding: 0.75em;
  margin: auto;
  background-color: #10817e;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  a.button_qld_info {
    font-size: 1.12em;
  }
  a.button_qld_info:hover {
    background-color: #409a98;
  }
}
a.button_qld_info i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 0.8em;
  line-height: 1;
}

.box_qld_contact {
  max-width: 900px;
  width: 88%;
  padding: 1.5em;
  margin: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 768px) {
  .box_qld_contact {
    padding: 4em 0 6em;
  }
}

.ttl_qld_contact {
  color: #73182c;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1.5em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ttl_qld_contact {
    font-size: 1.87em;
  }
}
.ttl_qld_contact span {
  display: inline-block;
  padding: 30px 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ttl_qld_contact span {
    padding: 40px 0 0;
  }
}
.ttl_qld_contact span::before {
  content: "";
  width: 54px;
  height: 30px;
  background: url(../images/qld/mark_sun.svg) no-repeat top/contain;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  position: absolute;
  top: 0;
  left: -35px;
}
@media screen and (min-width: 768px) {
  .ttl_qld_contact span::before {
    width: 70px;
    height: 40px;
    left: -50px;
  }
}

@media screen and (min-width: 768px) {
  .list_button_qld {
    max-width: 650px;
    margin: 0 auto 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.list_button_qld li {
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .list_button_qld li {
    width: 48%;
  }
}

a.button_qld_contact {
  display: block;
  max-width: 280px;
  padding: 0.75em 1em;
  margin: auto;
  background-color: #73182c;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 0 #b98b95;
          box-shadow: 2px 2px 0 #b98b95;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  a.button_qld_contact {
    padding: 0.75em 1.5em;
  }
}
a.button_qld_contact.icon_line {
  padding-left: 50px;
  background: url(../images/icon_navi_line.svg) no-repeat center left 15px/25px 25px #73182c;
}
@media screen and (min-width: 768px) {
  a.button_qld_contact.icon_line {
    padding-left: 65px;
    background-position: center left 20px;
    background-size: 30px 30px;
  }
}
@media screen and (min-width: 768px) {
  a.button_qld_contact {
    max-width: 300px;
    font-size: 1.12em;
    -webkit-box-shadow: 4px 4px 0 #b98b95;
            box-shadow: 4px 4px 0 #b98b95;
  }
  a.button_qld_contact:hover {
    background-color: #8f4656;
  }
}
a.button_qld_contact i {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  height: 0.8em;
  line-height: 1;
}

.sns_qld {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 620px;
  margin: auto;
  padding: 1em 0;
  border-bottom: 1px solid #bfbfbf;
}
.sns_qld.green .sns_qld_ttl {
  color: #10817e;
}
.sns_qld.green .sns_qld_button .icon {
  background-color: #10817e;
}
.sns_qld_ttl {
  color: #1aacbd;
  font-size: 0.8em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .sns_qld_ttl {
    font-size: 1.12em;
    padding: 0 0 0 1em;
  }
}
.sns_qld_button {
  width: 90px;
}
@media screen and (min-width: 768px) {
  .sns_qld_button {
    width: 300px;
  }
}
.sns_qld_button ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sns_qld_button ul li {
  width: 40px;
}
@media screen and (min-width: 768px) {
  .sns_qld_button ul li {
    width: 140px;
  }
}
.sns_qld_button ul li a {
  display: block;
}
.sns_qld_button ul li a .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #1aacbd;
  color: #fff;
}
.sns_qld_button ul li a .txt {
  display: none;
}
@media screen and (min-width: 768px) {
  .sns_qld_button ul li a .txt {
    display: inline-block;
    color: #000;
    margin: 0 0 0 0.5em;
  }
}

.movie_qld {
  margin: 0 0 3em;
}
@media screen and (min-width: 768px) {
  .movie_qld {
    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;
    margin: 0 -4% 3em 0;
  }
}
.movie_qld_box {
  margin: 0 0 1em;
  border: 5px solid #68dbe8;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media screen and (min-width: 768px) {
  .movie_qld_box {
    width: 46%;
    margin: 0 4% 4% 0;
    border-width: 10px;
  }
}
.movie_qld_box::before {
  content: "";
  display: block;
  padding: 56.25% 0 0;
}
.movie_qld_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.message_qld {
  max-width: 900px;
  padding: 2em 0;
  margin: auto;
  border-top: 1px solid #1aacbd;
  border-bottom: 1px solid #1aacbd;
}
@media screen and (min-width: 768px) {
  .message_qld {
    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;
    padding: 4em 0;
    border-width: 2px;
  }
}
.message_qld_ttl {
  color: #1aacbd;
  font-size: 1.12em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 1.5em;
}
@media screen and (min-width: 768px) {
  .message_qld_ttl {
    width: 100%;
    font-size: 1.56em;
  }
}
.message_qld_img {
  width: 50%;
  margin: 0 auto 1.5em;
}
@media screen and (min-width: 768px) {
  .message_qld_img {
    width: 33%;
    margin: 0;
  }
}
.message_qld_txt {
  font-size: 0.87em;
}
@media screen and (min-width: 768px) {
  .message_qld_txt {
    width: 62%;
    font-size: 1em;
  }
}
.message_qld_name {
  margin: 1em 0 0;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .message_qld_name {
    margin: 1.5em 0 0;
  }
}
.message_qld_name span {
  font-weight: 700;
}

h3.country-icon-flag {
  display: flex;
  align-items: center;
  color: white;
  background: #00b1ba;
  padding: 10px;
  border-radius: 10px;
}

h3.country-icon-flag .icon {
  margin-right: 20px;
}



/*カスタム画像特設ページ（QLD流用）2025/5/5荒俣　追加
------------------------------------------*/

.top_custom {
  /*background: url(../images/qld/bg_qld.jpg) no-repeat center/cover; */
  color: #fff;
  background-color: #499ce2;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .top_custom {
    padding: 3em 0 6em;
  }
}
@media screen and (min-width: 768px) {
  .top_custom {
    padding: 8em 0 9em;
  }
}
.top_custom_inner {
  max-width: 700px;
  width: 85%;
  margin: auto;
}
.top_custom_ttl {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .top_custom_ttl {
    font-size: 1.56em;
  }
}
.top_custom_txt {
  font-size: 0.87em;
  line-height: 1.87;
}
@media screen and (min-width: 768px) {
  .top_custom_txt {
    font-size: 1em;
  }
}

#headerTop_custom {
  overflow: hidden;
  clear: both;
  margin: 0 auto 0.8em;
  padding: 0 15px;
  max-width: 1130px;
  width: 39%;
}
@media screen and (max-width: 767px) {
  #headerTop_custom {
    display: none;
  }
}


#headerBottom_custom {
  margin: 0 auto;
  max-width: 1130px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #headerBottom_custom {
    padding: 0.5em 0;
    width: 136px;
  }
}
.logo_center {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .logo_center {
    width: 136px;
  }
}