@charset "UTF-8";
/* ======================================================================
 common style index
・reset
・setting
・mixin
・base
・sprite
・utility
・component
・layout
・z-index
====================================================================== */
/* ======================================================================
 reset
====================================================================== */
html {
  overflow-y: scroll; }

body {
  line-height: 1;
  color: #000; }

/* html5doctor.com Reset Stylesheet v1.6.1
  Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details,
dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section,
small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
/* ======================================================================
 setting
====================================================================== */
.txt_base {
  font-size: 1.6rem;
  line-height: 1.7; }

/* ======================================================================
 base
====================================================================== */
html {
  font-size: 62.5%; }

body {
  position: relative;
  background: #fff;
  color: #202020;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "hiragino kaku gothic pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, Verdana, sans-serif;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, Verdana; }
  body.js_page_trans {
    opacity: 0; }

html, body {
  width: 100%;
  height: 100%; }

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

/* border-box */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent; }

/* h1 - h6 */
h1, h2, h3, h4, h5, h6 {
  font-size: 1em; }

/* a */
a:link {
  text-decoration: none;
  cursor: pointer;
  color: #202020; }

a:visited {
  text-decoration: none;
  color: #202020; }

a:hover {
  text-decoration: none;
  color: #202020; }

a:active {
  text-decoration: none;
  color: #202020; }

a[href^="tel"] {
  color: #202020; }

/* Text Highlight */
/* button */
button {
  display: block;
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer; }

/* input */
input, textarea, select {
  display: block;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  border-image: none;
  background: transparent;
  font-family: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  input::-ms-expand, textarea::-ms-expand, select::-ms-expand {
    display: none; }

textarea {
  resize: vertical; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #202020; }

/* placeholder */
input:placeholder-shown, textarea:placeholder-shown {
  color: #C7C7C7; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #C7C7C7; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #C7C7C7;
  opacity: 1; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #C7C7C7;
  opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #C7C7C7; }

input:focus:placeholder-shown, textarea:focus:placeholder-shown {
  color: #fff; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #fff; }

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: #fff;
  opacity: 1; }

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #fff;
  opacity: 1; }

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: #fff; }

/* ======================================================================
 sprite
====================================================================== */
/* =================================
 hoge
================================= */
/* =================================
 hoge
================================= */
/* =================================
 hoge
================================= */
/* ======================================================================
 utility
====================================================================== */
.font_moresize {
  font-size: 1.5em; }

/* =================================
 How To Create a Scroll To Top Button
 https://www.w3schools.com/howto/howto_js_scroll_to_top.asp
================================= */
#myBtn {
  position: fixed;
  bottom: 0px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  width: 143px;
  height: 113px;
  background: url(../img/top/back_to_top.png) 0 0 no-repeat;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  text-indent: -9999px; }
  @media screen and (max-width: 1450px) {
    #myBtn {
      display: none; } }

/* =================================
 layout
================================= */
.cf {
  *zoom: 1; }
  .cf:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: '\0020'; }

.u_pc {
  display: block; }
  @media screen and (max-width: 1100px) {
    .u_pc {
      display: none; } }

.u_sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .u_sp {
      display: none; } }

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

.u_tbonly {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 1100px) {
    .u_tbonly {
      display: block; } }

.u_tbsp {
  display: none; }
  @media screen and (max-width: 1100px) {
    .u_tbsp {
      display: block; } }

.u_fixed {
  position: fixed;
  top: 0;
  left: 0; }

.u_body_fixed {
  position: fixed;
  width: 100%;
  height: 100%; }

/* =================================
 text pt
  _whiteでテキスト白色化
================================= */
._white {
  color: #fff; }

a.u_link {
  color: #00A4FF;
  text-decoration: underline; }

.u_txt_1 {
  font-size: 1.6em;
  line-height: 1.33; }
  @media screen and (max-width: 1100px) {
    .u_txt_1 {
      font-size: 1.4rem; } }

.u_txt_2 {
  font-size: 1.6em;
  line-height: 2.12; }
  @media screen and (max-width: 1100px) {
    .u_txt_2 {
      font-size: 1.4rem; } }
  .u_txt_2._center {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .u_txt_2._center {
        text-align: left; } }

.u_txt_2-1 {
  font-size: 1.6em;
  line-height: 2.12; }
  @media screen and (max-width: 1100px) {
    .u_txt_2-1 {
      font-size: 1.4rem; } }
  .u_txt_2-1._center {
    text-align: center; }
    @media screen and (max-width: 1100px) {
      .u_txt_2-1._center {
        text-align: left; } }

.u_txt_3 {
  font-size: 1.2em;
  line-height: 1.5; }
  @media screen and (min-width: 1101px) {
    .u_txt_3 {
      font-size: 1.4em; } }

.u_txt_4 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: .1em; }

.u_txt_5 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: .1em; }

.u_txt_6 {
  font-size: 1em;
  line-height: 1;
  letter-spacing: .1em; }

/* =================================
 text weight
================================= */
.u_lighter {
  font-weight: lighter; }

.u_bold {
  font-weight: bold; }

.u_font_weight_700 {
  font-weight: 700; }

.u_font_deli {
  font-family: 'Delius Unicase', cursive; }

.u_font_mp {
  font-family: 'M PLUS Rounded 1c', sans-serif; }

/* =================================
 text marker
================================= */
.u_marker_1_1 {
  background: -owg-linear-gradient(to bottom, #ffff66 0%, #ffff66 100%);
  background: -webkit-linear-gradient(to bottom, #ffff66 0%, #ffff66 100%);
  background: -moz-linear-gradient(to bottom, #ffff66 0%, #ffff66 100%);
  background: -o-linear-gradient(to bottom, #ffff66 0%, #ffff66 100%);
  background: linear-gradient(to bottom, #ffff66 0%, #ffff66 100%); }

.u_marker_1_2 {
  background: -owg-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #ffff66 100%);
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #ffff66 100%);
  background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #ffff66 100%);
  background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #ffff66 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, #ffff66 100%); }

/* =================================
 box-shadow
================================= */
.u_box_shadow_1 {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

/* =================================
 gradation
================================= */
.u_gradient_1 {
  background: -owg-linear-gradient(180deg, #a9e9f3 0%, #a9e9f3 10%, #2d9dae 25%, #2d9dae 37%, #2d9dae 50%, #2d9dae 83%, #bdf5fd 100%);
  background: -webkit-linear-gradient(180deg, #a9e9f3 0%, #a9e9f3 10%, #2d9dae 25%, #2d9dae 37%, #2d9dae 50%, #2d9dae 83%, #bdf5fd 100%);
  background: -moz-linear-gradient(180deg, #a9e9f3 0%, #a9e9f3 10%, #2d9dae 25%, #2d9dae 37%, #2d9dae 50%, #2d9dae 83%, #bdf5fd 100%);
  background: -o-linear-gradient(180deg, #a9e9f3 0%, #a9e9f3 10%, #2d9dae 25%, #2d9dae 37%, #2d9dae 50%, #2d9dae 83%, #bdf5fd 100%);
  background: linear-gradient(180deg, #a9e9f3 0%, #a9e9f3 10%, #2d9dae 25%, #2d9dae 37%, #2d9dae 50%, #2d9dae 83%, #bdf5fd 100%); }

/* ======================================================================
 utility
  marginbottom
  paddingbottom
====================================================================== */
.u_mb10 {
  margin-bottom: 10px; }
  @media screen and (min-width: 1101px) {
    .u_mb10_pc {
      margin-bottom: 10px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb10_sp {
      margin-bottom: 10px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb10_tbsp {
      margin-bottom: 10px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb10_tb {
      margin-bottom: 10px !important; } }

.u_mb20 {
  margin-bottom: 20px; }
  @media screen and (min-width: 1101px) {
    .u_mb20_pc {
      margin-bottom: 20px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb20_sp {
      margin-bottom: 20px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb20_tbsp {
      margin-bottom: 20px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb20_tb {
      margin-bottom: 20px !important; } }

.u_mb30 {
  margin-bottom: 30px !important; }
  @media screen and (min-width: 1101px) {
    .u_mb30_pc {
      margin-bottom: 30px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb30_sp {
      margin-bottom: 30px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb30_tbsp {
      margin-bottom: 30px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb30_tb {
      margin-bottom: 30px !important; } }

.u_mb40 {
  margin-bottom: 40px; }
  @media screen and (min-width: 1101px) {
    .u_mb40_pc {
      margin-bottom: 40px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb40_sp {
      margin-bottom: 40px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb40_tbsp {
      margin-bottom: 40px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb40_tb {
      margin-bottom: 40px !important; } }

.u_mb50 {
  margin-bottom: 50px; }
  @media screen and (min-width: 1101px) {
    .u_mb50_pc {
      margin-bottom: 50px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb50_sp {
      margin-bottom: 50px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb50_tbsp {
      margin-bottom: 50px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb50_tb {
      margin-bottom: 50px !important; } }

.u_mb60 {
  margin-bottom: 60px; }
  @media screen and (min-width: 1101px) {
    .u_mb60_pc {
      margin-bottom: 60px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb60_sp {
      margin-bottom: 60px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb60_tbsp {
      margin-bottom: 60px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb60_tb {
      margin-bottom: 60px !important; } }

.u_mb70 {
  margin-bottom: 70px; }
  @media screen and (min-width: 1101px) {
    .u_mb70_pc {
      margin-bottom: 70px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb70_sp {
      margin-bottom: 70px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb70_tbsp {
      margin-bottom: 70px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb70_tb {
      margin-bottom: 70px !important; } }

.u_mb80 {
  margin-bottom: 80px; }
  @media screen and (min-width: 1101px) {
    .u_mb80_pc {
      margin-bottom: 80px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb80_sp {
      margin-bottom: 80px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb80_tbsp {
      margin-bottom: 80px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb80_tb {
      margin-bottom: 80px !important; } }

.u_mb90 {
  margin-bottom: 90px; }
  @media screen and (min-width: 1101px) {
    .u_mb90_pc {
      margin-bottom: 90px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb90_sp {
      margin-bottom: 90px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb90_tbsp {
      margin-bottom: 90px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb90_tb {
      margin-bottom: 90px !important; } }

.u_mb100 {
  margin-bottom: 100px; }
  .u_mb100_pc {
    margin-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_mb100_pc {
        margin-bottom: 100px !important; } }
  .u_mb100_sp {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_mb100_sp {
        margin-bottom: 100px !important; } }
  .u_mb100_tbsp {
    margin-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_mb100_tbsp {
        margin-bottom: 100px !important; } }
  .u_mb100_tb {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_mb100_tb {
        margin-bottom: 100px !important; } }

.u_mb130 {
  margin-bottom: 130px; }
  @media screen and (min-width: 1101px) {
    .u_mb130_pc {
      margin-bottom: 130px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb130_sp {
      margin-bottom: 130px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb130_tbsp {
      margin-bottom: 130px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb130_tb {
      margin-bottom: 130px !important; } }

.u_mb150 {
  margin-bottom: 150px; }
  .u_mb150_pc {
    margin-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_mb150_pc {
        margin-bottom: 150px !important; } }
  .u_mb150_sp {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_mb150_sp {
        margin-bottom: 150px !important; } }
  .u_mb150_tbsp {
    margin-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_mb150_tbsp {
        margin-bottom: 150px !important; } }
  .u_mb150_tb {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_mb150_tb {
        margin-bottom: 150px !important; } }

.u_mb180 {
  margin-bottom: 180px; }
  @media screen and (min-width: 1101px) {
    .u_mb180_pc {
      margin-bottom: 180px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb180_sp {
      margin-bottom: 180px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb180_tbsp {
      margin-bottom: 180px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb180_tb {
      margin-bottom: 180px !important; } }

.u_mb200 {
  margin-bottom: 200px; }
  @media screen and (min-width: 1101px) {
    .u_mb200_pc {
      margin-bottom: 200px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb200_sp {
      margin-bottom: 200px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb200_tbsp {
      margin-bottom: 200px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb200_tb {
      margin-bottom: 200px !important; } }

.u_mb210 {
  margin-bottom: 210px; }
  @media screen and (min-width: 1101px) {
    .u_mb210_pc {
      margin-bottom: 210px !important; } }
  @media screen and (max-width: 767px) {
    .u_mb210_sp {
      margin-bottom: 210px !important; } }
  @media screen and (max-width: 1100px) {
    .u_mb210_tbsp {
      margin-bottom: 210px !important; } }
  @media screen and (min-width: 768px) {
    .u_mb210_tb {
      margin-bottom: 210px !important; } }

.u_pb20 {
  padding-bottom: 20px; }
  .u_pb20_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb20_pc {
        padding-bottom: 20px !important; } }
  .u_pb20_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb20_sp {
        padding-bottom: 20px !important; } }
  .u_pb20_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb20_tbsp {
        padding-bottom: 20px !important; } }
  .u_pb20_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb20_tb {
        padding-bottom: 20px !important; } }

.u_pb30 {
  padding-bottom: 30px !important; }
  .u_pb30_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb30_pc {
        padding-bottom: 30px !important; } }
  .u_pb30_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb30_sp {
        padding-bottom: 30px !important; } }
  .u_pb30_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb30_tbsp {
        padding-bottom: 30px !important; } }
  .u_pb30_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb30_tb {
        padding-bottom: 30px !important; } }

.u_pb40 {
  padding-bottom: 40px; }
  .u_pb40_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb40_pc {
        padding-bottom: 50px !important; } }
  .u_pb40_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb40_sp {
        padding-bottom: 40px !important; } }
  .u_pb40_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb40_tbsp {
        padding-bottom: 40px !important; } }
  .u_pb40_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb40_tb {
        padding-bottom: 40px !important; } }

.u_pb50 {
  padding-bottom: 50px; }
  .u_pb50_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb50_pc {
        padding-bottom: 50px !important; } }
  .u_pb50_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb50_sp {
        padding-bottom: 50px !important; } }
  .u_pb50_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb50_tbsp {
        padding-bottom: 50px !important; } }
  .u_pb50_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb50_tb {
        padding-bottom: 50px !important; } }

.u_pb70 {
  padding-bottom: 70px; }
  .u_pb70_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb70_pc {
        padding-bottom: 70px !important; } }
  .u_pb70_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb70_sp {
        padding-bottom: 70px !important; } }
  .u_pb70_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb70_tbsp {
        padding-bottom: 70px !important; } }
  .u_pb70_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb70_tb {
        padding-bottom: 70px !important; } }

.u_pb80 {
  padding-bottom: 80px; }
  .u_pb80_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb80_pc {
        padding-bottom: 80px !important; } }
  .u_pb80_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb80_sp {
        padding-bottom: 80px !important; } }
  .u_pb80_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb80_tbsp {
        padding-bottom: 80px !important; } }
  .u_pb80_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb80_tb {
        padding-bottom: 80px !important; } }

.u_pb100 {
  padding-bottom: 100px; }
  .u_pb100_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb100_pc {
        padding-bottom: 100px !important; } }
  .u_pb100_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb100_sp {
        padding-bottom: 100px !important; } }
  .u_pb100_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb100_tbsp {
        padding-bottom: 100px !important; } }
  .u_pb100_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb100_tb {
        padding-bottom: 100px !important; } }

.u_pb150 {
  padding-bottom: 150px; }
  .u_pb150_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb150_pc {
        padding-bottom: 150px !important; } }
  .u_pb150_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb150_sp {
        padding-bottom: 150px !important; } }
  .u_pb150_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb150_tbsp {
        padding-bottom: 150px !important; } }
  .u_pb150_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb150_tb {
        padding-bottom: 150px !important; } }

.u_pb190 {
  padding-bottom: 190px; }
  .u_pb190_pc {
    padding-bottom: 0; }
    @media screen and (min-width: 1101px) {
      .u_pb190_pc {
        padding-bottom: 190px !important; } }
  .u_pb190_sp {
    padding-bottom: 0; }
    @media screen and (max-width: 767px) {
      .u_pb190_sp {
        padding-bottom: 190px !important; } }
  .u_pb190_tbsp {
    padding-bottom: 0; }
    @media screen and (max-width: 1100px) {
      .u_pb190_tbsp {
        padding-bottom: 190px !important; } }
  .u_pb190_tb {
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      .u_pb190_tb {
        padding-bottom: 190px !important; } }

.u_caution {
  margin-left: 1.5em;
  position: relative; }
  .u_caution:before {
    content: '※';
    position: absolute;
    left: -1.5em; }

.u_sec_yellow {
  padding: 30px 0 0;
  background: #FFE034;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFE034 0%, #FFE034 380px, transparent 380px, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFE034 0%, #FFE034 380px, transparent 380px, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFE034 0%, #FFE034 380px, transparent 380px, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
  /* IE6-9 */ }
  @media screen and (min-width: 1101px) {
    .u_sec_yellow {
      padding: 80px 0 150px;
      background: #FFE034;
      /* Old browsers */
      background: -moz-linear-gradient(top, #FFE034 0%, #FFE034 450px, transparent 450px, transparent 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #FFE034 0%, #FFE034 450px, transparent 450px, transparent 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #FFE034 0%, #FFE034 450px, transparent 450px, transparent 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
      /* IE6-9 */ } }

.u_sec_blue {
  padding: 30px 0 0;
  background: #BBE3FD;
  /* Old browsers */
  background: -moz-linear-gradient(top, #BBE3FD 0%, #BBE3FD 380px, transparent 380px, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #BBE3FD 0%, #BBE3FD 380px, transparent 380px, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #BBE3FD 0%, #BBE3FD 380px, transparent 380px, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
  /* IE6-9 */ }
  @media screen and (min-width: 1101px) {
    .u_sec_blue {
      padding: 80px 0 150px;
      background: #BBE3FD;
      /* Old browsers */
      background: -moz-linear-gradient(top, #BBE3FD 0%, #BBE3FD 450px, transparent 450px, transparent 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #BBE3FD 0%, #BBE3FD 450px, transparent 450px, transparent 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #BBE3FD 0%, #BBE3FD 450px, transparent 450px, transparent 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
      /* IE6-9 */ } }

.u_sec_blue2 {
  padding: 30px 0 0;
  background: #00A4FF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00A4FF 0%, #00A4FF 380px, transparent 380px, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #00A4FF 0%, #00A4FF 380px, transparent 380px, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #00A4FF 0%, #00A4FF 380px, transparent 380px, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
  /* IE6-9 */ }
  @media screen and (min-width: 1101px) {
    .u_sec_blue2 {
      padding: 80px 0 150px;
      background: #00A4FF;
      /* Old browsers */
      background: -moz-linear-gradient(top, #00A4FF 0%, #00A4FF 450px, transparent 450px, transparent 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #00A4FF 0%, #00A4FF 450px, transparent 450px, transparent 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #00A4FF 0%, #00A4FF 450px, transparent 450px, transparent 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startcolor', endColorstr='$endcolor',GradientType=0 );
      /* IE6-9 */ } }

.u_sec_sky {
  padding: 80px 0;
  background: url(../img/about/bg_sky.png) no-repeat top center; }
  @media screen and (max-width: 767px) {
    .u_sec_sky {
      padding: 50px 0;
      background: url(../img/common/sp/bg_sky.png) no-repeat top center;
      background-size: contain; } }

.u_sec_fncy {
  padding: 100px 0 80px;
  margin-bottom: 10px;
  background: url(../img/common/fncy_bg.jpg) repeat-x top center; }
  @media screen and (max-width: 767px) {
    .u_sec_fncy {
      padding: 50px 0;
      background: url(../img/common/fncy_bgsp.jpg) repeat-x top center; } }

.u_roundtop_wrap {
  background: #fff;
  padding: 10px 15px 30px;
  border-radius: 10px 10px 0 0; }
  @media screen and (min-width: 1101px) {
    .u_roundtop_wrap {
      padding: 40px; } }

.u_sec_fncy_bg {
  background: url(../img/top/topic_bg.jpg) repeat; }

/* ======================================================================
 component
====================================================================== */
/* =================================
 title
================================= */
.c_ttl_1 {
  color: #00A4FF;
  text-align: center;
  font-weight: 600; }
  .c_ttl_1 .large {
    font-size: 4.8rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    line-height: 1.25; }
    @media screen and (max-width: 767px) {
      .c_ttl_1 .large {
        font-size: 3.2rem; } }
    @media screen and (min-width: 768px) and (max-width: 1100px) {
      .c_ttl_1 .large {
        font-size: 4rem; } }
  .c_ttl_1 .small {
    display: block;
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.375; }
    @media screen and (min-width: 768px) and (max-width: 1100px) {
      .c_ttl_1 .small {
        font-size: 2rem; } }
    @media screen and (max-width: 767px) {
      .c_ttl_1 .small {
        font-size: 1.6rem; } }
  .c_ttl_1._white {
    color: #fff; }

.c_ttl_2 {
  font-size: 1.8rem;
  line-height: 1.33;
  color: #00A4FF;
  font-weight: 600; }
  @media screen and (min-width: 1101px) {
    .c_ttl_2 {
      font-size: 2.4em; } }
  @media screen and (min-width: 768px) and (max-width: 1100px) {
    .c_ttl_2 {
      font-size: 2.1rem; } }
  .c_ttl_2._center {
    text-align: center; }

/* =================================
 buttons
================================= */
.u_btnwrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }

.c_btn_1 {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  padding: 0 50px;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border: 2px solid #00A4FF;
  color: #00A4FF;
  font-size: 1.4rem;
  background: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }
  @media screen and (max-width: 767px) {
    .c_btn_1 {
      padding: 0 30px;
      font-size: 1.4rem;
      width: 90%; } }
  .c_btn_1 .btn_txt_wrap {
    line-height: 1.2;
    color: #00A4FF; }
  @media screen and (max-width: 767px) {
    .c_btn_1 .spnone {
      display: none; } }
  .c_btn_1:after {
    content: '';
    margin-left: 5px;
    width: 15px;
    height: 15px;
    display: block;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8ZyBpZD0iYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDEwIC0xODczKSI+CiAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNyIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNyIgY3g9IjcuNSIgY3k9IjcuNSIgcj0iNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDEwIDE4NzMpIiBmaWxsPSIjMDBhNGZmIi8+CiAgICA8ZyBpZD0iYmFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3NC4xMTMgMTg4NC4wMDEpIHJvdGF0ZSgxODApIj4KICAgICAgPHBhdGggaWQ9IkNoZXZyb25fUmlnaHQiIGQ9Ik01NC4yMTksMy43NTEsNTcuNDg2LDYuOWEuMzc4LjM3OCwwLDAsMCwuNTE5LDAsLjM0NC4zNDQsMCwwLDAsMC0uNUw1NSwzLjUsNTguMDA1LjZhLjM0NC4zNDQsMCwwLDAsMC0uNS4zNzguMzc4LDAsMCwwLS41MTksMEw1NC4yMTksMy4yNTFBLjM0Ny4zNDcsMCwwLDAsNTQuMjE5LDMuNzUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=="); }
  .c_btn_1:hover {
    background: #FFE034; }
  .c_btn_1._center {
    margin-left: auto;
    margin-right: auto; }
  .c_btn_1._white {
    color: #00A4FF; }
  .c_btn_1._blue {
    border: 2px solid #00A4FF;
    background: #00A4FF;
    color: #fff; }
    .c_btn_1._blue:after {
      background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICA8ZyBpZD0iYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzciIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDciIGN4PSI3LjUiIGN5PSI3LjUiIHI9IjcuNSIgZmlsbD0iI2ZmZiIvPgogICAgPGcgaWQ9ImJhY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDExKSByb3RhdGUoMTgwKSI+CiAgICAgIDxwYXRoIGlkPSJDaGV2cm9uX1JpZ2h0IiBkPSJNLjEwNiwzLjc1LDMuMzczLDYuOWEuMzc4LjM3OCwwLDAsMCwuNTE5LDAsLjM0NC4zNDQsMCwwLDAsMC0uNUwuODg1LDMuNSwzLjg5Mi42YS4zNDQuMzQ0LDAsMCwwLDAtLjUuMzc4LjM3OCwwLDAsMC0uNTE5LDBMLjEwNiwzLjI1QS4zNDcuMzQ3LDAsMCwwLC4xMDYsMy43NVoiIGZpbGw9IiMwMGE0ZmYiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo="); }
    .c_btn_1._blue:hover {
      border: 2px solid  #0076FF;
      background: #0076FF; }
  .c_btn_1._pink {
    background: #E3556A;
    border-color: #E3556A;
    height: 70px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px; }
    .c_btn_1._pink .btn_txt_wrap {
      color: #fff;
      line-height: 1.4; }
    .c_btn_1._pink:after {
      background: url("../img/common/pinkbtn_arrow.svg") no-repeat center center; }
    .c_btn_1._pink:hover {
      background: rgba(227, 85, 106, 0.9); }

.c_pager_wrap .page-numbers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .c_pager_wrap .page-numbers .page-numbers {
    margin-left: 3px;
    margin-right: 3px;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 1.4rem;
    border-radius: 30px; }
    @media screen and (max-width: 767px) {
      .c_pager_wrap .page-numbers .page-numbers {
        width: 42px;
        height: 42px; } }
    .c_pager_wrap .page-numbers .page-numbers.current {
      background: #FFE034;
      color: #00A4FF; }
  .c_pager_wrap .page-numbers a.page-numbers {
    background: #00A4FF;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .c_pager_wrap .page-numbers a.page-numbers:hover {
      background: #FFE034;
      color: #00A4FF; }

/* ======================================================================
 layout
====================================================================== */
img {
  max-width: 100%; }

.page .slick-prev, .page .slick-next {
  display: none !important; }

body.fixed {
  position: fixed; }

/* =================================
 l_loader
================================= */
.l_loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #f6ff8f;
  z-index: 1; }
  .l_loader .loader {
    display: none;
    height: 100%;
    position: relative;
    z-index: 2; }
    .l_loader .loader .content {
      display: inline-table;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center; }
      .l_loader .loader .content .logo_img {
        display: block;
        margin: 0 auto;
        width: 50px;
        height: auto; }
      .l_loader .loader .content .txt {
        margin: 20px 0 0;
        font-size: 1.8em;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "hiragino kaku gothic pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, Verdana, sans-serif;
        font-weight: bold; }
        .l_loader .loader .content .txt span {
          display: inline-block;
          -webkit-animation: loading 0.7s infinite alternate;
          -moz-animation: loading 0.7s infinite alternate;
          animation: loading 0.7s infinite alternate;
          -webkit-animation-fill-mode: both;
          -moz-animation-fill-mode: both;
          animation-fill-mode: both; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }

@-moz-keyframes loading {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes loading {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }

.inner {
  max-width: 100%;
  width: 1100px;
  margin-left: auto;
  margin-right: auto; }

/* =================================
 l_content_size
================================= */
.l_content_size_sp_1 {
  padding: 0 15px; }
  @media screen and (min-width: 1025px) {
    .l_content_size_sp_1 {
      max-width: 1100px;
      margin: 0 auto; } }

.l_content_size_pc_1 {
  width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .l_content_size_pc_1 {
      width: auto;
      padding: 0 15px; } }

.l_content_size {
  position: relative;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .l_content_size {
      width: auto;
      padding: 0 15px; } }
  @media screen and (min-width: 768px) and (max-width: 1100px) {
    .l_content_size {
      width: auto;
      padding: 0 4.7%; } }

.l_content_size_pc {
  position: relative;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

/* =================================
 l_container
================================= */
.l_container {
  opacity: 0;
  position: relative; }

/* =================================
 l_breadcrumbs
================================= */
.breadcrumbs .circledots {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #00A4FF;
  display: inline-block; }

/* =================================
 l_footer
================================= */
.l_footer {
  background: #F4F4F4;
  padding: 50px 30px 40px; }
  @media screen and (min-width: 1101px) {
    .l_footer {
      padding: 100px 0 0; } }
  .l_footer .pclist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 20px; }
    @media screen and (max-width: 1100px) {
      .l_footer .pclist {
        display: none; } }
    .l_footer .pclist .block .item {
      margin-bottom: 17px; }
      .l_footer .pclist .block .item.sub {
        padding-left: 40px; }
      .l_footer .pclist .block .item a {
        font-size: 1.4rem;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear; }
        .l_footer .pclist .block .item a:hover {
          color: #00A4FF; }
    .l_footer .pclist .block._sec1 {
      width: 230px; }
    .l_footer .pclist .block._sec2 {
      width: 370px; }
    .l_footer .pclist .block._sec3 {
      width: 300px; }
    .l_footer .pclist .block._sec4 {
      width: 200px; }
    .l_footer .pclist .block .scloollist {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .l_footer .pclist .block .scloollist .item {
        width: 100%; }
        .l_footer .pclist .block .scloollist .item.sub {
          width: 50%; }
          @media screen and (min-width: 1101px) {
            .l_footer .pclist .block .scloollist .item.sub:nth-child(odd) {
              padding-left: 0; } }
  .l_footer .splist {
    border-bottom: 1px solid #DCDCDC; }
    @media screen and (min-width: 1101px) {
      .l_footer .splist {
        display: none; } }
    .l_footer .splist .item {
      text-align: center;
      margin-bottom: 35px; }
      .l_footer .splist .item a {
        font-size: 1.4rem; }
  .l_footer .foot_sec2 {
    padding: 30px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between; }
    .l_footer .foot_sec2 .sublist .item {
      margin-bottom: 25px; }
      @media screen and (min-width: 1101px) {
        .l_footer .foot_sec2 .sublist .item {
          display: inline-block;
          margin-right: 50px; } }
      .l_footer .foot_sec2 .sublist .item a {
        font-size: 1.4rem;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        @media screen and (max-width: 1100px) {
          .l_footer .foot_sec2 .sublist .item a {
            font-size: 1.2rem; } }
        .l_footer .foot_sec2 .sublist .item a:hover {
          color: #00A4FF; }
        .l_footer .foot_sec2 .sublist .item a.outlink:after {
          content: "";
          background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvX2xpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEzLjc5MSIgaGVpZ2h0PSIxMy43OTIiIHZpZXdCb3g9IjAgMCAxMy43OTEgMTMuNzkyIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzE2OTkiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE2OTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuMDE1KSI+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzE2OTgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE2OTgiPgogICAgICA8cGF0aCBpZD0i44OR44K5XzE4MzA4IiBkYXRhLW5hbWU9IuODkeOCuSAxODMwOCIgZD0iTTE5NC4zMzIsMGgtNS4wMTVhLjYyNy42MjcsMCwwLDAsMCwxLjI1NGgzLjVsLTYuNDUyLDYuNDUyYS42MjcuNjI3LDAsMSwwLC44ODcuODg3TDE5My43LDIuMTR2My41YS42MjcuNjI3LDAsMCwwLDEuMjU0LDBWLjYyN0EuNjI3LjYyNywwLDAsMCwxOTQuMzMyLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg2LjE4MikiIGZpbGw9IiMyMDIwMjAiLz4KICAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9IuOCsOODq+ODvOODl18xNzAxIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyAxNzAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIuNTA4KSI+CiAgICA8ZyBpZD0i44Kw44Or44O844OXXzE3MDAiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE3MDAiPgogICAgICA8cGF0aCBpZD0i44OR44K5XzE4MzA5IiBkYXRhLW5hbWU9IuODkeOCuSAxODMwOSIgZD0iTTEwLjY1Nyw5Ni44NTJhLjYyNy42MjcsMCwwLDAtLjYyNy42Mjd2NS42NDJIMS4yNTRWOTQuMzQ1SDYuOWEuNjI3LjYyNywwLDEsMCwwLTEuMjU0SC42MjdBLjYyNy42MjcsMCwwLDAsMCw5My43MTh2MTAuMDNhLjYyNy42MjcsMCwwLDAsLjYyNy42MjdoMTAuMDNhLjYyNy42MjcsMCwwLDAsLjYyNy0uNjI3Vjk3LjQ3OUEuNjI3LjYyNywwLDAsMCwxMC42NTcsOTYuODUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtOTMuMDkxKSIgZmlsbD0iIzIwMjAyMCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
          width: 14px;
          height: 14px;
          display: inline-block;
          margin-left: 5px; }
    .l_footer .foot_sec2 .right {
      padding-top: 30px; }
      @media screen and (min-width: 1101px) {
        .l_footer .foot_sec2 .right {
          padding-top: 0; } }
      .l_footer .foot_sec2 .right .copyright {
        font-size: 1.1rem;
        padding-top: 10px; }

/* =================================
 l_container_top
================================= */
.l_container_top {
  position: relative; }

/* =================================
 l_header_top
================================= */
.l_header {
  border-top: 7px solid #00A4FF;
  padding: 10px 15px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .l_header {
      border-top: 5px solid #00A4FF;
      padding: 10px 15px 0;
      height: 90px; } }
  @media screen and (min-width: 1101px) {
    .l_header {
      position: fixed;
      top: 0; } }
  .l_header .wrapper {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .l_header .wrapper .sitename {
      width: 100%;
      margin-bottom: 10px; }
    .l_header .wrapper .headnav {
      background: #fff;
      padding: 0 15px;
      border-radius: 10px;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
      width: 67.2%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .l_header .wrapper .headnav .logo {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: 90px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .l_header .wrapper .headnav .logo:hover {
          opacity: .7; }
      .l_header .wrapper .headnav .lists {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center; }
        .l_header .wrapper .headnav .lists .item {
          text-align: center;
          position: relative; }
          .l_header .wrapper .headnav .lists .item:after {
            content: '';
            background: #c7c7c7;
            width: 1px;
            height: 20px;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
          .l_header .wrapper .headnav .lists .item:last-child:after {
            content: none; }
          .l_header .wrapper .headnav .lists .item a {
            padding: 0 25px;
            height: 90px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
            font-size: 1.4rem;
            line-height: 1.33;
            font-weight: 600;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear; }
            .l_header .wrapper .headnav .lists .item a:hover {
              color: #00A4FF; }
          .l_header .wrapper .headnav .lists .item.submenu .child {
            display: none; }
          .l_header .wrapper .headnav .lists .item.submenu:hover .child {
            display: block;
            position: absolute;
            top: 90px;
            padding-top: 10px;
            width: 1100px;
            left: -498px; }
            .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem {
              border-radius: 10px;
              box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
              background: #006BB8;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              padding: 20px 0; }
              .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem:before {
                content: "";
                width: 20px;
                height: 20px;
                position: absolute;
                top: -7px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                display: block;
                background: #FFE034;
                border-radius: 10px; }
              .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem .sublistitem {
                width: 20%;
                position: relative;
                text-align: center; }
                .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem .sublistitem:after {
                  content: '';
                  background: #fff;
                  width: 1px;
                  height: 20px;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  -moz-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                  -o-transform: translateY(-50%);
                  transform: translateY(-50%); }
                .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem .sublistitem:nth-child(5n+5):after {
                  content: none; }
                .l_header .wrapper .headnav .lists .item.submenu:hover .child .childitem .sublistitem a {
                  display: -webkit-box;
                  display: -moz-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
                  display: flex;
                  -webkit-justify-content: center;
                  -moz-justify-content: center;
                  -ms-justify-content: center;
                  justify-content: center;
                  -ms-flex-pack: center;
                  -webkit-align-items: center;
                  -moz-align-items: center;
                  -ms-align-items: center;
                  align-items: center;
                  height: 50px;
                  width: 100%;
                  color: #fff;
                  font-size: 1.4rem; }
    .l_header .wrapper .headbtn {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
      border-radius: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      letter-spacing: -1px;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
      width: 15.4%;
      height: 90px;
      font-size: 1.4rem;
      color: #fff;
      line-height: 1.33;
      font-weight: 600;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      text-align: center; }
      .l_header .wrapper .headbtn.flowbtn {
        background: #00A4FF; }
        .l_header .wrapper .headbtn.flowbtn:hover {
          background: #0076FF; }
      .l_header .wrapper .headbtn.convbtn {
        background: #E3556A; }
        .l_header .wrapper .headbtn.convbtn:hover {
          background: #DD3951; }
  .l_header .headsp_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 80px; }
    @media screen and (min-width: 1101px) {
      .l_header .headsp_inner {
        display: none; } }
    @media screen and (max-width: 1100px) {
      .l_header .headsp_inner {
        height: 60px; } }
    .l_header .headsp_inner .logo {
      margin-right: 10px; }
    .l_header .headsp_inner .headcatch {
      line-height: 1.33; }

.l_spnav {
  z-index: 1000;
  height: 70px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0; }
  @media screen and (min-width: 1101px) {
    .l_spnav {
      display: none; } }
  .l_spnav .sidebtn {
    background: #00A4FF;
    width: 77px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .l_spnav .sidebtn .txt {
      width: 100%;
      color: #fff;
      text-align: center;
      font-size: 1.2rem; }
    .l_spnav .sidebtn .menu {
      width: 26px;
      height: 20px;
      position: relative;
      margin: 0 auto 8px; }
      .l_spnav .sidebtn .menu .bar {
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute; }
        .l_spnav .sidebtn .menu .bar:nth-child(1) {
          left: 0;
          top: 0; }
        .l_spnav .sidebtn .menu .bar:nth-child(2) {
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        .l_spnav .sidebtn .menu .bar:nth-child(3) {
          right: 0;
          bottom: 0; }
    .l_spnav .sidebtn._school .txt:before {
      content: "";
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4yMDIiIGhlaWdodD0iMjMuMDkyIiB2aWV3Qm94PSIwIDAgMjguMjAyIDIzLjA5MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNDIuMTI2KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yMjUuOTEsMTM4LjY1N1YxMjUuMDc1YS40NTUuNDU1LDAsMSwwLS45MSwwdjEzLjU4M2EuNDU1LjQ1NSwwLDAsMCwuOTEsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTEuMzU0IC03Ny40OTEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNy43NDcsNDQuMTY3YTExLjgsMTEuOCwwLDAsMS0zLjQyOS0uODU0QTE2LjQ3MSwxNi40NzEsMCwwLDAsMTksNDIuMTI2YTUuNDM0LDUuNDM0LDAsMCwwLTQuOSwyLjYzLDUuNDM0LDUuNDM0LDAsMCwwLTQuOS0yLjYzLDE2LjQ3LDE2LjQ3LDAsMCwwLTUuMzE3LDEuMTg3LDExLjgsMTEuOCwwLDAsMS0zLjQyOS44NTRBLjQ1NS40NTUsMCwwLDAsMCw0NC42MjJWNjIuOTQ0YS40NTUuNDU1LDAsMCwwLC40NTUuNDU1LDEyLjMzNSwxMi4zMzUsMCwwLDAsMy43MjYtLjlBMTUuNzc5LDE1Ljc3OSwwLDAsMSw5LjIsNjEuMzU4YTQuNjMyLDQuNjMyLDAsMCwxLDMuNTgxLDEuNDY1LjQ1NS40NTUsMCwwLDAsLjY3Mi0uNjE0QTUuNTQ0LDUuNTQ0LDAsMCwwLDkuMiw2MC40NDhhMTYuNDcsMTYuNDcsMCwwLDAtNS4zMTcsMS4xODcsMTUuMTgsMTUuMTgsMCwwLDEtMi45NzQuODI3VjQ1LjA1NGExNS4wNDQsMTUuMDQ0LDAsMCwwLDMuMjcyLS44ODJBMTUuNzc5LDE1Ljc3OSwwLDAsMSw5LjIsNDMuMDM2YTQuNDg4LDQuNDg4LDAsMCwxLDQuNDY2LDIuOS40NTUuNDU1LDAsMCwwLC44NywwQTQuNTMxLDQuNTMxLDAsMCwxLDE5LDQzLjAzNmExNS43NzksMTUuNzc5LDAsMCwxLDUuMDE5LDEuMTM3LDE1LjA0MiwxNS4wNDIsMCwwLDAsMy4yNzEuODgyVjYyLjQ2MmExNS4xODQsMTUuMTg0LDAsMCwxLTIuOTc0LS44MjdBMTYuNDcxLDE2LjQ3MSwwLDAsMCwxOSw2MC40NDhhNS41NDMsNS41NDMsMCwwLDAtNC4yNTIsMS43NjEuNDU1LjQ1NSwwLDAsMCwuNjcyLjYxNEE0LjYzMiw0LjYzMiwwLDAsMSwxOSw2MS4zNThhMTUuNzc5LDE1Ljc3OSwwLDAsMSw1LjAxOSwxLjEzNywxMi4zMzYsMTIuMzM2LDAsMCwwLDMuNzI2LjkuNDU1LjQ1NSwwLDAsMCwuNDU1LS40NTVWNDQuNjIyQS40NTUuNDU1LDAsMCwwLDI3Ljc0Nyw0NC4xNjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjcuNzQ3LDM3Ni4yNTlhMTEuOCwxMS44LDAsMCwxLTMuNDI5LS44NTRBMTYuNDczLDE2LjQ3MywwLDAsMCwxOSwzNzQuMjE4YTUuNTczLDUuNTczLDAsMCwwLTQuMTEyLDEuNjEzSDEzLjMxMkE1LjU3Myw1LjU3MywwLDAsMCw5LjIsMzc0LjIxOCwxNi40NzIsMTYuNDcyLDAsMCwwLDMuODg0LDM3NS40YTExLjgsMTEuOCwwLDAsMS0zLjQyOS44NTQuNDU1LjQ1NSwwLDEsMCwwLC45MSwxMi4zMzQsMTIuMzM0LDAsMCwwLDMuNzI2LS45QTE1Ljc3OCwxNS43NzgsMCwwLDEsOS4yLDM3NS4xMjhhNC42MzIsNC42MzIsMCwwLDEsMy41ODEsMS40NjUuNDU1LjQ1NSwwLDAsMCwuMzM2LjE0OGgxLjk2OGEuNDU1LjQ1NSwwLDAsMCwuMzM2LS4xNDhBNC42MzIsNC42MzIsMCwwLDEsMTksMzc1LjEyOGExNS43NzgsMTUuNzc4LDAsMCwxLDUuMDE5LDEuMTM3LDEyLjMzNSwxMi4zMzUsMCwwLDAsMy43MjYuOS40NTUuNDU1LDAsMCwwLDAtLjkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzExLjk1MSkiLz48L2c+PC9zdmc+);
      width: 28px;
      height: 23px;
      display: block;
      margin: 0 auto 5px; }
  .l_spnav .convarea {
    flex: 1;
    height: 100%;
    background: #E3556A;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .l_spnav .convarea .txt {
      color: #fff;
      font-size: 1.2rem; }
      .l_spnav .convarea .txt:before {
        content: '';
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNS44NTgiIGhlaWdodD0iMjUuNDkzIiB2aWV3Qm94PSIwIDAgMzUuODU4IDI1LjQ5MyI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNC40ODIpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjI0NiAxNi43NzMpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTI2LjA4NiwyMi41MWEuNTczLjU3MywwLDAsMS0uNC0uMTU3bC02LjY1My02LjI0MmEuNTc4LjU3OCwwLDEsMSwuNzkyLS44NDJsNi42NTMsNi4yNDJhLjU3OC41NzgsMCwwLDEtLjQsMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjI5OSAtMTUuMTExKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNNS45OCwyMi41MWEuNTc4LjU3OCwwLDAsMS0uNC0xbDYuNjU2LTYuMjQyYS41NzguNTc4LDAsMSwxLC43OTIuODQyTDYuMzc2LDIyLjM1M0EuNTczLjU3MywwLDAsMSw1Ljk4LDIyLjUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNDAyIC0xNS4xMTEpIi8+PC9nPjxwYXRoIGNsYXNzPSJhIiBkPSJNMzIuOTY4LDI5Ljk3NEgyLjg5MUEyLjg5NCwyLjg5NCwwLDAsMSwwLDI3LjA4NFY3LjM3M0EyLjg5NCwyLjg5NCwwLDAsMSwyLjg5MSw0LjQ4MkgzMi45NjhhMi44OTQsMi44OTQsMCwwLDEsMi44OTEsMi44OTFWMjcuMDg0QTIuODk0LDIuODk0LDAsMCwxLDMyLjk2OCwyOS45NzRaTTIuODkxLDUuNjM4QTEuNzM3LDEuNzM3LDAsMCwwLDEuMTU2LDcuMzczVjI3LjA4NGExLjczNywxLjczNywwLDAsMCwxLjczNCwxLjczNEgzMi45NjhBMS43MzcsMS43MzcsMCwwLDAsMzQuNywyNy4wODRWNy4zNzNhMS43MzcsMS43MzcsMCwwLDAtMS43MzQtMS43MzRaIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNy44MjYsMjAuMDA5YTMuMjMzLDMuMjMzLDAsMCwxLTIuMTIzLS43NjVMLjg1Nyw2LjI5MmEuNTc4LjU3OCwwLDEsMSwuNzYtLjg3MkwxNi40NjMsMTguMzdhMi4xNjQsMi4xNjQsMCwwLDAsMi43MjUsMEwzNC4wMTYsNS40NDFhLjU3OS41NzksMCwxLDEsLjc2MS44NzJMMTkuOTQ5LDE5LjI0MkEzLjIzMSwzLjIzMSwwLDAsMSwxNy44MjYsMjAuMDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMDMgMC4xMjUpIi8+PC9nPjwvc3ZnPg==);
        width: 36px;
        height: 26px;
        display: block;
        margin: 0 auto 8px; }

/* =================================
 l_spmenulist
================================= */
.l_spmenulist {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00A4FF;
  display: block;
  top: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0;
  z-index: 2; }
  @media screen and (min-width: 1101px) {
    .l_spmenulist {
      display: none; } }
  .l_spmenulist.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); }
  .l_spmenulist .l_spmenulist_inner {
    margin: 0 auto;
    padding: 0;
    height: 100%; }
    .l_spmenulist .l_spmenulist_inner .inner_slide {
      padding: 80px 11% 120px;
      overflow-y: scroll;
      height: 100%; }
      .l_spmenulist .l_spmenulist_inner .inner_slide .u_btnwrap {
        margin-bottom: 50px; }
        .l_spmenulist .l_spmenulist_inner .inner_slide .u_btnwrap .c_btn_1 {
          width: 100%;
          color: #fff; }
      .l_spmenulist .l_spmenulist_inner .inner_slide .menulist {
        border-bottom: 1px solid #C7C7C7; }
        .l_spmenulist .l_spmenulist_inner .inner_slide .menulist .item {
          margin-bottom: 35px; }
          .l_spmenulist .l_spmenulist_inner .inner_slide .menulist .item .link {
            font-size: 1.4rem;
            color: #fff; }
      .l_spmenulist .l_spmenulist_inner .inner_slide .menulistsub .item {
        margin-top: 35px;
        text-align: left; }
        .l_spmenulist .l_spmenulist_inner .inner_slide .menulistsub .item .link {
          font-size: 1.2rem;
          color: #fff;
          position: relative; }
          .l_spmenulist .l_spmenulist_inner .inner_slide .menulistsub .item .link._icolink:after {
            width: 14px;
            height: 14px;
            content: "";
            background: url(../img/common/ico_link_white.svg) no-repeat center center;
            display: inline-block;
            margin-left: 5px; }

/* =================================
 l_hoge_top
================================= */
.l_conv {
  background: #00A4FF;
  padding: 100px 0 60px;
  margin-bottom: 10px; }
  @media screen and (max-width: 1100px) {
    .l_conv {
      margin-bottom: 10px;
      padding: 0 0 50px; } }
  .l_conv .c_btn_1 {
    color: #fff; }
  .l_conv .conv_inner {
    margin-bottom: 10px;
    padding: 50px 0 0; }
    @media screen and (min-width: 1101px) {
      .l_conv .conv_inner {
        padding: 0 100px;
        margin-bottom: 0; } }
  .l_conv .l_convtel {
    margin-top: 35px;
    padding-top: 25px;
    background: url(../img/common/grid.svg) repeat-x; }
    @media screen and (min-width: 1101px) {
      .l_conv .l_convtel {
        width: 100%; } }
    .l_conv .l_convtel .telask_ttl {
      line-height: 1.2;
      font-size: 3.2rem;
      color: #fff;
      text-align: center;
      font-family: 'M PLUS Rounded 1c', sans-serif;
      font-weight: bold;
      margin-bottom: 30px; }
      @media screen and (max-width: 1100px) {
        .l_conv .l_convtel .telask_ttl {
          font-size: 2.6rem;
          margin-bottom: 20px; } }
    .l_conv .l_convtel .list {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 1100px) {
        .l_conv .l_convtel .list {
          width: 255px;
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (min-width: 1101px) {
        .l_conv .l_convtel .list {
          padding: 0 40px; } }
      .l_conv .l_convtel .list .item {
        position: relative;
        text-align: center; }
        @media screen and (min-width: 1101px) {
          .l_conv .l_convtel .list .item {
            width: 20%;
            height: 50px;
            margin-bottom: 30px; } }
        @media screen and (max-width: 1100px) {
          .l_conv .l_convtel .list .item {
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            margin-bottom: 20px; } }
        @media screen and (max-width: 1100px) {
          .l_conv .l_convtel .list .item:last-child {
            margin-bottom: 0; } }
        .l_conv .l_convtel .list .item .name {
          color: #fff;
          font-size: 2rem;
          margin-bottom: 5px; }
          @media screen and (max-width: 1100px) {
            .l_conv .l_convtel .list .item .name {
              font-size: 1.8rem; } }
        .l_conv .l_convtel .list .item .tel {
          color: #fff;
          font-size: 1.6rem; }
          @media screen and (max-width: 1100px) {
            .l_conv .l_convtel .list .item .tel {
              font-size: 1.4rem; } }
          @media screen and (min-width: 1101px) {
            .l_conv .l_convtel .list .item .tel {
              pointer-events: none; } }
          .l_conv .l_convtel .list .item .tel:before {
            content: "";
            width: 14px;
            height: 14px;
            margin-right: 5px;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4xNzIiIGhlaWdodD0iMTQuMTYyIiB2aWV3Qm94PSIwIDAgMTQuMTcyIDE0LjE2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZjtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6MC4zcHg7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg0MSAtMC44MjQpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMDE4KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NTcsMTEuNjc4bC0yLjgtMS44NjVhLjgxNi44MTYsMCwwLDAtMS4wOTMuMTc4bC0uODE1LDEuMDQ4YS4zNDguMzQ4LDAsMCwxLS40NDcuMDk0bC0uMTU1LS4wODVBOS4zNjYsOS4zNjYsMCwwLDEsNi43MDksOS4xMyw5LjQsOS40LDAsMCwxLDQuNzkyLDYuNjg5bC0uMDg1LS4xNTVBLjM0OS4zNDksMCwwLDEsNC44LDYuMDg1bDEuMDQ3LS44MTVhLjgxNy44MTcsMCwwLDAsLjE3OC0xLjA5M2wtMS44NjUtMi44YS44MTIuODEyLDAsMCwwLTEuMDk1LS4yNDZsLTEuMTcuN2ExLjY1LDEuNjUsMCwwLDAtLjc1Mi45NzZDLjcyMSw0LjM0OCwxLjAzNyw3LDQuOTM5LDEwLjljMy4xLDMuMSw1LjQxNCwzLjkzOCw3LDMuOTM4YTQuMDgsNC4wOCwwLDAsMCwxLjA4Mi0uMTQxQTEuNjQ4LDEuNjQ4LDAsMCwwLDE0LDEzLjk0M2wuNy0xLjE2OUEuODEyLjgxMiwwLDAsMCwxNC40NTcsMTEuNjc4Wm0tLjE1MS44NTktLjcsMS4xN2ExLjE5LDEuMTksMCwwLDEtLjcuNTQ0Yy0xLjQxNy4zODktMy44OTIuMDY3LTcuNjM4LTMuNjc5UzEuMiw0LjM1MiwxLjU4NiwyLjkzNWExLjE5MiwxLjE5MiwwLDAsMSwuNTQ1LS43bDEuMTctLjdhLjM1Mi4zNTIsMCwwLDEsLjQ3NS4xMDdMNC43ODksMy4xNThsLjg1LDEuMjc2YS4zNTQuMzU0LDAsMCwxLS4wNzcuNDc0bC0xLjA0Ny44MTVBLjgwNi44MDYsMCwwLDAsNC4zLDYuNzU3bC4wODMuMTUxYTkuNzcsOS43NywwLDAsMCwyLDIuNTQ3LDkuNzgsOS43OCwwLDAsMCwyLjU0NywybC4xNTEuMDgzYS44MDYuODA2LDAsMCwwLDEuMDM0LS4yMTNsLjgxNS0xLjA0N0EuMzU1LjM1NSwwLDAsMSwxMS40LDEwLjJsMi44LDEuODY1QS4zNTIuMzUyLDAsMCwxLDE0LjMwNywxMi41MzdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMS4wMTgpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yODIuODU4LDY5Ljc4NWEzLjkxOSwzLjkxOSwwLDAsMSwzLjkxNSwzLjkxNS4yMy4yMywwLDEsMCwuNDYxLDAsNC4zOCw0LjM4LDAsMCwwLTQuMzc2LTQuMzc2LjIzLjIzLDAsMSwwLDAsLjQ2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNzUuMDI4IC02Ny40ODEpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yODIuODU4LDEyMC45ODVhMi41MzYsMi41MzYsMCwwLDEsMi41MzMsMi41MzMuMjMuMjMsMCwxLDAsLjQ2MSwwLDMsMywwLDAsMC0yLjk5NC0yLjk5NC4yMy4yMywwLDAsMCwwLC40NjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc1LjAyOCAtMTE3LjI5OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTI4Mi44NTgsMTcyLjE4NWExLjE1MywxLjE1MywwLDAsMSwxLjE1MSwxLjE1MS4yMy4yMywwLDEsMCwuNDYxLDAsMS42MTQsMS42MTQsMCwwLDAtMS42MTItMS42MTIuMjMuMjMsMCwxLDAsMCwuNDYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NS4wMjggLTE2Ny4xMTcpIi8+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center;
            display: inline-block; }
        @media screen and (min-width: 1101px) {
          .l_conv .l_convtel .list .item:after {
            content: "";
            height: 20px;
            width: 1px;
            background: #ccc;
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); } }

/* =================================
 7つのメリット
================================= */
.l_liststyle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
  .l_liststyle .item {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .l_liststyle .item {
        width: 100%;
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) {
      .l_liststyle .item {
        width: 31.818%; } }
    .l_liststyle .item .wrap._roundcut {
      border-radius: 10px;
      overflow: hidden; }
    @media screen and (min-width: 768px) {
      .l_liststyle .item:nth-child(n+4) {
        width: 23%; } }
    .l_liststyle .item:hover .wrap img {
      -webkit-transform: scale(1.1, 1.1);
      -moz-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
      -o-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1); }
    .l_liststyle .item:hover .wrap .inf_wrap {
      background: #00A4FF; }
      .l_liststyle .item:hover .wrap .inf_wrap .u_txt_1,
      .l_liststyle .item:hover .wrap .inf_wrap .listttl {
        color: #fff; }
    .l_liststyle .item:hover .wrap._nolink img {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .l_liststyle .item:hover .wrap._nolink .inf_wrap {
      background: #00A4FF; }
      .l_liststyle .item:hover .wrap._nolink .inf_wrap .u_txt_1,
      .l_liststyle .item:hover .wrap._nolink .inf_wrap .listttl {
        color: #fff; }
    .l_liststyle .item .wrap {
      display: block;
      position: relative;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .l_liststyle .item .wrap {
          width: 100%; } }
      .l_liststyle .item .wrap > img, .l_liststyle .item .wrap picture {
        display: block;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        @media screen and (max-width: 767px) {
          .l_liststyle .item .wrap > img, .l_liststyle .item .wrap picture {
            width: 50%; } }
      .l_liststyle .item .wrap .label {
        width: 100%;
        height: 100px;
        bottom: 0;
        background: #FFE034; }
        @media screen and (min-width: 768px) {
          .l_liststyle .item .wrap .label {
            left: 0;
            position: relative; } }
        @media screen and (max-width: 767px) {
          .l_liststyle .item .wrap .label {
            padding-left: 5px;
            width: 50%;
            right: 0;
            position: absolute;
            height: 100%; } }
        .l_liststyle .item .wrap .label .labelttl {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          font-size: 2rem;
          font-weight: 700;
          text-align: center;
          line-height: 1.5;
          color: #00A4FF;
          width: 100%;
          padding: 0 10px; }
          @media screen and (max-width: 767px) {
            .l_liststyle .item .wrap .label .labelttl {
              font-size: 1.8rem;
              padding: 0 15px; } }
        .l_liststyle .item .wrap .label .circleicon {
          width: 108px;
          height: 108px;
          position: absolute;
          top: -54px;
          background: #FFE034;
          text-align: center;
          font-weight: 700; }
          @media screen and (max-width: 767px) {
            .l_liststyle .item .wrap .label .circleicon {
              width: 60px;
              height: 60px;
              top: 50%;
              left: -30px;
              transform: translateY(-50%);
              border-radius: 30px;
              padding-top: 10px; } }
          @media screen and (min-width: 768px) {
            .l_liststyle .item .wrap .label .circleicon {
              left: 50%;
              transform: translateX(-50%);
              border-radius: 54px;
              padding-top: 25px; } }
          .l_liststyle .item .wrap .label .circleicon .num {
            font-size: 3rem;
            font-family: 'Delius Unicase', cursive;
            display: block;
            color: #00A4FF; }
            @media screen and (max-width: 767px) {
              .l_liststyle .item .wrap .label .circleicon .num {
                font-size: 2.4rem; } }
          .l_liststyle .item .wrap .label .circleicon .en {
            font-size: 1.3rem;
            font-family: 'Delius Unicase', cursive;
            color: #00A4FF; }
            @media screen and (max-width: 767px) {
              .l_liststyle .item .wrap .label .circleicon .en {
                font-size: 1rem; } }
    .l_liststyle .item:nth-child(odd) .wrap .label {
      background: #00A4FF; }
      .l_liststyle .item:nth-child(odd) .wrap .label .labelttl {
        color: #fff; }
      .l_liststyle .item:nth-child(odd) .wrap .label .circleicon {
        background: #00A4FF;
        font-weight: 700; }
        .l_liststyle .item:nth-child(odd) .wrap .label .circleicon .num {
          color: #fff; }
        .l_liststyle .item:nth-child(odd) .wrap .label .circleicon .en {
          color: #fff; }

/* =================================
 パンくず
================================= */
.l_bc {
  padding: 15px 0; }
  @media screen and (max-width: 767px) {
    .l_bc {
      padding-right: 0; }
      .l_bc #breadcrumbs {
        padding: 15px;
        overflow-x: scroll;
        white-space: nowrap; } }
  .l_bc span {
    font-size: 1.2rem; }
    @media screen and (min-width: 1101px) {
      .l_bc span {
        font-size: 1.4rem; } }
  .l_bc .circle_bc {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 3px;
    background: #00A4FF;
    margin: 0 5px; }
  .l_bc a {
    color: #00A4FF;
    text-decoration: underline; }

/* =================================
 ２カラムカードタイプ
================================= */
.l_2colcardtype {
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 10px; }
  @media screen and (min-width: 1101px) {
    .l_2colcardtype {
      padding: 40px 20px 10px; } }
  .l_2colcardtype .item {
    margin-bottom: 30px;
    position: relative; }
    @media screen and (min-width: 1101px) {
      .l_2colcardtype .item {
        width: 50%;
        padding: 0 20px; } }
    @media screen and (max-width: 767px) {
      .l_2colcardtype .item:last-child {
        margin-bottom: 0; } }
    @media screen and (min-width: 1101px) {
      .l_2colcardtype .item:nth-child(odd):after {
        content: '';
        width: 3px;
        display: block;
        height: 100%;
        position: absolute;
        right: -1.5px;
        top: 0;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMyIgaGVpZ2h0PSI1NjMiIHZpZXdCb3g9IjAgMCAzIDU2MyI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IHdpZHRoPSI1NjMiIGhlaWdodD0iMyIgZmlsbD0ibm9uZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9ImdyZWRfdGF0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMykgcm90YXRlKDkwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1MCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzcgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjQgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMyIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTEgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtNCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTggLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtNSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODUgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtNiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzIgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtNyIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNTkgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtOCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDYgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtOSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzMgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMTAiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIwIC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTExIiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwNyAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0xMiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTQgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMTMiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgxIC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTE0IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2OCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0xNSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTUgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMTYiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjQyIC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTE3IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyOSAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0xOCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTYgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMTkiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAzIC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTIwIiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5MCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0yMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzcgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMjIiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY0IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTIzIiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MSAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0yNCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzggLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMjUiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTI2IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMiAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0yNyIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05OSAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0yOCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NiAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0yOSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MyAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zMCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zMSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NyAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zMiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zMyIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMSAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zNCIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTM1IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zNiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTM3IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtMzgiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NCAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi0zOSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU3IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTQwIiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzAgLTE1NTcuODgzKSI+CiAgICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol80MDYtNDEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDQwNiIgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NTAgMTU1Ny44ODMpIiBmaWxsPSIjZGNkY2RjIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MyAtMTU1Ny44ODMpIj4KICAgICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzQwNi00MiIgZGF0YS1uYW1lPSLmpZXlhoblvaIgNDA2IiBjeD0iMS41IiBjeT0iMS41IiByPSIxLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1MCAxNTU3Ljg4MykiIGZpbGw9IiNkY2RjZGMiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTQzIiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA5IC0xNTU3Ljg4MykiPgogICAgICA8Y2lyY2xlIGlkPSLmpZXlhoblvaJfNDA2LTQ0IiBkYXRhLW5hbWU9IualleWGhuW9oiA0MDYiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwIDE1NTcuODgzKSIgZmlsbD0iI2RjZGNkYyIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) repeat-y; } }
    .l_2colcardtype .item .img_wrap {
      overflow: hidden;
      border-radius: 10px;
      margin-bottom: 10px; }
    .l_2colcardtype .item .ttl_wrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .l_2colcardtype .item .ttl_wrap .badge {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        margin-right: 20px;
        width: 90px;
        height: 90px;
        border-radius: 45px;
        background: #00A4FF;
        text-align: center;
        padding-top: 15px; }
        .l_2colcardtype .item .ttl_wrap .badge .num {
          font-family: 'Delius Unicase', cursive;
          font-size: 3rem;
          color: #fff;
          display: block; }
        .l_2colcardtype .item .ttl_wrap .badge .en {
          font-family: 'Delius Unicase', cursive;
          font-size: 1.3rem;
          color: #fff;
          display: block; }
      .l_2colcardtype .item .ttl_wrap .ttl {
        -webkit-flex: 1;
        flex: 1;
        font-size: 1.8rem;
        font-weight: bold;
        color: #00A4FF;
        line-height: 1.33; }
        @media screen and (min-width: 1101px) {
          .l_2colcardtype .item .ttl_wrap .ttl {
            font-size: 2.4rem; } }

/* =================================
 ２カラムカードタイプ パターン２
================================= */
.l_2colcardtype2 {
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 10px; }
  @media screen and (min-width: 1101px) {
    .l_2colcardtype2 {
      padding: 40px 40px 10px; } }
  .l_2colcardtype2 .item {
    margin-bottom: 30px;
    position: relative; }
    @media screen and (min-width: 768px) {
      .l_2colcardtype2 .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between; } }
    .l_2colcardtype2 .item .img_wrap {
      overflow: hidden;
      border-radius: 10px;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .l_2colcardtype2 .item .img_wrap {
          width: 49%; } }
      .l_2colcardtype2 .item .img_wrap img {
        width: 100%; }
    @media screen and (min-width: 768px) {
      .l_2colcardtype2 .item .txt_wrap {
        width: 49%; } }
    .l_2colcardtype2 .item .ttl_wrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .l_2colcardtype2 .item .ttl_wrap {
          margin-bottom: 20px; } }
      .l_2colcardtype2 .item .ttl_wrap .badge {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        margin-right: 20px;
        width: 90px;
        height: 90px;
        border-radius: 45px;
        background: #00A4FF;
        text-align: center;
        padding-top: 15px; }
        .l_2colcardtype2 .item .ttl_wrap .badge .num {
          font-family: 'Delius Unicase', cursive;
          font-size: 3rem;
          color: #fff;
          display: block; }
        .l_2colcardtype2 .item .ttl_wrap .badge .en {
          font-family: 'Delius Unicase', cursive;
          font-size: 1.3rem;
          color: #fff;
          display: block; }
      .l_2colcardtype2 .item .ttl_wrap .ttl {
        -webkit-flex: 1;
        flex: 1;
        font-size: 1.8rem;
        font-weight: bold;
        color: #00A4FF;
        line-height: 1.33; }
        @media screen and (min-width: 1101px) {
          .l_2colcardtype2 .item .ttl_wrap .ttl {
            font-size: 2.4rem; } }

/* =================================
 ３カラムレイアウト
 教室一覧
================================= */
.l_3collayout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 10px;
  /* item */ }
  @media screen and (max-width: 767px) {
    .l_3collayout {
      margin-bottom: 25px; } }
  @media screen and (min-width: 768px) and (max-width: 1100px) {
    .l_3collayout {
      margin-left: 15px;
      margin-right: 15px; } }
  .l_3collayout .item {
    position: relative;
    background: #fff;
    width: 32%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 767px) {
      .l_3collayout .item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 10px; } }
    @media screen and (max-width: 767px) {
      .l_3collayout .item._sp1col {
        width: 100%;
        margin-right: 0; } }
    .l_3collayout .item .wrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .l_3collayout .item .wrap .img_wrap {
        overflow: hidden; }
        .l_3collayout .item .wrap .img_wrap img {
          -webkit-transition: all 0.2s linear;
          -moz-transition: all 0.2s linear;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear; }
    @media screen and (min-width: 1101px) {
      .l_3collayout .item._hov:hover {
        background: #00A4FF; }
        .l_3collayout .item._hov:hover .wrap .img_wrap img {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }
        .l_3collayout .item._hov:hover .wrap .label .labelttl {
          color: #fff; }
        .l_3collayout .item._hov:hover .wrap .label .u_txt_2 {
          color: #fff; }
        .l_3collayout .item._hov:hover .wrap .txt_wrap {
          color: #fff; } }
    @media screen and (min-width: 1101px) {
      .l_3collayout .item:nth-child(3n+3) {
        margin-right: 0; } }
    @media screen and (max-width: 767px) {
      .l_3collayout .item:nth-child(even) {
        margin-right: 0; } }
    @media screen and (max-width: 767px) {
      .l_3collayout .item .wrap .img_wrap {
        width: 50%; } }
    .l_3collayout .item .wrap .label {
      padding: 0 15px;
      width: 100%;
      position: relative; }
      @media screen and (max-width: 767px) {
        .l_3collayout .item .wrap .label {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          padding: 0 15px; } }
      @media screen and (max-width: 767px) {
        .l_3collayout .item .wrap .label._sphalf {
          width: 50%; } }
      .l_3collayout .item .wrap .label .labelttl {
        font-size: 2rem;
        color: #00A4FF;
        font-weight: bold;
        text-align: center;
        padding-top: 20px; }
        @media screen and (max-width: 767px) {
          .l_3collayout .item .wrap .label .labelttl {
            font-size: 1.8rem;
            width: 100%;
            margin-bottom: 10px;
            text-align: left; } }
        .l_3collayout .item .wrap .label .labelttl .small {
          font-weight: normal;
          padding-left: 5px;
          font-size: .8em; }
          @media screen and (max-width: 767px) {
            .l_3collayout .item .wrap .label .labelttl .small {
              padding-top: 10px;
              padding-left: 0;
              display: block;
              text-align: left; } }
    .l_3collayout .item .wrap .txt_wrap {
      padding: 10px 30px 30px; }
      @media screen and (max-width: 767px) {
        .l_3collayout .item .wrap .txt_wrap {
          padding: 10px 15px 20px; } }
    .l_3collayout .item:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 24px 24px;
      border-color: transparent transparent #00A4FF transparent;
      position: absolute;
      right: 0;
      bottom: 0; }

/* =================================
 ２カラムレイアウト
 画像とテキストのやつ
================================= */
.l_2columnblock {
  padding: 20px 40px;
  border-radius: 10px;
  background: #fff; }
  .l_2columnblock._nopb {
    padding-bottom: 0; }
  @media screen and (max-width: 767px) {
    .l_2columnblock {
      padding: 0px 15px; } }
  .l_2columnblock .program_wrap {
    padding: 25px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    background: url(../img/about/grid.svg) repeat-x bottom center; }
    @media screen and (max-width: 767px) {
      .l_2columnblock .program_wrap {
        padding-top: 15px;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .l_2columnblock .program_wrap:last-child {
      background: none;
      padding-bottom: 0; }
    .l_2columnblock .program_wrap:nth-child(even) {
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .l_2columnblock .program_wrap .inf_wrap {
      width: 63.725%; }
      @media screen and (max-width: 767px) {
        .l_2columnblock .program_wrap .inf_wrap {
          width: 100%;
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 2;
          -webkit-order: 2;
          order: 2; } }
      .l_2columnblock .program_wrap .inf_wrap .ttl_wrap {
        margin-bottom: 15px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center; }
        @media screen and (max-width: 767px) {
          .l_2columnblock .program_wrap .inf_wrap .ttl_wrap {
            margin-bottom: 10px; } }
        .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .subttl {
          font-size: 2.4rem;
          font-weight: bold;
          color: #00A4FF;
          line-height: calc(30/24); }
          @media screen and (max-width: 767px) {
            .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .subttl {
              flex: 1;
              font-size: 1.8rem;
              height: 100%;
              line-height: 1.4; } }
        .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .tag {
          margin-right: 10px;
          width: 80px;
          height: 80px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          background: #00A4FF;
          border-radius: 45px; }
          @media screen and (min-width: 768px) {
            .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .tag {
              margin-right: 20px;
              width: 90px;
              height: 90px; } }
          .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .tag .num {
            display: block;
            text-align: center;
            width: 100%;
            color: #fff;
            font-size: 3rem;
            font-family: 'Delius Unicase', cursive; }
          .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .tag .en {
            display: block;
            text-align: center;
            width: 100%;
            color: #fff;
            font-size: 1.3rem;
            font-family: 'Delius Unicase', cursive; }
            @media screen and (max-width: 767px) {
              .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .tag .en {
                font-size: 1.2rem; } }
        .l_2columnblock .program_wrap .inf_wrap .ttl_wrap .subttl {
          flex: 1; }
      .l_2columnblock .program_wrap .inf_wrap .content_wrap .ttl {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 10px; }
      .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px; }
        .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item {
          border: 1px solid #DCDCDC;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%; }
          @media screen and (min-width: 768px) {
            .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item {
              width: 49%; } }
          @media screen and (max-width: 767px) {
            .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item:nth-child(n+2) {
              border-top: none; } }
          @media screen and (min-width: 768px) {
            .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item:nth-child(odd) {
              margin-right: 2%; } }
          .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .label {
            border-right: 1px solid #DCDCDC;
            width: 31.25%;
            height: 50px;
            font-size: 1.6rem;
            font-weight: bold;
            background: #FFFABA;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center; }
            @media screen and (max-width: 767px) {
              .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .label {
                width: 35%;
                height: 40px;
                font-size: 1.4rem;
                padding-left: 20px; } }
            @media screen and (min-width: 768px) {
              .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .label {
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;
                justify-content: center;
                -ms-flex-pack: center; } }
          .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .content {
            width: 68.75%;
            height: 50px;
            font-size: 1.6rem;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center; }
            @media screen and (max-width: 767px) {
              .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .content {
                padding-left: 15px;
                width: 65%;
                height: 40px; } }
            @media screen and (min-width: 768px) {
              .l_2columnblock .program_wrap .inf_wrap .content_wrap .listtable .item .content {
                -webkit-justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;
                justify-content: center;
                -ms-flex-pack: center; } }
    .l_2columnblock .program_wrap .img_wrap {
      width: 34.5%;
      max-width: 350px;
      border-radius: 10px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .l_2columnblock .program_wrap .img_wrap {
          margin-left: auto;
          margin-right: auto; } }
      .l_2columnblock .program_wrap .img_wrap img {
        width: 100%; }
      @media screen and (max-width: 767px) {
        .l_2columnblock .program_wrap .img_wrap {
          width: 100%;
          margin-bottom: 10px;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1; } }

/* =================================
 下層のメインビジュアル
================================= */
.u_mv {
  margin-top: 260px;
  position: relative; }
  @media screen and (max-width: 1100px) {
    .u_mv {
      margin-top: 80px; } }
  @media screen and (max-width: 1100px) {
    .u_mv img {
      width: 100%; } }
  .u_mv .img_wrap img {
    width: 100%; }
  .u_mv._under {
    height: auto;
    background: none;
    min-height: 210px; }
    @media screen and (max-width: 1100px) {
      .u_mv._under .innerwrap .mainttl {
        padding-top: 40px; } }
  .u_mv .innerwrap {
    position: absolute;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
    width: 100%;
    z-index: 1; }
    @media screen and (min-width: 1101px) {
      .u_mv .innerwrap {
        -webkit-transform: translate(-50%, -30px);
        -moz-transform: translate(-50%, -30px);
        -ms-transform: translate(-50%, -30px);
        -o-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
        left: 50%;
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto; } }
    .u_mv .innerwrap .mv_ttl {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      @media screen and (min-width: 1101px) {
        .u_mv .innerwrap .mv_ttl {
          width: 1000px;
          margin-left: auto;
          margin-right: auto; } }
      @media screen and (max-width: 767px) {
        .u_mv .innerwrap .mv_ttl {
          padding: 0 15px; } }
      .u_mv .innerwrap .mv_ttl > span {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-size: 4.8rem;
        color: #00A4FF;
        width: 63px;
        height: 63px;
        border-radius: 15px;
        margin: 0 5px 10px;
        background: #FFE034; }
        @media screen and (max-width: 767px) {
          .u_mv .innerwrap .mv_ttl > span {
            font-size: 30px;
            width: 36px;
            height: 36px;
            font-weight: 500;
            margin: 0 3px 6px;
            border-radius: 10px; } }
      @media screen and (max-width: 767px) {
        .u_mv .innerwrap .mv_ttl.pc {
          display: none; } }
      .u_mv .innerwrap .mv_ttl.sp {
        display: none; }
        @media screen and (max-width: 767px) {
          .u_mv .innerwrap .mv_ttl.sp {
            display: flex; } }
  @media screen and (max-width: 767px) and (max-width: 480px) {
    .u_mv .innerwrap .mv_ttl.sp span {
      width: 30px;
      height: 30px;
      font-size: 25px;
      margin: 0 2px 6px; } }
    .u_mv .innerwrap .mainttl {
      text-align: center;
      font-family: 'M PLUS Rounded 1c', sans-serif;
      font-size: 4.8rem;
      padding: 20px 0 30px;
      color: #00A4FF;
      line-height: calc(42/32); }
      @media screen and (max-width: 767px) {
        .u_mv .innerwrap .mainttl {
          font-size: 3rem;
          font-weight: bold; } }
    .u_mv .innerwrap .tag_wrap {
      margin-bottom: 60px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      @media screen and (max-width: 1100px) {
        .u_mv .innerwrap .tag_wrap {
          margin-bottom: 0; } }
      @media screen and (min-width: 1101px) {
        .u_mv .innerwrap .tag_wrap .item {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center; } }
      @media screen and (max-width: 1100px) {
        .u_mv .innerwrap .tag_wrap .item {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 0 15px; } }
      .u_mv .innerwrap .tag_wrap .item .label {
        font-size: 1.4rem;
        color: #00A4FF;
        border: 1px solid #00A4FF;
        padding: 5px 10px;
        margin-right: 10px; }
        @media screen and (max-width: 1100px) {
          .u_mv .innerwrap .tag_wrap .item .label {
            padding: 2px 10px;
            align-self: flex-start; } }
      .u_mv .innerwrap .tag_wrap .item .txt {
        font-size: 1.4rem; }
        @media screen and (max-width: 1100px) {
          .u_mv .innerwrap .tag_wrap .item .txt {
            padding-top: 2px;
            flex: 1;
            line-height: 1.33; } }
      .u_mv .innerwrap .tag_wrap .item:nth-child(2) {
        margin-left: 50px; }
        @media screen and (max-width: 1100px) {
          .u_mv .innerwrap .tag_wrap .item:nth-child(2) {
            margin-top: 5px;
            margin-left: 0; } }
    .u_mv .innerwrap .tag_wrap2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .u_mv .innerwrap .tag_wrap2 .item {
        font-size: 1.4rem; }
        .u_mv .innerwrap .tag_wrap2 .item .date {
          color: #C7C7C7; }
        .u_mv .innerwrap .tag_wrap2 .item .class {
          margin-left: 10px;
          padding: 5px 10px;
          border: 1px solid #E3556A;
          color: #E3556A; }
          @media screen and (max-width: 1100px) {
            .u_mv .innerwrap .tag_wrap2 .item .class {
              padding: 2px 10px; } }
        .u_mv .innerwrap .tag_wrap2 .item .campaign {
          margin-left: 10px;
          padding: 5px 10px;
          border: 1px solid #00A4FF;
          color: #00A4FF; }
          @media screen and (max-width: 1100px) {
            .u_mv .innerwrap .tag_wrap2 .item .campaign {
              padding: 2px 10px; } }

/* =================================
 下層のww
================================= */
.l_ww p {
  font-size: 1.6rem;
  line-height: 2.2;
  margin-bottom: 20px; }

.l_ww img {
  margin-bottom: 20px; }

.l_ww h2 {
  line-height: 2.2;
  padding-top: 30px;
  font-size: 2rem;
  font-weight: bold; }

.l_ww h3 {
  line-height: 2.2;
  padding-top: 10px;
  font-size: 1.6rem;
  font-weight: bold; }

.l_ww a {
  text-decoration: underline;
  color: #00A4FF; }

/* =================================
 下層の新着一覧
================================= */
.l_newslist {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden; }
  @media screen and (min-width: 1101px) {
    .l_newslist {
      margin-left: 100px;
      margin-right: 100px; } }
  .l_newslist .item .linkwrap {
    display: block;
    padding: 15px 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .l_newslist .item .linkwrap:hover {
      background: #FFF9BA; }
    .l_newslist .item .linkwrap .inf_wrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      width: 100%;
      margin-bottom: 5px; }
      .l_newslist .item .linkwrap .inf_wrap .inf_wrapsp {
        width: 100%;
        margin-bottom: 5px; }
      .l_newslist .item .linkwrap .inf_wrap .datetime {
        font-size: 1.4rem;
        color: #868686;
        margin-right: 10px; }
        @media screen and (max-width: 767px) {
          .l_newslist .item .linkwrap .inf_wrap .datetime {
            font-size: 1.4rem; } }
      .l_newslist .item .linkwrap .inf_wrap .tag_school {
        font-size: 1.4rem;
        color: #00A4FF;
        background: #fff;
        border: 1px solid #00A4FF;
        padding: 5px 10px;
        margin-right: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .l_newslist .item .linkwrap .inf_wrap .tag_cat {
        font-size: 1.4rem;
        color: #E3556A;
        background: #fff;
        border: 1px solid #E3556A;
        padding: 5px 10px;
        margin-right: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
      .l_newslist .item .linkwrap .inf_wrap .tag_new {
        font-size: 1.5rem;
        color: #00A4FF;
        font-family: 'Delius Unicase', cursive; }

/* =================================
 faq
================================= */
.l_faqlist {
  position: relative; }
  .l_faqlist:before {
    content: "";
    background: url(../img/faq/bg_accent01.png) 0 0 no-repeat;
    width: 246px;
    height: 213px;
    position: absolute;
    bottom: -100px;
    left: -320px; }
  .l_faqlist .item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); }
    @media screen and (min-width: 1101px) {
      .l_faqlist .item {
        margin-bottom: 30px; } }
    .l_faqlist .item .innerwrap {
      padding: 17px 5px 20px;
      margin: 0 10px;
      border-top: 3px solid #00A4FF; }
      @media screen and (min-width: 1101px) {
        .l_faqlist .item .innerwrap {
          padding: 17px 10px 20px; } }
      .l_faqlist .item .innerwrap .q_wrap {
        cursor: pointer;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        font-size: 2rem;
        line-height: 1.4;
        font-weight: bold;
        width: 100%; }
        .l_faqlist .item .innerwrap .q_wrap:before {
          content: "Q";
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          font-family: 'Delius Unicase', cursive;
          font-size: 3rem;
          width: 50px;
          height: 50px;
          background: #FFE034;
          border-radius: 30px;
          margin-right: 20px;
          color: #00A4FF; }
          @media screen and (min-width: 1101px) {
            .l_faqlist .item .innerwrap .q_wrap:before {
              width: 60px;
              height: 60px; } }
        .l_faqlist .item .innerwrap .q_wrap:after {
          content: '';
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICA8ZyBpZD0iaW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NTYuNSAtMTI4My4zODMpIj4KICAgIDxsaW5lIGlkPSLnt5pfNSIgZGF0YS1uYW1lPSLnt5ogNSIgeDI9IjMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NTYuNSAxMjk4LjM4MykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTRmZiIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgICA8bGluZSBpZD0i57eaXzYiIGRhdGEtbmFtZT0i57eaIDYiIHgyPSIzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcxLjUgMTI4My4zODMpIHJvdGF0ZSg5MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTRmZiIgc3Ryb2tlLXdpZHRoPSIzIi8+CiAgPC9nPgo8L3N2Zz4K) no-repeat center center;
          width: 60px;
          height: 60px;
          position: absolute;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        .l_faqlist .item .innerwrap .q_wrap > .txt {
          flex: 1; }
        @media screen and (max-width: 767px) {
          .l_faqlist .item .innerwrap .q_wrap {
            font-size: 1.8rem;
            padding-right: 50px; } }
        .l_faqlist .item .innerwrap .q_wrap.active:after {
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj4KICA8ZyBpZD0ib3BlbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc0OSAtMTI2Ny44ODMpIj4KICAgIDxjaXJjbGUgaWQ9IualleWGhuW9ol8xOSIgZGF0YS1uYW1lPSLmpZXlhoblvaIgMTkiIGN4PSIzMCIgY3k9IjMwIiByPSIzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzQ5IDEyNjcuODgzKSIgZmlsbD0iI2ZmZiIvPgogICAgPGcgaWQ9ImlubmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjUgLTAuNSkiPgogICAgICA8bGluZSBpZD0i57eaXzUiIGRhdGEtbmFtZT0i57eaIDUiIHgyPSIzMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzU2LjUgMTI5OC4zODMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGE0ZmYiIHN0cm9rZS13aWR0aD0iMyIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) no-repeat center center; }
      .l_faqlist .item .innerwrap .a_wrap {
        display: none;
        margin: 30px 0 0;
        background: #EFF9FF;
        padding: 15px;
        border-radius: 10px; }
        @media screen and (min-width: 1101px) {
          .l_faqlist .item .innerwrap .a_wrap {
            padding: 10px 30px; } }

.l_load {
  position: relative;
  height: 100vh;
  width: 100vw;
  z-index: 9999999;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  display: none;
  -webkit-animation: loading0 4s;
  -moz-animation: loading0 4s;
  animation: loading0 4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes loading0 {
  0% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  90% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  100% {
    pointer-events: none;
    opacity: 0;
    display: none; } }

@-moz-keyframes loading0 {
  0% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  90% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  100% {
    pointer-events: none;
    opacity: 0;
    display: none; } }

@keyframes loading0 {
  0% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  90% {
    pointer-events: auto;
    opacity: 1;
    display: block; }
  100% {
    pointer-events: none;
    opacity: 0;
    display: none; } }
  .l_load .left, .l_load .right {
    width: 100%;
    height: 100vh;
    position: relative; }
  .l_load .left:after {
    content: "";
    height: 100vh;
    display: block;
    position: absolute;
    top: 0;
    background: #00A4FF;
    -webkit-animation: loading 4s;
    -moz-animation: loading 4s;
    animation: loading 4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }

@-webkit-keyframes loading {
  0% {
    pointer-events: auto;
    opacity: 1;
    width: 0%;
    left: 0%; }
  20% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  60% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  80% {
    pointer-events: auto;
    opacity: 1;
    width: 100%;
    left: 50%; }
  100% {
    width: 100%;
    left: 50%; } }

@-moz-keyframes loading {
  0% {
    pointer-events: auto;
    opacity: 1;
    width: 0%;
    left: 0%; }
  20% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  60% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  80% {
    pointer-events: auto;
    opacity: 1;
    width: 100%;
    left: 50%; }
  100% {
    width: 100%;
    left: 50%; } }

@keyframes loading {
  0% {
    pointer-events: auto;
    opacity: 1;
    width: 0%;
    left: 0%; }
  20% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  60% {
    pointer-events: auto;
    opacity: 1;
    width: 50%;
    left: 0%; }
  80% {
    pointer-events: auto;
    opacity: 1;
    width: 100%;
    left: 50%; }
  100% {
    width: 100%;
    left: 50%; } }
  .l_load .left:before {
    content: "";
    height: 100vh;
    display: block;
    position: absolute;
    top: 0;
    background: #FFE034;
    -webkit-animation: loading2 4s;
    -moz-animation: loading2 4s;
    animation: loading2 4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }

@-webkit-keyframes loading2 {
  0% {
    width: 0%;
    right: 0%; }
  20% {
    width: 50%;
    right: 0%; }
  21% {
    width: 100%;
    right: 0%; }
  60% {
    width: 100%;
    right: 0%; }
  80% {
    width: 100%;
    right: 50%; }
  100% {
    width: 100%;
    right: 50%; } }

@-moz-keyframes loading2 {
  0% {
    width: 0%;
    right: 0%; }
  20% {
    width: 50%;
    right: 0%; }
  21% {
    width: 100%;
    right: 0%; }
  60% {
    width: 100%;
    right: 0%; }
  80% {
    width: 100%;
    right: 50%; }
  100% {
    width: 100%;
    right: 50%; } }

@keyframes loading2 {
  0% {
    width: 0%;
    right: 0%; }
  20% {
    width: 50%;
    right: 0%; }
  21% {
    width: 100%;
    right: 0%; }
  60% {
    width: 100%;
    right: 0%; }
  80% {
    width: 100%;
    right: 50%; }
  100% {
    width: 100%;
    right: 50%; } }
  .l_load .img_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.link_box {
  margin: 40px 0; }

@media screen and (max-width: 1100px) {
  .link_box {
    margin: 40px 0 20px; } }

.link_box .ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center; }

.link_box .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%; }

.link_box .list:before,
.link_box .list:after {
  content: '';
  order: 1;
  width: calc(30% - 40px);
  margin: 20px auto 0; }

.link_box .list .item {
  width: calc(30% - 40px);
  margin: 20px auto 0;
  text-align: center; }

@media screen and (max-width: 1100px) {
  .link_box .list .item {
    width: 45%; } }

.link_box .list .item .link {
  display: block;
  padding: 16px 0;
  font-size: 20px;
  border: solid 1px #006BB8;
  border-radius: 10px;
  color: #00a4ff; }

.link_box .list .item .link:hover {
  opacity: .7; }

@media screen and (max-width: 767px) {
  .sp_no_br br {
    display: none; }
    .c_ttl_1 .large.add {
    font-size: 2.5rem;
}


   }

/* ======================================================================
 z-index
====================================================================== */
.l_loader {
  z-index: 1000; }

.l_menu_sp {
  z-index: 999; }

.l_header {
  z-index: 998; }

.l_header_sp {
  z-index: 998; }

.c_btn_p_top {
  z-index: 997; }

.l_side {
  z-index: 996; }

/* =================================
 p_top
================================= */
.l_menu_sp_top {
  z-index: 999; }

.l_header_top {
  z-index: 998; }

.l_header_sp_top {
  z-index: 998; }

.c_btn_p_top_top {
  z-index: 997; }

.l_side_top {
  z-index: 996; }

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

.sns-section{
  max-width: 1100px;
  margin: auto;
}
.new-sec5-flex{
  display: flex;
  justify-content: space-around;
  margin-top: 5%;
}
.new-sec5-flex li{width: 50%;text-align: center;}


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

  .new-sec5-flex{flex-direction: column;margin-bottom: 10%;padding: 0 2%;padding-left: 7%;}
  .new-sec5-flex li.this{width: 80%;margin: auto;}
  .new-sec5-flex li:nth-child(2){}
  .twitter-wrap{margin-top: 15%;margin: auto;}
  .facebook-wrap{margin: auto;margin-bottom: 10%;}
  .twitter-wrap{}








}