@charset "UTF-8";
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table; }

.clearfix:after,
.row:after {
  clear: both; }

.clearfix
.row {
  *zoom: 1; }

.clear_both {
  clear: both; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
.container {
  position: relative;
  width: 100%;
  text-align: left;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }

.container_center {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 1100px;
  padding-left: 15px;
  padding-right: 15px; }

.full-width {
  width: 100vw;
  margin-left: calc(-50vw + 50%); }

.full-img {
  width: 100vw;
  height: auto;
  margin-left: calc(-50vw + 50%); }

/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.footerfixed-wrap {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }

.footerfixed-main {
  flex: 1; }

/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.menuBtn {
  right: 15px; }

.searchBtn {
  right: 60px; }
  @media only screen and (min-width: 768px) {
    .searchBtn {
      right: 50px; } }

.l-header {
  padding: 8px 0; }
  @media only screen and (min-width: 768px) {
    .l-header {
      padding: 0; } }

.siteTitle, .siteTitle a {
  margin-bottom: 0;
  line-height: normal; }

.menuBtn__contentInner .widget_nav_menu {
  margin: 0 auto; }

.widget_search {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 0 15px; }

.menuBtn__naviList {
  margin: 0; }

.menuBtn__close {
  margin: 30px 0 15px 0;
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .menuBtn__close {
      font-size: 22px;
      line-height: 31px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
  .menuBtn__close:hover {
    color: #054a7c; }

.menuBtn__navi {
  margin: 0;
  padding: 12px 15px; }
  @media only screen and (max-width: 767px) {
    .menuBtn__navi {
      padding: 12px 0; } }

.menuBtn__scroll {
  padding: 0; }

.menuBtn__scroll .widget.widget_nav_menu ul.menu li a {
  background-color: #fff;
  color: #111; }

.widget_search ol.widgetSearch__word {
  display: none; }

.siteTitle.text a {
  display: inline-block; }
  .siteTitle.text a img {
    width: 220px; }
    @media only screen and (max-width: 767px) {
      .siteTitle.text a img {
        width: 180px; } }
  .siteTitle.text a span {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    line-height: 1 !important;
    display: block; }
    @media only screen and (min-width: 768px) {
      .siteTitle.text a span {
        font-size: 11px;
        line-height: 18px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
  .siteTitle.text a:hover {
    opacity: .7; }

@media only screen and (max-width: 767px) {
  .siteTitle {
    max-width: 100%; } }

.form_btn_wrap.flexbox-wrap {
  height: 100%;
  position: absolute;
  right: calc(100px + 30px / 2); }
  @media only screen and (max-width: 767px) {
    .form_btn_wrap.flexbox-wrap {
      display: none; } }
  .form_btn_wrap.flexbox-wrap li a {
    display: inline-block;
    padding: 0 1.5em;
    line-height: 70px;
    font-weight: bold;
    transition: .3s; }
    .form_btn_wrap.flexbox-wrap li a i {
      padding-right: 0.2em; }
  .form_btn_wrap.flexbox-wrap li:first-child a {
    background-color: #FFFF66; }
    .form_btn_wrap.flexbox-wrap li:first-child a:hover {
      background-color: rgba(255, 255, 102, 0.4);
      box-shadow: 0 0 0 5px #ffff66 inset; }
  .form_btn_wrap.flexbox-wrap li:nth-child(2) a {
    box-shadow: 0 0 0 5px #f79283 inset; }
    .form_btn_wrap.flexbox-wrap li:nth-child(2) a:hover {
      background-color: rgba(247, 146, 131, 0.4); }

.menu_panel {
  margin: 1em 0; }
  .menu_panel .btn, .menu_panel a.btn, .menu_panel button.btn {
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    display: block;
    padding: 0.5em 0 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0em;
    border-radius: 8px;
    position: relative; }
    .menu_panel .btn span, .menu_panel a.btn span, .menu_panel button.btn span {
      color: yellow !important;
      font-size: 1.4em;
      padding-right: 0.1em; }
  .menu_panel .btn-wrap {
    margin: 0;
    width: 48%; }
    .menu_panel .btn-wrap:first-child {
      margin-right: 2%; }
    .menu_panel .btn-wrap a.btn-c {
      background: #FD5A2A;
      -webkit-box-shadow: 0 5px 0 #e83602;
      box-shadow: 0 5px 0 #e83602; }
      .menu_panel .btn-wrap a.btn-c:hover {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
        color: #fff;
        background: #FD5A2A;
        -webkit-box-shadow: 0 2px 0 #e83602;
        box-shadow: 0 2px 0 #e83602; }
      .menu_panel .btn-wrap a.btn-c:after {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-style: normal;
        font-size: inherit;
        display: inline-block;
        padding-right: 0.25rem;
        content: '\f101';
        padding-left: 0.2em; }
    .menu_panel .btn-wrap:nth-child(2) a.btn-c {
      background: #2ACFFC;
      -webkit-box-shadow: 0 5px 0 #03b5e6;
      box-shadow: 0 5px 0 #03b5e6; }
      .menu_panel .btn-wrap:nth-child(2) a.btn-c:hover {
        background: #2ACFFC;
        -webkit-box-shadow: 0 2px 0 #03b5e6;
        box-shadow: 0 2px 0 #03b5e6; }

.btn_panel {
  height: 100%;
  position: absolute;
  top: 0;
  right: calc(100px + 30px / 2); }
  @media only screen and (max-width: 767px) {
    .btn_panel {
      display: none !important; } }
  .btn_panel .btn, .btn_panel a.btn, .btn_panel button.btn {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold !important;
    line-height: 0.8 !important;
    letter-spacing: 0.05em !important;
    position: relative;
    display: inline-block;
    padding: 0.4em 1.45em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.8vh; }
    @media only screen and (min-width: 768px) {
      .btn_panel .btn, .btn_panel a.btn, .btn_panel button.btn {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #fff;
        letter-spacing: 0.05em; } }
  .btn_panel .btn-wrap {
    margin: 20px 0 5px 0; }
    .btn_panel .btn-wrap:first-child {
      margin-right: 0.8em; }
    .btn_panel .btn-wrap a.btn-c {
      position: relative;
      padding-bottom: 0.5em;
      background: #FD5A2A;
      -webkit-box-shadow: 0 5px 0 #e83602;
      box-shadow: 0 5px 0 #e83602; }
      .btn_panel .btn-wrap a.btn-c span {
        font-size: 10px;
        line-height: 16px;
        font-weight: normal;
        color: #FD5A2A;
        letter-spacing: 0.05em;
        letter-spacing: -0.05em;
        position: absolute;
        top: -15px;
        left: calc(50% - 85px);
        display: block;
        width: 170px;
        padding: 0.15em;
        border: 1px solid #FD5A2A;
        border-radius: 100vh;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        @media only screen and (min-width: 768px) {
          .btn_panel .btn-wrap a.btn-c span {
            font-size: 11px;
            line-height: 18px;
            font-weight: normal;
            color: #FD5A2A;
            letter-spacing: 0.05em; } }
        .btn_panel .btn-wrap a.btn-c span:before, .btn_panel .btn-wrap a.btn-c span:after {
          position: absolute;
          left: calc(50% - 10px);
          content: ""; }
        .btn_panel .btn-wrap a.btn-c span:before {
          bottom: -10px;
          border-width: 10px 10px 0 10px;
          border-style: solid;
          border-color: #FD5A2A transparent transparent transparent; }
        .btn_panel .btn-wrap a.btn-c span:after {
          bottom: -7px;
          border-width: 10px 10px 0 10px;
          border-style: solid;
          border-color: #fff transparent transparent transparent; }
      .btn_panel .btn-wrap a.btn-c i {
        margin-right: 0.2em; }
      .btn_panel .btn-wrap a.btn-c:hover {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
        color: yellow;
        background: #FD5A2A;
        -webkit-box-shadow: 0 2px 0 #e83602;
        box-shadow: 0 2px 0 #e83602; }
        .btn_panel .btn-wrap a.btn-c:hover span {
          margin-top: 0 !important; }
    .btn_panel .btn-wrap:nth-child(2) a.btn-c {
      background: #2ACFFC;
      -webkit-box-shadow: 0 5px 0 #03b5e6;
      box-shadow: 0 5px 0 #03b5e6; }
      .btn_panel .btn-wrap:nth-child(2) a.btn-c span {
        font-size: 10px;
        line-height: 16px;
        font-weight: normal;
        color: #2ACFFC;
        letter-spacing: 0.05em;
        left: calc(50% - 70px);
        width: 140px;
        border: 1px solid #2ACFFC; }
        @media only screen and (min-width: 768px) {
          .btn_panel .btn-wrap:nth-child(2) a.btn-c span {
            font-size: 11px;
            line-height: 18px;
            font-weight: normal;
            color: #2ACFFC;
            letter-spacing: 0.05em; } }
        .btn_panel .btn-wrap:nth-child(2) a.btn-c span:before {
          border-color: #2ACFFC transparent transparent transparent; }
      .btn_panel .btn-wrap:nth-child(2) a.btn-c:hover {
        background: #2ACFFC;
        -webkit-box-shadow: 0 2px 0 #03b5e6;
        box-shadow: 0 2px 0 #03b5e6; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.controllerFooter__item:last-child {
  background-color: #032d4b !important; }

footer .snsFooter, footer .bottomFooter {
  background-color: #032d4b; }
  footer .snsFooter li a, footer .snsFooter div, footer .bottomFooter li a, footer .bottomFooter div {
    color: #fff; }
footer .snsFooter {
  padding-bottom: 15px;
  box-shadow: none; }
  footer .snsFooter .bottomFooter__copyright {
    padding-bottom: 15px; }
footer .bottomFooter {
  padding-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .snsFooter__link {
    padding: 8px; } }

.controllerFooter ul {
  background-color: #032d4b;
  padding: 0.5em; }
  .controllerFooter ul li {
    padding: 0;
    padding-right: 6px;
    line-height: 20px;
    background-color: inherit; }
    .controllerFooter ul li a, .controllerFooter ul li input, .controllerFooter ul li label {
      background-color: #fff;
      font-size: 14px;
      line-height: 22px;
      font-weight: normal;
      color: #FD5A2A;
      letter-spacing: 0.05em;
      font-weight: bold !important;
      line-height: 20px;
      border-radius: 5px;
      padding-top: 6px;
      padding-top: 2px; }
      @media only screen and (min-width: 768px) {
        .controllerFooter ul li a, .controllerFooter ul li input, .controllerFooter ul li label {
          font-size: 15px;
          line-height: 28px;
          font-weight: normal;
          color: #FD5A2A;
          letter-spacing: 0.05em; } }
    .controllerFooter ul li:first-child {
      background-color: #fff;
      border-radius: 5px;
      padding-right: 0;
      margin-right: 6px; }
    .controllerFooter ul li:nth-child(2) {
      padding-right: 0; }
    .controllerFooter ul li i {
      padding-top: 6px; }

.controllerFooter {
  width: 100vw; }

.controllerFooter__checkbox:checked ~ .controllerFooter__unshown {
  background-color: rgba(17, 17, 17, 0.7); }

.controllerFooter__content {
  border-radius: 5px; }

.socialList {
  background-color: #fff !important; }
  .socialList li a {
    display: block !important; }

.socialList__link.icon-twitter {
  background: #00B0ED !important; }

.controllerFooter__close {
  background-color: #0984de !important;
  line-height: 27px !important; }
  .controllerFooter__close i {
    color: #fff !important; }

.bottomFooter__list.base {
  border-top: 1px solid #fff;
  padding-top: 1em; }

.recaptha_wrap p {
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .recaptha_wrap p {
      font-size: 11px;
      line-height: 18px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em; } }
.recaptha_wrap a {
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.05em;
  text-decoration: underline; }
  @media only screen and (min-width: 768px) {
    .recaptha_wrap a {
      font-size: 11px;
      line-height: 18px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em; } }
  .recaptha_wrap a:hover {
    text-decoration: none;
    color: #0984de; }

.bottomFooter__list.base_list li a {
  display: block; }
  .bottomFooter__list.base_list li a:before {
    content: '\02022';
    color: #fff;
    padding-right: 4px; }
@media only screen and (max-width: 767px) {
  .bottomFooter__list.base_list li {
    display: block;
    text-align: left; }
    .bottomFooter__list.base_list li a {
      padding: 0.8em 0 0.4em 0; } }

.bottomFooter__topBtn {
  background-color: #0984de; }
  @media only screen and (max-width: 767px) {
    .bottomFooter__topBtn {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .bottomFooter__list {
    padding-top: 12px; } }

.siteTitle {
  max-width: 300px; }

@media only screen and (min-width: 768px) {
  .container-header {
    display: flex;
    align-items: center;
    min-height: 70px; }

  .menuBtn {
    position: absolute;
    text-align: center;
    top: 0 !important;
    right: 15px; }

  .searchBtn {
    position: absolute;
    text-align: center;
    top: 0 !important;
    right: calc(50px + 30px / 2); }

  .menuBtn__link {
    background-color: #0984de;
    font-size: 14px;
    color: #fff; }
    .menuBtn__link:hover {
      background-color: #0767ad;
      color: #fff; }
      .menuBtn__link:hover:before {
        color: #fff; }

  .menuBtn__link, .searchBtn__link {
    width: 50px;
    height: 70px;
    line-height: 70px;
    display: block; } }
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.content {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .content {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }

.display_none, .the_champ_sharing_ul,
.the_champ_sharing_container, .the_champ_sharing_title {
  display: none !important; }

html #wpadminbar {
  top: 0; }

.l-footerTop {
  position: static; }

.l-wrapper {
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .l-wrapper {
      margin-top: 20px;
      margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .l-wrapper.side_none .l-sidebar {
    display: none !important; } }

.partsOl-1 ol, .partsOl-2 ol, .partsUl-1 ul, .partsUl-2 ul {
  padding-left: 0;
  padding-right: 0; }

.grecaptcha-badge {
  visibility: hidden; }

.categoryBox {
  background-color: inherit; }

@media only screen and (max-width: 767px) {
  .content h2, .content h3, .content h4, .content h5 {
    margin-top: 1em; } }

@media only screen and (max-width: 767px) {
  .content h2 + h2, .content h2 + h3, .content h2 + h4, .content h2 + h5, .content h3 + h2, .content h3 + h3, .content h3 + h4, .content h3 + h5, .content h4 + h2, .content h4 + h3, .content h4 + h4, .content h4 + h5, .content h5 + h2, .content h5 + h3,
  .content div, .content p {
    margin-top: 0.5em; } }

/*サイドバースマホ非表示*/
@media only screen and (max-width: 767px) {
  .l-sidebar {
    display: none; } }
/*シングルページ コメント以外　非表示*/
.widget_categories,
.profile,
.postCta .postcta-bg,
.related {
  display: none; }

@media only screen and (min-width: 768px) {
  .comments__list .comment-author .avatar {
    width: 20%; } }

ul li, ol li {
  list-style: none !important; }

.breadcrumb {
  padding: 0;
  background-color: #F0F0F0; }

.breadcrumb__item {
  display: inline-block;
  padding-right: 10px;
  padding-left: 8px; }
  @media only screen and (max-width: 767px) {
    .breadcrumb__item {
      padding-right: 7px;
      padding-left: 6px; } }
  .breadcrumb__item i, .breadcrumb__item .fa-stack {
    display: none; }
  .breadcrumb__item::after {
    top: 58%; }
  .breadcrumb__item.breadcrumb__item-current a {
    cursor: default; }
    .breadcrumb__item.breadcrumb__item-current a:hover {
      color: #666666; }

.breadcrumb {
  padding: 0.2em 0; }

.breadcrumb, .breadcrumb__item, .breadcrumb__item a {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #888888;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .breadcrumb, .breadcrumb__item, .breadcrumb__item a {
      font-size: 14px;
      line-height: 22px;
      font-weight: normal;
      color: #888888;
      letter-spacing: 0.05em; } }
  @media only screen and (min-width: 768px) {
    .breadcrumb, .breadcrumb__item, .breadcrumb__item a {
      line-height: 27px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumb, .breadcrumb__item, .breadcrumb__item a {
      line-height: 21px;
      letter-spacing: -0.05em; } }

.breadcrumb__item.icon-home a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-style: normal;
  font-size: inherit;
  display: inline-block;
  padding-right: 0.25rem;
  content: "\f015";
  color: #666666; }
.breadcrumb__item.icon-home a:hover::before {
  color: #0984de; }
.breadcrumb__item.icon-home::before {
  display: none; }

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

@media only screen and (min-width: 768px) {
  .l-wrapper {
    max-width: 1100px; }

  .l-headerBottom.top {
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px; } }
.btn__link-normal {
  padding: 0 1.5em 0 0.5em;
  border: none;
  border-radius: 0;
  color: #0984de;
  border-bottom: 1px solid #0984de; }
  .btn__link-normal:hover {
    background-color: #fff !important;
    color: #41d8c1;
    border-color: #fff; }

#viewCard:checked ~ .archive {
  width: 100%; }

#viewCard:checked ~ .archive .archive__item:not(.no-item) {
  width: calc((100% - 15px) / 2);
  margin-right: 0; }
  @media only screen and (min-width: 768px) {
    #viewCard:checked ~ .archive .archive__item:not(.no-item) {
      width: calc((100% - 30px) / 2); } }
  #viewCard:checked ~ .archive .archive__item:not(.no-item):nth-child(odd) {
    margin-right: 15px; }
    @media only screen and (min-width: 768px) {
      #viewCard:checked ~ .archive .archive__item:not(.no-item):nth-child(odd) {
        margin-right: 30px; } }

.content div, .content p {
  margin-top: 1em; }
  @media only screen and (max-width: 767px) {
    .content div, .content p {
      margin-top: 0.6em; } }
.content h2, .content h3, .content h4, .content h5 {
  margin-top: 0.8em; }

@media only screen and (max-width: 767px) {
  .postContents h2, .postContents h3, .postContents h4, .postContents h5 {
    margin-top: 1em; }
  .postContents h2 {
    line-height: 24px;
    padding-bottom: 8px;
    font-size: 20px; } }
.postContents h2 {
  margin-bottom: 1em; }
  @media only screen and (min-width: 768px) {
    .postContents h2 {
      padding-bottom: 10px;
      margin-bottom: 1.5em; } }
.postContents .partsOl-1 ol, .postContents .partsOl-2 ol, .postContents .partsUl-1 ul, .postContents .partsUl-2 ul {
  padding: 0; }

.l-main .content .sitecard {
  border: 2px solid #9ed4fb; }
  .l-main .content .sitecard .sitecard__subtitle {
    background-color: #9ed4fb;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .l-main .content .sitecard .sitecard__subtitle {
        font-size: 15px;
        line-height: 28px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
  .l-main .content .sitecard .sitecard__contents {
    width: 70%;
    margin-top: 1.5em; }
  .l-main .content .sitecard .heading.heading-secondary a {
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #0984de;
    letter-spacing: 0.05em;
    text-decoration: underline; }
    @media only screen and (min-width: 768px) {
      .l-main .content .sitecard .heading.heading-secondary a {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #0984de;
        letter-spacing: 0.05em; } }
    .l-main .content .sitecard .heading.heading-secondary a:hover {
      text-decoration: none; }
  .l-main .content .sitecard .phrase.phrase-tertiary {
    margin: 0; }
  .l-main .content .sitecard .eyecatch {
    width: calc(30% - 30px / 2);
    border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .l-main .content .sitecard {
      padding: 1.5em 1em;
      text-align: center;
      margin: 0 auto;
      margin-top: 1em;
      margin-bottom: 1em; }
      .l-main .content .sitecard .sitecard__contents, .l-main .content .sitecard .eyecatch, .l-main .content .sitecard .sitecard__subtitle {
        width: 100%;
        max-width: 100%;
        display: block;
        float: none; }
      .l-main .content .sitecard .sitecard__subtitle {
        border-radius: 0; }
      .l-main .content .sitecard .sitecard__contents {
        margin-top: 1em; }
      .l-main .content .sitecard .eyecatch {
        width: 75%;
        height: 75%;
        text-align: center;
        margin: 0 auto;
        border-radius: 5px; } }

.content ol > li {
  padding-left: 30px; }
  .content ol > li:before {
    width: 1.5em;
    height: 1.5em;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    line-height: 1.2em !important;
    margin-top: 0.2em; }
    @media only screen and (min-width: 768px) {
      .content ol > li:before {
        font-size: 15px;
        line-height: 28px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }

h1.heading.heading-primary {
  font-size: 40px;
  line-height: 60px; }
  @media only screen and (max-width: 767px) {
    h1.heading.heading-primary {
      font-size: 27px;
      line-height: 33px;
      text-align: center; } }

body .btn__link-normal {
  color: #0984de; }
  body .btn__link-normal:hover {
    color: #2ACFFC; }

.menuBtn__naviLink.icon-line {
  background-color: #00C300; }
  .menuBtn__naviLink.icon-line:hover {
    animation: flash 1s; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
ul.sub-menu {
  display: none; }

.widget.widget_categories ul .children li .children li:first-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child a {
  padding: 0; }

.widget-side {
  position: relative; }
  .widget-side .widgetSearch__contents .widgetSearch__word {
    display: none; }
  .widget-side .widgetSearch__contents:nth-child(2) {
    display: none; }

.l-sidebar .widget {
  margin: 0 auto 30px; }
  .l-sidebar .widget .heading, .l-sidebar .widget .heading.heading-widgetwide {
    border-bottom: 3px solid #0984de;
    padding: 0 0 0 0.4em;
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em;
    background-color: transparent;
    margin-bottom: 1em; }
    @media only screen and (min-width: 768px) {
      .l-sidebar .widget .heading, .l-sidebar .widget .heading.heading-widgetwide {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }
    .l-sidebar .widget .heading:before, .l-sidebar .widget .heading:after, .l-sidebar .widget .heading.heading-widgetwide:before, .l-sidebar .widget .heading.heading-widgetwide:after {
      display: none; }
  .l-sidebar .widget.widget_nav_menu {
    margin: 0 auto; }
  .l-sidebar .widget.widget_media_image {
    margin-top: 10px; }
  .l-sidebar .widget.widget_archive {
    margin-top: 30px; }

.menuBtn__scroll .widget.widget_custom_html {
  margin-bottom: 0;
  padding: 0 20px; }
.menuBtn__scroll .widget.widget_media_image {
  padding: 0 15px;
  padding-top: 10px; }
  .menuBtn__scroll .widget.widget_media_image a img {
    padding: 10px 15px;
    border: 1px solid #A0A0A0; }
  .menuBtn__scroll .widget.widget_media_image a:hover img {
    opacity: .7; }
.menuBtn__scroll .widget.widget_custom_html {
  border: 1px solid #A0A0A0;
  border-top: none;
  padding-bottom: 10px; }
  .menuBtn__scroll .widget.widget_custom_html p {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .menuBtn__scroll .widget.widget_custom_html p {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }

.widget_media_image a img {
  padding: 10px 15px;
  border: 1px solid #A0A0A0; }
.widget_media_image a:hover img {
  opacity: .7; }

body .menuBtn__scroll .widget.widget_nav_menu ul.menu li {
  padding-left: 15px; }

.widget.widget_recent_entries ul li {
  padding: 10px 5px; }
  .widget.widget_recent_entries ul li a {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #0984de;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .widget.widget_recent_entries ul li a {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #0984de;
        letter-spacing: 0.05em; } }
    .widget.widget_recent_entries ul li a:hover {
      color: #0767ad; }
.widget.widget_recent_entries .post-date {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #666666;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .widget.widget_recent_entries .post-date {
      font-size: 14px;
      line-height: 22px;
      font-weight: normal;
      color: #666666;
      letter-spacing: 0.05em; } }

.widgetSearch__input, .widget select {
  border-radius: 5px; }

body .widget.widget_nav_menu ul.menu li a, body .widget.widget_nav_menu ul.menu li.current-menu-item a {
  background-color: transparent;
  padding: 1em 0 1em 1em;
  color: #111; }
  body .widget.widget_nav_menu ul.menu li a:hover, body .widget.widget_nav_menu ul.menu li.current-menu-item a:hover {
    background-color: transparent;
    color: #0984de; }
body .widget.widget_nav_menu ul.menu li.current_page_parent > ul.sub-menu, body .widget.widget_nav_menu ul.menu li.current-menu-item.current_page_parent > ul.sub-menu {
  display: block; }
body .widget.widget_nav_menu ul.menu li.current-menu-item {
  background-color: #E5E5E5; }
  body .widget.widget_nav_menu ul.menu li.current-menu-item a {
    color: #0984de;
    font-weight: bold;
    background-color: transparent !important;
    padding-left: 1.2em; }
    body .widget.widget_nav_menu ul.menu li.current-menu-item a:hover {
      color: #0984de;
      font-weight: bold; }
  body .widget.widget_nav_menu ul.menu li.current-menu-item .sub-menu li {
    background-color: #fff; }
body .widget.widget_nav_menu ul.menu li .sub-menu li {
  border-color: #E5E5E5;
  margin-left: -0.5em;
  margin-right: -0.5em;
  /*
  &.current-menu-item {
    a {
      //color: $color-main;
      background-color: transparent;
    }
  }
  */ }
  body .widget.widget_nav_menu ul.menu li .sub-menu li a {
    color: #111;
    font-weight: normal;
    padding: 0.7em 0 0.7em 2em;
    padding-left: 1.2em;
    width: 100%; }
    body .widget.widget_nav_menu ul.menu li .sub-menu li a:before {
      display: none; }
    body .widget.widget_nav_menu ul.menu li .sub-menu li a:hover {
      background-color: transparent;
      font-weight: normal; }
    body .widget.widget_nav_menu ul.menu li .sub-menu li a:after {
      display: none; }
  body .widget.widget_nav_menu ul.menu li .sub-menu li:before {
    top: 0.6em;
    content: '\f105';
    padding-left: 0.5em; }

body .menuBtn__contentInner .widget.widget_nav_menu ul.menu li .sub-menu li {
  margin-left: -15px;
  margin-right: -15px;
  padding-right: 15px; }

.widget.widget_categories ul .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child,
.widget.widget_categories ul .children li .children li:last-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:last-child {
  padding: 0.7em 0 0.7em 2em; }

body .widget.widget_nav_menu ul.menu {
  border: none; }
  body .widget.widget_nav_menu ul.menu li {
    cursor: pointer;
    border-color: #E5E5E5;
    position: relative;
    padding-left: 0.5em; }
    body .widget.widget_nav_menu ul.menu li:first-child {
      border-top: 1px solid #E5E5E5; }
    body .widget.widget_nav_menu ul.menu li a {
      width: 80%;
      display: inline-block;
      padding-left: 1.2em; }
      body .widget.widget_nav_menu ul.menu li a:before {
        display: none; }
      body .widget.widget_nav_menu ul.menu li a:hover {
        color: #0984de;
        font-weight: normal; }
    body .widget.widget_nav_menu ul.menu li:before {
      display: none;
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-style: normal;
      font-size: inherit;
      display: inline-block;
      padding-right: 0.25rem;
      content: '\f138';
      color: #0984de;
      position: absolute;
      top: 0.9em; }
  body .widget.widget_nav_menu ul.menu li.menu-item-has-children {
    position: relative;
    z-index: 5; }
    body .widget.widget_nav_menu ul.menu li.menu-item-has-children:after {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-style: normal;
      font-size: inherit;
      display: inline-block;
      padding-right: 0.25rem;
      content: '\f0d7';
      color: #111;
      position: absolute;
      right: 0;
      font-size: 1.5em;
      top: 0.7em;
      z-index: 10;
      padding: 0 1em;
      line-height: 1.2; }
    body .widget.widget_nav_menu ul.menu li.menu-item-has-children.slide-open:after, body .widget.widget_nav_menu ul.menu li.menu-item-has-children.current_page_ancestor:after {
      content: '\f0da';
      color: #0984de; }
    body .widget.widget_nav_menu ul.menu li.menu-item-has-children.current_page_ancestor.slide-open-current:after {
      content: '\f0d7';
      color: #111; }
    body .widget.widget_nav_menu ul.menu li.menu-item-has-children a:after {
      content: "";
      display: inline-block;
      width: 2px;
      height: 28px;
      background-color: #111;
      position: absolute;
      top: 0.9em;
      right: 20%; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.widgetSearch .widgetSearch__contents:nth-child(2) {
  display: none; }
.widgetSearch .widgetSearch__contents .heading {
  border-left: 12px solid #F79283;
  padding-left: 0.4em; }

.searchBtn__content {
  height: 80%;
  top: 10%;
  border-radius: 12px; }

.searchBtn__scroll {
  position: relative; }

.searchBtn__contentInner .widget {
  position: static; }

.widgetSearch__wordItem {
  margin: 12px 12px 0 0; }
  .widgetSearch__wordItem a {
    border-radius: 8px; }

.searchBtn__close {
  margin: 30px auto; }

.btn.btn-search {
  background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
  background-image: -webkit-linear-gradient(right, #41d8c1 40%, #0984de 100%);
  background-image: linear-gradient(to left, #41d8c1 40%, #0984de 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50px;
  margin-top: 30px; }
  .btn.btn-search button.btn__link.btn__link-search {
    font-size: 15px !important;
    line-height: 27px !important;
    font-weight: normal !important;
    color: #fff !important;
    letter-spacing: 0.05em !important;
    background-color: transparent;
    border: none;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.05em;
    padding: 0;
    line-height: 50px !important;
    position: relative;
    overflow: visible; }
    @media only screen and (min-width: 768px) {
      .btn.btn-search button.btn__link.btn__link-search {
        font-size: 16px !important;
        line-height: 29px !important;
        font-weight: normal !important;
        color: #fff !important;
        letter-spacing: 0.05em !important; } }
    @media only screen and (min-width: 768px) {
      .btn.btn-search button.btn__link.btn__link-search {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.05em; } }
    @media only screen and (min-width: 768px) {
      .btn.btn-search button.btn__link.btn__link-search {
        line-height: 50px !important; } }
    .btn.btn-search button.btn__link.btn__link-search:before, .btn.btn-search button.btn__link.btn__link-search:after {
      display: none; }
    .btn.btn-search button.btn__link.btn__link-search:before {
      content: none;
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-style: normal;
      font-size: inherit;
      display: inline-block;
      padding-right: 0.25rem;
      content: '\f061';
      color: #fff;
      position: absolute;
      right: 100px;
      transform: none;
      width: auto;
      height: auto;
      margin: inherit;
      border: none; }
  .btn.btn-search:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
    background-image: -webkit-linear-gradient(right, #41d8c1 0%, #0984de 100%);
    background-image: linear-gradient(to left, #41d8c1 0%, #0984de 100%); }

.widgetSearch .btn.btn-search {
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px; }

.l-main.search_wrap ul.dateList li {
  display: none; }
.l-main.search_wrap ul.controller li.controller__item:nth-child(1), .l-main.search_wrap ul.controller li.controller__item:nth-child(2) {
  display: none; }
.l-main.search_wrap .eyecatch__link-zoomrotate {
  border-radius: 0; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.flexbox-wrap {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex; }

.flexWrap-wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.align-items-ct {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-basis-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.justifyContent-ct {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.pager__item {
  font-size: initial; }
  .pager__item a:hover {
    color: #fff;
    background-color: #55b3f8; }

.btn-right {
  display: inline-block;
  padding-bottom: 20px; }

.archiveHead__contents .btn-right {
  width: auto; }

.btn_shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .btn_shadow:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }

.btn_bs_shadow {
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .btn_bs_shadow:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }

.btn_sm {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 2em;
  font-size: .9em; }
  @media only screen and (min-width: 768px) {
    .btn_sm {
      height: 40px;
      line-height: 40px;
      padding: 0 3em;
      font-size: 1em; } }

.btn_md {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 2em; }

.btn_lg {
  display: inline-block;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 3em; }

.round50 {
  border-radius: 50px; }

.accent_btn {
  background-color: #F79283;
  color: #fff; }
  .accent_btn:hover {
    background: #f46853; }

.main_btn {
  background-color: #0984de;
  color: #fff; }
  .main_btn:hover {
    background: #0767ad; }

.bd_gd_btn {
  position: relative;
  padding: 6px;
  background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
  background-image: -webkit-linear-gradient(right, #41d8c1 0%, #0984de 100%);
  background-image: linear-gradient(to left, #41d8c1 0%, #0984de 100%);
  text-align: center;
  margin: 0 auto;
  margin-top: 1em;
  transition: .3s; }
  .bd_gd_btn span {
    display: block;
    padding: 0.5em;
    background: #fff;
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .bd_gd_btn span {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }
  .bd_gd_btn:hover span {
    background-color: inherit;
    border-radius: 5px;
    color: #fff; }
  @media only screen and (min-width: 768px) {
    .bd_gd_btn span {
      padding: 1rem 2rem; } }

.gd_btn {
  background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
  background-image: -webkit-linear-gradient(right, #41d8c1 40%, #0984de 100%);
  background-image: linear-gradient(to left, #41d8c1 40%, #0984de 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .gd_btn span {
    font-size: 15px !important;
    line-height: 27px !important;
    font-weight: normal !important;
    color: #fff !important;
    letter-spacing: 0.05em !important; }
    @media only screen and (min-width: 768px) {
      .gd_btn span {
        font-size: 16px !important;
        line-height: 29px !important;
        font-weight: normal !important;
        color: #fff !important;
        letter-spacing: 0.05em !important; } }
  .gd_btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f3e5';
    color: #fff; }
  .gd_btn:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
    background-image: -webkit-linear-gradient(right, #41d8c1 0%, #0984de 100%);
    background-image: linear-gradient(to left, #41d8c1 0%, #0984de 100%); }

.back_btn {
  border: 2px solid #41d8c1;
  color: #41d8c1;
  margin: 0 auto;
  transition: all 0.3s; }
  .back_btn span {
    font-size: 15px !important;
    line-height: 27px !important;
    font-weight: normal !important;
    color: #41d8c1 !important;
    letter-spacing: 0.05em !important; }
    @media only screen and (min-width: 768px) {
      .back_btn span {
        font-size: 16px !important;
        line-height: 29px !important;
        font-weight: normal !important;
        color: #41d8c1 !important;
        letter-spacing: 0.05em !important; } }
  .back_btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f3e5';
    color: #41d8c1; }
  .back_btn:hover {
    background-color: #41d8c1; }
    .back_btn:hover span {
      font-size: 15px !important;
      line-height: 27px !important;
      font-weight: normal !important;
      color: #fff !important;
      letter-spacing: 0.05em !important; }
      @media only screen and (min-width: 768px) {
        .back_btn:hover span {
          font-size: 16px !important;
          line-height: 29px !important;
          font-weight: normal !important;
          color: #fff !important;
          letter-spacing: 0.05em !important; } }
    .back_btn:hover:before {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-style: normal;
      font-size: inherit;
      display: inline-block;
      padding-right: 0.25rem;
      content: '\f3e5';
      color: #fff; }

.btn__link.btn__link-primary {
  background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
  background-image: -webkit-linear-gradient(right, #41d8c1 40%, #0984de 100%);
  background-image: linear-gradient(to left, #41d8c1 40%, #0984de 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  margin: 0 auto;
  width: 300px;
  height: 50px;
  line-height: 50px !important;
  padding: 0;
  border: none;
  border-radius: 50px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .btn__link.btn__link-primary {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em; } }
  .btn__link.btn__link-primary:before {
    display: none; }
  .btn__link.btn__link-primary:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f1d8';
    position: static;
    margin-left: 1em;
    height: auto;
    left: inherit;
    opacity: 1;
    background: transparent;
    transform: none;
    padding: 0;
    margin: 0; }
  .btn__link.btn__link-primary:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
    background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
    background-image: -webkit-linear-gradient(right, #41d8c1 0%, #0984de 100%);
    background-image: linear-gradient(to left, #41d8c1 0%, #0984de 100%);
    border: none; }
    .btn__link.btn__link-primary:hover:after {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-style: normal;
      font-size: inherit;
      display: inline-block;
      padding-right: 0.25rem;
      content: '\f1d8';
      position: static;
      margin-left: 1em;
      height: auto;
      left: inherit;
      opacity: 1;
      background: transparent;
      transform: none;
      padding: 0;
      margin: 0; }

.divider, .dividerBottom {
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .divider, .dividerBottom {
      margin-bottom: 20px; } }

.social-top .socialList-type03 li, .social-bottom .socialList-type03 li {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0 0 0 1.5em; }
  .social-top .socialList-type03 li a.socialList__link, .social-bottom .socialList-type03 li a.socialList__link {
    color: #fff;
    line-height: 32px;
    height: 32px;
    width: 32px;
    padding: 0 !important; }
  @media only screen and (min-width: 768px) {
    .social-top .socialList-type03 li a.socialList__link, .social-bottom .socialList-type03 li a.socialList__link {
      width: 50px;
      height: 50px;
      line-height: 50px; } }
  .social-top .socialList-type03 li:before, .social-bottom .socialList-type03 li:before {
    display: none; }
  .social-top .socialList-type03 li:first-child, .social-bottom .socialList-type03 li:first-child {
    margin-left: 0; }

.socialList {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center; }

span.link a {
  display: inline-block !important;
  text-decoration: underline !important;
  transition: .3s !important;
  color: #55b3f8 !important;
  margin: 10px 0 !important;
  padding-left: 0.2em; }
  span.link a:hover {
    color: #0767ad !important; }
  span.link a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f0c1';
    padding-left: 0.2em; }

.menuBtn__naviItem {
  margin: 0 1em; }

.snsFooter__link {
  padding: 0.8em 1.5em; }

.bottomFooter__list li a {
  padding: 0.3em 0; }

.social-top .socialList {
  margin-top: 1em;
  margin-bottom: 1.5em;
  padding: 0; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.divider, .dividerTop {
  margin-top: 20px; }
  @media only screen and (min-width: 768px) {
    .divider, .dividerTop {
      margin-top: 40px; } }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* font
------------------------------------------------------*/
html, body, main, div,
p, ul li, ol li, a, span, th, td,
li span, li a, p a,
.phrase.phrase-secondary {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    html, body, main, div,
    p, ul li, ol li, a, span, th, td,
    li span, li a, p a,
    .phrase.phrase-secondary {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }

h1, h1 span, h1 a {
  font-size: 22px;
  line-height: 31px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    h1, h1 span, h1 a {
      font-size: 30px;
      line-height: 41px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }

h2, h2 span, h2 a,
.heading.heading-secondary,
.heading.heading-secondary a,
h2.heading, h2.heading.heading-main {
  font-size: 19px;
  line-height: 30px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    h2, h2 span, h2 a,
    .heading.heading-secondary,
    .heading.heading-secondary a,
    h2.heading, h2.heading.heading-main {
      font-size: 25px;
      line-height: 38px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }

h3, h3 span, h3 a {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    h3, h3 span, h3 a {
      font-size: 22px;
      line-height: 31px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }

h4, h4 span, h4 a {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    h4, h4 span, h4 a {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }

.btn__link-normal, .dateList__item {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .btn__link-normal, .dateList__item {
      font-size: 15px;
      line-height: 28px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }

h2 span.small {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    h2 span.small {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }

main.custom_original div, main.custom_original p, main.custom_original ul li, main.custom_original ol li, main.custom_original a, main.custom_original span, main.custom_original th, main.custom_original td,
main.custom_original li span, main.custom_original li a, main.custom_original p a,
main .postContents.single div,
main .postContents.single p,
main .postContents.single ul li,
main .postContents.single ol li,
main .postContents.single a,
main .postContents.single span,
main .postContents.single th,
main .postContents.single td,
main .postContents.single li span,
main .postContents.single li a,
main .postContents.single p a,
.content div,
.content p,
.content ul li,
.content ol li,
.content a,
.content span,
.content th,
.content td,
.content li span,
.content li a,
.content p a {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    main.custom_original div, main.custom_original p, main.custom_original ul li, main.custom_original ol li, main.custom_original a, main.custom_original span, main.custom_original th, main.custom_original td,
    main.custom_original li span, main.custom_original li a, main.custom_original p a,
    main .postContents.single div,
    main .postContents.single p,
    main .postContents.single ul li,
    main .postContents.single ol li,
    main .postContents.single a,
    main .postContents.single span,
    main .postContents.single th,
    main .postContents.single td,
    main .postContents.single li span,
    main .postContents.single li a,
    main .postContents.single p a,
    .content div,
    .content p,
    .content ul li,
    .content ol li,
    .content a,
    .content span,
    .content th,
    .content td,
    .content li span,
    .content li a,
    .content p a {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }
main.custom_original h1, main.custom_original h1 span, main.custom_original h1 a,
main .postContents.single h1,
main .postContents.single h1 span,
main .postContents.single h1 a,
.content h1,
.content h1 span,
.content h1 a {
  font-size: 22px;
  line-height: 31px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h1, main.custom_original h1 span, main.custom_original h1 a,
    main .postContents.single h1,
    main .postContents.single h1 span,
    main .postContents.single h1 a,
    .content h1,
    .content h1 span,
    .content h1 a {
      font-size: 30px;
      line-height: 41px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
main.custom_original h2, main.custom_original h2 span, main.custom_original h2 a,
main .postContents.single h2,
main .postContents.single h2 span,
main .postContents.single h2 a,
.content h2,
.content h2 span,
.content h2 a {
  font-size: 19px;
  line-height: 30px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em;
  margin-top: 2.5em;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h2, main.custom_original h2 span, main.custom_original h2 a,
    main .postContents.single h2,
    main .postContents.single h2 span,
    main .postContents.single h2 a,
    .content h2,
    .content h2 span,
    .content h2 a {
      font-size: 25px;
      line-height: 38px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
main.custom_original h3, main.custom_original h3 span, main.custom_original h3 a,
main .postContents.single h3,
main .postContents.single h3 span,
main .postContents.single h3 a,
.content h3,
.content h3 span,
.content h3 a {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em;
  padding-bottom: 0.3em;
  margin-top: 1.5em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h3, main.custom_original h3 span, main.custom_original h3 a,
    main .postContents.single h3,
    main .postContents.single h3 span,
    main .postContents.single h3 a,
    .content h3,
    .content h3 span,
    .content h3 a {
      font-size: 22px;
      line-height: 31px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
main.custom_original h4, main.custom_original h4 span, main.custom_original h4 a,
main .postContents.single h4,
main .postContents.single h4 span,
main .postContents.single h4 a,
.content h4,
.content h4 span,
.content h4 a {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em;
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h4, main.custom_original h4 span, main.custom_original h4 a,
    main .postContents.single h4,
    main .postContents.single h4 span,
    main .postContents.single h4 a,
    .content h4,
    .content h4 span,
    .content h4 a {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
main.custom_original h5, main.custom_original h5 span, main.custom_original h5 a,
main .postContents.single h5,
main .postContents.single h5 span,
main .postContents.single h5 a,
.content h5,
.content h5 span,
.content h5 a {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #0984de;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  margin-top: 1em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h5, main.custom_original h5 span, main.custom_original h5 a,
    main .postContents.single h5,
    main .postContents.single h5 span,
    main .postContents.single h5 a,
    .content h5,
    .content h5 span,
    .content h5 a {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #0984de;
      letter-spacing: 0.05em; } }

@media only screen and (max-width: 767px) {
  .partsH2-4 h2, .partsH3-4 h3, .partsH4-4 h4, .partsH5-4 h5 {
    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .content h2 {
    padding-bottom: 6px !important;
    margin-bottom: 20px;
    margin-top: 30px; } }

.content ol, .content ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
  .content ol li, .content ul li {
    margin-top: 0; }

.content .es-BmarkQ, .content .es-BmarkA {
  padding: 0.8em 0 !important; }
.content .es-BmarkQ {
  margin-top: 1.5em;
  font-size: 19px !important;
  font-weight: bold !important;
  line-height: 29px !important;
  padding: 1em 0 0.2em; }
  @media only screen and (max-width: 767px) {
    .content .es-BmarkQ {
      font-size: 17px !important;
      line-height: 25px !important; } }
  .content .es-BmarkQ:before {
    top: -20px; }
  .content .es-BmarkQ:after {
    top: 10px; }
.content .es-BmarkA {
  padding-top: 1em; }
  .content .es-BmarkA:before {
    top: -10px;
    font-size: 24px;
    width: auto;
    height: auto;
    line-height: normal; }

.content ul li {
  padding-left: 1.2em; }

.content ol li {
  padding-left: 1.6em; }

/*
タイトル
-----------------------------------------*/
h1.heading.heading-primary,
h2.heading.heading-primary,
.pickup3 h2 {
  position: relative;
  padding: 0 0 .2em .2em; }
  h1.heading.heading-primary:after,
  h2.heading.heading-primary:after,
  .pickup3 h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    content: '';
    border-radius: 3px;
    background-image: -webkit-gradient(linear, left top, right top, from(#0984de), to(#41d8c1));
    background-image: -webkit-linear-gradient(left, #0984de 0%, #41d8c1 100%);
    background-image: linear-gradient(to right, #0984de 0%, #41d8c1 100%); }
  h1.heading.heading-primary h1.heading.heading-primary,
  h2.heading.heading-primary h1.heading.heading-primary,
  .pickup3 h2 h1.heading.heading-primary {
    font-size: 22px;
    line-height: 31px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      h1.heading.heading-primary h1.heading.heading-primary,
      h2.heading.heading-primary h1.heading.heading-primary,
      .pickup3 h2 h1.heading.heading-primary {
        font-size: 30px;
        line-height: 41px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }
  h1.heading.heading-primary h2.heading.heading-primary,
  h2.heading.heading-primary h2.heading.heading-primary,
  .pickup3 h2 h2.heading.heading-primary {
    font-size: 19px;
    line-height: 30px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      h1.heading.heading-primary h2.heading.heading-primary,
      h2.heading.heading-primary h2.heading.heading-primary,
      .pickup3 h2 h2.heading.heading-primary {
        font-size: 25px;
        line-height: 38px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }
  @media only screen and (max-width: 767px) {
    h1.heading.heading-primary,
    h2.heading.heading-primary,
    .pickup3 h2 {
      padding: 0 0 .4em 0;
      margin-bottom: 0.8em !important; } }

p.heading.heading-primary a {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em;
  padding: 0.2em 0.5em;
  margin: 0; }
  @media only screen and (min-width: 768px) {
    p.heading.heading-primary a {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
  p.heading.heading-primary a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f105';
    color: #111;
    padding-right: 0.25rem; }
  p.heading.heading-primary a:hover {
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #0984de;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      p.heading.heading-primary a:hover {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #0984de;
        letter-spacing: 0.05em; } }
    p.heading.heading-primary a:hover:before {
      color: #0984de; }

/* パーツスタイル設定
------------------------------------------------------*/
.custom_original .content .acc_color, .custom_original .content .acc_color * {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #41d8c1;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  border: none;
  padding: 0;
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .custom_original .content .acc_color, .custom_original .content .acc_color * {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #41d8c1;
      letter-spacing: 0.05em; } }
.custom_original .content .ep-inbox {
  background-color: inherit; }

.mce-content-body .ep-box {
  background-color: rgba(0, 0, 0, 0.1); }

.content .ftc-main {
  color: #0984de !important; }
.content .ftc-sub {
  color: #41d8c1 !important; }
.content .ftc-accent {
  color: #F79283 !important; }
.content .bgc-main {
  background-color: #0984de !important; }
.content .bgc-sub {
  background-color: #41d8c1 !important; }
.content .bgc-accent {
  background-color: #F79283 !important; }
.content .bgc-Laccent {
  background-color: #fcd1cb !important; }
.content .bgc-Lblue {
  background-color: #E5F6FC !important; }
.content .brc-main {
  border-color: #0984de !important; }
.content .brc-sub {
  border-color: #41d8c1 !important; }
.content .brc-accent {
  border-color: #F79283 !important; }
.content .fnt-md-sub {
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #41d8c1;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .content .fnt-md-sub {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #41d8c1;
      letter-spacing: 0.05em; } }

.content .es-BsubTradi-org {
  margin-top: 1.8em;
  padding-top: 1.4rem !important; }
  .content .es-BsubTradi-org:before {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    font-weight: bold !important;
    line-height: 19px !important;
    color: #0984de !important;
    padding: 0 0.2em;
    left: 0.5em;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .content .es-BsubTradi-org:before {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
  .content .es-BsubTradi-org p {
    margin-top: 10px; }
    .content .es-BsubTradi-org p:first-child {
      margin-top: 0 !important; }
.content .list-style-nonspace {
  background-color: inherit;
  padding: 0; }
  .content .list-style-nonspace ul {
    padding: 0; }
    .content .list-style-nonspace ul li {
      margin-top: 4px; }
      .content .list-style-nonspace ul li:before {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-style: normal;
        font-size: inherit;
        display: inline-block;
        padding-right: 0.25rem;
        content: '\f192'; }
  @media only screen and (max-width: 767px) {
    .content .list-style-nonspace {
      margin-left: calc(-50vw + 50%); }
      .content .list-style-nonspace ul {
        margin-left: -15px;
        background-color: inherit !important; } }
.content .org-icon-box {
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .content .org-icon-box {
      background-color: inherit !important;
      padding: 0;
      text-align: left; } }
.content .ep-box.icon-arrow-down {
  margin: 0;
  padding-bottom: 0; }
  .content .ep-box.icon-arrow-down::before {
    font-size: 30px;
    color: #888888; }

/* カラム
------------------------------------------------------*/
.custom_original .content .column__item img {
  width: 100%;
  height: auto; }
.custom_original .content .column__item ul li {
  list-style: none;
  padding-left: 12px;
  position: relative;
  margin-top: .4em; }
  .custom_original .content .column__item ul li::before, .custom_original .content .column__item ul li::after {
    display: none; }
  .custom_original .content .column__item ul li::before {
    content: "";
    /* 空の要素作成 */
    width: 10px;
    /* 幅指定 */
    height: 10px;
    /* 高さ指定 */
    display: inline-block;
    /* インラインブロックにする */
    background-color: #111;
    /* 背景色指定 */
    border-radius: 50%;
    /* 要素を丸くする */
    position: absolute;
    /* 位置調整 */
    top: 0.6em;
    /* 位置調整 */ }

/* テーブル
------------------------------------------------------*/
.content .table-3 {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .content .table-3 table tbody tr td, .content .table-3 table tbody td {
      text-align: right !important;
      margin-left: auto !important; }
    .content .table-3 table tr td {
      padding: .4em 1em; } }
.content table {
  border-collapse: collapse;
  margin: 0 auto;
  margin-top: 1em !important;
  padding: 0;
  table-layout: fixed; }
  @media only screen and (max-width: 767px) {
    .content table {
      border: 0;
      width: 100%; } }
  .content table tr {
    padding: .35em;
    border-bottom: 2px solid #fff;
    background-color: #E5F6FC;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .content table tr {
        display: block;
        margin-bottom: .625em; }
        .content table tr th, .content table tr td {
          width: 100% !important;
          border: none; }
        .content table tr th {
          display: block;
          background-color: #0984de !important; }
        .content table tr td {
          border-bottom: 1px solid #41d8c1;
          display: block;
          position: relative;
          padding: .4em .6em;
          border-right: none; }
          .content table tr td::before {
            content: attr(data-label);
            font-weight: bold;
            position: absolute;
            left: 10px;
            color: #0767ad; }
          .content table tr td:last-child {
            border-bottom: 0; } }
  .content table th, .content table td {
    padding: .6em 1.2em .6em .8em;
    border-right: 2px solid #fff; }
  .content table thead th {
    background-color: #41d8c1; }
  @media only screen and (max-width: 767px) {
    .content table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; } }

.content table tr {
  height: auto !important; }
  .content table tr td, .content table tr th {
    height: auto !important; }

.prevNext__item.prevNext__item-prev,
.prevNext__item.prevNext__item-next {
  width: calc((100% - (30px / 2))/2 );
  border: none;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .prevNext__item.prevNext__item-prev,
    .prevNext__item.prevNext__item-next {
      width: 100%; } }

.prevNext__item.prevNext__item-prev {
  margin-right: 15px; }
  @media only screen and (max-width: 767px) {
    .prevNext__item.prevNext__item-prev {
      margin-right: 0;
      margin-bottom: 15px; } }

.prevNext {
  border: none;
  padding: 1em 0; }

.prevNext__title span {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #D5D5D5;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .prevNext__title span {
      font-size: 15px;
      line-height: 28px;
      font-weight: normal;
      color: #D5D5D5;
      letter-spacing: 0.05em; } }
.prevNext__title h3.heading.heading-secondary {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .prevNext__title h3.heading.heading-secondary {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em; } }

.categoryBox {
  padding-top: 0; }
  .categoryBox .categoryBox__list .dateList__item {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #A0A0A0;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .categoryBox .categoryBox__list .dateList__item {
        font-size: 11px;
        line-height: 18px;
        font-weight: normal;
        color: #A0A0A0;
        letter-spacing: 0.05em; } }
  .categoryBox .categoryBox__list h2.heading.heading-tertiary a {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .categoryBox .categoryBox__list h2.heading.heading-tertiary a {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }

/* 目次
------------------------------------------------------*/
nav ul.ez-toc-list li:before {
  display: none; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.l-wrapper.custom .l-sidebar .widget-side.widget_archive, .l-wrapper.custom .l-sidebar .widget-side.widget_recent_entries, .l-wrapper.base .l-sidebar .widget-side.widget_archive, .l-wrapper.base .l-sidebar .widget-side.widget_recent_entries {
  display: none; }

div.single-costom {
  margin-top: 0; }

.custom_top_wrap .inner {
  margin-top: 0;
  background-color: #e8f5fe; }
.custom_top_wrap .top_visual_wrap {
  max-width: 1100px;
  text-align: left;
  margin: 0 auto;
  padding: 1em 15px 2em;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .custom_top_wrap .top_visual_wrap {
      padding: 3em 15px; } }
.custom_top_wrap .ttl-wrap {
  background-color: #0984de;
  color: #fff; }
  .custom_top_wrap .ttl-wrap h1 {
    text-align: center;
    margin: 0 auto !important;
    padding: 0.4em 15px;
    max-width: 1100px; }
    .custom_top_wrap .ttl-wrap h1 span {
      border: 2px solid #fff;
      letter-spacing: 0.08em;
      padding: 0.3em 0;
      margin: 0;
      display: block;
      color: #fff !important; }
    .custom_top_wrap .ttl-wrap h1:after {
      display: none; }
.custom_top_wrap .flexbox-wrap {
  position: relative; }
  .custom_top_wrap .flexbox-wrap figure {
    width: 40%;
    margin: 0;
    display: grid;
    place-items: center center;
    position: absolute;
    top: 0;
    right: 0; }
    .custom_top_wrap .flexbox-wrap figure img {
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .custom_top_wrap .flexbox-wrap figure {
        width: 30%; } }
  .custom_top_wrap .flexbox-wrap .text-wrap {
    flex-basis: 70%;
    box-sizing: border-box;
    z-index: 2;
    text-align: left;
    margin-top: 0.4em; }
    .custom_top_wrap .flexbox-wrap .text-wrap h2 span {
      letter-spacing: 0.1em;
      background: linear-gradient(transparent 60%, #FFFF66 60%); }
    .custom_top_wrap .flexbox-wrap .text-wrap h2:before, .custom_top_wrap .flexbox-wrap .text-wrap h2:after {
      display: none; }
.custom_top_wrap .top_list {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 10px;
  position: relative;
  z-index: 2; }
  .custom_top_wrap .top_list li {
    list-style: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    padding-top: 0.2em;
    padding-left: 0.4em;
    margin: 0;
    margin-left: 5px;
    border-left: 7px solid #0984de; }
    @media only screen and (min-width: 768px) {
      .custom_top_wrap .top_list li {
        font-size: 15px;
        line-height: 28px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
    .custom_top_wrap .top_list li:before, .custom_top_wrap .top_list li:after {
      display: none; }
    .custom_top_wrap .top_list li.ttl {
      border: none;
      margin-left: 0;
      padding-top: 0; }
      .custom_top_wrap .top_list li.ttl span {
        font-size: 15px;
        line-height: 27px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em;
        font-weight: bold;
        display: block; }
        @media only screen and (min-width: 768px) {
          .custom_top_wrap .top_list li.ttl span {
            font-size: 16px;
            line-height: 29px;
            font-weight: normal;
            color: #111;
            letter-spacing: 0.05em; } }
        .custom_top_wrap .top_list li.ttl span.sub {
          padding-left: 4em;
          padding-bottom: 0.4em; }
  @media only screen and (min-width: 768px) {
    .custom_top_wrap .top_list {
      width: 60%;
      padding: 20px;
      margin: 30px 0 15px 0; }
      .custom_top_wrap .top_list li.ttl span {
        display: inline-block; }
        .custom_top_wrap .top_list li.ttl span.sub {
          padding-left: 1em;
          border: none; } }
.custom_top_wrap.custom_child_wrap {
  padding: 0 15px;
  text-align: center;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .custom_top_wrap.custom_child_wrap {
      max-width: 1100px; } }
  .custom_top_wrap.custom_child_wrap .ttl-wrap {
    background-color: #fff;
    color: #111;
    text-align: center;
    margin: 0 auto;
    padding: 2em 0; }
    @media only screen and (max-width: 767px) {
      .custom_top_wrap.custom_child_wrap .ttl-wrap {
        padding: 1em 0; } }
    .custom_top_wrap.custom_child_wrap .ttl-wrap h1 {
      padding: 0;
      max-width: 1100px;
      font-size: 22px;
      line-height: 31px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em;
      position: relative;
      display: inline-block;
      margin-bottom: 1em; }
      @media only screen and (min-width: 768px) {
        .custom_top_wrap.custom_child_wrap .ttl-wrap h1 {
          font-size: 30px;
          line-height: 41px;
          font-weight: bold;
          color: #111;
          letter-spacing: 0.05em; } }
      .custom_top_wrap.custom_child_wrap .ttl-wrap h1:before {
        content: '';
        position: absolute;
        bottom: -15px;
        display: inline-block;
        width: 60px;
        height: 7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #F79283;
        border-radius: 4px; }
  .custom_top_wrap.custom_child_wrap .top_visual_wrap {
    background-color: #F8F4DA;
    padding: 1em 2em; }
    @media only screen and (max-width: 767px) {
      .custom_top_wrap.custom_child_wrap .top_visual_wrap {
        padding: 0.8em 1.2em;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 1em; } }

h2.child_catch, h2.child_catch span {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #111;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  letter-spacing: 0.08em !important; }
  @media only screen and (min-width: 768px) {
    h2.child_catch, h2.child_catch span {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em; } }

main.custom_original .btn_wrap ul {
  margin-left: -15px;
  padding: 0; }
  main.custom_original .btn_wrap ul.last {
    padding-top: 2em; }
  main.custom_original .btn_wrap ul li {
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-left: 0; }
    main.custom_original .btn_wrap ul li.cure_btn_wrap {
      flex: 100%;
      text-align: center;
      margin: auto;
      margin-left: 15px;
      margin-bottom: 15px; }
      main.custom_original .btn_wrap ul li.cure_btn_wrap a {
        display: block;
        background-color: #41d8c1; }
        main.custom_original .btn_wrap ul li.cure_btn_wrap a:before {
          content: '\f100'; }
        main.custom_original .btn_wrap ul li.cure_btn_wrap a:hover {
          background-color: #23aa95; }
    main.custom_original .btn_wrap ul li:before, main.custom_original .btn_wrap ul li:after {
      display: none; }
    main.custom_original .btn_wrap ul li a, main.custom_original .btn_wrap ul li span {
      padding: 0.5em 1.2em;
      color: #fff;
      letter-spacing: .1em;
      font-weight: bold;
      display: inline-block;
      border-radius: 5px; }
    main.custom_original .btn_wrap ul li a {
      background-color: #0984de;
      cursor: pointer;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
      main.custom_original .btn_wrap ul li a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-style: normal;
        font-size: inherit;
        display: inline-block;
        padding-right: 0.25rem;
        content: '\f138'; }
      main.custom_original .btn_wrap ul li a:hover {
        background-color: #0767ad;
        -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
        transform: translateY(-4px); }
    main.custom_original .btn_wrap ul li span.current {
      background-color: #0767ad;
      color: #e8f5fe; }
main.custom_original h4 {
  padding: 0;
  color: #111;
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    main.custom_original h4 {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
  main.custom_original h4:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f45c';
    color: #0984de; }
  main.custom_original h4:after {
    display: none; }

@media only screen and (min-width: 768px) {
  main.custom_parent_wrap .ttl-wrap h1 span {
    margin: 0; } }
.content .ep-box.img_ttl_box_wrap {
  background-color: transparent;
  padding: 20px 0; }
  .content .ep-box.img_ttl_box_wrap h4 {
    padding-left: 1em; }
  .content .ep-box.img_ttl_box_wrap ul {
    margin-top: 0;
    background-color: transparent; }
  @media only screen and (max-width: 767px) {
    .content .ep-box.img_ttl_box_wrap .clearfix:before,
    .content .ep-box.img_ttl_box_wrap .clearfix:after,
    .content .ep-box.img_ttl_box_wrap .row:before,
    .content .ep-box.img_ttl_box_wrap .row:after {
      content: " ";
      display: table; }
    .content .ep-box.img_ttl_box_wrap .clearfix:after,
    .content .ep-box.img_ttl_box_wrap .row:after {
      clear: both; }
    .content .ep-box.img_ttl_box_wrap .clearfix
    .row {
      *zoom: 1; }
    .content .ep-box.img_ttl_box_wrap .clear_both {
      clear: both; }
    .content .ep-box.img_ttl_box_wrap .column__item {
      display: block;
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px; }
      .content .ep-box.img_ttl_box_wrap .column__item img {
        max-width: 120px;
        height: auto; }
      .content .ep-box.img_ttl_box_wrap .column__item:first-child {
        width: 30%;
        padding-right: 5%; }
      .content .ep-box.img_ttl_box_wrap .column__item:nth-child(2) {
        width: 65%; }
        .content .ep-box.img_ttl_box_wrap .column__item:nth-child(2) h4 {
          padding-left: 0; }
        .content .ep-box.img_ttl_box_wrap .column__item:nth-child(2) ul {
          margin-top: 20px;
          padding-top: 50px;
          clear: both;
          width: 100vw;
          margin-left: calc(-90vw + 90%);
          padding-left: 15px;
          padding-right: 15px; } }
.content .ep-box.icon-arrow-down {
  background-color: transparent; }

.l-wrapper.base h1.heading.heading-primary {
  margin-bottom: 1em; }
.l-wrapper.base .content ol li ol li:first-child,
.l-wrapper.base .content ol li ul li:first-child,
.l-wrapper.base .content ul li ol li:first-child,
.l-wrapper.base .content ul li ul li:first-child {
  margin-top: 0.5em; }
.l-wrapper.base .content ol li, .l-wrapper.base .content ul li {
  margin-left: 0;
  padding-left: 1.5em; }
.l-wrapper.base .content ol li:before {
  border: none;
  width: inherit;
  height: inherit;
  line-height: inherit;
  color: #111;
  margin-right: 0.5em;
  background-color: transparent;
  content: counter(number) "."; }
.l-wrapper.base .content ol.en_counter li:before {
  content: counter(number,upper-alpha) "."; }

.content .ep-box.float_box_wrap {
  padding: 0; }
  .content .ep-box.float_box_wrap .column {
    display: inline-block; }
  .content .ep-box.float_box_wrap .column-3pc .column__item {
    display: inline-block;
    float: left;
    margin: 0; }
    .content .ep-box.float_box_wrap .column-3pc .column__item:first-child {
      flex: none;
      width: 35%;
      padding-right: 5%; }
    .content .ep-box.float_box_wrap .column-3pc .column__item:nth-child(2) {
      flex: none;
      width: 65%;
      padding: 0;
      padding-bottom: 1em;
      height: 100%; }
    .content .ep-box.float_box_wrap .column-3pc .column__item:nth-child(3) {
      width: 65%; }
      @media only screen and (max-width: 767px) {
        .content .ep-box.float_box_wrap .column-3pc .column__item:nth-child(3) {
          width: 100%;
          clear: both; } }
  .content .ep-box.float_box_wrap ul {
    margin: 0; }
    .content .ep-box.float_box_wrap ul li {
      margin: 0;
      padding-left: 12px; }
      .content .ep-box.float_box_wrap ul li:before {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        background-color: #111;
        border-radius: 50%;
        position: absolute;
        top: 0.6em; }

.float_box_wrap .column-3pc:before,
.float_box_wrap .column-3pc:after {
  content: " ";
  display: table; }

.float_box_wrap .column-3pc:after {
  clear: both; }

.float_box_wrap .column-3pc {
  *zoom: 1; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.page-fixed_wrap {
  text-align: center;
  margin: 0 auto; }
  .page-fixed_wrap .top_visual_wrap {
    max-width: 1100px;
    text-align: left;
    margin: 0 auto;
    padding: 1em 15px 0;
    overflow: hidden;
    position: relative; }
    .page-fixed_wrap .top_visual_wrap .inner {
      text-align: center;
      margin: 0 auto;
      padding-bottom: 1em; }
      .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt {
        position: relative;
        height: 280px; }
        @media only screen and (max-width: 767px) {
          .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt {
            height: 100px; } }
        .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt figure {
          width: 214px;
          display: inline-block;
          position: absolute;
          left: 5%;
          z-index: 5;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt figure {
              left: 0;
              width: 90px; } }
          .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt figure img {
            width: 214px;
            height: 214px;
            object-fit: cover;
            border-radius: 50%;
            border: 10px solid #0984de; }
            @media only screen and (max-width: 767px) {
              .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt figure img {
                width: 90px;
                height: 90px;
                border: 7px solid #0984de; } }
        .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt h1 {
          width: calc(90% - 214px / 2);
          display: inline-block;
          position: absolute;
          left: calc(107px + 5%);
          z-index: 1;
          background-color: #0984de;
          padding: 1.7em 0.5em 1em 0;
          padding-left: 110px;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          border-radius: 0 0 50px 0; }
          .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt h1 span {
            font-size: 22px;
            line-height: 31px;
            font-weight: bold;
            color: #fff;
            letter-spacing: 0.05em;
            font-size: 40px !important;
            overflow-wrap: break-word; }
            @media only screen and (min-width: 768px) {
              .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt h1 span {
                font-size: 30px;
                line-height: 41px;
                font-weight: bold;
                color: #fff;
                letter-spacing: 0.05em; } }
          @media only screen and (max-width: 767px) {
            .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt h1 {
              left: 45px;
              width: calc(100% - 90px / 2);
              padding: 0.8em 0.2em 0.3em 46px;
              border-radius: 0 0 30px 0;
              text-align: left; }
              .page-fixed_wrap .top_visual_wrap .inner .ttl_cnt_wrap .ttl_cnt h1 span {
                font-size: 19px !important;
                line-height: 25px !important;
                font-weight: bold; } }
    @media only screen and (min-width: 768px) {
      .page-fixed_wrap .top_visual_wrap {
        padding: 2em 15px 0; } }
    .page-fixed_wrap .top_visual_wrap h2 {
      margin-top: 1em;
      position: relative;
      padding: 6px;
      background-image: -webkit-gradient(linear, right top, left top, from(#0984de), to(#0984de));
      background-image: -webkit-linear-gradient(right, #41d8c1 0%, #0984de 100%);
      background-image: linear-gradient(to left, #41d8c1 0%, #0984de 100%); }
      .page-fixed_wrap .top_visual_wrap h2 span {
        display: block;
        padding: 1rem 2rem;
        background: #fff; }

h2.subttl {
  text-align: center;
  margin: 0 auto; }
  h2.subttl span {
    color: #0984de; }

.entry_content_wrap ul {
  padding-bottom: 2em; }
  @media only screen and (min-width: 768px) {
    .entry_content_wrap ul {
      padding-bottom: 3em; } }
  .entry_content_wrap ul li {
    margin-top: 2em; }
    .entry_content_wrap ul li .img_wrap {
      padding: 1em;
      border-radius: 10px;
      position: relative;
      z-index: 2; }
      .entry_content_wrap ul li .img_wrap a h3 {
        margin-bottom: 0.5em; }
        .entry_content_wrap ul li .img_wrap a h3 span {
          color: #fff;
          text-decoration: underline; }
      .entry_content_wrap ul li .img_wrap a p {
        position: relative;
        width: 100%;
        overflow: hidden; }
        .entry_content_wrap ul li .img_wrap a p:before {
          content: "";
          display: block;
          padding-top: 56.25%;
          /* 高さと幅の比を16:9に固定。9/16*100=56.25 */ }
        .entry_content_wrap ul li .img_wrap a p img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
      .entry_content_wrap ul li .img_wrap a:hover h3 span {
        text-decoration: none; }
    .entry_content_wrap ul li:nth-child(1) .img_wrap, .entry_content_wrap ul li:nth-child(4) .img_wrap, .entry_content_wrap ul li:nth-child(7) .img_wrap, .entry_content_wrap ul li:nth-child(10) .img_wrap, .entry_content_wrap ul li:nth-child(13) .img_wrap, .entry_content_wrap ul li:nth-child(16) .img_wrap, .entry_content_wrap ul li:nth-child(19) .img_wrap, .entry_content_wrap ul li:nth-child(22) .img_wrap {
      background-color: #0984de; }
    .entry_content_wrap ul li:nth-child(2) .img_wrap, .entry_content_wrap ul li:nth-child(5) .img_wrap, .entry_content_wrap ul li:nth-child(8) .img_wrap, .entry_content_wrap ul li:nth-child(11) .img_wrap, .entry_content_wrap ul li:nth-child(14) .img_wrap, .entry_content_wrap ul li:nth-child(17) .img_wrap, .entry_content_wrap ul li:nth-child(20) .img_wrap, .entry_content_wrap ul li:nth-child(23) .img_wrap {
      background-color: #F79283; }
    .entry_content_wrap ul li:nth-child(3) .img_wrap, .entry_content_wrap ul li:nth-child(6) .img_wrap, .entry_content_wrap ul li:nth-child(9) .img_wrap, .entry_content_wrap ul li:nth-child(12) .img_wrap, .entry_content_wrap ul li:nth-child(15) .img_wrap, .entry_content_wrap ul li:nth-child(18) .img_wrap, .entry_content_wrap ul li:nth-child(21) .img_wrap, .entry_content_wrap ul li:nth-child(24) .img_wrap {
      background-color: #41d8c1; }
    .entry_content_wrap ul li:first-child {
      margin-top: 0; }
    .entry_content_wrap ul li .list_wrap {
      margin-top: -50px;
      padding-top: 65px; }
      .entry_content_wrap ul li .list_wrap ol {
        max-width: 1100px;
        padding-left: 15px;
        padding-right: 15px; }
        .entry_content_wrap ul li .list_wrap ol li {
          display: inline-block;
          margin-right: 1.5em;
          margin-bottom: 1em;
          text-decoration: underline;
          margin-top: 0;
          padding: 0;
          width: auto; }
          .entry_content_wrap ul li .list_wrap ol li:before {
            font-family: "Font Awesome 5 Free";
            font-weight: bold;
            font-style: normal;
            font-size: inherit;
            display: inline-block;
            padding-right: 0.25rem;
            content: '\f138'; }
    .entry_content_wrap ul li:nth-child(1) .list_wrap, .entry_content_wrap ul li:nth-child(4) .list_wrap, .entry_content_wrap ul li:nth-child(7) .list_wrap, .entry_content_wrap ul li:nth-child(10) .list_wrap, .entry_content_wrap ul li:nth-child(13) .list_wrap, .entry_content_wrap ul li:nth-child(16) .list_wrap, .entry_content_wrap ul li:nth-child(19) .list_wrap, .entry_content_wrap ul li:nth-child(22) .list_wrap {
      background-color: #e8f5fe; }
    .entry_content_wrap ul li:nth-child(2) .list_wrap, .entry_content_wrap ul li:nth-child(5) .list_wrap, .entry_content_wrap ul li:nth-child(8) .list_wrap, .entry_content_wrap ul li:nth-child(11) .list_wrap, .entry_content_wrap ul li:nth-child(14) .list_wrap, .entry_content_wrap ul li:nth-child(17) .list_wrap, .entry_content_wrap ul li:nth-child(20) .list_wrap, .entry_content_wrap ul li:nth-child(23) .list_wrap {
      background-color: #feefec; }
    .entry_content_wrap ul li:nth-child(3) .list_wrap, .entry_content_wrap ul li:nth-child(6) .list_wrap, .entry_content_wrap ul li:nth-child(9) .list_wrap, .entry_content_wrap ul li:nth-child(12) .list_wrap, .entry_content_wrap ul li:nth-child(15) .list_wrap, .entry_content_wrap ul li:nth-child(18) .list_wrap, .entry_content_wrap ul li:nth-child(21) .list_wrap, .entry_content_wrap ul li:nth-child(24) .list_wrap {
      background-color: #c0f2ea; }
  @media only screen and (min-width: 768px) {
    .entry_content_wrap ul {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
      .entry_content_wrap ul li {
        width: 50%; }
        .entry_content_wrap ul li:nth-child(odd) {
          padding-right: 15px; }
        .entry_content_wrap ul li:nth-child(even) {
          padding-left: 15px; }
        .entry_content_wrap ul li:nth-child(2) {
          margin-top: 0; } }
@media only screen and (min-width: 768px) {
  .entry_content_wrap .full-width {
    width: 100%;
    margin-left: 0; } }

.diseases_list li a {
  display: block; }

.discription_wrap {
  border: 3px solid #FFFF66;
  border-radius: 20px; }
  @media only screen and (max-width: 767px) {
    .discription_wrap {
      margin-left: -15px;
      margin-right: -15px;
      border: none; } }
  .discription_wrap .inner {
    padding-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    .discription_wrap {
      border-radius: 12px; } }
  .discription_wrap h2 {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    margin-top: 0 !important;
    background-image: none !important;
    padding: 0 !important; }
    @media only screen and (max-width: 767px) {
      .discription_wrap h2 {
        border-radius: 9px; } }
    .discription_wrap h2 a {
      font-size: 17px;
      line-height: 35px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em;
      display: block;
      padding: 0.5em 0;
      background-color: #FFFF66;
      transition: .3s; }
      @media only screen and (min-width: 768px) {
        .discription_wrap h2 a {
          font-size: 20px;
          line-height: 30px;
          font-weight: bold;
          color: #111;
          letter-spacing: 0.05em; } }
      @media only screen and (max-width: 767px) {
        .discription_wrap h2 a {
          line-height: 27px !important;
          padding: 0.2em; } }
      .discription_wrap h2 a:hover {
        background-color: rgba(255, 255, 102, 0.4);
        color: #f46853; }
  .discription_wrap .flexbox-wrap {
    padding: 1em;
    padding-top: 0;
    padding-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .discription_wrap .flexbox-wrap {
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .discription_wrap .flexbox-wrap {
        display: block; } }
    .discription_wrap .flexbox-wrap a {
      flex: 3;
      padding-right: 15px; }
      @media only screen and (max-width: 767px) {
        .discription_wrap .flexbox-wrap a {
          padding: 0;
          text-align: center;
          margin: 0 auto; }
          .discription_wrap .flexbox-wrap a img {
            width: 100%;
            height: auto; } }
      .discription_wrap .flexbox-wrap a:hover img {
        opacity: .7; }
      .discription_wrap .flexbox-wrap a img {
        border-radius: 12px;
        padding-top: 0.5em; }
    .discription_wrap .flexbox-wrap div {
      flex: 7;
      padding-top: 2em;
      padding-bottom: 1em; }
      @media only screen and (max-width: 767px) {
        .discription_wrap .flexbox-wrap div {
          background-color: rgba(255, 255, 102, 0.15);
          margin-left: -15px;
          margin-right: -15px;
          padding: 15px; } }
      .discription_wrap .flexbox-wrap div p {
        text-align: left; }
      .discription_wrap .flexbox-wrap div a {
        text-align: right;
        color: #0984de;
        text-decoration: underline;
        display: block;
        padding-right: 0; }
        .discription_wrap .flexbox-wrap div a:before {
          font-family: "Font Awesome 5 Free";
          font-weight: bold;
          font-style: normal;
          font-size: inherit;
          display: inline-block;
          padding-right: 0.25rem;
          content: '\f105'; }
        .discription_wrap .flexbox-wrap div a:hover {
          text-decoration: none;
          color: #054a7c; }

.top_visual_wrap.page-child {
  margin-bottom: 2em; }
  .top_visual_wrap.page-child div.inner img {
    border-radius: 12px; }

.custom_original .ep-box {
  padding: 0.8em 0.8em; }

.treatment_list {
  -ms-flex-line-pack: start;
  align-content: flex-start; }
  .treatment_list a {
    display: block; }
  .treatment_list .eyecatch:before {
    display: none; }
  .treatment_list li.categoryBox__item {
    padding-left: 0 !important;
    margin-top: 0; }
    .treatment_list li.categoryBox__item:before {
      display: none !important; }
    .treatment_list li.categoryBox__item:hover {
      -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
      box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
      transform: translateY(-4px); }
  .treatment_list .categoryBox__contents {
    margin-top: 0 !important; }

body main .glossary_wrap h3, body main .glossary_wrap h4, body main .glossary_wrap h5, body main .glossary_wrap h3 span, body main .glossary_wrap h4 span, body main .glossary_wrap h5 span {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  color: #666666;
  letter-spacing: 0.05em;
  font-weight: bold !important;
  padding: 0;
  border-bottom: 1px solid #888888; }
  @media only screen and (min-width: 768px) {
    body main .glossary_wrap h3, body main .glossary_wrap h4, body main .glossary_wrap h5, body main .glossary_wrap h3 span, body main .glossary_wrap h4 span, body main .glossary_wrap h5 span {
      font-size: 16px;
      line-height: 29px;
      font-weight: normal;
      color: #666666;
      letter-spacing: 0.05em; } }
body main .glossary_wrap p {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #666666;
  letter-spacing: 0.05em;
  margin-top: 0.4em; }
  @media only screen and (min-width: 768px) {
    body main .glossary_wrap p {
      font-size: 14px;
      line-height: 22px;
      font-weight: normal;
      color: #666666;
      letter-spacing: 0.05em; } }
body main .glossary_wrap h3:before, body main .glossary_wrap h4:before, body main .glossary_wrap h5:before {
  border: none;
  position: static;
  width: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-style: normal;
  font-size: inherit;
  display: inline-block;
  padding-right: 0.25rem;
  content: "\f02d";
  color: #666666; }
body main .glossary_wrap h3:after, body main .glossary_wrap h4:after, body main .glossary_wrap h5:after {
  display: none; }

.diseases_list li.page-fixed_wrap {
  padding: 1em 0;
  border-bottom: 1px solid #E5E5E5; }
  @media only screen and (min-width: 768px) {
    .diseases_list li.page-fixed_wrap {
      border: none;
      padding: 0 2em 3em;
      margin-bottom: 2em; } }
.diseases_list .discription_wrap .flexbox-wrap {
  display: block;
  background-color: #fff; }
.diseases_list .page-fixed_wrap .top_visual_wrap {
  padding: 0; }

.diseases_list_btn {
  transition: .3s; }
  .diseases_list_btn h1, .diseases_list_btn figure img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .diseases_list_btn:hover h1 {
    background-color: #0767ad !important;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }
  .diseases_list_btn:hover figure img {
    border-color: #0767ad !important;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }

.sisease-lise-wrap .social-top {
  margin: 0; }
  .sisease-lise-wrap .social-top .socialList.socialList-type03 {
    margin: 0; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.l-headerBottom.top {
  margin-bottom: 60px; }
  .l-headerBottom.top .divider {
    margin-top: 10px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .l-headerBottom.top .divider {
        margin-top: 20px;
        margin-bottom: 20px; } }

.heading-main i,
.dividerBottom.page_wrap {
  margin: 0; }

.custom.cure .custom__item {
  padding: 0; }
  .custom.cure .custom__item .custom__data {
    line-height: 20px; }
  .custom.cure .custom__item h2.heading.heading-custom {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    font-weight: bold !important; }
    @media only screen and (min-width: 768px) {
      .custom.cure .custom__item h2.heading.heading-custom {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
  .custom.cure .custom__item a {
    display: block;
    padding: 1em;
    overflow: hidden;
    height: 195px; }
    .custom.cure .custom__item a:hover h2 {
      color: #0984de; }
    @media only screen and (max-width: 767px) {
      .custom.cure .custom__item a {
        padding: 0.8em 0.5em;
        height: 95px; } }
  .custom.cure .custom__item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; }
    @media only screen and (max-width: 767px) {
      .custom.cure .custom__item p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; } }
.custom.cure .custom__day {
  font-size: 1.1rem;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #888888;
  letter-spacing: 0.05em;
  margin: 0;
  padding-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .custom.cure .custom__day {
      font-size: 15px;
      line-height: 28px;
      font-weight: normal;
      color: #888888;
      letter-spacing: 0.05em; } }
.custom.cure .flexbox-wrap {
  margin-bottom: 1.2em;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 12px;
  height: 120px; }
  .custom.cure .flexbox-wrap .tum-wrap img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 12px 0 0 12px; }
  .custom.cure .flexbox-wrap:hover {
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }
@media only screen and (min-width: 768px) {
  .custom.cure h2.heading-custom a:hover {
    color: #054a7c;
    text-decoration: underline; }
  .custom.cure .flexbox-wrap {
    margin-bottom: 2em;
    height: 240px; }
    .custom.cure .flexbox-wrap .tum-wrap img {
      width: 240px;
      height: 240px;
      object-fit: cover;
      border-radius: 12px 0 0 12px; } }

.disease_list_wrap {
  background-color: #0984de;
  padding: 20px 15px 30px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .disease_list_wrap {
      padding: 0.5em 15px 1.5em; } }
  .disease_list_wrap ul li {
    width: 49.99%;
    border-bottom: 1px solid #fff; }
    @media only screen and (min-width: 768px) {
      .disease_list_wrap ul li {
        width: 33.333%; } }
    .disease_list_wrap ul li a {
      font-size: 14px;
      line-height: 22px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em;
      display: flex;
      width: 100%;
      padding: 0.8em;
      padding-left: 0;
      position: relative;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (min-width: 768px) {
        .disease_list_wrap ul li a {
          font-size: 15px;
          line-height: 28px;
          font-weight: normal;
          color: #fff;
          letter-spacing: 0.05em; } }
      @media only screen and (min-width: 768px) {
        .disease_list_wrap ul li a {
          padding: 0.5em; } }
      .disease_list_wrap ul li a figure {
        width: 26px;
        display: flex;
        margin-right: 0.2em; }
        @media only screen and (min-width: 768px) {
          .disease_list_wrap ul li a figure {
            width: 30px; } }
        .disease_list_wrap ul li a figure img {
          width: 26px;
          height: 26px;
          object-fit: cover;
          border-radius: 50%;
          border: 2px solid #F79283; }
          @media only screen and (min-width: 768px) {
            .disease_list_wrap ul li a figure img {
              width: 30px;
              height: 30px; } }
  .disease_list_wrap .btn_wrap {
    position: absolute;
    right: 15px;
    bottom: -20px; }
    @media only screen and (max-width: 767px) {
      .disease_list_wrap .btn_wrap {
        bottom: -28px; } }

/*イベント　治験
----------------------------------*/
.categoryBox_wrap .categoryBox__item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
.categoryBox_wrap .eyecatch {
  margin-bottom: 0; }
  .categoryBox_wrap .eyecatch a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .categoryBox_wrap .eyecatch a:hover img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
.categoryBox_wrap .categoryBox__contents {
  padding: 0.4em; }
  .categoryBox_wrap .categoryBox__contents .heading {
    margin-bottom: 0; }
    .categoryBox_wrap .categoryBox__contents .heading a {
      font-size: 15px;
      line-height: 27px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em;
      font-weight: bold; }
      @media only screen and (min-width: 768px) {
        .categoryBox_wrap .categoryBox__contents .heading a {
          font-size: 16px;
          line-height: 29px;
          font-weight: normal;
          color: #111;
          letter-spacing: 0.05em; } }
  .categoryBox_wrap .categoryBox__contents .btn__link-normal, .categoryBox_wrap .categoryBox__contents .dateList__item {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #888888;
    letter-spacing: 0.05em;
    letter-spacing: -0.05em; }
    @media only screen and (min-width: 768px) {
      .categoryBox_wrap .categoryBox__contents .btn__link-normal, .categoryBox_wrap .categoryBox__contents .dateList__item {
        font-size: 11px;
        line-height: 18px;
        font-weight: normal;
        color: #888888;
        letter-spacing: 0.05em; } }
  @media only screen and (max-width: 767px) {
    .categoryBox_wrap .categoryBox__contents .dateList {
      line-height: 18px;
      margin-bottom: 0; } }

/*　トップページ治療法　ボタン
---------------------------------------*/
.flexbox-wrap h2 {
  flex: 1; }

.archiveHead .heading {
  padding: 0;
  border: none; }

.eyecatch__link-zoomrotate {
  overflow: hidden;
  z-index: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  .eyecatch__link-zoomrotate:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  .eyecatch__link-zoomrotate img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .eyecatch__link-zoomrotate img:hover {
      -webkit-transform: scale(1.2) rotate(3deg);
      transform: scale(1.2) rotate(3deg); }

.category_main .eyecatch__link-zoomrotate {
  border-radius: 10px; }
.category_main:hover {
  border-radius: 10px; }

.swiper-slide .eyecatch__link-zoomrotate {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }
  .swiper-slide .eyecatch__link-zoomrotate:hover {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }

.swiper-slide {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 20px; }
  .swiper-slide .btm_wrap {
    position: relative;
    height: 100px; }
    @media only screen and (min-width: 768px) {
      .swiper-slide .btm_wrap {
        height: 120px; } }
    .swiper-slide .btm_wrap .eyecatch__cat {
      right: inherit;
      top: -30px;
      left: 10px; }
      .swiper-slide .btm_wrap .eyecatch__cat a {
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        color: #fff;
        letter-spacing: 0.05em;
        padding: 0.2em 0.8em; }
        @media only screen and (min-width: 768px) {
          .swiper-slide .btm_wrap .eyecatch__cat a {
            font-size: 14px;
            line-height: 22px;
            font-weight: normal;
            color: #fff;
            letter-spacing: 0.05em; } }
    .swiper-slide .btm_wrap .heading {
      margin: 20px 4px 12px 4px;
      padding: 0 5px;
      text-align: left;
      height: 100%;
      overflow: hidden; }
      .swiper-slide .btm_wrap .heading a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; }
        @media only screen and (min-width: 768px) {
          .swiper-slide .btm_wrap .heading a {
            font-size: 15px;
            line-height: 28px;
            font-weight: normal;
            color: #111;
            letter-spacing: 0.05em; } }
        @media only screen and (max-width: 767px) {
          .swiper-slide .btm_wrap .heading a {
            letter-spacing: -0.05em !important; } }
  .swiper-slide .swiper-button-next::before, .swiper-slide .swiper-button-next::after,
  .swiper-slide .swiper-button-prev::before,
  .swiper-slide .swiper-button-prev::after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f138';
    color: #F79283; }
    @media only screen and (max-width: 767px) {
      .swiper-slide .swiper-button-next::before, .swiper-slide .swiper-button-next::after,
      .swiper-slide .swiper-button-prev::before,
      .swiper-slide .swiper-button-prev::after {
        display: block; } }

.swiper-slide {
  margin-bottom: 40px;
  opacity: 0.9;
  /* Real browsers */
  filter: alpha(opacity=90);
  /* MSIE */
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%); }
  @media only screen and (min-width: 768px) {
    .swiper-slide {
      margin-bottom: 50px; } }
  .swiper-slide.swiper-slide-active, .swiper-slide:hover {
    opacity: 1;
    /* Real browsers */
    filter: alpha(opacity=100);
    /* MSIE */
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); }

/* 全体のスタイル */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
  width: 10px;
  /* 幅 */
  height: 10px;
  /* 高さ */
  background: #888888;
  /* 色：緑 */
  opacity: 1;
  /* 半透明（デフォルトでは0.2） */ }
  @media only screen and (min-width: 768px) {
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 14px; } }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 14px;
  /* 幅 */
  height: 14px;
  /* 高さ */
  background: #F79283;
  /* 色：黄色 */
  opacity: 1;
  /* 不透明 */ }

/* 前後のスライドナビゲーション */
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev {
  position: absolute;
  top: 40%;
  margin-top: -16px;
  z-index: 10;
  display: block; }
  .swiper-carousel .swiper-button-next .swiper-button-disabled,
  .swiper-carousel .swiper-button-prev .swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none; }
  .swiper-carousel .swiper-button-next::before,
  .swiper-carousel .swiper-button-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    font-size: 24px;
    color: #F79283;
    transform: none;
    border: none;
    text-shadow: #666666 1px 1px 3px, black -1px 1px 3px; }
.swiper-carousel .swiper-button-next {
  right: 5%; }
  .swiper-carousel .swiper-button-next:before {
    content: '\f138'; }
.swiper-carousel .swiper-button-prev {
  left: 5%; }
  .swiper-carousel .swiper-button-prev:before {
    content: '\f137'; }

.pickup3 {
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .pickup3 .container {
      padding: 0 5em; } }
  .pickup3 .pickup3__bg > img {
    display: none; }
  .pickup3 .heading span {
    color: #111; }
  .pickup3 .pickup3__item {
    border-radius: 12px;
    background-color: #E5E5E5;
    transition: .3s; }
    .pickup3 .pickup3__item:before {
      display: none; }
    .pickup3 .pickup3__item:hover {
      background-color: #888888; }
      .pickup3 .pickup3__item:hover a {
        color: #fff !important; }
  @media only screen and (min-width: 768px) {
    .pickup3 .pickup3__item-first h3.heading-pickup3 a {
      font-size: 20px !important;
      padding: 0.8em; } }
  .pickup3 .eyecatch {
    margin-bottom: 0; }
  .pickup3 .eyecatch, .pickup3 .eyecatch__link-zoomrotate,
  .pickup3 .eyecatch__link-zoomrotate img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; }
  .pickup3 h3.heading-pickup3 {
    padding: 0 !important; }
    .pickup3 h3.heading-pickup3 a {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      font-size: 15px;
      line-height: 27px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em;
      font-weight: bold !important;
      padding: 0.2em 0.8em;
      display: block; }
      @media only screen and (min-width: 768px) {
        .pickup3 h3.heading-pickup3 a {
          font-size: 16px;
          line-height: 29px;
          font-weight: normal;
          color: #111;
          letter-spacing: 0.05em; } }
      @media only screen and (max-width: 767px) {
        .pickup3 h3.heading-pickup3 a {
          line-height: 22px !important;
          padding: 0.5em 0.8em; } }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.postContents.single h2 {
  padding: 0;
  margin: 0; }
  .postContents.single h2:after {
    display: none; }
.postContents.single h4 {
  padding: 0;
  color: #0984de;
  font-size: 17px;
  line-height: 35px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.05em; }
  @media only screen and (min-width: 768px) {
    .postContents.single h4 {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      color: #111;
      letter-spacing: 0.05em; } }
  .postContents.single h4:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f45c';
    color: #0984de; }
  .postContents.single h4:after {
    display: none; }

.dateList-main li {
  color: #666666; }

.heading-main span {
  font-size: .8em;
  margin-left: .5em;
  font-weight: normal; }

.prevNext .eyecatch__link-zoomrotate {
  border-radius: 0; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.pageContents.sitemap_cntent ul li.single {
  padding: 0.2em 0; }
  @media only screen and (max-width: 767px) {
    .pageContents.sitemap_cntent ul li.single {
      padding: 0.4em 0; } }
  .pageContents.sitemap_cntent ul li.single a {
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em;
    padding-left: 0.2em; }
    @media only screen and (min-width: 768px) {
      .pageContents.sitemap_cntent ul li.single a {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }
.pageContents.sitemap_cntent ul.flexbox-wrap > li {
  width: 50%;
  padding-left: 0.2em; }
  @media only screen and (max-width: 767px) {
    .pageContents.sitemap_cntent ul.flexbox-wrap > li {
      width: 100%; } }
  .pageContents.sitemap_cntent ul.flexbox-wrap > li > a {
    padding: 0.5em 0;
    display: block; }
.pageContents.sitemap_cntent a i {
  padding-right: 0.4em; }
.pageContents.sitemap_cntent a:hover {
  text-decoration: underline; }
.pageContents.sitemap_cntent .policy_list {
  margin-top: 1.5em;
  padding-top: 0.5em;
  border-top: 1px solid #111; }
  .pageContents.sitemap_cntent .policy_list li.single {
    display: inline-block;
    margin-right: 1em; }
    .pageContents.sitemap_cntent .policy_list li.single a {
      font-size: 15px;
      line-height: 27px;
      font-weight: normal;
      color: #111;
      letter-spacing: 0.05em;
      display: block; }
      @media only screen and (min-width: 768px) {
        .pageContents.sitemap_cntent .policy_list li.single a {
          font-size: 16px;
          line-height: 29px;
          font-weight: normal;
          color: #111;
          letter-spacing: 0.05em; } }

.sitemap_child_list_wrap {
  margin-bottom: 1em; }
  .sitemap_child_list_wrap ul > li {
    margin: 0.5em 0; }
  .sitemap_child_list_wrap ol li {
    padding-left: 1em; }
    .sitemap_child_list_wrap ol li a {
      display: block; }
      .sitemap_child_list_wrap ol li a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-style: normal;
        font-size: inherit;
        display: inline-block;
        padding-right: 0.25rem;
        content: '\f141'; }
    @media only screen and (max-width: 767px) {
      .sitemap_child_list_wrap ol li {
        padding: 0.4em 0 0.4em 0.5em; } }

.list_title {
  margin-top: 1em;
  padding-left: 0.4em;
  border-bottom: 3px solid #111; }
  .list_title a {
    font-size: 17px;
    line-height: 35px;
    font-weight: bold;
    color: #111;
    letter-spacing: 0.05em;
    display: block; }
    @media only screen and (min-width: 768px) {
      .list_title a {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #111;
        letter-spacing: 0.05em; } }

@media only screen and (max-width: 767px) {
  .pageContents.sitemap_cntent .flexbox-wrap {
    display: block; } }

.description_title {
  margin-top: 0.4em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
  border-bottom: 1px dotted #888888; }
  .description_title a {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em;
    font-weight: bold !important;
    display: block; }
    @media only screen and (min-width: 768px) {
      .description_title a {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
  @media only screen and (max-width: 767px) {
    .description_title {
      padding: 0.5em 0 0.5em 0.2em; } }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.content .contactTable tr {
  border-radius: 12px;
  padding: 0;
  margin-bottom: 0;
  background-color: transparent; }
  .content .contactTable tr .contactTable__header {
    background-color: #D5D5D5 !important;
    padding: 8px;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: #111;
    letter-spacing: 0.05em; }
    @media only screen and (min-width: 768px) {
      .content .contactTable tr .contactTable__header {
        font-size: 16px;
        line-height: 29px;
        font-weight: normal;
        color: #111;
        letter-spacing: 0.05em; } }
    .content .contactTable tr .contactTable__header .required {
      font-size: 10px;
      line-height: 16px;
      font-weight: normal;
      color: #fff;
      letter-spacing: 0.05em;
      background-color: #F79283;
      padding: 0.3em 1em; }
      @media only screen and (min-width: 768px) {
        .content .contactTable tr .contactTable__header .required {
          font-size: 11px;
          line-height: 18px;
          font-weight: normal;
          color: #fff;
          letter-spacing: 0.05em; } }
  .content .contactTable tr .contactTable__data {
    margin-bottom: 0.8em; }
.content .contactTable .contactTable__data {
  padding: 0; }

.content .contactTable .contactTable__data input,
.content .contactTable .contactTable__data textarea {
  border-radius: 0 0 5px 5px;
  border: 2px solid #D5D5D5;
  background-color: transparent; }

/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* Body
------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
$body-font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;

$mincho-font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


$body-font-size: 1.6rem;
$body-font-color: $color-font;
$body-line-height: 2.4rem;
$body-background-color: $color-background;

*/
@media all and (-ms-high-contrast: none) {
  body, p, h1, h2, h3, h4, h5 ul li, ol li, tr, td, a, span,
  button, input, div {
    font-family: "メイリオ", Meiryo, sans-serif; } }
/* Breackpoint
------------------------------------------------------*/
/* original
------------------------------------------------------*/
/* base color
------------------------------------------------------*/
/* Monotone color
//http://iroempitsu.net/zukan/cd-gray.htm
------------------------------------------------------*/
/* other color
------------------------------------------------------*/
/*
$color-font: $color-black-middle;
$color-font-white: $color-white;
$color-background: $color-white;

$color-link: $color-main-sub;
$color-link-hover: $color-main-sub;
$color-form-line: $color-gray-deep;
$color-form-background: $color-white;

$color-button-background: $color-main-sub;
$color-button-font: $color-white-light;
$color-button-background-hover: $color-main-sub;
$color-button-font-hover: $color-white;
*/
/*
Flexコンテナのベンダープレフィックス
https://qiita.com/torugatoru/items/d6055ca9c6cd762e1e9b
----------------------------------------------------------*/
/* BOXシャドウ　
------------------------------------------------------------*/
/* 拡散型シャドウ　http://photoshopvip.net/91770
------------------------------------------------------------*/
/* ヘッダーシャドウ　
------------------------------------------------------------*/
/* テキストシャドウ
------------------------------------------------------------*/
/* 画像グレーアウト
------------------------------------------------------------*/
/* hover under-line
https://www.nxworld.net/tips/css-hover-underline-animation-examples-and-sass-mixin.html
type（タイプ） $dir（方向） $weight（ラインウェイト） $color（ラインカラー）
--------------------------------------------------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* メディアクエリ
------------------------------------------------------------*/
/* フォントサイズ
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
.error_url {
  background-color: #E5E5E5;
  border-radius: 20px;
  padding: 0.5em 1em;
  margin-bottom: 2em; }

.serch_wrap {
  margin: 2em 0;
  border: 1px solid #A0A0A0;
  border-radius: 20px;
  padding: 2em; }
  @media only screen and (max-width: 767px) {
    .serch_wrap {
      border-radius: 12px;
      padding: 1em 1em 0 1em; }
      .serch_wrap .btn.btn-search:after {
        right: 70px;
        top: 12px; } }

.content .btn__link.btn__link-normal {
  display: inline-block;
  background-color: #0984de;
  border: none;
  color: #fff;
  padding: 0.8em 3em;
  margin-top: 2em; }
  @media only screen and (max-width: 767px) {
    .content .btn__link.btn__link-normal {
      width: 80%;
      padding: 0.8em 1em; } }
  .content .btn__link.btn__link-normal:before {
    position: static;
    border: none;
    transform: none;
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-style: normal;
    font-size: inherit;
    display: inline-block;
    padding-right: 0.25rem;
    content: '\f100'; }
  .content .btn__link.btn__link-normal:hover {
    background-color: #0767ad !important;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px); }

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