@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent; }

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

ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  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; }

/* Define variables to use with scss */
/*テキストカラー*/
/*見出しカラー*/
/*青みの黒ー*/
/*グレー*/
/*
@mixin   → mixin定義に使う
@include → mixin使う
@content → 分かりにくいので以下の例参照
*/
html {
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #000510;
  word-wrap: break-word;
  font-size: 18px;
  line-height: 1.5;
  font-size: 16px; }
  @media (min-width: 768px) {
    html {
      font-size: calc( 0.88889rem + ( 1vw - 7.68px ) * 0.53763); } }
  @media (min-width: 1140px) {
    html {
      font-size: 18px; } }
  @media print, screen and (max-width: 768px) {
    html {
      font-size: 15px; } }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: responsive-fs(); }
  body .ly_bgColor {
    background-color: #333; }

a:hover {
  text-decoration: none;
  opacity: 0.8; }

img {
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: top;
  display: block; }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: font-size 0.1s linear;
  -o-transition: font-size 0.1s linear;
  transition: font-size 0.1s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
select,
textarea {
  padding: 6px;
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  vertical-align: bottom; }
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=search]:focus,
  input[type=url]:focus,
  input[type=datetime]:focus,
  input[type=date]:focus,
  input[type=month]:focus,
  input[type=week]:focus,
  input[type=time]:focus,
  input[type=datetime-local]:focus,
  input[type=number]:focus,
  select:focus,
  textarea:focus {
    background-color: #eef4fb; }

input[type=radio],
input[type=checkbox] {
  margin: 0;
  vertical-align: -1px; }

input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  vertical-align: bottom; }

textarea {
  resize: vertical;
  vertical-align: bottom; }

em {
  font-style: italic; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

blockquote {
  background-color: #333;
  padding: 3em;
  position: relative; }

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  color: #999;
  position: absolute;
  left: 0;
  top: 0; }

::-moz-selection {
  background: #d4dcd6;
  /* Safari */ }

::selection {
  background: #d4dcd6;
  /* Safari */ }

::-moz-selection {
  background: #d4dcd6;
  /* Firefox */ }

/* clear */
.clear {
  clear: both !important; }

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

/*layout*/
/* =========================================================
　◆Wrap
========================================================= */
.ly_wrap {
  width: 100%;
  margin: auto;
  overflow: hidden; }

.contentsWrap_wide {
  margin: 0 auto;
  padding: 0 20px; }

.contentsWrap {
  max-width: 1100px;
  margin: 0 auto; }
  @media print, screen and (max-width: 1140px) {
    .contentsWrap {
      padding: 0 20px; } }

/* =========================================================
　◆2階層目キービジュアル
========================================================= */
.ly_keyvis {
  height: 340px;
  padding-top: 120px; }
  @media print, screen and (max-width: 768px) {
    .ly_keyvis {
      padding-top: 90px;
      padding-bottom: 30px;
      height: auto; } }
  .ly_keyvis h1 img {
    text-align: center;
    display: inline-block; }
  .ly_keyvis .ly_keyvis_lead {
    background-color: #fff;
    padding: 20px;
    font-weight: bold;
    color: #000510; }

/* =========================================================
　◆パンくずリスト
========================================================= */
.bl_breadcrumb {
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
  position: relative;
  padding-left: 3.5em; }
  .bl_breadcrumb a {
    display: inline-block; }
  .bl_breadcrumb span {
    display: inline-block; }
  .bl_breadcrumb .it_breadcrumb_home {
    width: 5.2em;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0; }
  .bl_breadcrumb .bl_breadcrumb_list {
    outline: none;
    overflow: hidden; }
    .bl_breadcrumb .bl_breadcrumb_list ol li {
      display: inline-block; }
      .bl_breadcrumb .bl_breadcrumb_list ol li span {
        padding: 0 20px 0 25px;
        position: relative; }
        .bl_breadcrumb .bl_breadcrumb_list ol li span:before {
          content: ">";
          font-weight: bold;
          margin: auto;
          position: absolute;
          top: 0px;
          left: 0; }
      .bl_breadcrumb .bl_breadcrumb_list ol li:last-child span {
        padding-right: 0; }

/* =========================================================
　◆メインコンテンツ
========================================================= */
.ly_BorderRadius10 {
  border-radius: 10px;
  overflow: hidden; }

.ly_BorderRadius20 {
  border-radius: 20px;
  overflow: hidden; }

.ly_BorderRadius30 {
  border-radius: 30px;
  overflow: hidden; }

/* =========================
　◆モーダル
============================ */
.modal {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9000;
  text-align: center; }
  .modal .inner {
    position: absolute;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 80vw; }

@-webkit-keyframes modal {
  0% {
    top: -100%; }
  100% {
    top: 50%; } }

@keyframes modal {
  0% {
    top: -100%; }
  100% {
    top: 50%; } }

@-webkit-keyframes modalClose {
  0% {
    top: 50%; }
  100% {
    top: 100%; } }

@keyframes modalClose {
  0% {
    top: 50%; }
  100% {
    top: 100%; } }

/* =========================================================
　◆pageTop
========================================================= */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  #pageTop a {
    display: block;
    z-index: 999;
    /* padding: 8px 0 0 8px; */
    border-radius: 60px;
    width: 70px;
    height: 70px;
    background-color: #000510;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }
    @media print, screen and (max-width: 768px) {
      #pageTop a {
        width: 50px;
        height: 50px; } }
    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7; }
  #pageTop span {
    position: absolute;
    top: 50%;
    right: 43%;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
    @media print, screen and (max-width: 768px) {
      #pageTop span {
        right: 42%; } }

.ly_header_wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1000;
  /* #top-head-------------------------------------------------- */
  /* #top-head-------------------------------------------------- */ }
  .ly_header_wrapper #top-head {
    width: 100%;
    position: fixed;
    top: 0;
    padding-top: 13px;
    height: 60px;
    width: 100%;
    line-height: 1;
    z-index: 999;
    padding-bottom: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #000510; }
    .ly_header_wrapper #top-head a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    .ly_header_wrapper #top-head .ly_headerLogo {
      float: left;
      padding-left: 20px;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .ly_header_wrapper #top-head .ly_headerLogo:hover {
        opacity: 0.7; }
    .ly_header_wrapper #top-head .inner {
      margin: 0 auto; }
      .ly_header_wrapper #top-head .inner:after {
        content: "";
        clear: both;
        display: block; }
      .ly_header_wrapper #top-head .inner #global-nav {
        padding-right: 0px;
        position: absolute;
        top: -492px;
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out; }
        .ly_header_wrapper #top-head .inner #global-nav ul {
          float: none;
          position: static;
          right: 0;
          bottom: 0;
          font-size: 14px;
          padding-top: 0px; }
          .ly_header_wrapper #top-head .inner #global-nav ul li {
            float: none;
            position: static; }
            .ly_header_wrapper #top-head .inner #global-nav ul li a {
              width: 100%;
              display: block;
              color: #000510;
              padding: 18px 0;
              border-bottom: 1px #b5b5b5 solid; }
              .ly_header_wrapper #top-head .inner #global-nav ul li a:hover {
                border-bottom: 1px #b5b5b5 solid;
                background-color: #dedfea; }
              .ly_header_wrapper #top-head .inner #global-nav ul li a:active {
                color: #000510;
                text-decoration: none; }
    .ly_header_wrapper #top-head #mobile-head {
      width: 100%;
      z-index: 999;
      position: relative;
      /* ToggleButton*/ }
      .ly_header_wrapper #top-head #mobile-head #nav-toggle {
        position: absolute;
        right: 20px;
        width: 30px;
        height: 36px;
        cursor: pointer;
        z-index: 101;
        top: 3px; }
        .ly_header_wrapper #top-head #mobile-head #nav-toggle span {
          display: block;
          position: absolute;
          height: 3px;
          width: 100%;
          background: #fff;
          left: 0;
          -webkit-transition: .35s ease-in-out;
          -moz-transition: .35s ease-in-out;
          -o-transition: .35s ease-in-out;
          transition: .35s ease-in-out; }
          .ly_header_wrapper #top-head #mobile-head #nav-toggle span:nth-child(1) {
            top: 0; }
          .ly_header_wrapper #top-head #mobile-head #nav-toggle span:nth-child(2) {
            top: 11px;
            width: 90%; }
          .ly_header_wrapper #top-head #mobile-head #nav-toggle span:nth-child(3) {
            top: 22px;
            width: 80%; }
  .ly_header_wrapper #top-head.toggle #mobile-head #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg); }
  .ly_header_wrapper #top-head.toggle #mobile-head #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%; }
  .ly_header_wrapper #top-head.toggle #mobile-head #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    -ms-transform: rotate(-315deg);
    transform: rotate(-315deg);
    width: 100%; }
  .ly_header_wrapper #top-head.toggle #global-nav {
    -moz-transform: translateY(560px);
    -webkit-transform: translateY(560px);
    -ms-transform: translateY(560px);
    transform: translateY(560px); }

footer {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6dbfd3+0,9f8be8+100 */
  background: #6dbfd3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6dbfd3 0%, #9f8be8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6dbfd3 0%, #9f8be8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#6dbfd3), to(#9f8be8));
  background: -o-linear-gradient(top, #6dbfd3 0%, #9f8be8 100%);
  background: linear-gradient(to bottom, #6dbfd3 0%, #9f8be8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dbfd3', endColorstr='#9f8be8',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  font-size: 90%;
  line-height: 200%; }
  @media print, screen and (max-width: 768px) {
    footer {
      font-size: 100%;
      line-height: 100%; } }
  footer .el_footerList li {
    margin-bottom: 20px; }

/* =========================================================
  ◆ヘルパー
  ========================================================= */
/* マージン */
.hp_mgn0 {
  margin: 0 !important; }

.hp_mgnSS {
  margin: 15px 0 !important; }

.hp_mgnS {
  margin: 30px 0 !important; }

.hp_mgnM {
  margin: 48px 0 !important; }

.hp_mgnL {
  margin: 72px 0 !important; }

.hp_mgnLL {
  margin: 100px 0 !important; }

.hp_mgnTop0 {
  margin-top: 0 !important; }

.hp_mgnTopSS {
  margin-top: 15px !important; }

.hp_mgnTopS {
  margin-top: 30px !important; }

.hp_mgnTopM {
  margin-top: 48px !important; }

.hp_mgnTopL {
  margin-top: 72px !important; }

.hp_mgnTopLL {
  margin-top: 100px !important; }

.hp_mgnBtm0 {
  margin-bottom: 0 !important; }

.hp_mgnBtmSS {
  margin-bottom: 15px !important; }

.hp_mgnBtmSSS {
  margin-bottom: 5px !important; }

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

.hp_mgnBtmM {
  margin-bottom: 48px !important; }

.hp_mgnBtmL {
  margin-bottom: 72px !important; }

.hp_mgnBtmLL {
  margin-bottom: 100px !important; }

.hp_mgnAutoR {
  margin: 0 auto 0 0 !important; }

.hp_mgnAutoL {
  margin: 0 0 0 auto !important; }

.hp_mgnAuto0 {
  margin: 0 auto !important; }

/* パディング */
.hp_pdg0 {
  padding: 0 !important; }

.hp_pdgSS {
  padding: 15px 0 !important; }

.hp_pdgS {
  padding: 30px 0 !important; }

.hp_pdgM {
  padding: 48px 0 !important; }

.hp_pdgL {
  padding: 72px 0 !important; }

.hp_pdgLL {
  padding: 100px 0 !important; }

.hp_pdgTop0 {
  padding-top: 0 !important; }

.hp_pdgTopSS {
  padding-top: 15px !important; }

.hp_pdgTopS {
  padding-top: 30px !important; }

.hp_pdgTopM {
  padding-top: 48px !important; }

.hp_pdgTopL {
  padding-top: 72px !important; }

.hp_pdgTopLL {
  padding-top: 100px !important; }

.hp_pdgBtm0 {
  padding-bottom: 0 !important; }

.hp_pdgBtmSS {
  padding-bottom: 15px !important; }

.hp_pdgBtmS {
  padding-bottom: 30px !important; }

.hp_pdgBtmM {
  padding-bottom: 48px !important; }

.hp_pdgBtmL {
  padding-bottom: 72px !important; }

.hp_pdgBtmLL {
  padding-bottom: 100px !important; }

.hp_pdgAutoR {
  padding: 0 auto 0 0 !important; }

.hp_pdgAutoL {
  padding: 0 0 0 auto !important; }

.hp_pdgAuto0 {
  padding: 0 auto !important; }

@media print, screen and (max-width: 768px) {
  .hp_mgnSS {
    margin: responsiveFont(15, 768) 0 !important; }
  .hp_mgnS {
    margin: responsiveFont(30, 768) 0 !important; }
  .hp_mgnM {
    margin: responsiveFont(48, 768) 0 !important; }
  .hp_mgnL {
    margin: responsiveFont(72, 768) 0 !important; }
  .hp_mgnLL {
    margin: responsiveFont(100, 768) 0 !important; }
  .hp_mgnTopSS {
    margin-top: responsiveFont(15, 768) !important; }
  .hp_mgnTopS {
    margin-top: responsiveFont(30, 768) !important; }
  .hp_mgnTopM {
    margin-top: responsiveFont(48, 768) !important; }
  .hp_mgnTopL {
    margin-top: responsiveFont(72, 768) !important; }
  .hp_mgnTopLL {
    margin-top: responsiveFont(100, 768) !important; }
  .hp_mgnBtmSS {
    margin-bottom: responsiveFont(15, 768) !important; }
  .hp_mgnBtmSS {
    margin-bottom: responsiveFont(5, 768) !important; }
  .hp_mgnBtmS {
    margin-bottom: responsiveFont(30, 768) !important; }
  .hp_mgnBtmM {
    margin-bottom: responsiveFont(48, 768) !important; }
  .hp_mgnBtmL {
    margin-bottom: responsiveFont(72, 768) !important; }
  .hp_mgnBtmLL {
    margin-bottom: responsiveFont(100, 768) !important; } }

@media print, screen and (max-width: 768px) {
  .hp_pdgSS {
    padding: responsiveFont(15, 768) 0 !important; }
  .hp_pdgS {
    padding: responsiveFont(30, 768) 0 !important; }
  .hp_pdgM {
    padding: responsiveFont(48, 768) 0 !important; }
  .hp_pdgL {
    padding: responsiveFont(72, 768) 0 !important; }
  .hp_pdgLL {
    padding: responsiveFont(100, 768) 0 !important; }
  .hp_pdgTopSS {
    padding-top: responsiveFont(15, 768) !important; }
  .hp_pdgTopS {
    padding-top: responsiveFont(30, 768) !important; }
  .hp_pdgTopM {
    padding-top: responsiveFont(48, 768) !important; }
  .hp_pdgTopL {
    padding-top: responsiveFont(72, 768) !important; }
  .hp_pdgTopLL {
    padding-top: responsiveFont(100, 768) !important; }
  .hp_pdgBtmSS {
    padding-bottom: responsiveFont(15, 768) !important; }
  .hp_pdgBtmS {
    padding-bottom: responsiveFont(30, 768) !important; }
  .hp_pdgBtmM {
    padding-bottom: responsiveFont(48, 768) !important; }
  .hp_pdgBtmL {
    padding-bottom: responsiveFont(72, 768) !important; }
  .hp_pdgBtmLL {
    padding-bottom: responsiveFont(100, 768) !important; } }

/* 背景色 */
.hp_boxBgGray {
  padding: 40px 24px;
  background: #f0f2f3; }

/* デバイス表示切り替え */
.hp_tbBlock, .hp_tbInline, .hp_spBlock, .hp_spInline {
  display: none !important; }

.hp_pcBlock {
  display: block !important; }

.hp_pcInline {
  display: inline-block !important; }

@media screen and (max-width: 1007px) {
  .hp_pcBlock, .hp_pcInline {
    display: none !important; } }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .hp_tbBlock {
    display: block !important; }
  .hp_tbInline {
    display: inline-block !important; } }

@media screen and (max-width: 647px) {
  .hp_spBlock {
    display: block !important; }
  .hp_spInline {
    display: inline-block !important; } }

/* Edge */
_:-ms-lang(x), .el_category {
  padding: 3px 10px 1px 10px; }

/* IE10+ */
@media all and (-ms-high-contrast: none) {
  .el_category {
    padding: 3px 10px 1px 10px; } }

/* IE10- */
.el_category {
  padding-top: 3px\9;
  padding-left: 10px\9;
  padding-bottom: 1px\9;
  padding-right: 10px\9; }

/* Safari */
_::-webkit-full-page-media, _:future, :root .el_category {
  padding: 3px 10px 1px 10px; }

/* Firefox */
@-moz-document url-prefix() {
  .el_category {
    padding: 3px 10px 1px 10px; } }

/* 改行 */
.hp_sp_appear {
  display: none; }
  @media print, screen and (max-width: 768px) {
    .hp_sp_appear {
      display: block; } }

.hp_sp_disappear {
  display: block; }
  @media print, screen and (max-width: 768px) {
    .hp_sp_disappear {
      display: none; } }

/* hover */
a img {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

a img:hover {
  opacity: 0.7; }

/*elements*/
/* =========================================================
  ◆見出し
========================================================= */
.el_ttlLv1 {
  font-size: 65px;
  font-weight: bold;
  color: #000510;
  font-size: 35px; }
  @media (min-width: 768px) {
    .el_ttlLv1 {
      font-size: calc( 1.94444rem + ( 1vw - 7.68px ) * 8.06452); } }
  @media (min-width: 1140px) {
    .el_ttlLv1 {
      font-size: 65px; } }
  @media print, screen and (max-width: 768px) {
    .el_ttlLv1 {
      font-size: 35px; } }

.el_ttlLv2 {
  font-size: 40px;
  font-weight: bold;
  color: #000510;
  position: relative;
  display: inline-block;
  z-index: 0;
  font-size: 30px; }
  @media (min-width: 768px) {
    .el_ttlLv2 {
      font-size: calc( 1.66667rem + ( 1vw - 7.68px ) * 2.68817); } }
  @media (min-width: 1140px) {
    .el_ttlLv2 {
      font-size: 40px; } }
  @media print, screen and (max-width: 768px) {
    .el_ttlLv2 {
      font-size: 25px; } }
  .el_ttlLv2 span {
    background-repeat: repeat-x;
    background-position: bottom; }

.el_ttlLv3 {
  font-size: 30px;
  font-weight: bold;
  color: #000510;
  position: relative;
  display: inline-block;
  z-index: 0;
  font-size: 26px; }
  @media (min-width: 768px) {
    .el_ttlLv3 {
      font-size: calc( 1.44444rem + ( 1vw - 7.68px ) * 1.07527); } }
  @media (min-width: 1140px) {
    .el_ttlLv3 {
      font-size: 30px; } }
  @media print, screen and (max-width: 768px) {
    .el_ttlLv3 {
      font-size: 20px; } }
  .el_ttlLv3 span {
    background-repeat: repeat-x;
    background-position: bottom; }

.el_ttlLv3_type2 {
  font-size: 24px;
  font-weight: bold;
  color: #000510;
  position: relative;
  display: inline-block;
  z-index: 0;
  font-size: 20px; }
  @media (min-width: 768px) {
    .el_ttlLv3_type2 {
      font-size: calc( 1.11111rem + ( 1vw - 7.68px ) * 1.07527); } }
  @media (min-width: 1140px) {
    .el_ttlLv3_type2 {
      font-size: 24px; } }
  @media print, screen and (max-width: 768px) {
    .el_ttlLv3_type2 {
      font-size: 18px; } }
  .el_ttlLv3_type2 span {
    background-repeat: repeat-x;
    background-position: bottom; }

.el_ttlLv3_type3 {
  font-size: 24px; }

.el_ttlLv3_type4 {
  display: inline;
  position: relative; }
  .el_ttlLv3_type4 span {
    background-repeat: repeat-x;
    background-position: bottom; }

.el_ttlLv4, .el_listBlock dl.el_dlList dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #000510;
  margin-bottom: calc(24px - (((1.6rem * 2) - 1.6rem) / 2)); }

/* =========================================================
  ◆テキスト パーツ
========================================================= */
.el_txtLead {
  color: #000510;
  line-height: 1.5;
  max-width: 770px;
  display: inline-block; }

/* 文字位置 */
.hp_txtAlnL {
  text-align: left !important; }

.hp_txtAlnR {
  text-align: right !important; }

.hp_txtAlnC {
  text-align: center !important; }

/* 文字装飾 */
.hp_txtBold {
  font-weight: bold !important; }

/* 文字サイズ */
.hp_txtS {
  font-size: 85% !important; }

.hp_txtSS {
  font-size: 60% !important; }

/* =========================================================
  ◆カラムブロック
========================================================= */
.el_colUnitArea {
  /*el_colHalf逆フロート*/
  /*el_colHalf逆フロート*/ }
  .el_colUnitArea::after {
    content: "";
    clear: both;
    display: block; }
  .el_colUnitArea > [class*="el_col"]:not(.el_colOne) {
    float: left;
    margin-left: 24px;
    word-wrap: break-word; }
    .el_colUnitArea > [class*="el_col"]:not(.el_colOne):first-child {
      margin: 0; }
  .el_colUnitArea .el_colOne {
    width: 100%; }
  .el_colUnitArea .el_colHalf {
    width: calc(50% - 12px); }
  .el_colUnitArea .el_colHalfFloatR {
    width: calc(50% - 12px);
    float: right !important;
    margin-right: 24px !important;
    margin-left: 0px !important; }
    .el_colUnitArea .el_colHalfFloatR:first-child {
      margin: 0 !important; }
  .el_colUnitArea .el_colThird_one {
    width: calc(33.3333% - 16px); }
  .el_colUnitArea .el_colThird_two {
    width: calc(66.6666% - 8px); }
  .el_colUnitArea .el_colThird_oneFloatR {
    width: calc(33.3333% - 16px);
    float: right !important;
    margin-right: 24px !important;
    margin-left: 0px !important; }
    .el_colUnitArea .el_colThird_oneFloatR:first-child {
      margin: 0 !important; }
  .el_colUnitArea .el_colThird_twoFloatR {
    width: calc(66.6666% - 8px);
    float: right !important;
    margin-right: 24px !important;
    margin-left: 0px !important; }
    .el_colUnitArea .el_colThird_twoFloatR:first-child {
      margin: 0 !important; }
  .el_colUnitArea .el_colQuarter_one {
    width: calc(25% - 18px); }
  .el_colUnitArea .el_colQuarter_two {
    width: calc(50% - 12px); }
  .el_colUnitArea .el_colQuarter_three {
    width: calc(75% - 6px); }

@media print, screen and (max-width: 1140px) and (min-width: 768) {
  .el_colUnitArea:not(.el_colWidthFixed) > [class*="el_col"]:not(.el_colOne) {
    width: calc(50% - 12px);
    margin-top: 24px; }
    .el_colUnitArea:not(.el_colWidthFixed) > [class*="el_col"]:not(.el_colOne):nth-child(-n+2) {
      margin-top: 0; }
    .el_colUnitArea:not(.el_colWidthFixed) > [class*="el_col"]:not(.el_colOne):nth-child(odd) {
      margin-left: 0; }
  .el_colUnitArea.el_colSeparate > [class*="el_col"]:not(.el_colOne):nth-child(-n+2) {
    margin-top: 0; } }

@media print, screen and (max-width: 1140px) {
  .el_colUnitArea.el_colSeparate > [class*="el_col"]:not(.el_colOne) {
    margin-top: 72px; } }

@media print, screen and (max-width: 768px) {
  .el_colUnitArea {
    margin: 0 0 6.4%; }
    .el_colUnitArea > [class*="el_col"]:not(.el_colOne) {
      width: 100%;
      float: none;
      margin: 6.4% 0 0 !important; }
    .el_colUnitArea img {
      margin: 0 auto; }
  .el_colUnitArea.el_colSeparate > [class*="el_col"]:not(.el_colOne):first-child {
    margin: 0; } }

/* =========================================================
  ◆ロゴ＋テキスト＋画像　カラムボックス
========================================================= */
.el_logoColBox {
  width: 100%; }

.el_logoColBox .el_txtBlock {
  font-size: 16px;
  line-height: 2; }

.el_logoColBox .el_txtBlock dl dt {
  margin-bottom: 20px; }

.el_logoColBox .el_txtBlock dl dt img {
  display: inline-block;
  vertical-align: text-top; }

.el_logoColBox .el_txtBlock dl dt .el_logoRuby {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.5px; }

.el_logoColBox .el_txtBlock dl dd {
  color: #5a646e; }

.el_logoColBox[class*="el_col2_"]::after {
  content: "";
  clear: both;
  display: block; }

.el_logoColBox[class*="el_col2_"] .el_txtBlock {
  float: left; }

.el_logoColBox[class*="el_col2_"] .el_imgBlock {
  float: right; }

.el_logoColBox.el_col2_half .el_txtBlock {
  width: 48.5%; }

.el_logoColBox.el_col2_half .el_imgBlock {
  width: 47.75%; }

.el_logoColBox.el_col2_third .el_txtBlock {
  width: 65.625%; }

.el_logoColBox.el_col2_third .el_imgBlock {
  width: 31.875%; }

.el_logoColBox.el_col2_quarter .el_txtBlock {
  width: 75%; }

.el_logoColBox.el_col2_quarter .el_imgBlock {
  width: 22.75%; }

@media screen and (max-width: 647px) {
  .el_logoColBox .el_txtBlock dl dt img, .el_logoColBox .el_txtBlock dl dt .el_logoRuby {
    display: block; }
  .el_logoColBox .el_txtBlock dl dt .el_logoRuby {
    margin-top: 3px; }
  .el_logoColBox[class*="el_col2_"] .el_txtBlock, .el_logoColBox[class*="el_col2_"] .el_imgBlock {
    float: none; }
  .el_logoColBox[class*="el_col2_"] .el_imgBlock {
    margin-top: 20px; }
  .el_logoColBox[class*="el_col2_"] .el_imgBlock img {
    margin: auto; }
  .el_logoColBox.el_col2_half .el_txtBlock, .el_logoColBox.el_col2_half .el_imgBlock, .el_logoColBox.el_col2_third .el_txtBlock, .el_logoColBox.el_col2_third .el_imgBlock, .el_logoColBox.el_col2_quarter .el_txtBlock, .el_logoColBox.el_col2_quarter .el_imgBlock {
    width: 100%; } }

/* =========================================================
  ◆パネル型 4カラム
========================================================= */
/* 3カラム・4カラム共通スタイル */
.el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock, .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
  background: #f0f2f3; }

.el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:empty, .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock:empty {
  background: transparent; }

.el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock, .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
  border-right: 1px solid #dce6f0;
  border-top: 1px solid #dce6f0; }

@media screen and (min-width: 1008px) {
  .el_panelUnit {
    display: table; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner {
    display: table-row; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock {
    display: table-cell; }
  .el_panelUnit.el_col3_type1, .el_panelUnit.el_col4_type1 {
    margin: -24px;
    border-spacing: 24px; }
  .el_panelUnit.el_col3_type2, .el_panelUnit.el_col4_type2 {
    border-collapse: collapse; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner:first-child .el_panelBlock, .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock {
    border-top: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:last-child, .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:last-child {
    border-right: none; } }

@media screen and (max-width: 1007px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

/* 4カラム */
.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt {
  color: #323c46;
  text-align: center; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
  margin: 0 auto; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
  font-size: 12px;
  line-height: 1.8;
  color: #5a646e; }

@media screen and (min-width: 648px) {
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock {
    width: 200px; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-top: 6px; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 20px; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 30px 10px; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 30px 25px; } }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_panelUnit.el_col4_type1 {
    margin: -12px; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
    width: calc(50% - 24px);
    margin: 12px; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock:nth-child(-n+2) {
    border-top: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    border-right: none; } }

@media screen and (max-width: 647px) {
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-top: 3%; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 15%; }
  .el_panelUnit.el_col4_type1 {
    margin: -1.5%; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
    width: 47%;
    margin: 1.5%; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 20% 8%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock:nth-child(-n+2) {
    border-top: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    border-right: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 18% 7%; } }

/* 3カラム */
.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt {
  font-size: 16px;
  line-height: 1.5;
  color: #323c46; }

.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
  font-size: 12px;
  font-weight: bold;
  display: block; }

.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
  font-size: 14px;
  line-height: 2;
  color: #5a646e; }

@media screen and (min-width: 648px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock {
    width: 266.66667px; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-bottom: 10px; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 22px; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 37px 25px 27px; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 36px 23px 25px; } }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock {
    width: calc(50% - 12px);
    margin: 24px 24px 0 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    margin-right: 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:nth-child(-n+2) {
    margin-top: 0; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:nth-child(-n+2) {
    border-top: none; } }

@media screen and (max-width: 647px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-bottom: 3%; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
    margin-bottom: 1.8%; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 6.6%; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock {
    width: 100%;
    margin-bottom: 7%; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:last-child {
    margin-bottom: 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 11.4% 7.4% 8.2%; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock {
    width: 100%;
    border-right: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:first-child {
    border-top: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 11.6% 0; } }

/* =========================================================
  ◆ボックス-リスト
========================================================= */
.el_boxList {
  padding: 0 23px;
  background: #f0f2f3; }

.el_boxList dl dt {
  padding: 15px 0;
  border-bottom: 1px solid #dce6f0; }

.el_boxList dl dt a {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.65;
  color: #0b52a4;
  padding-right: 25px;
  display: inline-block;
  position: relative; }

.el_boxList dl dt a::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #0b52a4;
  border-right: 2px solid #0b52a4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0; }

.el_boxList dl dt span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8;
  margin-top: 10px;
  float: right;
  display: block; }

.el_boxList dl dd {
  font-size: 14px;
  line-height: 2;
  color: #5a646e;
  padding: 20px 0 36px; }

.el_boxList dl dd::after {
  content: "";
  clear: both;
  display: block; }

@media screen and (min-width: 648px) {
  .el_boxList dl dd .el_txtBlock {
    width: calc(100% - 200px);
    float: left; }
  .el_boxList dl dd .el_imgBlock {
    width: 180px;
    margin-left: 20px;
    float: right; } }

@media screen and (max-width: 647px) {
  .el_boxList {
    padding: 0 7%; }
  .el_boxList dl dt {
    padding: 5.8% 0; }
  .el_boxList dl dt span {
    margin-top: 0;
    float: none; }
  .el_boxList dl dd {
    padding: 6.8% 0 11.2%; }
  .el_boxList dl dd .el_txtBlock, .el_boxList dl dd .el_imgBlock {
    width: 100%; }
  .el_boxList dl dd .el_imgBlock {
    margin-top: 9%; } }

/* =========================================================
  ◆ボックス-数字
========================================================= */
.el_boxValue .el_valueUnit_col2 {
  padding: 26px 0 33px;
  background: #f0f2f3;
  position: relative; }

.el_boxValue .el_valueUnit_col2::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #f0f2f3 transparent transparent transparent;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px; }

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

.el_boxValue .el_valueUnit_col2 .el_valueBlock {
  width: 50%;
  float: left;
  padding: 14px 0; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock:first-child {
  border-right: 1px solid #dce6f0; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon {
  width: 14%;
  max-width: 50px;
  margin-right: 10px;
  display: inline-block; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon > img {
  margin-left: auto; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul, .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
  max-width: 88%;
  display: inline-block;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dt .el_valueSubTtl {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.5;
  vertical-align: top; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd {
  font-size: 16px;
  color: #0b52a4;
  vertical-align: bottom; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd span {
  font: italic 70px / 1 "futura-pt", sans-serif;
  letter-spacing: 1px;
  margin-right: 5px; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul li {
  font-size: 16px;
  line-height: 2;
  color: #5a646e;
  padding-left: 16%;
  position: relative; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul li .el_valueIcon {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.el_boxValue .el_valueTxtBlock {
  font-size: 24px;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  padding: 37px 0;
  background: #0b52a4; }

@media screen and (max-width: 647px) {
  .el_boxValue .el_valueUnit_col2 {
    padding: 0 0 3.4%; }
  .el_boxValue .el_valueUnit_col2::before {
    border-width: 12px 12px 0 12px;
    bottom: -12px; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock {
    width: 100%;
    float: none;
    padding: 9% 0 3.4%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock:first-child {
    border-right: none;
    border-bottom: 1px solid #dce6f0; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon {
    vertical-align: bottom; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock ul, .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
    max-width: none;
    width: 88%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
    display: block; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd {
    padding-left: 14%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd span {
    font-size: 66px; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock ul li {
    padding-left: 19.5%; }
  .el_boxValue .el_valueTxtBlock {
    padding: 9.2% 8% 5.8%; } }

/* =========================================================
　2カラムメニュー
========================================================= */
.ly_2columnMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto; }
  .ly_2columnMenu .item {
    display: block;
    position: relative;
    margin-bottom: 20px;
    width: 50%;
    text-align: center; }

/* =========================================================
　3カラムメニュー
========================================================= */
.ly_3columnMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto; }
  .ly_3columnMenu .item {
    display: block;
    position: relative;
    margin-bottom: 20px;
    width: 32%;
    text-align: center; }

/* =========================================================
　5カラムメニュー
========================================================= */
.ly_5columnMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto; }
  .ly_5columnMenu .item {
    display: block;
    position: relative;
    margin-bottom: 20px;
    width: 20%;
    text-align: center; }
  @media print, screen and (max-width: 768px) {
    .ly_5columnMenu .item {
      width: 33.3%; } }

/* =========================================================
  ◆リンク
========================================================= */
.el_linkExternal::after {
  content: "";
  width: 14px;
  height: 17px;
  vertical-align: text-top;
  display: inline-block;
  background: url(../images/icon_external.png) 0 0/100% auto no-repeat; }

/* =========================================================
  ◆テキストリンク
========================================================= */
a.el_txtLink, a.el_txtLink_arrow {
  color: #000510;
  display: inline-block; }
  a.el_txtLink:hover, a.el_txtLink_arrow:hover {
    text-decoration: underline; }

a.el_txtLink_white {
  color: #fff;
  display: inline-block;
  text-decoration: none; }
  a.el_txtLink_white:hover {
    text-decoration: underline; }

a.el_txtLink_arrow {
  padding-right: 16px;
  position: relative; }

a.el_txtLink_arrow:before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #0b52a4;
  margin-top: -4px;
  border-right: 1px solid #0b52a4;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 3px; }

i.fa-window-restore {
  padding-bottom: 3px; }

/* =========================================================
  ◆ボタン
========================================================= */
/* ベーシック */
a.el_btn {
  font-size: 24px;
  line-height: 1.2;
  color: #000510;
  text-decoration: none;
  text-align: center;
  padding: 30px 100px;
  border-radius: 100px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  font-size: 18px; }
  @media (min-width: 768px) {
    a.el_btn {
      font-size: calc( 1rem + ( 1vw - 7.68px ) * 1.6129); } }
  @media (min-width: 1140px) {
    a.el_btn {
      font-size: 24px; } }
  a.el_btn:hover {
    color: #000510; }
    a.el_btn:hover::after {
      right: 10%; }
  a.el_btn::after {
    position: absolute;
    top: 50%;
    right: 15%;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 4px solid #000510;
    border-right: 4px solid #000510;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s; }

a.el_btn_fixed {
  display: block; }

a.el_btn_white {
  border: 2px #000510 solid;
  background: #e2e236;
  color: #000510;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  font-size: 16px; }
  @media print, screen and (max-width: 768px) {
    a.el_btn_white {
      font-size: 16px; } }

@media print, screen and (max-width: 768px) {
  a.el_btn, a.el_btn.el_btn_small, a.el_btn.el_btn_large {
    font-size: 16px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 90px;
    display: block; } }

/* リクエストボタン */
.el_btn_request {
  width: 100%; }

.el_btn_request a {
  height: 60px;
  font-size: 15px;
  font-weight: bold;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding-top: 2px;
  display: block;
  background: #23cdd2; }

.el_btn_request a::before {
  content: "";
  width: 27px;
  height: 24px;
  vertical-align: middle;
  margin: -2px 6px 0 0;
  display: inline-block;
  background: url(../images/icon_request_white.png) 0 0/100% auto no-repeat; }

.el_btn_request a:hover {
  background: #23dce1; }

.el_documentRequest_area {
  line-height: 1.5;
  color: #5a646e;
  padding: 37px 25px 42px 20px;
  border-top: 4px solid #23cdd2;
  border-bottom: 1px solid #23cdd2; }

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

.el_documentRequest_area dl {
  width: 57%;
  float: left; }

.el_documentRequest_area dl dt {
  font-size: 26px;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  letter-spacing: -0.3px;
  margin-bottom: 14px; }

.el_documentRequest_area dl dd {
  font-size: 16px; }

.el_documentRequest_area .el_btn_request {
  width: 40%;
  float: right;
  margin-top: 8px; }

@media screen and (max-width: 647px) {
  .el_documentRequest_area {
    padding: 11.4% 0 14.8%; }
  .el_documentRequest_area dl {
    width: 100%;
    float: none; }
  .el_documentRequest_area dl dt {
    margin-bottom: 4.8%; }
  .el_documentRequest_area .el_btn_request {
    width: 100%;
    float: none;
    margin-top: 9%; } }

.el_requestAreaSmall, .el_requestAreaSmall_type2 {
  padding: 20px 24px 20px 19px;
  border-left: 3px solid #23cdd2;
  background: #f0f2f3; }

.el_requestAreaSmall:after, .el_requestAreaSmall_type2:after {
  content: "";
  clear: both;
  display: block; }

.el_requestAreaSmall p, .el_requestAreaSmall_type2 p {
  width: calc(100% - 250px);
  font-size: 16px;
  line-height: 1.8;
  color: #5a646e;
  float: left;
  margin-top: 6px; }

.el_requestAreaSmall .el_btn_request, .el_requestAreaSmall_type2 .el_btn_request {
  width: 30%;
  min-width: 225px;
  float: right; }

.el_requestAreaSmall .el_btn_request > a, .el_requestAreaSmall_type2 .el_btn_request > a {
  height: 40px;
  line-height: 37px;
  font-size: 14px; }

.el_requestAreaSmall .el_btn_request > a::before, .el_requestAreaSmall_type2 .el_btn_request > a::before {
  width: 22px;
  height: 19px; }

@media screen and (max-width: 647px) {
  .el_requestAreaSmall, .el_requestAreaSmall_type2 {
    padding: 12% 7.3%;
    border-left: none;
    border-top: 3px solid #23cdd2; }
  .el_requestAreaSmall p, .el_requestAreaSmall_type2 p {
    width: 100%;
    float: none;
    margin: 0 0 10%; }
  .el_requestAreaSmall .el_btn_request, .el_requestAreaSmall_type2 .el_btn_request {
    width: 100%;
    float: none; }
  .el_requestAreaSmall .el_btn_request > a, .el_requestAreaSmall_type2 .el_btn_request > a {
    height: 60px;
    line-height: 60px;
    font-size: 16px; } }

.el_requestAreaSmall_type2 {
  padding: 20px 24px 20px 22px;
  background: #23cdd2; }

.el_requestAreaSmall_type2 p {
  color: #fff; }

.el_requestAreaSmall_type2 .el_btn_request a {
  color: #23cdd2;
  background: #fff; }

.el_requestAreaSmall_type2 .el_btn_request a::before {
  background-image: url(/assets/images/icon_request.png); }

@media screen and (max-width: 647px) {
  .el_requestAreaSmall_type2 {
    padding: 12% 7.3%;
    border-left: none;
    border-top: 3px solid #23cdd2; }
  .el_requestAreaSmall_type2 p {
    width: 100%;
    float: none;
    margin: 0 0 10%; }
  .el_requestAreaSmall_type2 .el_btn_request {
    width: 100%;
    float: none; }
  .el_requestAreaSmall_type2 .el_btn_request > a {
    height: 60px;
    line-height: 60px;
    font-size: 16px; } }

/* ダウンロードボタン */
.el_btn_download {
  width: 100%; }

.el_btn_download a {
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 16px 20px;
  border: 1px solid #0b52a4;
  display: inline-block;
  background: #0b52a4; }

.el_btn_download a::before {
  content: "";
  width: 17px;
  height: 20px;
  vertical-align: middle;
  margin: -5px 10px 0 0;
  display: inline-block;
  background: url(../images/icon_download_white.png) 0 0/100% auto no-repeat; }

.el_btn_download a:hover {
  color: #0b52a4;
  background: #fff; }

.el_btn_download a:hover::before {
  background-image: url(../images/icon_download.png); }

@media screen and (max-width: 647px) {
  .el_btn_download a {
    font-weight: bold;
    text-align: left;
    padding: 3% 3% 3% 12%;
    border-color: #0f82be;
    border-radius: 3px;
    background: #0f82be;
    display: block;
    position: relative; }
  .el_btn_download a::before {
    margin-top: -3px;
    position: absolute;
    top: 50%;
    left: 4%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); } }

/* =========================================================
  ◆リスト
========================================================= */
/* テキストリスト */
.el_listBlock {
  line-height: 2;
  letter-spacing: 0.5px; }

.el_listBlock ul, .el_listBlock ol {
  list-style: none; }

.el_listBlock ul li, .el_listBlock ol li {
  word-wrap: break-word;
  position: relative; }

.el_listBlock ul li:first-child, .el_listBlock ol li:first-child {
  margin-top: 0; }

.el_listBlock ul li > ul, .el_listBlock ul li > ol, .el_listBlock ol li > ul, .el_listBlock ol li > ol {
  margin-top: 17px; }

.el_listBlock ul.el_ulList_discSmall li {
  padding-left: 1.2em;
  position: relative; }

.el_listBlock ul.el_ulList_discSmall li:before {
  content: "・";
  width: 1em;
  position: absolute;
  top: 0;
  left: 0; }

.el_listBlock ul.el_ulList_discBlue li {
  padding-left: 36px; }

.el_listBlock ul.el_ulList_discBlue li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2e5e7c;
  position: absolute;
  top: 12px;
  left: 0; }

.el_listBlock ol.el_olList_type1 {
  counter-reset: section; }

.el_listBlock ol.el_olList_type1 li {
  padding-left: 36px; }

.el_listBlock ol.el_olList_type1 li:before {
  counter-increment: section;
  content: counters(section, "-") ".";
  font-weight: bold;
  position: absolute;
  left: 0; }

.el_listBlock ol.el_olList_type1 li > ol {
  counter-reset: section; }

.el_listBlock ol.el_olList_type1 li > ol li {
  padding-left: 60px; }

.el_listBlock dl.el_dlList dt {
  margin-top: calc(48px - (((1.6rem * 2) - 1.6rem) / 2)); }

.el_listBlock dl.el_dlList dt:first-child {
  margin-top: 0; }

/* アコーディオンリスト */
.el_accordionList_type1 dl {
  border-top: 3px solid #dce6f0;
  border-bottom: 1px solid #dce6f0; }

.el_accordionList_type1 dl dt {
  font-size: 16px;
  line-height: 1.35;
  color: #0b52a4;
  padding: 23px 35px 20px 13px;
  border-top: 1px solid #dce6f0;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.el_accordionList_type1 dl dt::after {
  content: "";
  width: 17px;
  height: 17px;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  background: url(../images/icon_accordion_open.png) 0 0/100% auto no-repeat; }

.el_accordionList_type1 dl dt:first-child {
  border-top: none; }

.el_accordionList_type1 dl dt:hover {
  background: #f0f2f3; }

.el_accordionList_type1 dl dt.is_accordion_open::after {
  background-image: url(../images/icon_accordion_close.png); }

.el_accordionList_type1 dl dd {
  font-size: 16px;
  line-height: 2;
  color: #5a646e;
  padding: 15px 10px 37px;
  display: none; }

.el_accordionList_type1 dl dd p {
  margin-top: 1.5em; }

.el_accordionList_type1 dl dd p:first-child {
  margin-top: 0; }

@media screen and (max-width: 647px) {
  .el_accordionList_type1 dl dt {
    padding: 7% 10% 5.6% 4%; }
  .el_accordionList_type1 dl dt::after {
    right: 3%; }
  .el_accordionList_type1 dl dd {
    padding: 5% 3.5% 11.5%; } }

/* アンカーリスト */
[class^="el_anchorList_type"] ul li a, [class^="el_anchorList_type"] label {
  font-size: 16px;
  line-height: 1.8;
  color: #0b52a4;
  text-decoration: none; }

[class^="el_anchorList_type"] label, [class^="el_anchorList_type"] select {
  display: none; }

/* アンカーリスト-type1 */
.el_anchorList_type1 {
  padding: 0 12px 12px;
  border: 1px solid #dce6f0; }

.el_anchorList_type1 ul {
  font-size: 0;
  margin-right: -34px; }

.el_anchorList_type1 ul li {
  margin: 15px 34px 0 0;
  display: inline-block; }

.el_anchorList_type1 ul li a::after {
  content: "↓";
  margin-left: 10px;
  display: inline-block; }

.el_anchorList_type1 ul li a:hover {
  border-bottom: 1px solid #0b52a4; }

/* アンカーリスト-type2 */
.el_anchorList_type2 ul li {
  border-top: 1px solid #dce6f0; }

.el_anchorList_type2 ul li:last-child {
  border-bottom: 1px solid #dce6f0; }

.el_anchorList_type2 ul li a {
  padding: 23px 35px 20px 13px;
  display: block;
  position: relative; }

.el_anchorList_type2 ul li a::after {
  content: "↓";
  margin-left: 5px;
  position: absolute;
  right: 15px; }

.el_anchorList_type2 ul li a:hover {
  background: #f0f2f3; }

/* アンカー */
a.el_anchorUp::after {
  content: "↑";
  margin-left: 10px;
  display: inline-block; }

a.el_anchorDown::after {
  content: "↓";
  margin-left: 10px;
  display: inline-block; }

@media screen and (max-width: 647px) {
  /* アンカーリスト */
  [class^="el_anchorList_type"] {
    position: relative; }
  [class^="el_anchorList_type"] ul {
    display: none; }
  [class^="el_anchorList_type"] label, [class^="el_anchorList_type"] select {
    display: block; }
  [class^="el_anchorList_type"] label {
    padding: 3% 10% 3% 5%;
    pointer-events: none;
    position: relative;
    z-index: 10;
    background: #fff; }
  [class^="el_anchorList_type"] label::after {
    content: "↓";
    height: 16px;
    line-height: 1;
    margin: auto;
    position: absolute;
    right: 3%;
    top: 0;
    bottom: 0; }
  [class^="el_anchorList_type"] select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
  .el_anchorList_type1 {
    padding: 0; }
  .el_anchorList_type2 {
    border: 1px solid #dce6f0; } }

.el_serviceList_area {
  padding: 42px 24px 44px;
  background: #f0f2f3; }

.el_serviceList_area dl dt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.65;
  color: #323c46;
  margin-bottom: 18px; }

.el_serviceList_area dl dd {
  margin-bottom: 11px; }

.el_serviceList_area dl dd:last-child {
  margin-bottom: 0; }

.el_serviceList_area dl dd a {
  font-size: 14px;
  color: #0b52a4;
  text-decoration: none; }

@media screen and (max-width: 647px) {
  .el_serviceList_area {
    padding: 13.2% 7%; }
  .el_serviceList_area dl dt {
    margin-bottom: 6.2%; }
  .el_serviceList_area dl dd {
    margin-bottom: 3.6%; } }

/* =========================================================
  ◆モーダルウィンドウ
========================================================= */
body.is_colorbox_open {
  overflow: hidden; }

.el_modalBlock_wrap {
  display: none; }

.el_modalBlock_area {
  width: 850px;
  position: relative; }

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

.el_modalBlock_area .el_imgBlock {
  width: 31%;
  float: left; }

.el_modalBlock_area .el_headBlock {
  width: 66%;
  float: right; }

.el_modalBlock_area .el_headBlock .it_subTxt {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: calc(18px - (((1.6rem * 1.4) - 1.6rem) / 2)); }

.el_modalBlock_area .el_headBlock .el_modalTtl_level1 {
  font-size: 28px;
  color: #001e3c; }

.el_modalBlock_area .el_headBlock .el_modalTtl_level1 span {
  font-size: 16px;
  color: #5a646e; }

.el_modalBlock_area .el_bodyBlock {
  width: 66%;
  height: 450px;
  float: right;
  margin-top: calc(56px - (((1.6rem * 2) - 1.6rem) / 2));
  overflow: hidden;
  position: relative; }

.el_modalBlock_area .el_bodyBlock .jspHorizontalBar .jspTrack > .jspDrag {
  background: #fff !important; }

.el_modalBlock_area .el_bodyBlock .jspContainer .jspPane {
  overflow-x: hidden;
  left: 0 !important; }

.el_modalBlock_area .el_bodyBlock .el_txtBlock {
  font-size: 16px;
  line-height: 2;
  color: #5a646e;
  padding-right: 30px; }

.el_modalBlock_area .el_bodyBlock .el_txtBlock .el_modalTtl_level2 {
  font-weight: bold; }

.el_modalBlock_area .el_bodyBlock .el_txtBlock p {
  margin-bottom: calc(43px - (((1.6rem * 2) - 1.6rem) / 2)); }

.el_modalBlock_area .el_bodyBlock .el_txtBlock p:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_modalBlock_area {
    width: 90%;
    margin: 0 auto; } }

@media screen and (max-width: 647px) {
  .el_modalBlock_area {
    width: 87.2%;
    max-width: 540px;
    padding: 0;
    margin: 7% auto;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .el_modalBlock_area .el_imgBlock {
    width: 33%;
    float: none;
    margin-right: 4%; }
  .el_modalBlock_area .el_headBlock {
    width: 63%;
    float: none; }
  .el_modalBlock_area .el_headBlock .el_modalTtl_level1 span {
    display: block; }
  .el_modalBlock_area .el_bodyBlock {
    width: 100%;
    height: auto;
    float: none;
    margin-top: calc(42px - (((1.6rem * 2) - 1.6rem) / 2));
    padding-right: 0;
    clear: both;
    overflow: auto !important; }
  .el_modalBlock_area .el_bodyBlock .el_txtBlock {
    padding-right: 0; } }

/* =========================================================
  ◆タブ
========================================================= */
.el_tab_area .el_tabMenu {
  position: relative;
  bottom: -1px; }

.el_tab_area .el_tabMenu ul {
  display: table; }

.el_tab_area .el_tabMenu ul li {
  font-size: 14px;
  line-height: 2;
  color: #0b52a4;
  text-align: center;
  vertical-align: middle;
  padding: 5px 12px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #fff #dce6f0;
  display: table-cell;
  background: #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.el_tab_area .el_tabMenu ul li:hover {
  background: #f0f2f3;
  cursor: pointer; }

.el_tab_area .el_tabMenu ul li.is_tabActive {
  font-weight: bold;
  color: #323c46;
  border-color: #dce6f0 #dce6f0 #fff;
  background: #fff;
  cursor: default; }

.el_tab_area .el_tabCont {
  padding: 40px 0 50px;
  border-top: 1px solid #dce6f0;
  border-bottom: 1px solid #dce6f0; }

.el_tab_area .el_tabCont .el_tabBox {
  display: none; }

.el_tab_area .el_tabCont .el_tabBox.is_tabActive {
  display: block; }

.el_tab_area .el_tabCont .el_tabBox .el_txtBlock {
  font-size: 16px;
  line-height: 2;
  color: #5a646e; }

.el_tab_area .el_tabCont .el_tabBox .el_txtBlock p {
  margin-top: 1.5em; }

.el_tab_area .el_tabCont .el_tabBox .el_txtBlock p:first-child {
  margin-top: 0; }

@media screen and (max-width: 1007px) {
  .el_tab_area .el_tabMenu {
    overflow-x: auto; }
  .el_tab_area .el_tabMenu ul {
    width: auto; }
  .el_tab_area .el_tabMenu ul li {
    white-space: nowrap; } }

@media screen and (max-width: 647px) {
  .el_tab_area .el_tabMenu ul li {
    font-size: 16px;
    padding: 2.2% 3.2% 1.5%; }
  .el_tab_area .el_tabCont {
    padding: 12.4% 0 11.2%; } }

/* =========================================================
  ◆ロゴ＋テキスト＋画像　カラムボックス
========================================================= */
.el_logoColBox {
  width: 100%; }

.el_logoColBox .el_txtBlock {
  font-size: 16px;
  line-height: 2; }

.el_logoColBox .el_txtBlock dl dt {
  margin-bottom: 20px; }

.el_logoColBox .el_txtBlock dl dt img {
  display: inline-block;
  vertical-align: text-top; }

.el_logoColBox .el_txtBlock dl dt .el_logoRuby {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.5px; }

.el_logoColBox .el_txtBlock dl dd {
  color: #5a646e; }

.el_logoColBox[class*="el_col2_"]::after {
  content: "";
  clear: both;
  display: block; }

.el_logoColBox[class*="el_col2_"] .el_txtBlock {
  float: left; }

.el_logoColBox[class*="el_col2_"] .el_imgBlock {
  float: right; }

.el_logoColBox.el_col2_half .el_txtBlock {
  width: 48.5%; }

.el_logoColBox.el_col2_half .el_imgBlock {
  width: 47.75%; }

.el_logoColBox.el_col2_third .el_txtBlock {
  width: 65.625%; }

.el_logoColBox.el_col2_third .el_imgBlock {
  width: 31.875%; }

.el_logoColBox.el_col2_quarter .el_txtBlock {
  width: 75%; }

.el_logoColBox.el_col2_quarter .el_imgBlock {
  width: 22.75%; }

@media screen and (max-width: 647px) {
  .el_logoColBox .el_txtBlock dl dt img, .el_logoColBox .el_txtBlock dl dt .el_logoRuby {
    display: block; }
  .el_logoColBox .el_txtBlock dl dt .el_logoRuby {
    margin-top: 3px; }
  .el_logoColBox[class*="el_col2_"] .el_txtBlock, .el_logoColBox[class*="el_col2_"] .el_imgBlock {
    float: none; }
  .el_logoColBox[class*="el_col2_"] .el_imgBlock {
    margin-top: 20px; }
  .el_logoColBox[class*="el_col2_"] .el_imgBlock img {
    margin: auto; }
  .el_logoColBox.el_col2_half .el_txtBlock, .el_logoColBox.el_col2_half .el_imgBlock, .el_logoColBox.el_col2_third .el_txtBlock, .el_logoColBox.el_col2_third .el_imgBlock, .el_logoColBox.el_col2_quarter .el_txtBlock, .el_logoColBox.el_col2_quarter .el_imgBlock {
    width: 100%; } }

/* =========================================================
  ◆パネル型 4カラム
========================================================= */
/* 3カラム・4カラム共通スタイル */
.el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock, .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
  background: #f0f2f3; }

.el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:empty, .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock:empty {
  background: transparent; }

.el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock, .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
  border-right: 1px solid #dce6f0;
  border-top: 1px solid #dce6f0; }

@media screen and (min-width: 1008px) {
  .el_panelUnit {
    display: table; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner {
    display: table-row; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock {
    display: table-cell; }
  .el_panelUnit.el_col3_type1, .el_panelUnit.el_col4_type1 {
    margin: -24px;
    border-spacing: 24px; }
  .el_panelUnit.el_col3_type2, .el_panelUnit.el_col4_type2 {
    border-collapse: collapse; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner:first-child .el_panelBlock, .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock {
    border-top: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:last-child, .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:last-child {
    border-right: none; } }

@media screen and (max-width: 1007px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner, .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

/* 4カラム */
.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt {
  color: #323c46;
  text-align: center; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
  margin: 0 auto; }

.el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
  font-size: 12px;
  line-height: 1.8;
  color: #5a646e; }

@media screen and (min-width: 648px) {
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock {
    width: 200px; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-top: 6px; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 20px; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 30px 10px; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 30px 25px; } }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_panelUnit.el_col4_type1 {
    margin: -12px; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
    width: calc(50% - 24px);
    margin: 12px; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock:nth-child(-n+2) {
    border-top: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    border-right: none; } }

@media screen and (max-width: 647px) {
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-top: 3%; }
  .el_panelUnit[class*="el_col4_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 15%; }
  .el_panelUnit.el_col4_type1 {
    margin: -1.5%; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock {
    width: 47%;
    margin: 1.5%; }
  .el_panelUnit.el_col4_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 20% 8%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner:first-child .el_panelBlock:nth-child(-n+2) {
    border-top: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    border-right: none; }
  .el_panelUnit.el_col4_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 18% 7%; } }

/* 3カラム */
.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt {
  font-size: 16px;
  line-height: 1.5;
  color: #323c46; }

.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
  font-size: 12px;
  font-weight: bold;
  display: block; }

.el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
  font-size: 14px;
  line-height: 2;
  color: #5a646e; }

@media screen and (min-width: 648px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock {
    width: 266.66667px; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-bottom: 10px; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 22px; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 37px 25px 27px; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 36px 23px 25px; } }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock {
    width: calc(50% - 12px);
    margin: 24px 24px 0 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:nth-child(2n) {
    margin-right: 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:nth-child(-n+2) {
    margin-top: 0; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock {
    width: 50%; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:nth-child(-n+2) {
    border-top: none; } }

@media screen and (max-width: 647px) {
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt img {
    margin-bottom: 3%; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dt span {
    margin-bottom: 1.8%; }
  .el_panelUnit[class*="el_col3_type"] .el_panelUnit_inner .el_panelBlock dl dd {
    margin-top: 6.6%; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock {
    width: 100%;
    margin-bottom: 7%; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock:last-child {
    margin-bottom: 0; }
  .el_panelUnit.el_col3_type1 .el_panelUnit_inner .el_panelBlock dl {
    padding: 11.4% 7.4% 8.2%; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock {
    width: 100%;
    border-right: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock:first-child {
    border-top: none; }
  .el_panelUnit.el_col3_type2 .el_panelUnit_inner .el_panelBlock dl {
    padding: 11.6% 0; } }

/* =========================================================
  ◆ボックス-リスト
========================================================= */
.el_boxList {
  padding: 0 23px;
  background: #f0f2f3; }

.el_boxList dl dt {
  padding: 15px 0;
  border-bottom: 1px solid #dce6f0; }

.el_boxList dl dt a {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.65;
  color: #0b52a4;
  padding-right: 25px;
  display: inline-block;
  position: relative; }

.el_boxList dl dt a::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #0b52a4;
  border-right: 2px solid #0b52a4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0; }

.el_boxList dl dt span {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8;
  margin-top: 10px;
  float: right;
  display: block; }

.el_boxList dl dd {
  font-size: 14px;
  line-height: 2;
  color: #5a646e;
  padding: 20px 0 36px; }

.el_boxList dl dd::after {
  content: "";
  clear: both;
  display: block; }

@media screen and (min-width: 648px) {
  .el_boxList dl dd .el_txtBlock {
    width: calc(100% - 200px);
    float: left; }
  .el_boxList dl dd .el_imgBlock {
    width: 180px;
    margin-left: 20px;
    float: right; } }

@media screen and (max-width: 647px) {
  .el_boxList {
    padding: 0 7%; }
  .el_boxList dl dt {
    padding: 5.8% 0; }
  .el_boxList dl dt span {
    margin-top: 0;
    float: none; }
  .el_boxList dl dd {
    padding: 6.8% 0 11.2%; }
  .el_boxList dl dd .el_txtBlock, .el_boxList dl dd .el_imgBlock {
    width: 100%; }
  .el_boxList dl dd .el_imgBlock {
    margin-top: 9%; } }

/* =========================================================
  ◆ボックス-数字
========================================================= */
.el_boxValue .el_valueUnit_col2 {
  padding: 26px 0 33px;
  background: #f0f2f3;
  position: relative; }

.el_boxValue .el_valueUnit_col2::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #f0f2f3 transparent transparent transparent;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px; }

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

.el_boxValue .el_valueUnit_col2 .el_valueBlock {
  width: 50%;
  float: left;
  padding: 14px 0; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock:first-child {
  border-right: 1px solid #dce6f0; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon {
  width: 14%;
  max-width: 50px;
  margin-right: 10px;
  display: inline-block; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon > img {
  margin-left: auto; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul, .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
  max-width: 88%;
  display: inline-block;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dt .el_valueSubTtl {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.5;
  vertical-align: top; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd {
  font-size: 16px;
  color: #0b52a4;
  vertical-align: bottom; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd span {
  font: italic 70px / 1 "futura-pt", sans-serif;
  letter-spacing: 1px;
  margin-right: 5px; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul li {
  font-size: 16px;
  line-height: 2;
  color: #5a646e;
  padding-left: 16%;
  position: relative; }

.el_boxValue .el_valueUnit_col2 .el_valueBlock ul li .el_valueIcon {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.el_boxValue .el_valueTxtBlock {
  font-size: 24px;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  padding: 37px 0;
  background: #0b52a4; }

@media screen and (max-width: 647px) {
  .el_boxValue .el_valueUnit_col2 {
    padding: 0 0 3.4%; }
  .el_boxValue .el_valueUnit_col2::before {
    border-width: 12px 12px 0 12px;
    bottom: -12px; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock {
    width: 100%;
    float: none;
    padding: 9% 0 3.4%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock:first-child {
    border-right: none;
    border-bottom: 1px solid #dce6f0; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock .el_valueIcon {
    vertical-align: bottom; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock ul, .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
    max-width: none;
    width: 88%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl {
    display: block; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd {
    padding-left: 14%; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock dl dd span {
    font-size: 66px; }
  .el_boxValue .el_valueUnit_col2 .el_valueBlock ul li {
    padding-left: 19.5%; }
  .el_boxValue .el_valueTxtBlock {
    padding: 9.2% 8% 5.8%; } }

/* =========================================================
  ◆ボックス-テーブル-2カラム
========================================================= */
.el_colUnit .el_txtBlock dl dt {
  font-size: 16px;
  font-weight: bold; }

.el_colUnit .el_txtBlock dl dt:first-child {
  margin-top: 0 !important; }

.el_colUnit .el_txtBlock dl dd {
  font-size: 14px;
  line-height: 2;
  color: #5a646e;
  letter-spacing: 0.5px; }

.el_colUnit.el_col2_type1 {
  width: 100%;
  display: table; }

.el_colUnit.el_col2_type1 .el_colUnit_inner {
  display: table-row; }

.el_colUnit.el_col2_type1 .el_colUnit_inner:nth-child(even) .el_colHead {
  background: #001e3c; }

.el_colUnit.el_col2_type1 .el_colUnit_inner:first-child .el_colBody {
  border-top: none; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead, .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
  display: table-cell;
  vertical-align: top; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead {
  width: 31.3%;
  color: #fff;
  text-align: center;
  padding: 54px 0;
  background: #002855; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colTtl {
  font-size: 26px;
  font-family: "futura-pt", sans-serif;
  line-height: 1.4; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colInfo {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 30px; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colIcon {
  width: 56px;
  margin: 38px auto 0; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
  padding: 57px 35px 33px;
  background: #f0f2f3;
  border-top: 1px solid #dce6f0; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody a {
  font-size: 16px;
  color: #0b52a4;
  padding-right: 15px;
  display: inline-block;
  position: relative; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody a::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1px solid #0b52a4;
  border-right: 1px solid #0b52a4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody .el_txtBlock dl dt {
  margin-top: 34px; }

.el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody .el_txtBlock dl dd {
  margin-top: 14px; }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_colUnit.el_col2_type1 {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead, .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead {
    width: 100%;
    text-align: left;
    padding: 24px; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead::after {
    content: "";
    clear: both;
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colInfo {
    width: 60%;
    line-height: 1.7;
    float: left; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colIcon {
    margin: 0;
    float: right; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
    padding: 50px 35px;
    border-top: none; } }

@media screen and (max-width: 647px) {
  .el_colUnit.el_col2_type1 {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead, .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead {
    width: 100%;
    text-align: left;
    padding: 5.4% 8.2% 8.6%; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead::after {
    content: "";
    clear: both;
    display: block; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colInfo {
    width: 60%;
    line-height: 1.7;
    margin-top: 3.6%;
    float: left; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colHead .el_colIcon {
    margin: 0;
    float: right; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody {
    padding: 14.4% 7% 15.5%;
    border-top: none; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody .el_txtBlock dl dt {
    margin-top: 13%; }
  .el_colUnit.el_col2_type1 .el_colUnit_inner .el_colBody .el_txtBlock dl dd {
    margin-top: 5%; } }

.el_colUnit.el_col2_type2 .el_colUnit_inner {
  margin: 0 -24px;
  border-spacing: 24px 0;
  display: table; }

.el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock {
  width: 50%;
  background: #f0f2f3;
  display: table-cell; }

.el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_colTtl {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 19px 0;
  background: #0b52a4; }

.el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock {
  padding: 45px 20px; }

.el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock dl dt {
  margin-top: 37px; }

.el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock dl dd {
  margin-top: 18px; }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_colUnit.el_col2_type2 .el_colUnit_inner {
    margin: 0;
    border-spacing: 0;
    display: block; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock {
    width: 100%;
    margin-bottom: 24px;
    display: block; } }

@media screen and (max-width: 647px) {
  .el_colUnit.el_col2_type2 .el_colUnit_inner {
    margin: 0;
    border-spacing: 0;
    display: block; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock {
    width: 100%;
    margin-bottom: 10.4%;
    display: block; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_colTtl {
    padding: 5.8% 0; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock {
    padding: 13% 7.2% 15%; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock dl dt {
    margin-top: 16.8%; }
  .el_colUnit.el_col2_type2 .el_colUnit_inner .el_colBlock .el_txtBlock dl dd {
    margin-top: 6.8%; } }

/* =========================================================
  ◆ボックス-バナー
========================================================= */
.el_bnrBlock a {
  color: #0b52a4;
  text-decoration: none;
  padding: 28px 33px;
  border: 1px solid #0b52a4;
  display: table;
  position: relative; }

.el_bnrBlock a:hover {
  opacity: .6; }

.el_bnrBlock .el_imgBlock, .el_bnrBlock .el_txtBlock {
  vertical-align: middle;
  display: table-cell; }

.el_bnrBlock .el_imgBlock {
  width: 30%; }

.el_bnrBlock .el_imgBlock img {
  margin: auto; }

.el_bnrBlock .el_txtBlock {
  font-size: 20px;
  line-height: 1.5;
  padding-left: 25px; }

.el_bnrBlock .el_txtBlock::after {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #0b52a4;
  border-right: 2px solid #0b52a4;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px; }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_bnrBlock a, .el_bnrBlock .el_imgBlock, .el_bnrBlock .el_txtBlock {
    display: block; }
  .el_bnrBlock .el_imgBlock {
    width: 100%;
    margin-bottom: 30px; }
  .el_bnrBlock .el_txtBlock {
    text-align: center;
    padding-left: 0; }
  .el_bnrBlock .el_txtBlock::after {
    margin-left: 2%;
    display: inline-block;
    position: static; } }

@media screen and (max-width: 647px) {
  .el_bnrBlock a {
    padding: 10% 7%;
    display: block; }
  .el_bnrBlock .el_imgBlock, .el_bnrBlock .el_txtBlock {
    display: block; }
  .el_bnrBlock .el_imgBlock {
    width: 100%;
    margin-bottom: 11.8%; }
  .el_bnrBlock .el_txtBlock {
    padding-left: 0; }
  .el_bnrBlock .el_txtBlock::after {
    margin-left: 2%;
    display: inline-block;
    position: static; } }

/* =========================================================
  ◆テーブル
========================================================= */
.el_tableBlock table {
  width: 100%; }

.el_tableBlock table thead tr {
  color: #fff;
  background: #004283; }

.el_tableBlock table thead tr:first-child th:first-child {
  background: #00489e; }

.el_tableBlock table thead tr th {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
  vertical-align: middle;
  padding: 20px 20px; }

.el_tableBlock table tbody tr {
  background: #f0f2f3; }

.el_tableBlock table tbody tr:nth-child(2n) {
  background: #e4e6e7; }

.el_tableBlock table tbody tr th, .el_tableBlock table tbody tr td {
  line-height: 2;
  padding: 13px 20px; }

.el_tableBlock table tbody tr th {
  font-size: 16px;
  font-weight: bold;
  vertical-align: top; }

.el_tableBlock table tbody tr td {
  font-size: 14px;
  color: #5a646e; }

.el_tableBlock table .el_txtCap {
  text-align: left;
  caption-side: bottom; }

@media screen and (max-width: 1007px) {
  .el_tableBlock {
    overflow-x: auto; }
  .el_tableBlock table {
    width: 800px; } }

.el_tableBlock.el_tableType_price table tbody tr th {
  width: 18.75%; }

.el_tableBlock.el_tableType_price table tfoot tr {
  border-top: 3px solid #ec5514;
  border-bottom: 3px solid #ec5514; }

.el_tableBlock.el_tableType_price table tfoot tr th, .el_tableBlock.el_tableType_price table tfoot tr td {
  font-size: 16px;
  line-height: 1.35;
  color: #ec5514;
  vertical-align: middle;
  padding: 10px 20px; }

.el_tableBlock.el_tableType_price table tfoot tr th {
  font-weight: bold; }

.el_tableBlock.el_tableType_price table tfoot tr td span {
  font-size: 36px;
  font-style: italic;
  font-family: "futura-pt", sans-serif; }

.el_tableBlock.el_tableType_double table thead tr th {
  padding: 20px 20px 0; }

.el_tableBlock.el_tableType_double table thead tr td {
  padding: 15px 5px;
  text-align: center; }

.el_tableBlock.el_tableType_double table tbody tr th, .el_tableBlock.el_tableType_double table tbody tr td {
  padding: 14px 5px; }

.el_tableBlock.el_tableType_double table tbody tr th {
  width: 17.5%;
  vertical-align: middle;
  padding-left: 26px; }

.el_tableBlock.el_tableType_normal table {
  width: auto; }

.el_tableBlock.el_tableType_normal table thead tr th {
  padding: 22px; }

.el_tableBlock.el_tableType_normal table tbody tr th, .el_tableBlock.el_tableType_normal table tbody tr td {
  vertical-align: middle;
  padding: 14px 5px; }

.el_tableBlock.el_tableType_normal table tbody tr th {
  width: 140px;
  padding-left: 26px; }

.el_tableBlock.el_tableType_normal table tbody tr td {
  text-align: center; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_normal table tr th, .el_tableBlock.el_tableType_normal table tr td {
    min-width: 140px; } }

.el_tableBlock.el_tableType_paragraph table thead tr th {
  padding: 20px 24px; }

.el_tableBlock.el_tableType_paragraph table tbody tr th, .el_tableBlock.el_tableType_paragraph table tbody tr td {
  color: #5a646e;
  padding: 14px 25px 18px; }

.el_tableBlock.el_tableType_paragraph table tbody tr th {
  width: 34.25%;
  font-size: 14px;
  font-weight: normal; }

.el_tableBlock.el_tableType_paragraph table tbody tr td dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #0b52a4;
  margin-bottom: 7px; }

.el_tableBlock.el_tableType_list table tbody tr th, .el_tableBlock.el_tableType_list table tbody tr td {
  width: 50%;
  color: #5a646e;
  padding: 16px; }

.el_tableBlock.el_tableType_list table tbody tr th {
  font-size: 14px;
  font-weight: normal;
  padding-left: 24px; }

.el_tableBlock.el_tableType_max table {
  table-layout: fixed; }

.el_tableBlock.el_tableType_max table th, .el_tableBlock.el_tableType_max table td {
  text-align: center;
  vertical-align: top; }

.el_tableBlock.el_tableType_max table thead tr:first-child th {
  padding-top: 29px; }

.el_tableBlock.el_tableType_max table thead tr:last-child th {
  padding-bottom: 19px; }

.el_tableBlock.el_tableType_max table thead tr th {
  font-weight: normal;
  padding: 9px 10px; }

.el_tableBlock.el_tableType_max table thead tr th:nth-child(odd) {
  background: #00489e; }

.el_tableBlock.el_tableType_max table thead tr th span {
  font-size: 14px; }

.el_tableBlock.el_tableType_max table thead tr.it_maxPrice th {
  font-size: 12px; }

.el_tableBlock.el_tableType_max table thead tr.it_maxLink th {
  font-size: 14px; }

.el_tableBlock.el_tableType_max table thead tr.it_maxLink th a {
  color: #fff;
  padding-right: 15px;
  position: relative; }

.el_tableBlock.el_tableType_max table thead tr.it_maxLink th a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  margin: auto;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0; }

.el_tableBlock.el_tableType_max table tbody tr {
  background: #f0f2f3; }

.el_tableBlock.el_tableType_max table tbody tr:nth-child(2n) {
  background: #f0f2f3; }

.el_tableBlock.el_tableType_max table tbody tr:first-child td {
  padding-top: 31px; }

.el_tableBlock.el_tableType_max table tbody tr:last-child td {
  padding-bottom: 38px; }

.el_tableBlock.el_tableType_max table tbody tr td {
  font-size: 12px;
  line-height: 1.75;
  padding: 13px 20px; }

.el_tableBlock.el_tableType_max table tbody tr td:nth-child(2n) {
  background: #e4e6e7; }

.el_tableBlock.el_tableType_max table tbody tr td p {
  margin-bottom: 5px; }

.el_tableBlock.el_tableType_max table tbody tr td p:last-child {
  margin-bottom: 0; }

.el_tableBlock.el_tableType_max table tbody tr td p.it_maxAttention {
  color: #ec5514; }

/* SP時スクロールなし */
.el_tableBlock.el_tableType_price.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_price.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_price.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_price.no_scroll table {
    width: 100%; }
  .el_tableBlock.el_tableType_price.no_scroll table tbody tr th {
    width: 45.6%; }
  .el_tableBlock.el_tableType_price.no_scroll table tbody tr td {
    width: 54.4%; }
  .el_tableBlock.el_tableType_price.no_scroll table tfoot tr td {
    padding: 24px 4.5% 14px 6.116%; }
  .el_tableBlock.el_tableType_price.no_scroll table tfoot tr td .el_ttl_amount_price {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal; }
  .el_tableBlock.el_tableType_price.no_scroll table tfoot tr td .el_amount_price {
    text-align: right;
    white-space: nowrap; } }

.el_tableBlock.el_tableType_double.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_double.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_double.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_double.no_scroll table {
    table-layout: fixed;
    width: 100%; }
  .el_tableBlock.el_tableType_double.no_scroll table .el_tableType_double_title {
    width: 27.5229%;
    padding: 0 5px 26px;
    background: #004283;
    color: #fff;
    font-size: 14px;
    text-align: center; }
  .el_tableBlock.el_tableType_double.no_scroll table .sub_title_wrap .el_tableType_double_title.sub_title {
    padding: 10px 5px 3px;
    font-size: 16px; }
  .el_tableBlock.el_tableType_double.no_scroll table .sub_title_wrap td {
    padding: 10px 5px 3px !important; }
  .el_tableBlock.el_tableType_double.no_scroll table td:nth-child(even) {
    width: 24.159%;
    padding: 0 5px 26px;
    background: #f0f2f3;
    color: #4b5964;
    font-size: 14px;
    text-align: center; }
  .el_tableBlock.el_tableType_double.no_scroll table td:nth-child(odd) {
    width: 24.159%;
    padding: 0 5px 26px;
    background: #e4e6e7;
    color: #4b5964;
    font-size: 14px;
    text-align: center; }
  .el_tableBlock.el_tableType_double.no_scroll table thead .el_tableType_double_title {
    padding: 20px 4.5871%;
    background: #00489e;
    font-size: 16px; }
  .el_tableBlock.el_tableType_double.no_scroll table thead td.sub_title {
    padding: 14px 5px;
    font-size: 16px;
    font-weight: bold; } }

.el_tableBlock.el_tableType_normal.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_normal.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_normal.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_normal.no_scroll table {
    table-layout: fixed;
    width: 100%; }
  .el_tableBlock.el_tableType_normal.no_scroll table .el_tableType_normal_title {
    width: 27.5229%;
    padding: 40px 0;
    background: #004283;
    color: #fff;
    text-align: center;
    line-height: 22px; }
  .el_tableBlock.el_tableType_normal.no_scroll table .el_tableType_normal_title.ta_l {
    padding: 40px 0 40px 10px;
    text-align: left; }
  .el_tableBlock.el_tableType_normal.no_scroll table .el_tableType_normal_title .small_title {
    font-size: 14px; }
  .el_tableBlock.el_tableType_normal.no_scroll table td:nth-child(even) {
    width: 24.159%;
    background: #f0f2f3;
    color: #4b5964;
    font-size: 14px;
    text-align: center; }
  .el_tableBlock.el_tableType_normal.no_scroll table td:nth-child(odd) {
    width: 24.159%;
    background: #e4e6e7;
    color: #4b5964;
    font-size: 14px;
    text-align: center; }
  .el_tableBlock.el_tableType_normal.no_scroll table thead .el_tableType_normal_title {
    padding: 54px 0 40px;
    background: #00489e;
    text-align: center; }
  .el_tableBlock.el_tableType_normal.no_scroll table thead td.sub_title {
    padding: 54px 0 40px;
    color: #4b5964;
    font-size: 16px;
    font-weight: bold;
    text-align: center; } }

@media screen and (max-width: 320px) {
  .el_tableBlock.el_tableType_normal.no_scroll table .el_tableType_normal_title .small_title {
    font-size: 12px; }
  .el_tableBlock.el_tableType_normal.no_scroll table .el_tableType_normal_title.ta_l {
    font-size: 14px;
    padding-left: 6px; } }

.el_tableBlock.el_tableType_paragraph.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_paragraph.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_paragraph.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_paragraph.no_scroll .el_tableType_paragraph_inner {
    margin-bottom: 35px; }
  .el_tableBlock.el_tableType_paragraph.no_scroll .el_tableType_paragraph_inner.last {
    margin-bottom: 0; }
  .el_tableBlock.el_tableType_paragraph.no_scroll .el_tableType_paragraph_inner table {
    table-layout: fixed;
    width: 100%; }
  .el_tableBlock.el_tableType_paragraph.no_scroll .el_tableType_paragraph_inner table th {
    padding: 14px 25px;
    background: #00489e;
    color: #fff;
    font-size: 16px;
    font-weight: bold; }
  .el_tableBlock.el_tableType_paragraph.no_scroll .el_tableType_paragraph_inner table td {
    padding: 14px 25px 20px;
    background: #edf0f2;
    color: #4b5964; } }

.el_tableBlock.el_tableType_list.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_list.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_list.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_list.no_scroll table {
    table-layout: fixed;
    width: 100%; }
  .el_tableBlock.el_tableType_list.no_scroll table tbody tr th {
    padding: 19px 0 13px 21px;
    line-height: 1.8; }
  .el_tableBlock.el_tableType_list.no_scroll table tbody tr td {
    padding: 19px 16px 13px 16px;
    text-align: center; } }

.el_tableBlock.el_tableType_max.no_scroll {
  display: none; }

@media screen and (max-width: 647px) {
  .el_tableBlock.el_tableType_max.has_scroll {
    display: none; }
  .el_tableBlock.el_tableType_max.no_scroll {
    display: block;
    overflow: visible; }
  .el_tableBlock.el_tableType_max.no_scroll table {
    table-layout: fixed;
    width: 100%; }
  .el_tableBlock.el_tableType_max.no_scroll table thead tr.it_maxPrice th {
    padding-top: 0;
    padding-bottom: 16px; }
  .el_tableBlock.el_tableType_max.no_scroll table tbody tr.el_tableType_max_creation td {
    padding: 32px 20px 18px; } }

@media screen and (max-width: 320px) {
  .el_tableBlock.el_tableType_max.no_scroll table tbody tr td {
    padding: 13px 10px; } }

/* =========================================================
  ◆関連コンテンツ
========================================================= */
.el_relatedConts_area {
  background: #001e3c;
  padding: 50px 0 62px;
  position: relative;
  z-index: 10; }

.el_relatedConts_area .el_relatedConts_ttl {
  font-size: 22px;
  color: #fff;
  text-align: center;
  margin-bottom: 45px; }

.el_relatedConts_area ul {
  width: 100%;
  max-width: 1188px;
  padding: 0 24px;
  margin: 0 auto; }

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

.el_relatedConts_area ul li {
  width: calc(33.333% - 16px);
  float: left;
  margin-right: 24px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.el_relatedConts_area ul li:nth-of-type(3n) {
  margin: 0; }

@media screen and (min-width: 648px) and (max-width: 1007px) {
  .el_relatedConts_area ul {
    width: 100%;
    max-width: 848px;
    padding: 0 24px; } }

@media screen and (max-width: 647px) {
  .el_relatedConts_area {
    padding: 16% 0; }
  .el_relatedConts_area .el_relatedConts_ttl {
    margin-bottom: 9.2%; }
  .el_relatedConts_area ul {
    width: 87.2%;
    max-width: 540px;
    padding: 0; }
  .el_relatedConts_area ul li {
    width: 100%;
    float: none;
    margin: 0 0 7.4% 0; } }

/* =========================================================
  ◆カテゴリーアイコン・タグ
========================================================= */
.el_date {
  color: #6e6e7d; }

.el_category {
  margin: 0 8px;
  padding: 3px 10px;
  border-radius: 30px;
  color: #fff;
  font-size: 10px; }

.el_category_s {
  margin: 0 3px;
  padding: 3px 10px;
  border-radius: 30px;
  color: #fff;
  font-size: 10px; }

.el_publicity {
  background-color: #5cc1eb; }

.el_info {
  background-color: #6486aa; }

.el_release {
  background-color: #125fb0; }

.el_wanted {
  color: #ec5514;
  border: solid 1px #ec5514;
  background-color: #fff; }

.el_ended {
  background-color: #6486aa; }

.el_reports,
.el_handout {
  background-color: #37bdc1; }

.el_sub_category {
  font-size: 10px;
  color: #6e6e7d; }

.el_sub_category a {
  color: #6e6e7d; }

.el_place {
  color: #6486aa;
  font-size: 16px;
  line-height: 1.125;
  position: absolute;
  right: 0;
  padding-left: 20px;
  max-width: 500px;
  overflow-y: hidden;
  max-height: 18px; }

.el_place::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: url("/assets/lower/press/images/place_icon.png") no-repeat; }

.el_tag {
  margin-right: 8px;
  padding: 3px 20px;
  color: #6486aa;
  border: solid 1px #6486aa;
  font-size: 10px;
  line-height: 1.8;
  vertical-align: text-bottom; }

.el_tag + a {
  display: inline-table;
  max-width: 620px; }

@media screen and (max-width: 647px) {
  .el_tag + a {
    display: inline;
    max-width: none; } }

/* =========================================================
  ◆ページャー
========================================================= */
.el_pagination {
  text-align: center; }

.el_pagination li {
  display: inline-block;
  font-size: 16px; }

.el_pagination .el_number {
  padding: 0 3px; }

.el_pagination .el_number a {
  color: #c6cfd8; }

.el_pagination .el_number a:hover {
  color: #105eac; }

.el_pagination .el_current {
  color: #105eac; }

.el_pagination .el_prev {
  padding-right: 23px; }

.el_pagination .el_next {
  padding-left: 23px; }

.el_pagination .el_next img {
  vertical-align: text-bottom;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

@media screen and (max-width: 647px) {
  .el_pagination .el_prev {
    padding-right: 12px; }
  .el_pagination .el_next {
    padding-left: 12px; } }

/*pages*/
/* =========================================================
TOP
========================================================= */
#top {
  /*MainVisual------------*/
  /*#contents01------------*/
  /*#contents02------------*/
  /*#contents03------------*/ }
  #top #loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000510;
    z-index: 1; }
  #top #loader {
    display: none;
    position: fixed;
    top: 55%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 2; }
    #top #loader .loadercss {
      color: #ffffff;
      font-size: 50px;
      text-indent: -9999em;
      overflow: hidden;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      margin: 72px auto;
      position: relative;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
      animation: load6 1.7s infinite ease, round 1.7s infinite ease; }

@-webkit-keyframes load6 {
  0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@keyframes load6 {
  0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
  95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
  59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #top .ly_mainvis {
    font-size: 18px;
    width: 100%;
    height: 800px;
    /* Safari対策 */ }
    @media print, screen and (max-width: 768px) {
      #top .ly_mainvis {
        height: 600px;
        background-image: url("../images/mv_sp.jpg") !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        z-index: center; } }
    #top .ly_mainvis #video-background,
    #top .ly_mainvis #video-overlay {
      position: fixed;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      @media print, screen and (max-width: 768px) {
        #top .ly_mainvis #video-background,
        #top .ly_mainvis #video-overlay {
          display: none; } }
    #top .ly_mainvis #video-background {
      z-index: -2; }
    #top .ly_mainvis #video-overlay {
      z-index: -1; }
    #top .ly_mainvis .gradient {
      animation: bgChange 15s linear 0s infinite alternate;
      -webkit-animation: bgChange 15s linear 0s infinite alternate;
      /* Safari対策 */
      background: -webkit-linear-gradient(225deg, #E4A972, #9941D8);
      background: -o-linear-gradient(225deg, #E4A972, #9941D8);
      background: linear-gradient(-135deg, #E4A972, #9941D8);
      -pie-background: linear-gradient(-135deg, #E4A972, #9941D8);
      height: 650px;
      behavior: url(/PIE.htc); }

@keyframes bgChange {
  0% {
    -webkit-filter: hue-rotate(0deg);
    /* Chrome対策 */
    filter: hue-rotate(0deg); }
  100% {
    -webkit-filter: hue-rotate(360deg);
    /* Chrome対策 */
    filter: hue-rotate(360deg); } }

@-webkit-keyframes bgChange {
  0% {
    -webkit-filter: hue-rotate(0deg); }
  100% {
    -webkit-filter: hue-rotate(360deg); } }
  #top .ly_wrap {
    background-color: #fff;
    z-index: 0; }
  @media print, screen and (max-width: 1140px) {
    #top h2 img.titleMesssages {
      width: 80%; } }
  @media print, screen and (max-width: 768px) {
    #top h2 img.titleMesssages {
      width: 50%; } }
  #top #contents01 {
    background-color: #fff; }
    #top #contents01 .contentsWrap {
      z-index: 1;
      background-image: url("../images/contents01_bg.png");
      background-repeat: no-repeat;
      background-position: top left; }
      #top #contents01 .contentsWrap .companyMessage {
        padding-left: 50px; }
        @media print, screen and (max-width: 768px) {
          #top #contents01 .contentsWrap .companyMessage {
            padding-left: 0px; } }
        #top #contents01 .contentsWrap .companyMessage p {
          max-width: 745px; }
  #top #contents02 {
    background-image: url("../images/contents02_bg.png");
    background-repeat: no-repeat;
    background-color: #fff; }
    #top #contents02 .contentsWrap {
      position: relative; }
      #top #contents02 .contentsWrap .el_colHalf a {
        display: block;
        padding: 120px 20px;
        color: #fff;
        text-decoration: none;
        border: 0px;
        font-size: 32px;
        border-radius: 40px; }
        #top #contents02 .contentsWrap .el_colHalf a span {
          font-size: 80%; }
        @media print, screen and (max-width: 768px) {
          #top #contents02 .contentsWrap .el_colHalf a {
            padding: 90px 20px;
            font-size: 24px;
            border-radius: 30px; } }
        #top #contents02 .contentsWrap .el_colHalf a::after {
          border-top: 4px solid #fff;
          border-right: 4px solid #fff; }
          @media print, screen and (max-width: 768px) {
            #top #contents02 .contentsWrap .el_colHalf a::after {
              right: 8%; } }
          #top #contents02 .contentsWrap .el_colHalf a::after p {
            font-weight: bold;
            text-align: center; }
      #top #contents02 .contentsWrap .btnClients {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8a68d5+1,41a6cb+100 */
        background: #8a68d5;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #8a68d5 1%, #41a6cb 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #8a68d5 1%, #41a6cb 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-linear-gradient(315deg, #8a68d5 1%, #41a6cb 100%);
        background: -o-linear-gradient(315deg, #8a68d5 1%, #41a6cb 100%);
        background: linear-gradient(135deg, #8a68d5 1%, #41a6cb 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a68d5', endColorstr='#41a6cb',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #top #contents02 .contentsWrap .btnMonitor {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ef7134+1,d8d456+100 */
        background: #ef7134;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #ef7134 1%, #d8d456 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #ef7134 1%, #d8d456 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-linear-gradient(315deg, #ef7134 1%, #d8d456 100%);
        background: -o-linear-gradient(315deg, #ef7134 1%, #d8d456 100%);
        background: linear-gradient(135deg, #ef7134 1%, #d8d456 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7134', endColorstr='#d8d456',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #top #contents02 .contentsWrap .ly_mv_balloon1 {
        position: absolute;
        top: 173px;
        left: -90px; }
        @media print, screen and (max-width: 768px) {
          #top #contents02 .contentsWrap .ly_mv_balloon1 {
            top: 195px;
            left: 0px;
            width: 100px; } }
      #top #contents02 .contentsWrap .ly_mv_balloon2 {
        position: absolute;
        bottom: -40px;
        right: -110px; }
        @media print, screen and (max-width: 768px) {
          #top #contents02 .contentsWrap .ly_mv_balloon2 {
            bottom: -112px;
            right: 0px;
            width: 100px; } }
  #top #contents03 {
    background: #67dd91;
    /* Old browsers */
    background: -moz-linear-gradient(top, #67dd91 0%, #dee052 52%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #67dd91 0%, #dee052 52%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#67dd91), color-stop(52%, #dee052), to(#ffffff));
    background: -o-linear-gradient(top, #67dd91 0%, #dee052 52%, #ffffff 100%);
    background: linear-gradient(to bottom, #67dd91 0%, #dee052 52%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67dd91', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ }
    #top #contents03 #gallery {
      margin: 0 auto;
      overflow: hidden; }
      #top #contents03 #gallery li {
        max-width: 620px;
        padding: 5px; }
        #top #contents03 #gallery li .gridItem {
          max-width: 100%;
          height: auto;
          border-radius: 10px; }
      #top #contents03 #gallery li.comment {
        padding: 10px;
        height: 210px; }
        @media print, screen and (max-width: 768px) {
          #top #contents03 #gallery li.comment {
            height: auto; } }
    #top #contents03 .ly_mirukomi {
      background-color: #fff;
      padding: 50px 50px;
      border-radius: 20px;
      -webkit-box-shadow: 0px 0px 17px 3px #ededc9;
      box-shadow: 0px 0px 17px 3px #ededc9; }
      @media print, screen and (max-width: 768px) {
        #top #contents03 .ly_mirukomi {
          border-radius: 10px;
          padding: 40px 20px; } }
      @media print, screen and (max-width: 768px) {
        #top #contents03 .ly_mirukomi a.el_btn {
          padding: 20px 30px; } }
      @media print, screen and (max-width: 768px) {
        #top #contents03 .ly_mirukomi a.el_btn::after {
          right: 8%; } }
      #top #contents03 .ly_mirukomi .imgMirukomi {
        padding-right: 30px; }
        @media print, screen and (max-width: 768px) {
          #top #contents03 .ly_mirukomi .imgMirukomi {
            padding-right: 0px; } }

/* =========================================================
2nd
========================================================= */
#second .ly_header_wrapper #top-head {
  background-color: #000510;
  height: 60px; }

#second .ly_mainvis .contentsWrap {
  position: relative; }
  #second .ly_mainvis .contentsWrap .ly_mv_balloon1 {
    position: absolute;
    top: 98px;
    left: -30px;
    z-index: -1; }
    @media print, screen and (max-width: 768px) {
      #second .ly_mainvis .contentsWrap .ly_mv_balloon1 {
        top: 70px;
        left: 0px; } }
  #second .ly_mainvis .contentsWrap .ly_mv_balloon2 {
    position: absolute;
    top: 98px;
    right: -30px;
    z-index: -1; }
    @media print, screen and (max-width: 768px) {
      #second .ly_mainvis .contentsWrap .ly_mv_balloon2 {
        top: 70px;
        right: 0px; } }

#second .ly_mainvis h1 {
  padding-top: 130px; }

#second .arrow_box {
  position: relative;
  background: #f4f4f4;
  padding: 30px;
  text-align: left;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

#second .arrow_box:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(232, 232, 232, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #f4f4f4;
  top: 100%;
  left: 50%; }

#second h3 {
  word-break: keep-all;
  font-size: 16px; }

.message-clients {
  background-image: url(../images/clients_bg.png);
  background-attachment: fixed; }
  .message-clients h3 {
    color: #685bc6; }

.message-monitor {
  background-image: url(../images/monitor_bg.png);
  background-attachment: fixed; }
  .message-monitor h3 {
    color: #e07731; }
