@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese";

@media screen and (min-width: 1024px) {

  .visible-md,

  .visible-sm {

    display: none;

  }

  .visible-lg {

    display: inherit;

  }

}

@media screen and (min-width: 750px) and (max-width: 1023px) {

  .visible-lg,

  .visible-sm {

    display: none;

  }

  .visible-md {

    display: inherit;

  }

}

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

  .visible-lg,

  .visible-md {

    display: none;

  }

  .visible-sm {

    display: inherit;

  }

}

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

  outline: none;

  font-size: 100%;

  vertical-align: baseline;

  background: rgba(0, 0, 0, 0);

}

body {

  line-height: 1;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

nav ul {

  list-style: none;

}

blockquote,

q {

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: none;

}

a {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: rgba(0, 0, 0, 0);

}

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 #ccc;

  margin: 1em 0;

  padding: 0;

}

input,

select {

  vertical-align: middle;

}

main {

  margin: 0;

  padding: 0;

  border: 0;

  outline: none;

  font-size: 100%;

  vertical-align: baseline;

  background: rgba(0, 0, 0, 0);

  display: block;

}

h1,

h2,

h3,

h4,

h5,

h6,

small {

  font-weight: normal;

}

ul,

ol {

  list-style: none;

}

strong {

  font-weight: bold;

}

address {

  font-style: normal;

}

hr,

legend {

  display: none;

}

time {

  display: block;

}

sub,

sup {

  position: relative;

  font-size: 10px;

  font-size: 1rem;

  line-height: 1;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

}

html {

  overflow-y: scroll;

  font-size: 62.5%;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}

body {

  color: #333;

  font-size: 14px;

  font-size: 1.4rem;

  font-weight: 400;

  line-height: 1.5;

  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",

    "ヒラギノ角ゴシック W3", "HiraginoSans-W3", "メイリオ", Meiryo,

    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

input,

select,

textarea {

  font-size: 14px;

  font-size: 1.4rem;

}

a:link {

  color: #06c5e3;

  text-decoration: none;

}

a:visited {

  color: #06c5e3;

  text-decoration: none;

}

a:hover {

  color: #06c5e3;

  text-decoration: none;

}

a:active {

  color: #06c5e3;

  text-decoration: none;

}

.w5per {

  width: 5% !important;

}

.w10per {

  width: 10% !important;

}

.w15per {

  width: 15% !important;

}

.w20per {

  width: 20% !important;

}

.w25per {

  width: 25% !important;

}

.w30per {

  width: 30% !important;

}

.w33per {

  width: 33.3% !important;

}

.w35per {

  width: 35% !important;

}

.w40per {

  width: 40% !important;

}

.w45per {

  width: 45% !important;

}

.w50per {

  width: 50% !important;

}

.w55per {

  width: 55% !important;

}

.w60per {

  width: 60% !important;

}

.w65per {

  width: 65% !important;

}

.w70per {

  width: 70% !important;

}

.w75per {

  width: 75% !important;

}

.w80per {

  width: 80% !important;

}

.w85per {

  width: 85% !important;

}

.w90per {

  width: 90% !important;

}

.w95per {

  width: 95% !important;

}

.wFull {

  width: 100% !important;

}

.wAuto {

  width: auto !important;

}

.mt0 {

  margin-top: 0 !important;

}

.mt5 {

  margin-top: 5px !important;

}

.mt10 {

  margin-top: 10px !important;

}

.mt15 {

  margin-top: 15px !important;

}

.mt20 {

  margin-top: 20px !important;

}

.mt25 {

  margin-top: 25px !important;

}

.mt30 {

  margin-top: 30px !important;

}

.mt35 {

  margin-top: 35px !important;

}

.mt40 {

  margin-top: 40px !important;

}

.mt45 {

  margin-top: 45px !important;

}

.mt50 {

  margin-top: 50px !important;

}

.mt55 {

  margin-top: 55px !important;

}

.mt60 {

  margin-top: 60px !important;

}

.mt65 {

  margin-top: 65px !important;

}

.mt70 {

  margin-top: 70px !important;

}

.mt75 {

  margin-top: 75px !important;

}

.mt80 {

  margin-top: 80px !important;

}

.mt85 {

  margin-top: 85px !important;

}

.mt90 {

  margin-top: 90px !important;

}

.mt95 {

  margin-top: 95px !important;

}

.mt100 {

  margin-top: 100px !important;

}

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

  .mt5 {

    margin-top: 1vw !important;

  }

  .mt10 {

    margin-top: 2vw !important;

  }

  .mt15 {

    margin-top: 4vw !important;

  }

  .mt20 {

    margin-top: 6vw !important;

  }

  .mt25 {

    margin-top: 7vw !important;

  }

  .mt30 {

    margin-top: 8vw !important;

  }

  .mt35 {

    margin-top: 9vw !important;

  }

  .mt40 {

    margin-top: 10vw !important;

  }

  .mt45 {

    margin-top: 11vw !important;

  }

  .mt50 {

    margin-top: 12vw !important;

  }

  .mt55 {

    margin-top: 13vw !important;

  }

  .mt60 {

    margin-top: 14vw !important;

  }

  .mt65 {

    margin-top: 15vw !important;

  }

  .mt70 {

    margin-top: 16vw !important;

  }

}

.mr0 {

  margin-right: 0 !important;

}

.mr5 {

  margin-right: 5px !important;

}

.mr10 {

  margin-right: 10px !important;

}

.mr15 {

  margin-right: 15px !important;

}

.mr20 {

  margin-right: 20px !important;

}

.mr25 {

  margin-right: 25px !important;

}

.mr30 {

  margin-right: 30px !important;

}

.mr35 {

  margin-right: 35px !important;

}

.mr40 {

  margin-right: 40px !important;

}

.mr45 {

  margin-right: 45px !important;

}

.mr50 {

  margin-right: 50px !important;

}

.mr55 {

  margin-right: 55px !important;

}

.mr60 {

  margin-right: 60px !important;

}

.mr65 {

  margin-right: 65px !important;

}

.mr70 {

  margin-right: 70px !important;

}

.mr75 {

  margin-right: 75px !important;

}

.mr80 {

  margin-right: 80px !important;

}

.mr85 {

  margin-right: 85px !important;

}

.mr90 {

  margin-right: 90px !important;

}

.mr95 {

  margin-right: 95px !important;

}

.mr100 {

  margin-right: 100px !important;

}

.mb0 {

  margin-bottom: 0 !important;

}

.mb5 {

  margin-bottom: 5px !important;

}

.mb10 {

  margin-bottom: 10px !important;

}

.mb15 {

  margin-bottom: 15px !important;

}

.mb20 {

  margin-bottom: 20px !important;

}

.mb25 {

  margin-bottom: 25px !important;

}

.mb30 {

  margin-bottom: 30px !important;

}

.mb35 {

  margin-bottom: 35px !important;

}

.mb40 {

  margin-bottom: 40px !important;

}

.mb45 {

  margin-bottom: 45px !important;

}

.mb50 {

  margin-bottom: 50px !important;

}

.mb55 {

  margin-bottom: 55px !important;

}

.mb60 {

  margin-bottom: 60px !important;

}

.mb65 {

  margin-bottom: 65px !important;

}

.mb70 {

  margin-bottom: 70px !important;

}

.mb75 {

  margin-bottom: 75px !important;

}

.mb80 {

  margin-bottom: 80px !important;

}

.mb85 {

  margin-bottom: 85px !important;

}

.mb90 {

  margin-bottom: 90px !important;

}

.mb95 {

  margin-bottom: 95px !important;

}

.mb100 {

  margin-bottom: 100px !important;

}

.ml0 {

  margin-left: 0 !important;

}

.ml5 {

  margin-left: 5px !important;

}

.ml10 {

  margin-left: 10px !important;

}

.ml15 {

  margin-left: 15px !important;

}

.ml20 {

  margin-left: 20px !important;

}

.ml25 {

  margin-left: 25px !important;

}

.ml30 {

  margin-left: 30px !important;

}

.ml35 {

  margin-left: 35px !important;

}

.ml40 {

  margin-left: 40px !important;

}

.ml45 {

  margin-left: 45px !important;

}

.ml50 {

  margin-left: 50px !important;

}

.ml55 {

  margin-left: 55px !important;

}

.ml60 {

  margin-left: 60px !important;

}

.ml65 {

  margin-left: 65px !important;

}

.ml70 {

  margin-left: 70px !important;

}

.ml75 {

  margin-left: 75px !important;

}

.ml80 {

  margin-left: 80px !important;

}

.ml85 {

  margin-left: 85px !important;

}

.ml90 {

  margin-left: 90px !important;

}

.ml95 {

  margin-left: 95px !important;

}

.ml100 {

  margin-left: 100px !important;

}

.pt0 {

  padding-top: 0 !important;

}

.pt5 {

  padding-top: 5px !important;

}

.pt10 {

  padding-top: 10px !important;

}

.pt15 {

  padding-top: 15px !important;

}

.pt20 {

  padding-top: 20px !important;

}

.pt25 {

  padding-top: 25px !important;

}

.pt30 {

  padding-top: 30px !important;

}

.pt35 {

  padding-top: 35px !important;

}

.pt40 {

  padding-top: 40px !important;

}

.pt45 {

  padding-top: 45px !important;

}

.pt50 {

  padding-top: 50px !important;

}

.pt55 {

  padding-top: 55px !important;

}

.pt60 {

  padding-top: 60px !important;

}

.pt65 {

  padding-top: 65px !important;

}

.pt70 {

  padding-top: 70px !important;

}

.pt75 {

  padding-top: 75px !important;

}

.pt80 {

  padding-top: 80px !important;

}

.pt85 {

  padding-top: 85px !important;

}

.pt90 {

  padding-top: 90px !important;

}

.pt95 {

  padding-top: 95px !important;

}

.pt100 {

  padding-top: 100px !important;

}

.pr0 {

  padding-right: 0 !important;

}

.pr5 {

  padding-right: 5px !important;

}

.pr10 {

  padding-right: 10px !important;

}

.pr15 {

  padding-right: 15px !important;

}

.pr20 {

  padding-right: 20px !important;

}

.pr25 {

  padding-right: 25px !important;

}

.pr30 {

  padding-right: 30px !important;

}

.pr35 {

  padding-right: 35px !important;

}

.pr40 {

  padding-right: 40px !important;

}

.pr45 {

  padding-right: 45px !important;

}

.pr50 {

  padding-right: 50px !important;

}

.pr55 {

  padding-right: 55px !important;

}

.pr60 {

  padding-right: 60px !important;

}

.pr65 {

  padding-right: 65px !important;

}

.pr70 {

  padding-right: 70px !important;

}

.pr75 {

  padding-right: 75px !important;

}

.pr80 {

  padding-right: 80px !important;

}

.pr85 {

  padding-right: 85px !important;

}

.pr90 {

  padding-right: 90px !important;

}

.pr95 {

  padding-right: 95px !important;

}

.pr100 {

  padding-right: 100px !important;

}

.pb0 {

  padding-bottom: 0 !important;

}

.pb5 {

  padding-bottom: 5px !important;

}

.pb10 {

  padding-bottom: 10px !important;

}

.pb15 {

  padding-bottom: 15px !important;

}

.pb20 {

  padding-bottom: 20px !important;

}

.pb25 {

  padding-bottom: 25px !important;

}

.pb30 {

  padding-bottom: 30px !important;

}

.pb35 {

  padding-bottom: 35px !important;

}

.pb40 {

  padding-bottom: 40px !important;

}

.pb45 {

  padding-bottom: 45px !important;

}

.pb50 {

  padding-bottom: 50px !important;

}

.pb55 {

  padding-bottom: 55px !important;

}

.pb60 {

  padding-bottom: 60px !important;

}

.pb65 {

  padding-bottom: 65px !important;

}

.pb70 {

  padding-bottom: 70px !important;

}

.pb75 {

  padding-bottom: 75px !important;

}

.pb80 {

  padding-bottom: 80px !important;

}

.pb85 {

  padding-bottom: 85px !important;

}

.pb90 {

  padding-bottom: 90px !important;

}

.pb95 {

  padding-bottom: 95px !important;

}

.pb100 {

  padding-bottom: 100px !important;

}

.pl0 {

  padding-left: 0 !important;

}

.pl5 {

  padding-left: 5px !important;

}

.pl10 {

  padding-left: 10px !important;

}

.pl15 {

  padding-left: 15px !important;

}

.pl20 {

  padding-left: 20px !important;

}

.pl25 {

  padding-left: 25px !important;

}

.pl30 {

  padding-left: 30px !important;

}

.pl35 {

  padding-left: 35px !important;

}

.pl40 {

  padding-left: 40px !important;

}

.pl45 {

  padding-left: 45px !important;

}

.pl50 {

  padding-left: 50px !important;

}

.pl55 {

  padding-left: 55px !important;

}

.pl60 {

  padding-left: 60px !important;

}

.pl65 {

  padding-left: 65px !important;

}

.pl70 {

  padding-left: 70px !important;

}

.pl75 {

  padding-left: 75px !important;

}

.pl80 {

  padding-left: 80px !important;

}

.pl85 {

  padding-left: 85px !important;

}

.pl90 {

  padding-left: 90px !important;

}

.pl95 {

  padding-left: 95px !important;

}

.pl100 {

  padding-left: 100px !important;

}

.bdNone {

  border: none !important;

}

.bdTNone {

  border-top: none !important;

}

.bdRNone {

  border-right: none !important;

}

.bdBNone {

  border-bottom: none !important;

}

.bdLNone {

  border-left: none !important;

}

.bdR01 {

  border-right: 1px solid #e5e5e5 !important;

}

.alL {

  text-align: left !important;

}

.alC {

  text-align: center !important;

}

.alR {

  text-align: right !important;

}

.alT {

  vertical-align: top !important;

}

.alM {

  vertical-align: middle !important;

}

.alB {

  vertical-align: bottom !important;

}

.clL {

  clear: left !important;

}

.clR {

  clear: right !important;

}

.clBoth {

  clear: both !important;

}

.clNone {

  clear: none !important;

}

.flL {

  float: left !important;

}

.flR {

  float: right !important;

}

.flNone {

  float: none !important;

}

.dpBlock {

  display: block !important;

}

.dpInlBlock {

  display: inline-block !important;

}

.dpNone {

  display: none !important;

}

.ovfHidden {

  overflow: hidden !important;

}

.ovfVisible {

  overflow: visible !important;

}

.bold {

  font-weight: bold !important;

}

.italic {

  font-style: italic !important;

}

.fwNormal {

  font-weight: normal !important;

}

.fsNormal {

  font-style: normal !important;

}

.fontXS {

  font-size: 10px !important;

  font-size: 1rem !important;

}

.fontS {

  font-size: 12px !important;

  font-size: 1.2rem !important;

}

.fontM {

  font-size: 14px !important;

  font-size: 1.4rem !important;

}

.fontL {

  font-size: 16px !important;

  font-size: 1.6rem !important;

}

.fontXL {

  font-size: 18px !important;

  font-size: 1.8rem !important;

}

.brWord {

  word-wrap: break-word !important;

}

.brNone {

  white-space: nowrap !important;

}

input[type="submit"],

input[type="button"] {

  border: none;

  border-radius: 0px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  vertical-align: bottom;

}

input[type="text"],

input[type="email"],

input[type="number"],

input[type="password"],

input[type="tel"],

textarea {

  height: 30px;

  border: 1px solid #bbb;

  background-color: #fff;

  border-radius: 0px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

textarea {

  vertical-align: bottom;

}

input::-webkit-input-placeholder {

  padding-top: 2px;

}

input:-ms-input-placeholder {

  padding-top: 2px;

}

input::-moz-placeholder {

  padding-top: 2px;

}

input::-ms-input-placeholder {

  padding-top: 2px;

}

input::placeholder {

  padding-top: 2px;

}

textarea {

  height: auto;

}

input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type="number"] {

  -moz-appearance: textfield;

}

select {

  color: #333;

  font-size: 1.4rem;

  background: #fff;

  line-height: 1.2;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-style: none;

}

select option {

  color: #000;

  background-color: #fff;

}

select::-ms-expand {

  display: none;

}

select:-moz-focusring {

  color: rgba(0, 0, 0, 0);

  text-shadow: 0 0 0 #828c9a;

}

button {

  background-color: #fff;

  margin: 0px;

  padding: 0px;

  border: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

label input[type="checkbox"],

label input[type="radio"] {

  opacity: 0;

  -webkit-filter: 0%;

  filter: 0%;

}

label input[type="checkbox"] + span,

label input[type="radio"] + span {

  margin-left: -1em;

  position: relative;

}

label input[type="checkbox"] + span:before,

label input[type="radio"] + span:before {

  content: "";

  background-color: #fff;

  vertical-align: middle;

  display: inline-block;

  margin-right: 5px;

  height: 20px;

  width: 20px;

  border: 1px solid #ccc;

}

label input[type="checkbox"]:checked + span:after {

  content: "";

  display: block;

  width: 7px;

  height: 15px;

  border-right: 3px solid #36c;

  border-bottom: 3px solid #36c;

  position: absolute;

  left: 7px;

  top: 2px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

label input[type="radio"] + span:before,

label input[type="radio"]:checked + span:after {

  border-radius: 50%;

}

label input[type="radio"]:checked + span:after {

  content: "";

  background-color: #36c;

  display: block;

  width: 10px;

  height: 10px;

  position: absolute;

  left: 6px;

  top: 7px;

}

.safari label input[type="radio"]:checked + span:after {

  top: 5px;

}

.voiceGuide {

  white-space: nowrap;

  border: 0;

  height: 1px;

  width: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  position: absolute !important;

}

.clearfix:after {

  content: "";

  display: table;

  clear: both;

}

.clearfix {

  zoom: 1;

}

a[href*="tel:"] {

  -webkit-pointer-events: none;

  pointer-events: none;

}

img {

  max-width: 100%;

  height: auto;

}

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

  .pcElement {

    display: none !important;

  }

  a[href*="tel:"] {

    -webkit-pointer-events: auto;

    pointer-events: auto;

  }

}

@media print, screen and (min-width: 768px) {

  .spElement {

    display: none !important;

  }

}

@media print {

  body {

    min-width: 1000px;

  }

}

.l-inner-lg {

  width: 100%;

  padding: 0 20px;

}

@media screen and (min-width: 1200px) {

  .l-inner-lg {

    max-width: 1240px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 750px) and (max-width: 1199px) {

  .l-inner-lg {

    max-width: 1040px;

    margin: 0 auto;

  }

}

.l-inner-ex {

  width: 100%;

  padding: 0 20px;

}

@media screen and (min-width: 750px) {

  .l-inner-ex {

    max-width: 1140px;

    margin: 0 auto;

  }

}

.l-inner {

  width: 100%;

  padding: 0 20px;

}

@media screen and (min-width: 750px) {

  .l-inner {

    max-width: 1040px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 1024px) {

  .l-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

}

@media screen and (min-width: 750px) and (max-width: 1023px) {

  .l-row {

    max-width: 880px;

  }

}

@media screen and (min-width: 1024px) {

  .l-content {

    width: 70%;

  }

}

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

  .l-content {

    width: 100%;

  }

}

@media screen and (min-width: 1024px) {

  .l-side {

    width: 23.3333333333%;

  }

}

@media screen and (min-width: 750px) and (max-width: 1023px) {

  .l-side {

    max-width: 880px;

  }

}

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

  .l-side {

    border-top: 1px solid #ccc;

    margin-top: 4rem;

    padding-top: 4rem;

  }

}

* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  font-size: 1.8rem;

  line-height: 2.2;

}

@media print, screen and (min-width: 768px) {

  a {

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

  }

  a:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

  }

  .inner {

    margin-left: auto;

    margin-right: auto;

    width: 1000px;

  }

}

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

  body {

    font-size: 1.6rem;

    overflow-x: hidden;

    line-height: 2;

    -webkit-text-size-adjust: 100%;

    word-wrap: break-word;

  }

}

#header {

  background-color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 20px 40px 30px;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

}

#header .logo img {

  height: 45px;

  width: 280px;

}

#header .logo .subtxt {

  display: inline-block;

  font-size: 1.2rem;

  margin-left: 30px;

  vertical-align: middle;

}

#global_nav > ul {

  letter-spacing: -0.4em;

}

#global_nav > ul > li {

  display: inline-block;

  font-size: 1.6rem;

  letter-spacing: normal;

  vertical-align: middle;

  position: relative;

}

#global_nav > ul > li + li {

  margin-left: 30px;

}

#global_nav .lower_nav {

  background-color: #daf6fb;

  display: none;

  padding: 25px 30px;

}

#global_nav .lower_nav li a {

  color: #06c5e3;

}

#global_nav .lower_nav li + li {

  margin-top: 10px;

}

@media print, screen and (min-width: 768px) and (max-width: 1250px) {

  #header {

    padding-bottom: 20px;

  }

  #header .logo {

    width: 280px;

  }

  #header .logo .subtxt {

    display: block;

    margin-left: 0;

    margin-top: 5px;

  }

}

@media print, screen and (min-width: 768px) {

  #header {

    min-width: 1000px;

  }

  #global_nav > ul > li:not(.teacher) > p {

    padding-right: 18px;

    position: relative;

  }

  #global_nav > ul > li:not(.teacher) > p:after {

    border-top: 3px solid #06c5e3;

    border-right: 3px solid #06c5e3;

    content: "";

    height: 6px;

    right: 0;

    margin-top: -5px;

    position: absolute;

    top: 50%;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    width: 6px;

  }

  #global_nav > ul > li > a,

  #global_nav > ul > li > p {

    color: #000;

    cursor: pointer;

    display: block;

    font-weight: 700;

    position: relative;

    text-decoration: none;

  }

  #global_nav > ul > li > a:before,

  #global_nav > ul > li:not(.teacher) > p:before {

    background-color: #06c5e3;

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

  }

  #global_nav > ul > li > a:hover {

    opacity: 1;

    filter: alpha(opacity=100);

  }

  #global_nav > ul > li > a:hover:before,

  #global_nav > ul > li:not(.teacher) > p:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  #global_nav > ul > li.teacher .btn_teacher {

    background-color: #06c5e3;

    border-radius: 50px;

    color: #fff;

    display: block;

    line-height: 1;

    padding: 15px 35px 15px 22px;

    position: relative;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    text-shadow: #0093bb 0px 2px;

  }

  #global_nav > ul > li.teacher .btn_teacher:before {

    background-color: #0093bb;

    border-radius: 50px;

    content: "";

    height: 100%;

    position: absolute;

    left: 0;

    top: 3px;

    width: 100%;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    z-index: -1;

  }

  #global_nav > ul > li.teacher .btn_teacher:after {

    border-top: 3px solid #fff;

    border-right: 3px solid #fff;

    content: "";

    height: 6px;

    right: 20px;

    margin-top: -5px;

    position: absolute;

    top: 50%;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    width: 6px;

  }

  #global_nav > ul > li.teacher .btn_teacher:hover {

    margin-top: -3px;

    margin-bottom: 3px;

  }

  #global_nav > ul > li.teacher .btn_teacher:hover:before {

    top: 5px;

  }

  #global_nav > ul > li.teacher .btn_teacher:active {

    margin-top: 3px;

    margin-bottom: -3px;

  }

  #global_nav > ul > li.teacher .btn_teacher:active:before {

    top: 0;

  }

  #global_nav .lower_nav {

    position: absolute;

    top: 55px;

    right: 0;

  }

  #global_nav .lower_nav:before {

    background: rgba(0, 0, 0, 0.2);

    content: "";

    height: 100%;

    position: absolute;

    top: 2px;

    left: 2px;

    width: 100%;

    z-index: -1;

  }

  #global_nav > ul > li:nth-of-type(1) .lower_nav {

    min-width: 350px;

  }

  #global_nav > ul > li:nth-of-type(6) .lower_nav {

    min-width: 200px;

  }

  #nav_trigger {

    display: none;

  }

}

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

  #header {

    display: block;

    padding: 20px;

  }

  #header .logo img {

    height: auto;

    width: 200px;

  }

  #header .logo .subtxt {

    display: block;

    font-size: 1rem;

    margin: 0;

  }

  #nav_trigger {

    background-color: #fff;

    height: 53px;

    margin-top: 3px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 20px;

    width: 42px;

  }

  #nav_trigger > span {

    background-color: #06c5e3;

    height: 6px;

    left: 0;

    position: absolute;

    width: 42px;

  }

  #nav_trigger > span:nth-child(1) {

    top: 0;

  }

  #nav_trigger > span:nth-child(2) {

    top: 13px;

  }

  #nav_trigger > span:nth-child(3) {

    top: 26px;

  }

  #nav_trigger:after {

    content: "メニュー";

    color: #06c5e3;

    display: inline-block;

    font-size: 1rem;

    font-weight: 700;

    margin-left: auto;

    margin-right: auto;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

  }

  #nav_trigger.active span:nth-of-type(1) {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 14px;

  }

  #nav_trigger.active span:nth-of-type(2) {

    display: none;

  }

  #nav_trigger.active span:nth-of-type(3) {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 14px;

  }

  #nav_trigger.active:after {

    content: "とじる";

  }

  #header_nav {

    background-color: #06c5e3;

    display: none;

    margin-top: 92px;

    height: calc(100vh - 92px);

    overflow-y: scroll;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 101;

  }

  #global_nav > ul {

    letter-spacing: -0.4em;

  }

  #global_nav > ul > li {

    border-bottom: 1px solid #fff;

    display: block;

    font-size: 2rem;

  }

  #global_nav > ul > li + li {

    margin-left: 0;

  }

  #global_nav > ul > li > p {

    position: relative;

  }

  #global_nav > ul > li > p,

  #global_nav > ul > li > a {

    color: #fff;

    display: block;

    font-weight: 700;

    padding: 10px 20px;

  }

  #global_nav > ul > li > p:after {

    border-top: 3px solid #fff;

    border-right: 3px solid #fff;

    content: "";

    height: 8px;

    right: 20px;

    margin-top: -8px;

    position: absolute;

    top: 50%;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

    width: 8px;

  }

  #global_nav > ul > li.active > p:after {

    margin-top: -3px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  #global_nav .lower_nav {

    padding: 25px 40px;

  }

  #global_nav .lower_nav li {

    font-size: 1.6rem;

  }

}

#main {

  padding-top: 96px;

}

rt {

  font-size: 1rem;

  position: relative;

  top: 0.4em;

}

.ie rt {

  top: 0.8em;

}

.breadcrumb {

  margin: 2rem 0;

}

.breadcrumb ul {

  letter-spacing: -0.4em;

}

.breadcrumb ul li {

  color: #b3b3b3;

  font-size: 1.3rem;

  display: inline-block;

  letter-spacing: normal;

  margin-left: 8px;

  padding-left: 10px;

  position: relative;

  vertical-align: top;

}

.breadcrumb ul li:first-child {

  margin-left: 0;

  padding-left: 0;

}

.breadcrumb ul li:before {

  content: "›";

  position: absolute;

  left: 0;

}

.breadcrumb ul li:first-child:before {

  content: "";

}

.large_heading {

  background-color: #06c5e3;

  padding-top: 60px;

  padding-bottom: 65px;

  text-align: center;

  font-weight: bold;

}

.large_heading h1 {

  color: #fff;

  font-size: 3.2rem;

  font-weight: 700;

  line-height: 1.6;

}

.large_heading h1 i.icon {

  display: block;

  line-height: 1;

  margin-bottom: 5px;

}

.large_heading h1 .english {

  color: #000;

  display: block;

  font-size: 1.6rem;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 1px;

  margin-top: 20px;

}

.mid_heading {

  background-color: #06c5e3;

  padding-top: 35px;

  padding-bottom: 35px;

  text-align: center;

}

.mid_heading h1 {

  color: #fff;

  font-size: 2.4rem;

  font-weight: 700;

  line-height: 1.6;

}

#main .tx_description {

  display: table;

  margin-top: 60px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

#main .tx_description + .tx_description {

  margin-top: 30px;

}

#main .tx_description .tx_detail {

  max-width: 640px;

}

#main .tx_description.fleft .tx_detail {

  float: right;

  margin-left: 35px;

}

#main .tx_description.fright .tx_detail {

  float: left;

  margin-right: 35px;

}

#main .tx_description .tx_detail > *:nth-child(n + 2) {

  margin-top: 15px;

}

#main .tx_description .balloon {

  background-color: #fff;

  border: 3px solid #06c5e3;

  border-radius: 30px;

  padding: 25px 30px;

  position: relative;

}

#main .tx_description .balloon:before,

#main .tx_description .balloon:after {

  content: "";

  position: absolute;

}

#main .tx_description .balloon:before {

  background-image: url(./../img/common/balloon_arrow01.svg);

  background-repeat: no-repeat;

  background-position: left top;

  background-size: 100% auto;

  height: 20px;

  margin-top: -12px;

  top: 50%;

  width: 25px;

  z-index: -1;

}

#main .tx_description.fleft .balloon:before {

  left: -22px;

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

}

#main .tx_description.fright .balloon:before {

  right: -22px;

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

}

#main .tx_description.ftop .balloon:before {

  top: inherit;

  bottom: -19px;

  right: 45px;

  -webkit-transform: rotate(180deg);

  transform: rotate(180deg);

}

#main .tx_description .balloon:after {

  border-style: solid;

  height: 0;

  margin-top: -14px;

  top: 50%;

  width: 0;

  z-index: 0;

}

#main .tx_description.fleft .balloon:after {

  border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

  border-width: 12px 19px 12px 0;

  left: -17px;

}

#main .tx_description.fright .balloon:after {

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;

  border-width: 12px 0 12px 19px;

  right: -17px;

}

#main .tx_description.ftop .balloon:after {

  border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

  border-width: 19px 12px 0 13px;

  right: 45px;

  top: inherit;

  bottom: -16px;

}

#main .tx_description .balloon .tx_lead {

  color: #0241a7;

  font-size: 2.2rem;

  font-weight: bold;

  line-height: 1.6;

}

#main .tx_description .balloon .tx_lead + p {

  margin-top: 15px;

}

#main .tx_description .balloon > p b {

  color: #06c5e3;

  font-weight: 700;

}

#main .tx_description .illust {

  margin-top: 10px;

}

#main .tx_description.fleft .illust {

  float: left;

}

#main .tx_description.fright .illust {

  float: right;

}

#main .tx_description.ftop .illust {

  display: table;

  margin-left: auto;

  margin-top: 30px;

}

@media print, screen and (min-width: 768px) and (max-width: 1250px) {

  #main {

    padding-top: 117px;

  }

}

@media print, screen and (min-width: 768px) {

  #main {

    min-width: 1000px;

  }

}

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

  rt {

    font-size: 0.8rem;

  }

  #main {

    padding-top: 92px;

  }

  #main .inner {

    padding-left: 20px;

    padding-right: 20px;

  }

  .breadcrumb {

    margin-top: 15px;

    overflow-x: scroll;

    width: 100% !important;

  }

  .breadcrumb ul {

    display: inline-block;

    white-space: nowrap;

    width: auto;

  }

  .breadcrumb ul li {

    font-size: 1.2rem;

  }

  .large_heading {

    padding: 40px 20px;

  }

  .large_heading h1 {

    font-size: 2.4rem;

  }

  .large_heading h1 .english {

    font-size: 1.4rem;

    margin-top: 10px;

  }

  .mid_heading {

    padding: 20px;

  }

  .mid_heading h1 {

    font-size: 2rem;

  }

  #main .tx_description {

    margin-top: 30px;

  }

  #main .tx_description.ftop {

    margin-left: auto;

    margin-right: auto;

    width: 260px;

  }

  #main .tx_description .tx_detail {

    max-width: calc(100% - 95px);

  }

  #main .tx_description.ftop .tx_detail {

    max-width: inherit;

  }

  #main .tx_description .balloon {

    border-width: 2px;

    padding: 15px 20px 20px;

  }

  #main .tx_description.fleft .tx_detail {

    margin-left: 0;

  }

  #main .tx_description.fright .tx_detail {

    margin-right: 0;

  }

  #main .tx_description .balloon:before {

    margin-top: 0;

    top: 40px;

  }

  #main .tx_description .balloon:after {

    margin-top: 0;

    top: 38px;

  }

  #main .tx_description.fleft .balloon:before {

    left: -20px;

  }

  #main .tx_description.fright .balloon:before {

    right: -20px;

  }

  #main .tx_description.ftop .balloon:before {

    bottom: -17px;

  }

  #main .tx_description .balloon .tx_lead {

    font-size: 1.6rem;

  }

  #main .tx_description .balloon > p {

    font-size: 1.6rem;

    margin-top: 5px;

  }

  #main .tx_description .illust {

    margin-top: 0;

    width: 70px;

  }

  #main .tx_description.ftop .illust {

    max-width: 80px;

    margin-right: 20px;

    width: auto;

  }

}

.learn_movie {

  margin-top: 40px;

  position: relative;

}

.learn_movie.osusume:before {

  background-image: url(./../img/common/tx_osusume.svg);

  background-repeat: no-repeat;

  background-position: left top;

  background-size: 100% auto;

  content: "";

  height: 56px;

  position: absolute;

  top: -15px;

  left: -15px;

  width: 56px;

  z-index: 1;

}

.learn_movie:after {

  clear: both;

  content: "";

  display: block;

}

.learn_movie .movie_info {

  background-color: #daf6fb;

  border-radius: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0 20px;

}

.learn_movie .movie_info li {

  font-size: 1.6rem;

  line-height: 50px;

  padding-left: 30px;

  position: relative;

  width: 50%;

}

.learn_movie .movie_info li:before {

  background-repeat: no-repeat;

  background-position: left top;

  background-size: 100% auto;

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.learn_movie .movie_info li.time:before {

  background-image: url(./../img/common/movie_icon_time.svg);

  height: 20px;

  width: 20px;

}

.learn_movie .movie_info li.target:before {

  background-image: url(./../img/common/movie_icon_target.svg);

  height: 22px;

  width: 17px;

}

.learn_movie .movie_info li span {

  line-height: 2.5;

}

.learn_movie .movie_title {

  color: #06c5e3;

  font-size: 2.1rem;

  font-weight: 700;

  line-height: 1.6;

  margin-top: 15px;

}

.learn_movie .movie_title span.video {

  color: #0241a7;

  font-size: 1.6rem;

}

.learn_movie .movie_title + p {

  line-height: 2;

  margin-top: 10px;

}

.learn_movie .movie_title + p b {

  color: #0241a7 !important;

  font-weight: 700;

}

.learn_movie .thumb {

  position: relative;

}

.learn_movie .thumb:before {

  background-image: url(./../img/common/bg02.png);

  background-repeat: repeat;

  background-position: left top;

  content: "";

  height: 100%;

  position: absolute;

  top: 10px;

  left: 10px;

  width: 100%;

  z-index: -1;

}

.learn_movie .thumb {

  padding-top: 270px;

  position: relative;

}

.learn_movie .thumb iframe {

  height: 100%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 100%;

}

@media print, screen and (min-width: 768px) {

  .learn_movie .thumb {

    float: left;

    width: 480px;

  }

  .learn_movie .tx_desc {

    float: right;

    width: 460px;

  }

}

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

  .learn_movie {

    margin-top: 30px;

  }

  .learn_movie.osusume:before {

    height: 40px;

    top: -10px;

    left: -10px;

    width: 40px;

  }

  .section_title + .learn_movie {

    margin-top: 20px;

  }

  .learn_movie .tx_desc {

    margin-top: 20px;

  }

  .learn_movie .movie_info li {

    font-size: 1.5rem;

    padding-left: 25px;

  }

  .learn_movie .movie_info li.time:before {

    height: 18px;

    width: 18px;

  }

  .learn_movie .movie_info li.target:before {

    height: 20px;

    width: 15px;

  }

  .learn_movie .movie_title {

    font-size: 1.7rem;

  }

  .learn_movie .movie_title span.video {

    font-size: 1.5rem;

  }

  .learn_movie .thumb {

    padding-top: 56%;

  }

  .learn_movie .thumb:before {

    top: 5px;

    left: 5px;

  }

}

.tx_lead01 {

  color: #06c5e3;

  font-size: 2.4rem;

  font-weight: 700;

  line-height: 1.6;

}

.tx_lead01.small {

  font-size: 2rem;

}

.tx_lead01 + * {

  margin-top: 15px !important;

}

.tx_lead02 {

  color: #0241a7;

  font-size: 2rem;

  font-weight: 700;

  line-height: 1.6;

}

.tx_lead02 + * {

  margin-top: 15px !important;

}

.tx_note {

  padding-left: 1em;

  text-indent: -1em;

}

.tx_note:before {

  content: "※";

}

.tx_link {

  margin-top: 15px;

}

.tx_link a {

  display: table;

  padding-left: 20px;

  position: relative;

}

.tx_link.center a {

  margin-left: auto;

  margin-right: auto;

}

.tx_link a:before {

  border-top: 2px solid #06c5e3;

  border-right: 2px solid #06c5e3;

  content: "";

  height: 8px;

  left: 0;

  position: absolute;

  top: 18px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 8px;

}

.btn_link01 a {

  background-color: #fff;

  border: 1px solid #e6e6e6;

  color: #06c5e3;

  display: block;

  font-size: 2rem;

  font-weight: 700;

  line-height: 1.2;

  padding: 30px 80px 30px 35px;

  position: relative;

}

.btn_link01 a[target="_blank"]:after {

  background-image: url(./../img/common/icon_blank.svg);

  background-repeat: no-repeat;

  background-position: left top;

  background-size: 100% auto;

  content: "";

  height: 13px;

  position: absolute;

  top: 50%;

  right: 35px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 15px;

}

@media print, screen and (min-width: 768px) {

  .ie .tx_link a:before {

    top: 28px;

  }

  .edge .tx_link a:before {

    top: 24px;

  }

}

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

  .tx_lead01 {

    font-size: 1.8rem;

  }

  .tx_lead02 {

    font-size: 1.6rem;

  }

  .tx_link {

    margin-top: 10px;

  }

  .tx_link a {

    padding-left: 15px;

  }

  .tx_link a:before {

    height: 6px;

    top: 20px;

    width: 6px;

  }

  .btn_link01 a {

    font-size: 1.6rem;

    padding: 15px 45px 15px 20px;

  }

  .btn_link01 a[target="_blank"]:after {

    right: 15px;

  }

}

.normal_list li {

  padding-left: 1em;

  text-indent: -1em;

}

.normal_list li:before {

  content: "・";

}

.normal_list li + li {

  margin-top: 5px;

}

.btn_link[data-btn="type01"] {

  display: table;

  margin-top: 40px;

  margin-left: auto;

  margin-right: auto;

  min-width: 280px;

}

.btn_link[data-btn="type01"] a {

  display: block;

  position: relative;

  z-index: 0;

}

.btn_link[data-btn="type01"] a span {

  background-color: #06c5e3;

  border-radius: 50px;

  color: #fff;

  display: block;

  font-weight: 700;

  padding: 15px;

  position: relative;

  text-shadow: #0093bb 0px 2px;

  text-align: center;

  width: 100%;

}

.btn_link[data-btn="type01"] a span:before {

  background-color: #0093bb;

  border-radius: 50px;

  content: "";

  height: 100%;

  position: absolute;

  left: 0;

  top: 3px;

  width: 100%;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

  z-index: -1;

}

@media print, screen and (min-width: 768px) {

  .btn_link.large {

    min-width: 540px;

  }

  .btn_link[data-btn="type01"] a:hover {

    margin-top: -3px;

    margin-bottom: 3px;

    opacity: 1;

    filter: alpha(opacity=100);

  }

  .btn_link[data-btn="type01"] a:hover span:before {

    top: 6px;

  }

  .btn_link[data-btn="type01"] a:active {

    margin-top: 3px;

    margin-bottom: -3px;

  }

  .btn_link[data-btn="type01"] a:active span:before {

    top: 0;

  }

}

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

  .btn_link.large {

    width: 100%;

  }

  .btn_link[data-btn="type01"] a span {

    padding: 20px;

  }

}

.comingsoon {

  margin-top: 100px;

  margin-bottom: 200px;

  text-align: center;

}

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

  .comingsoon {

    margin-top: 50px;

    margin-bottom: 100px;

  }

}

#footer {

  line-height: 1.7;

}

#footer .logo {

  width: 260px;

}

#footer .footer_content {

  background-color: #06c5e3;

  padding-top: 70px;

  padding-bottom: 40px;

}

#footer .footer_content * {

  color: #fff;

}

#footer .footer_content .site_info {

  font-size: 1.4rem;

}

#footer .footer_content .site_info .tx_info {

  margin-top: 50px;

}

#footer .footer_content .footer_nav::after {

  clear: both;

  content: "";

  display: block;

}

#footer .footer_content .footer_nav .each_comm {

  float: left;

}

#footer .footer_content .footer_nav .each_comm > p {

  color: #000;

}

#footer .footer_content .footer_nav .each_comm > p + ul {

  margin-top: 20px;

}

#footer .footer_content .footer_nav .each_comm > ul li + li {

  margin-top: 5px;

}

#footer .copyright {

  font-size: 1.2rem;

  margin-left: auto;

  margin-right: auto;

  margin-top: 90px;

  width: 1000px;

}

#pagetop {

  background-color: #e6f9fc;

  cursor: pointer;

  padding-top: 25px;

  padding-bottom: 25px;

  text-align: center;

}

#pagetop p {

  color: #06c5e3;

  display: table;

  font-size: 1.1rem;

  margin-left: auto;

  margin-right: auto;

  padding-top: 30px;

  position: relative;

}

#pagetop p:before,

#pagetop p:after {

  background-color: #06c5e3;

  content: "";

  height: 6px;

  position: absolute;

  top: 12px;

  width: 28px;

}

#pagetop p:before {

  border-radius: 50px 0 0 50px;

  left: 16px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

#pagetop p:after {

  border-radius: 0 50px 50px 0;

  right: 16px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

@media print, screen and (min-width: 768px) {

  #footer {

    min-width: 1000px;

  }

  #footer .footer_content .inner:after,

  #footer .footer_content .footer_nav:after {

    clear: both;

    content: "";

    display: block;

  }

  #footer .footer_content .site_info {

    float: left;

  }

  #footer .footer_content .footer_nav {

    float: right;

    max-width: 560px;

  }

  #footer .footer_content .footer_nav .each_comm {

    font-size: 1.3rem;

    padding-right: 70px;

  }

  #footer .footer_content .footer_nav .each_comm > ul {

    margin-top: 45px;

  }

  #footer .footer_content .footer_nav .each_comm > p + ul {

    font-size: 1.5rem;

  }

  #pagetop {

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

  }

  #pagetop:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

  }

}

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

  #footer .logo {

    margin-left: auto;

    margin-right: auto;

    max-width: 300px;

    width: auto;

  }

  #footer .footer_content {

    padding: 40px 20px;

  }

  #footer .footer_content .site_info {

    margin-top: 50px;

    text-align: center;

  }

  #footer .footer_content .site_info .tx_info {

    margin-top: 35px;

  }

  #footer .footer_content .footer_nav {

    font-size: 1.5rem;

  }

  #footer .footer_content .footer_nav .each_comm {

    width: 50%;

  }

  #footer .footer_content .footer_nav .each_comm:nth-child(2n + 1) {

    clear: both;

  }

  #footer .footer_content .footer_nav .each_comm:nth-child(n + 3) {

    margin-top: 40px;

  }

  #footer .footer_content .footer_nav .each_comm > ul li + li {

    margin-top: 10px;

  }

  #footer .copyright {

    margin-top: 35px;

    text-align: center;

    width: auto;

  }

  #pagetop {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  #pagetop p {

    font-size: 1.4rem;

    padding-top: 30px;

  }

  #pagetop p:before,

  #pagetop p:after {

    width: 25px;

  }

  #pagetop p:before {

    left: 29px;

  }

  #pagetop p:after {

    right: 30px;

  }

}

.category {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: -0.3em 0 0 -0.2em;

}

@media screen and (min-width: 750px) {

  .category {

    font-size: 12px;

  }

}

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

  .category {

    font-size: 10px;

  }

}

.category__item {

  margin: 0.1em;

}

.category__item .nolink,

.category__item .link {

  display: inline-block;

  padding: 0.2em 0.8em;

  border: 1px solid #06c5e3;

  border-radius: 5px;

  background: #fff;

  color: #06c5e3;

  font-weight: bold;

  line-height: 1.3;

}

@media screen and (min-width: 750px) {

  .category__item .link:hover {

    background: #06c5e3;

    color: #fff;

  }

}

.articleLibrary__item {

  border-bottom: 1px solid #ccc;

  margin-bottom: 2rem;

  padding-bottom: 2rem;

}

.articleLibrary__anc {

  color: #333;

}

@media screen and (min-width: 750px) {

  .articleLibrary__anc {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

}

.articleLibrary__anc:visited,

.articleLibrary__anc:link {

  color: #333;

}

.articleLibrary__thumb {

  border-radius: 10px;

  overflow: hidden;

}

@media screen and (min-width: 750px) {

  .articleLibrary__thumb {

    width: 37.2619047619%;

    -ms-flex-item-align: start;

    align-self: flex-start;

  }

}

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

  .articleLibrary__thumb {

    margin-bottom: 1em;

  }

}

@media screen and (min-width: 750px) {

  .articleLibrary__info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 59.1666666667%;

    padding: 0.5em 0;

  }

}

.articleLibrary__ttl {

  font-weight: bold;

  line-height: 1.6;

}

@media screen and (min-width: 750px) {

  .articleLibrary__ttl {

    font-size: 2rem;

  }

}

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

  .articleLibrary__ttl {

    font-size: 1.6rem;

  }

}

@media screen and (min-width: 750px) {

  .articleLibrary__author {

    margin-top: auto;

    font-size: 1.5rem;

  }

}

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

  .articleLibrary__author {

    font-size: 1.4rem;

  }

}

.articleLibrary__custom {

  background-color: #daf6fb;

  border-radius: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-bottom: 1em;

}

@media screen and (min-width: 750px) {

  .articleLibrary__custom {

    padding: 0 2rem;

  }

}

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

  .articleLibrary__custom {

    padding: 0.4rem 1.5rem;

  }

}

.articleLibrary__custom__item {

  position: relative;

}

@media screen and (min-width: 750px) {

  .articleLibrary__custom__item {

    padding-left: 3.5rem;

    width: 50%;

    line-height: 40px;

    font-size: 1.6rem;

  }

}

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

  .articleLibrary__custom__item {

    padding-left: 2.5rem;

    width: 100%;

    font-size: 1.2rem;

  }

}

.articleLibrary__custom__item::before {

  background-repeat: no-repeat;

  background-position: left top;

  background-size: contain;

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

.articleLibrary__custom__item.-time::before {

  background-image: url(./../img/common/movie_icon_time.svg);

}

@media screen and (min-width: 750px) {

  .articleLibrary__custom__item.-time::before {

    height: 20px;

    width: 20px;

  }

}

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

  .articleLibrary__custom__item.-time::before {

    height: 15px;

    width: 15px;

  }

}

.articleLibrary__custom__item.-target::before {

  background-image: url(./../img/common/movie_icon_target.svg);

}

@media screen and (min-width: 750px) {

  .articleLibrary__custom__item.-target::before {

    height: 22px;

    width: 17px;

  }

}

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

  .articleLibrary__custom__item.-target::before {

    height: 17px;

    width: 12px;

  }

}

@media screen and (min-width: 750px) {

  .articleLibrary__custom__item span {

    line-height: 2.5;

  }

}

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

  .articleLibrary__custom__item span {

    line-height: 1.6;

  }

}

.articleLibrary__cat {

  margin-bottom: 0.8em;

}

@media screen and (min-width: 750px) {

  .articleLibrary__text {

    margin-top: 0.5rem;

    font-size: 1.5rem;

  }

}

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

  .articleLibrary__text {

    font-size: 1.2rem;

  }

}

.articleList {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

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

  .articleList {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

}

@media screen and (min-width: 750px) {

  .-col4 .articleList__item {

    width: 22.7272727273%;

  }

  .-col4 .articleList__item:not(:nth-child(4n)) {

    margin-right: 3.0303030303%;

  }

  .-col4 .articleList__item:nth-child(n + 5) {

    margin-top: 2rem;

  }

}

@media screen and (min-width: 750px) {

  .-col3 .articleList__item {

    width: 30.599755202%;

  }

  .-col3 .articleList__item:not(:nth-child(3n)) {

    margin-right: 4.1003671971%;

  }

  .-col3 .articleList__item:nth-child(n + 4) {

    margin-top: 3rem;

  }

}

@media screen and (min-width: 750px) {

  .articleList__item {

    font-size: 1em;

  }

}

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

  .articleList__item {

    width: 48.5%;

    font-size: 14px;

  }

  .articleList__item:nth-child(n + 3) {

    margin-top: 2rem;

  }

}

.articleList__item__slick {

  position: relative;

}

@media screen and (min-width: 750px) {

  .articleList__item__slick {

    margin: 0 1.5rem;

  }

}

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

  .articleList__item__slick {

    margin: 0 0.5rem;

  }

}

.articleList__head {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 0.5em;

  text-align: center;

  border: 1px solid #ccc;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  border-radius: 1rem;

  overflow: hidden;

}

.articleList__anc {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

}

.articleList__category {

  margin: 0.2em 0 0.5em;

}

.articleList__title {

  color: #333;

  font-size: 1em;

  font-weight: bold;

  line-height: 1.6;

}

@media screen and (min-width: 750px) {

  .articleList__title:hover {

    text-decoration: underline;

  }

}

.articleList__subtext {

  color: #999;

  font-size: 0.8125em;

}

.articleList__subtext.-en {

  letter-spacing: 0.1em;

}

.articleList__name {

  font-size: 1.6rem;

}

@media screen and (min-width: 750px) {

  .articleList__name:hover {

    text-decoration: underline;

  }

}

.articleList__cursor {

  position: absolute;

  bottom: 0.5rem;

  display: block;

  border-radius: 50%;

  width: 2rem;

  height: 2rem;

  background: #06c5e3;

}

@media screen and (min-width: 750px) {

  .articleList__cursor {

    right: 0;

  }

}

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

  .articleList__cursor {

    right: 0.5rem;

  }

}

.articleList__cursor::before {

  content: "";

  position: absolute;

  top: 50%;

  left: calc(50% - 0.1rem);

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

  transform: translate(-50%, -50%) rotate(45deg);

  display: block;

  border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

  border-style: solid;

  border-width: 1px;

  width: 0.4rem;

  height: 0.4rem;

}

.sec__category {

  background: #f8f9f9;

}

@media screen and (min-width: 750px) {

  .sec__category {

    padding: 4rem 0 5rem;

  }

}

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

  .sec__category {

    padding: 3rem 0;

  }

}

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

  .page-library-single .pageCategory,

  .page-library-archive .pageCategory {

    display: none;

  }

}

.pageCategory__title {

  line-height: 1.2;

  padding-left: 1rem;

  font-size: 1.6rem;

  margin-bottom: 1.4rem;

  position: relative;

}

.pageCategory__title::before {

  content: "";

  width: 4px;

  height: 100%;

  background-color: #05c5e3;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

}

.pageCategory__block + .pageCategory__block {

  margin-top: 1em;

}

.pageCategory__heading {

  display: inline-block;

  margin-bottom: 1em;

  padding-left: 0.5em;

  font-size: 1.4rem;

  font-weight: normal;

}

@media screen and (min-width: 750px) {

  .pageCategory__heading:hover {

    text-decoration: underline;

  }

}

.pageCategory__heading .link {

  color: #333;

}

.archive__lead {

  font-size: 1.5rem;

}

@media screen and (min-width: 750px) {

  .archive__lead {

    margin-top: 3rem;

    padding-top: 3rem;

    border-top: 1px solid #dedede;

  }

}

.pager {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

@media screen and (min-width: 750px) {

  .pager {

    margin-top: 4rem;

  }

}

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

  .pager {

    margin-top: 3rem;

  }

}

.pager__item {

  margin: 0 0.3em;

}

.pager__anc,

.pager__both {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 50%;

  width: 3.6rem;

  height: 3.6rem;

}

@media screen and (min-width: 750px) {

  .pager__anc,

  .pager__both {

    font-size: 1.3rem;

  }

  .pager__anc:hover,

  .pager__both:hover {

    background: #06c5e3;

    color: #fff;

  }

}

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

  .pager__anc,

  .pager__both {

    font-size: 1.2rem;

  }

}

.pager__anc {

  font-weight: bold;

  border: 1px solid #06c5e3;

  color: #06c5e3;

}

.pager__anc.-current,

.pager__anc:hover {

  background: #06c5e3;

  color: #fff;

}

.pager__both {

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.pager__both::before,

.pager__both::after {

  font-family: "pwmi" !important;

}

.pager__both.-prev::before {

  content: "";

}

.pager__both.-next::after {

  content: "";

}

.btn {

  position: relative;

  top: 0;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  min-width: 280px;

  background: #06c5e3;

  border-radius: 50px;

  padding: 0.8em 2em;

  text-shadow: #0093bb 0px 2px;

  -webkit-box-shadow: 0 3px 0 #0093bb;

  box-shadow: 0 3px 0 #0093bb;

  color: #fff;

  font-weight: 700;

  text-align: center;

}

.btn:visited,

.btn:link {

  color: #fff;

}

.btn.-arrow {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.btn.-arrow::after {

  content: "";

  display: block;

  width: 7px;

  height: 7px;

  margin-top: -4px;

  border-top: 3px solid #fff;

  border-right: 3px solid #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

@media screen and (min-width: 750px) {

  .btn:hover {

    top: -3px;

    -webkit-box-shadow: 0 6px 0 #0093bb;

    box-shadow: 0 6px 0 #0093bb;

    opacity: 1;

    color: #fff;

  }

}

@media screen and (min-width: 750px) {

  .archive {

    margin-top: 5rem;

  }

}

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

  .archive {

    margin-top: 3rem;

  }

}

@media screen and (min-width: 750px) {

  .archive__head {

    margin-bottom: 5rem;

  }

}

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

  .archive__head {

    margin-bottom: 3rem;

  }

}

.archive__headInner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

@media screen and (min-width: 750px) {

  .archive__headInner {

    max-width: 750px;

    margin: 0 auto;

  }

}

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

  .archive__headInner {

    padding: 0 20px;

  }

}

.archive__headSpeech {

  background-color: #fff;

  border: 3px solid #06c5e3;

  margin-left: 35px;

  padding: 2rem;

  border-radius: 3rem;

  position: relative;

  flex: 1;

}

.archive__headSpeech::before {

  position: absolute;

  top: 50%;

  left: -1.5rem;

  content: "";

  width: 0;

  height: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border-right: 1.5rem solid #06c5e3;

  border-top: 1.2rem solid rgba(0, 0, 0, 0);

  border-bottom: 1.2rem solid rgba(0, 0, 0, 0);

}

.archive__headSpeech::after {

  position: absolute;

  top: 50%;

  left: -1.1rem;

  content: "";

  width: 0;

  height: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border-right: 1.5rem solid #fff;

  border-top: 1.2rem solid rgba(0, 0, 0, 0);

  border-bottom: 1.2rem solid rgba(0, 0, 0, 0);

}

@media screen and (min-width: 750px) {

  .archive__headTxt {

    font-size: 1.6rem;

  }

}

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

  .archive__headTxt {

    font-size: 1.4rem;

  }

}

.archive__cont {

  margin-bottom: 5rem;

}

.archive__order {

  margin-bottom: 1em;

}

.archive__order__inner {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  background: #f2f2f2;

  padding: 0.5em 1em;

  font-size: 1.4rem;

}

@media screen and (min-width: 750px) {

  .archive__order__inner {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

}

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

  .archive__order__inner {

    width: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}

.archive__order__inner button {

  margin: 0 1em;

  cursor: pointer;

  background: #f2f2f2;

}

.archive__order__inner button.is-current {

  font-weight: bold;

  pointer-events: none;

}

.archive__order__inner button:hover {

  text-decoration: underline;

}

.archive__order__head {

  line-height: 1.5;

}

#archive {

  padding-top: 88px;

  padding-bottom: 160px;

}

.inner_link {

  text-decoration: underline !important;

}

.inner_link:hover {

  text-decoration: none !important;

}

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

  #archive {

    padding-top: 40px;

    padding-bottom: 60px;

  }

}

@media screen and (min-width: 750px) {

  .tx_lead + .articleList {

    margin-top: 4rem;

  }

}

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

  .tx_lead + .articleList {

    margin-top: 2rem;

  }

}

.box_contents h2.box_title {

  text-align: center;

}

.box_contents h2.box_title span {

  display: table;

  font-size: 2.6rem;

  font-weight: 700;

  line-height: 1.3;

  margin-left: auto;

  margin-right: auto;

  padding: 15px 5px;

  position: relative;

}

.box_contents h2.box_title span:after {

  background-image: url(./../img/common/bdr01.png);

  background-repeat: repeat-x;

  background-position: center center;

  background-size: auto 100%;

  content: "";

  height: 4px;

  margin-left: auto;

  margin-right: auto;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

}

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

  .box_contents h2.box_title span {

    font-size: 2.2rem;

    line-height: 1.5;

    padding-top: 10px;

  }

}

.box_part + .box_part {

  margin-top: 2rem;

}

#index .box_part.part1 {

  margin-top: 50px;

}

#index .box_part .part_title {

  background-color: #f2f2f2;

  border-radius: 15px;

  font-size: 2.2rem;

  font-weight: 700;

  line-height: 1.6;

  overflow: hidden;

  padding: 20px 20px 20px 32px;

}

#index .box_part .part_title:before {

  content: "";

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  width: 12px;

}

#index .box_part.part1 .part_title:before {

  background-color: #f1a200;

}

#index .box_part.part2 .part_title:before {

  background-color: #8bcc3f;

}

#index .box_part.part3 .part_title:before {

  background-color: #4c99e0;

}

#index .box_part.part4 .part_title:before {

  background-color: #a77fba;

}

#index .box_part.part5 .part_title:before {

  background-color: #e57373;

}

#index .box_part.part6 .part_title:before {

  background-color: #4db6ac;

}

#index .box_part.part7 .part_title:before {

  background-color: #ffd54f;

}

#index .box_part.part8 .part_title:before {

  background-color: #90a4ae;

}

#index .box_part .part_title .num {

  display: inline-block;

  margin-right: 10px;

}

#index .box_part.part1 .part_title .num {

  color: #f1a200;

}

#index .box_part.part2 .part_title .num {

  color: #8bcc3f;

}

#index .box_part.part3 .part_title .num {

  color: #4c99e0;

}

#index .box_part.part4 .part_title .num {

  color: #a77fba;

}

#index .box_part.part5 .part_title .num {

  color: #e57373;

}

#index .box_part.part6 .part_title .num {

  color: #4db6ac;

}

#index .box_part.part7 .part_title .num {

  color: #ffd54f;

}

#index .box_part.part8 .part_title .num {

  color: #90a4ae;

}

#index .box_part .box_inner {

  margin-top: 40px;

  display: none;

}

#index .box_part .box_inner:after {

  clear: both;

  content: "";

  display: block;

}

#index .box_part .list_index:nth-child(2n) {

  float: right;

}

#index .box_part .list_index li a {

  color: #000;

  display: block;

  letter-spacing: -0.4em;

  padding: 25px;

  position: relative;

  z-index: 0;

}

#index .box_part .list_index li a > span {

  display: inline-block;

  font-size: 1.8rem;

  font-weight: 700;

  letter-spacing: normal;

  vertical-align: middle;

}

#index .box_part .list_index li a > .num {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 100% auto;

  font-size: 2rem;

  height: 40px;

  line-height: 37px;

  margin-right: 20px;

  text-align: center;

  width: 55px;

}

#index .box_part.part1 .list_index li a > .num {

  background-image: url(./../../../../../../library/images/index_icon01.png);

  color: #f1a200;

}

#index .box_part.part2 .list_index li a > .num {

  background-image: url(./../../../../../../library/images/index_icon02.png);

  color: #8bcc3f;

}

#index .box_part.part3 .list_index li a > .num {

  background-image: url(./../../../../../../library/images/index_icon03.png);

  color: #4c99e0;

}

#index .box_part.part4 .list_index li a > .num {

  background-image: url(./../../../../../../library/images/index_icon04.png);

  color: #a77fba;

}

#index .box_part.part5 .list_index li a > .num {

  color: #e57373;

}

#index .box_part.part6 .list_index li a > .num {

  color: #4db6ac;

}

#index .box_part.part7 .list_index li a > .num {

  color: #ffd54f;

}

#index .box_part.part8 .list_index li a > .num {

  color: #90a4ae;

}

#index .box_part .list_index li a > .tx {

  max-width: calc(100% - 75px);

}

@media print, screen and (min-width: 768px) {

  #index .box_part .list_index {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

  }

  #index .box_part .list_index li {

    border: 1px solid #e6e6e6;

    width: 96%;

  }

  #index .box_part .list_index li a:hover {

    opacity: 1;

    filter: alpha(opacity=100);

  }

  #index .box_part .list_index li a:before {

    background-color: #e6f9fc;

    content: "";

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    width: 0;

    z-index: -1;

  }

  #index .box_part .list_index li a:hover:before {

    width: 100%;

  }

}

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

  .box_part + .box_part {

    margin-top: 3rem;

  }

  #index .box_part.part1 {

    margin-top: 40px;

  }

  #index .box_part .part_title {

    border-radius: 12px;

    font-size: 1.7rem;

    line-height: 1.45;

    padding: 15px 15px 15px 22px;

  }

  #index .box_part .part_title:before {

    width: 9px;

  }

  #index .box_part .part_title .num {

    margin-right: 6px;

  }

  #index .box_part .box_inner {

    margin-top: 20px;

  }

  #index .box_part .list_index {

    float: none !important;

    width: auto;

  }

  #index .box_part .list_index:nth-child(2n) {

    border-top: none;

  }

  #index .box_part .list_index li {

    border-color: #e6e6e6;

    border-style: solid;

    border-width: 1px 1px 0 1px;

  }

  #index .box_part .list_index li:last-of-type {

    border-bottom: 1px solid #e6e6e6;

  }

  #index .box_part .list_index li a {

    padding: 20px;

  }

  #index .box_part .list_index li a > .num {

    font-size: 1.6rem;

    height: 27px;

    line-height: 25px;

    width: 36px;

  }

  #index .box_part .list_index li a > .tx {

    font-size: 1.7rem;

    line-height: 1.6;

    max-width: calc(100% - 65px);

  }

}

#library {

  background-image: url(./../img/top/library_bg.png);

  background-repeat: repeat;

  background-position: left top;

  padding-top: 80px;

  padding-bottom: 80px;

}

#library .box_title + .tx_lead {

  margin-top: 50px;

  text-align: center;

}

#library .list_contents {

  margin-top: 60px;

}

#library .list_contents figure img {

  width: 100%;

}

#library .list_contents .category {

  background-color: #06c5e3;

  color: #fff;

  display: table;

  font-weight: 700;

  padding-top: 10px;

  text-align: center;

  width: 100%;

}

#library .list_contents .category span {

  display: table-cell;

  height: 50px;

  vertical-align: middle;

  width: inherit;

}

#library .list_contents .each_comm:nth-child(2n + 1) .category {

  background-color: #009ec3;

}

#library .list_contents .tx_lead {

  color: #06c5e3;

  font-size: 2rem;

  font-weight: 700;

  line-height: 1.6;

  padding: 10px 20px 0;

}

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

  #library {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  #library .box_title + .tx_lead {

    margin-top: 30px;

  }

  #library .list_contents {

    margin-top: 40px;

    margin-left: -20px;

    margin-right: -20px;

  }

  #library .list_contents .each_comm a {

    display: block;

  }

  #library .list_contents .category {

    font-size: 1.6rem;

    line-height: 40px;

  }

  #library .list_contents .category span {

    height: 40px;

  }

  #library .list_contents .tx_lead {

    font-size: 1.6rem;

  }

  #library .list_contents .btn_arrow {

    background-repeat: no-repeat;

    background-position: left top;

    background-size: 100% auto;

    height: 33px;

    margin-top: -16px;

    top: 50%;

    position: absolute;

    width: 32px;

    z-index: 10;

  }

  #library .list_contents .btn_arrow.prev {

    background-image: url(./../img/common/btn_control_prev.png);

    left: 15px;

  }

  #library .list_contents .btn_arrow.next {

    background-image: url(./../img/common/btn_control_next.png);

    right: 15px;

  }

  #library .list_contents .btn_arrow button {

    background: rgba(0, 0, 0, 0);

    border-radius: 50%;

    cursor: pointer;

    color: rgba(0, 0, 0, 0);

    font-size: 0;

    height: 33px;

    position: relative;

    width: 32px;

    z-index: 11;

  }

}

#movie {

  position: relative;

  padding-top: 100px;

  padding-bottom: 100px;

}

#movie::before,

#movie::after {

  content: "";

  position: absolute;

  top: 0;

  z-index: -2;

}

#movie::before {

  background-image: url(./../img/top/movie_deco01.svg);

  background-repeat: no-repeat;

  background-size: 100%;

  left: 0;

}

@media screen and (min-width: 750px) {

  #movie::before {

    width: 38.5rem;

    height: 34.8rem;

  }

}

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

  #movie::before {

    width: 19.3rem;

    height: 17.4rem;

  }

}

#movie::after {

  background-image: url(./../img/top/movie_deco02.svg);

  background-size: contain;

  right: 0;

  height: 100%;

}

@media screen and (min-width: 750px) {

  #movie::after {

    width: 6rem;

  }

}

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

  #movie::after {

    width: 3rem;

  }

}

#movie .inner {

  position: relative;

}

#movie .inner::before,

#movie .inner::after {

  content: "";

  background-repeat: no-repeat;

  background-size: 100%;

  position: absolute;

  z-index: -2;

}

#movie .inner::before {

  background-image: url(./../img/top/movie_deco03.svg);

  top: 0;

  right: 0;

}

@media screen and (min-width: 750px) {

  #movie .inner::before {

    width: 13.6rem;

    height: 13.6rem;

  }

}

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

  #movie .inner::before {

    width: 6.8rem;

    height: 6.8rem;

  }

}

#movie .inner::after {

  background-image: url(./../img/top/movie_deco03.svg);

}

@media screen and (min-width: 750px) {

  #movie .inner::after {

    width: 17.5rem;

    height: 17.5rem;

    bottom: -10rem;

    left: -20%;

  }

}

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

  #movie .inner::after {

    width: 8.6rem;

    height: 8.6rem;

    bottom: 0;

    left: 0;

  }

}

#movie .box_title + .tx_lead {

  margin-top: 50px;

  text-align: center;

}

#movie .list_contents {

  margin-top: 60px;

}

#movie .list_contents figure img {

  width: 100%;

}

#movie .list_contents .category {

  background-color: #06c5e3;

  color: #fff;

  display: table;

  font-weight: 700;

  padding-top: 10px;

  text-align: center;

  width: 100%;

}

#movie .list_contents .category span {

  display: table-cell;

  height: 50px;

  vertical-align: middle;

  width: inherit;

}

#movie .list_contents .each_comm:nth-child(2n + 1) .category {

  background-color: #009ec3;

}

#movie .list_contents .tx_lead {

  color: #06c5e3;

  font-size: 2rem;

  font-weight: 700;

  line-height: 1.6;

  padding: 10px 20px 0;

}

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

  #movie {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  #movie .box_title + .tx_lead {

    margin-top: 30px;

  }

  #movie .list_contents {

    margin-top: 40px;

    margin-left: -20px;

    margin-right: -20px;

  }

  #movie .list_contents .each_comm a {

    display: block;

  }

  #movie .list_contents .category {

    font-size: 1.6rem;

    line-height: 40px;

  }

  #movie .list_contents .category span {

    height: 40px;

  }

  #movie .list_contents .tx_lead {

    font-size: 1.6rem;

  }

  #movie .list_contents .btn_arrow {

    background-repeat: no-repeat;

    background-position: left top;

    background-size: 100% auto;

    height: 33px;

    margin-top: -16px;

    top: 50%;

    position: absolute;

    width: 32px;

    z-index: 10;

  }

  #movie .list_contents .btn_arrow.prev {

    background-image: url(./../img/common/btn_control_prev.png);

    left: 15px;

  }

  #movie .list_contents .btn_arrow.next {

    background-image: url(./../img/common/btn_control_next.png);

    right: 15px;

  }

  #movie .list_contents .btn_arrow button {

    background: rgba(0, 0, 0, 0);

    border-radius: 50%;

    cursor: pointer;

    color: rgba(0, 0, 0, 0);

    font-size: 0;

    height: 33px;

    position: relative;

    width: 32px;

    z-index: 11;

  }

}



.articleList.-new-article {

  @media screen and (min-width: 750px) {

    margin-top: 5.8rem;

  }

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

    margin-top: 4rem;

  }

}



.part__head {

  position: relative;

}

.part__head__num {

  position: absolute;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #dedede;

  font-weight: bold;

  @media screen and (min-width: 750px) {

    right: 7rem;

    top: 50%;

    transform: translateY(-50%);

    font-size: 2.2rem;

    width: 4.4rem;

    height: 4.4rem;

    border-radius: 1rem;

  }

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

    right: -0.5rem;

    top: -1.5rem;

    font-size: 1.4rem;

    width: 3rem;

    height: 3rem;

    border-radius: 0.6rem;

  }

}



.part_title {

  cursor: pointer;

  position: relative;

  padding-right: 28px;

}

.part_title::after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  background: linear-gradient(to right, #333 0 100%) center/100% 3px no-repeat,

    linear-gradient(to bottom, #333 0 100%) center/3px 100% no-repeat;

}

.is-open .part_title::after {

  background: linear-gradient(to right, #333 0 100%) center/100% 3px no-repeat;

}



.badge {

  position: absolute;

  background: #e85b73;

  color: #fff;

  font-weight: bold;

  border-radius: 20px;

  line-height: 1.2;

  white-space: nowrap;

  z-index: 10;

  text-align: center;

}

.badge::after {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  border-width: 10px 4px 0 4px;

  border-style: solid;

  border-color: #e85b73 transparent transparent transparent;

}



.list_index .num {

  position: relative;

}



/* NEWマーク（花形） */

.list_index .num.new::before {

  content: "NEW";

  position: absolute;

  background: #e85b73;

  color: #fff;

  font-weight: bold;

  line-height: 1;

  white-space: nowrap;

  z-index: 2;

  background: url("../img/common/icon-gizagiza.png") no-repeat center center;

  background-size: contain;

  display: flex;

  align-items: center;

  justify-content: center;

}



@media screen and (min-width: 750px) {

  .part_title::after {

    right: 2.5rem;

    width: 2.2rem;

    height: 2.2rem;

  }

  .badge {

    padding: 7px 15px;

    font-size: 1.8rem;

    top: -18px;

    left: 32px;

  }

  .badge::after {

    bottom: -8px;

  }

  .list_index .num.new::before {

    top: -2rem;

    left: -1.8rem;

    font-size: 1rem;

    width: 3.6rem;

    height: 3.6rem;

  }

}

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

  .part_title::after {

    right: 1.5rem;

    width: 2rem;

    height: 2rem;

  }

  .badge {

    padding: 0.5rem 1.2rem;

    font-size: 1.2rem;

    top: -1.3rem;

    left: 2rem;

  }

  .badge::after {

    bottom: -0.6rem;

  }

  .list_index .num.new::before {

    top: -1.9rem;

    left: -1.7rem;

    font-size: 0.8rem;

    width: 3rem;

    height: 3rem;

  }

}