@charset "UTF-8";
/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 10px;
  font-weight: 400;
  color: #000000; }

img {
  border: none;
  vertical-align: top; }

a {
  color: inherit;
  text-decoration: none;
  outline: none; }

a:focus, *:focus {
  outline: none; }

input, button, textarea, select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

ul {
  list-style: none; }

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

------------------------------------------------- */
/* ========================================
    
    variables
        変数

    INDEX
        - 幅・大きさ
        - 色関連
        - メディアクエリ関連
        - フォント

======================================== */
/* ========================================
    
    mixin
        付けるだけで動くスタイルのパーツ

    INDEX
        - メディアクエリ
        - ブロック要素の中央寄せ
        - フォント関連
        - transition
        - 矢印のあしらい before用
        - 矢印のあしらい after用

======================================== */
/* ========================================
    
    parts
		このSCSSファイルの中はほとんど使っていません。
        付けるだけで動くスタイルのパーツ

    INDEX
        - element
        - layout
        - color
        - margin, padding

======================================== */
/* ========================================
    element
======================================== */
@media (max-width: 767px) {
  .pc-elem {
    display: none; } }

@media (min-width: 768px) {
  .sp-elem {
    display: none; } }

/* ========================================
    layout
======================================== */
.al-c {
  text-align: center !important; }

.al-r {
  text-align: right !important; }

.al-l {
  text-align: left !important; }

.fr {
  float: right !important; }

.fl {
  float: left !important; }

/* ========================================
    color
======================================== */
.c-red {
  color: #e61e5c; }

/* ========================================
    margin, padding
======================================== */
.mt-0 {
  margin-top: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

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

.ml-5 {
  margin-left: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

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

.mr-15 {
  margin-right: 15px !important; }

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

.ml-15 {
  margin-left: 15px !important; }

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

.pr-15 {
  padding-right: 15px !important; }

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

.pl-15 {
  padding-left: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

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

.mr-30 {
  margin-right: 30px !important; }

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

.ml-30 {
  margin-left: 30px !important; }

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

.pr-30 {
  padding-right: 30px !important; }

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

.pl-30 {
  padding-left: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.pt-55 {
  padding-top: 55px !important; }

.pr-55 {
  padding-right: 55px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pl-55 {
  padding-left: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mr-65 {
  margin-right: 65px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.ml-65 {
  margin-left: 65px !important; }

.pt-65 {
  padding-top: 65px !important; }

.pr-65 {
  padding-right: 65px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.pl-65 {
  padding-left: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pl-80 {
  padding-left: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mr-85 {
  margin-right: 85px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.ml-85 {
  margin-left: 85px !important; }

.pt-85 {
  padding-top: 85px !important; }

.pr-85 {
  padding-right: 85px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pl-85 {
  padding-left: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pr-90 {
  padding-right: 90px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pl-90 {
  padding-left: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mr-95 {
  margin-right: 95px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.ml-95 {
  margin-left: 95px !important; }

.pt-95 {
  padding-top: 95px !important; }

.pr-95 {
  padding-right: 95px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.pl-95 {
  padding-left: 95px !important; }

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

.mr-100 {
  margin-right: 100px !important; }

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

.ml-100 {
  margin-left: 100px !important; }

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

.pr-100 {
  padding-right: 100px !important; }

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

.pl-100 {
  padding-left: 100px !important; }

.mt-105 {
  margin-top: 105px !important; }

.mr-105 {
  margin-right: 105px !important; }

.mb-105 {
  margin-bottom: 105px !important; }

.ml-105 {
  margin-left: 105px !important; }

.pt-105 {
  padding-top: 105px !important; }

.pr-105 {
  padding-right: 105px !important; }

.pb-105 {
  padding-bottom: 105px !important; }

.pl-105 {
  padding-left: 105px !important; }

.mt-110 {
  margin-top: 110px !important; }

.mr-110 {
  margin-right: 110px !important; }

.mb-110 {
  margin-bottom: 110px !important; }

.ml-110 {
  margin-left: 110px !important; }

.pt-110 {
  padding-top: 110px !important; }

.pr-110 {
  padding-right: 110px !important; }

.pb-110 {
  padding-bottom: 110px !important; }

.pl-110 {
  padding-left: 110px !important; }

.mt-115 {
  margin-top: 115px !important; }

.mr-115 {
  margin-right: 115px !important; }

.mb-115 {
  margin-bottom: 115px !important; }

.ml-115 {
  margin-left: 115px !important; }

.pt-115 {
  padding-top: 115px !important; }

.pr-115 {
  padding-right: 115px !important; }

.pb-115 {
  padding-bottom: 115px !important; }

.pl-115 {
  padding-left: 115px !important; }

.mt-120 {
  margin-top: 120px !important; }

.mr-120 {
  margin-right: 120px !important; }

.mb-120 {
  margin-bottom: 120px !important; }

.ml-120 {
  margin-left: 120px !important; }

.pt-120 {
  padding-top: 120px !important; }

.pr-120 {
  padding-right: 120px !important; }

.pb-120 {
  padding-bottom: 120px !important; }

.pl-120 {
  padding-left: 120px !important; }

/* ========================================
    
    base
        タグに直接かけるスタイル

    INDEX
        - html,body

======================================== */
html, body {
  height: 100%;
  margin: 0; }

body {
  font-family: YuMincho, 'Yu Mincho', "游明朝体",  'YuMincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho";
  color: #402000;
  line-height: 1.8;
  flex: 1;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative; }
  @media (max-width: 767px) {
    body::before {
      background: #fff url(../img/sp/common/bg.jpg) left top no-repeat;
      background-size: cover;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-bottom: 108px;
      content: "";
      z-index: -1; } }
  @media (min-width: 768px) {
    body {
      background: #fff url(../img/common/bg.jpg) left top no-repeat;
      background-size: cover;
      background-attachment: fixed;
      min-width: 1060px; } }

/* ========================================
    
    common
        様々なページで使うスタイル

    INDEX
        - webフォントインポート
        - clearfix

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

.ul {
  text-decoration: underline; }

.flo_l {
  float: left; }

.contents {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%; }

@media (max-width: 767px) {
  .wrap_un {
    padding-top: 65px; } }

@media (min-width: 768px) {
  .inner {
    width: 1060px;
    margin: 0 auto 0; } }

@media (min-width: 768px) {
  .inner-02 {
    width: 1000px;
    margin: 0 auto 0; } }
@media (max-width: 767px) {
  .inner-02 {
    padding: 0 15px; } }

@media (min-width: 768px) {
  .inner-03 {
    width: 726px; } }

@media (min-width: 768px) {
  .inner-04 {
    width: 677px; } }

@media (min-width: 768px) {
  .inner-pc-sp {
    width: 1060px;
    margin: 0 auto 0; } }
@media (max-width: 767px) {
  .inner-pc-sp {
    padding: 0 15px; } }

@media (min-width: 768px) {
  .section_un {
    padding-bottom: 40px; } }
@media (max-width: 767px) {
  .section_un {
    padding-bottom: 40px; } }

.sub-nav {
  font-family: "Noto Sans Japanese";
  background: #EEEEEE;
  padding: 10px 0;
  margin-bottom: 25px; }
  .sub-nav-item {
    display: inline-block;
    border-right: 1px dotted #402000;
    font-size: 16px;
    padding: 0 20px; }
    .sub-nav-item__link_current {
      text-decoration: underline; }
    .sub-nav-item__link:hover {
      text-decoration: underline; }
  .sub-nav_sp {
    background: #EEEEEE; }
    .sub-nav_sp-link {
      display: block;
      padding: 12px 0 12px 12px;
      background: url(../img/common/arrow_lr.png) right 15px center no-repeat;
      background-size: 7px 13px;
      border-bottom: 1px solid #AAAAAA; }
      .sub-nav_sp-link:first-child {
        border-top: 1px solid #AAAAAA; }

.pan__link {
  text-decoration: underline; }
  @media (min-width: 768px) {
    .pan__link_current {
      margin-left: 7px; } }
  @media (max-width: 767px) {
    .pan__link_current {
      margin-left: 7px; } }
  @media (min-width: 768px) {
    .pan__link:not(:first-child) {
      margin-left: 7px; } }
  @media (max-width: 767px) {
    .pan__link:not(:first-child) {
      margin-left: 7px; } }
  @media (min-width: 768px) {
    .pan__link {
      margin-right: 7px; } }
  @media (max-width: 767px) {
    .pan__link {
      margin-right: 7px; } }
@media (min-width: 768px) {
  .pan {
    font-size: 14px;
    margin-bottom: 40px; } }
@media (max-width: 767px) {
  .pan {
    font-size: 10px;
    margin-bottom: 20px; } }

.h2-un {
  font-weight: normal;
  position: relative;
  z-index: 10; }
  .h2-un_jp {
    display: block;
    border-bottom: 1px solid #402000; }
    @media (min-width: 768px) {
      .h2-un_jp_mb {
        margin-bottom: 25px; } }
    @media (max-width: 767px) {
      .h2-un_jp_mb {
        margin-bottom: 10px; } }
  .h2-un_en {
    display: block;
    text-align: right; }
  @media (min-width: 768px) {
    .h2-un {
      font-size: 37px;
      margin-bottom: 5px; } }
  @media (max-width: 767px) {
    .h2-un {
      font-size: 22px;
      margin-bottom: 10px; } }

.h3_un {
  background: #EEEEEE;
  border-left: 2px solid #402000; }
  .h3_un__link {
    font-family: "Noto Sans Japanese";
    float: right;
    display: block;
    text-align: center; }
    @media (min-width: 768px) {
      .h3_un__link {
        width: 109px;
        background: #DEDEDE url(../img/common/arrow_db_b.png) right 10px center no-repeat;
        background-size: 17px 15px;
        font-size: 16px;
        padding: 10px 15px 10px 0;
        margin: -10px -10px -10px 0; } }
    @media (max-width: 767px) {
      .h3_un__link {
        width: 89px;
        background: #DEDEDE url(../img/common/arrow_db_b.png) right 10px center no-repeat;
        background-size: 17px 15px;
        font-size: 12px;
        padding: 8px 12px 8px 0;
        margin: -8px -8px -8px 0; } }
  @media (min-width: 768px) {
    .h3_un {
      font-size: 16px;
      padding: 10px 10px 10px 17px;
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .h3_un {
      padding: 8px 8px 8px 13px;
      font-size: 12px;
      margin-bottom: 10px; } }

.h4_un {
  border-top: 1px dotted #402000;
  border-bottom: 1px dotted #402000; }
  @media (min-width: 768px) {
    .h4_un {
      font-size: 16px;
      padding: 10px;
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    .h4_un {
      padding: 8px;
      font-size: 12px;
      margin-bottom: 10px; } }

.max-img img {
  max-width: 100%; }

@media (min-width: 768px) {
  .un-txt_type01 {
    font-size: 16px;
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .un-txt_type01 {
    font-size: 12px;
    margin-bottom: 15px; } }

@media (min-width: 768px) {
  .un-txt_type02 {
    font-size: 16px;
    margin-bottom: 7px; } }
@media (max-width: 767px) {
  .un-txt_type02 {
    font-size: 12px;
    margin-bottom: 4px; } }

.un-txt_type03 {
  line-height: 1; }
  @media (min-width: 768px) {
    .un-txt_type03 {
      font-size: 35px;
      margin-bottom: 7px; } }
  @media (max-width: 767px) {
    .un-txt_type03 {
      font-size: 20px;
      margin-bottom: 4px; } }

.un-txt_type04 {
  text-indent: 1em; }
  @media (min-width: 768px) {
    .un-txt_type04 {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .un-txt_type04 {
      font-size: 12px; } }

.un-txt_type05 {
  text-indent: 1em; }
  @media (min-width: 768px) {
    .un-txt_type05 {
      font-size: 16px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .un-txt_type05 {
      font-size: 12px;
      margin-bottom: 15px; } }

@media (min-width: 768px) {
  .un-txt_type06 {
    font-size: 16px;
    padding-left: 25px;
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .un-txt_type06 {
    font-size: 12px;
    padding-left: 15px;
    margin-bottom: 15px; } }

@media (min-width: 768px) {
  .un-txt_type07 {
    font-size: 16px;
    margin-bottom: 40px; } }
@media (max-width: 767px) {
  .un-txt_type07 {
    font-size: 12px;
    margin-bottom: 30px; } }

@media (min-width: 768px) {
  .un-txt_type08 {
    font-size: 14px; } }
@media (max-width: 767px) {
  .un-txt_type08 {
    font-size: 12px; } }

@media (min-width: 768px) {
  .un-txt_type09 {
    font-size: 16px; } }
@media (max-width: 767px) {
  .un-txt_type09 {
    font-size: 12px; } }

@media (min-width: 768px) {
  .un-link_type01 {
    font-size: 16px;
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .un-link_type01 {
    font-size: 12px;
    margin-bottom: 15px; } }

.link-db {
  background: url(../img/common/arrow_db_b.png) left center no-repeat;
  background-size: auto 70%; }
  @media (min-width: 768px) {
    .link-db {
      padding-left: 25px; } }
  @media (max-width: 767px) {
    .link-db {
      padding-left: 15px; } }

.c_green {
  color: #85B200; }

.list_type01 {
  font-family: "Noto Sans Japanese"; }
  .list_type01-item {
    border-left: 1px solid #402000; }
    .list_type01-item-link {
      display: table; }
      .list_type01-item-link:hover {
        text-decoration: underline; }
      .list_type01-item-link__date {
        display: table-cell;
        padding-right: 15px; }
      .list_type01-item-link__txt {
        display: table-cell; }
    @media (min-width: 768px) {
      .list_type01-item {
        padding-left: 20px;
        font-size: 15px;
        margin-bottom: 25px; } }
    @media (max-width: 767px) {
      .list_type01-item {
        margin-bottom: 15px;
        padding-left: 10px;
        font-size: 12px; } }
  @media (min-width: 768px) {
    .list_type01 {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .list_type01 {
      margin-bottom: 30px; } }

.list_type02-item::before {
  content: "●";
  color: #85B200;
  display: inline-block;
  margin-right: 4px; }
@media (min-width: 768px) {
  .list_type02 {
    font-size: 16px;
    margin-bottom: 40px; } }
@media (max-width: 767px) {
  .list_type02 {
    font-size: 12px;
    margin-bottom: 30px; } }

.list_type03__item_type01 {
  margin-left: 25px; }
  .list_type03__item_type01::before {
    content: "●";
    color: #85B200;
    display: inline-block;
    margin-right: 4px; }
  @media (min-width: 768px) {
    .list_type03__item_type01 {
      margin-bottom: 7px; } }
  @media (max-width: 767px) {
    .list_type03__item_type01 {
      margin-bottom: 4px; } }
@media (min-width: 768px) {
  .list_type03 {
    font-size: 16px;
    margin-bottom: 20px; } }
@media (max-width: 767px) {
  .list_type03 {
    font-size: 12px;
    margin-bottom: 10px; } }

.bg-g {
  background: #EEEEEE; }
  @media (min-width: 768px) {
    .bg-g_type01 {
      width: 638px; } }
  @media (min-width: 768px) {
    .bg-g {
      padding: 15px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bg-g {
      padding: 10px;
      margin-bottom: 15px; } }

.bg-y {
  background: #EFF1A7; }
  @media (min-width: 768px) {
    .bg-y_type01 {
      width: 418px; } }
  @media (min-width: 768px) {
    .bg-y {
      padding: 15px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bg-y {
      padding: 10px;
      margin-bottom: 15px; } }

.bg-gre {
  background: #85B200; }
  @media (min-width: 768px) {
    .bg-gre_type01 {
      width: 643px;
      margin-left: 15px; } }

.icon-wrap a:hover {
  text-decoration: underline; }
.icon-wrap_type02 a:hover {
  text-decoration: underline; }
@media (min-width: 768px) {
  .icon-wrap_type02 {
    display: inline-block; } }
@media (max-width: 767px) {
  .icon-wrap_type02 {
    margin-left: 30px; } }
@media (min-width: 768px) {
  .icon-wrap {
    font-size: 16px;
    margin-bottom: 7px; } }
@media (max-width: 767px) {
  .icon-wrap {
    font-size: 12px;
    margin-bottom: 4px; } }

.icon_pdf {
  background: url(../img/common/icon_pdf.png) left top no-repeat;
  background-size: auto 100%; }
  @media (min-width: 768px) {
    .icon_pdf {
      padding-left: 25px; } }
  @media (max-width: 767px) {
    .icon_pdf {
      padding-left: 20px; } }

.icon_word {
  background: url(../img/common/icon_word.png) left top no-repeat;
  background-size: auto 100%; }
  @media (min-width: 768px) {
    .icon_word {
      padding-left: 25px; } }
  @media (max-width: 767px) {
    .icon_word {
      padding-left: 20px; } }

.icon_square {
  background: url(../img/common/icon_square.gif) left top no-repeat;
  background-size: auto 100%; }
  @media (min-width: 768px) {
    .icon_square {
      padding-left: 29px; } }
  @media (max-width: 767px) {
    .icon_square {
      padding-left: 24px; } }

.icon_ml {
  margin-left: 15px; }

@media (min-width: 768px) {
  .ar-caption {
    float: left;
    font-size: 16px;
    width: 518px; } }
@media (max-width: 767px) {
  .ar-caption {
    font-size: 12px;
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  .ar-img img {
    width: 112px;
    height: 33px; } }
@media (max-width: 767px) {
  .ar-img img {
    width: 67px;
    height: 20px; } }
@media (min-width: 768px) {
  .ar-img {
    float: left;
    width: 135px; } }

.pager {
  font-family: "Noto Sans Japanese";
  text-align: center; }
  .pager-prev {
    display: inline-block; }
    .pager-prev__img {
      transform: scale(-1, 1); }
      @media (min-width: 768px) {
        .pager-prev__img {
          width: 17px;
          height: 15px; } }
      @media (max-width: 767px) {
        .pager-prev__img {
          width: 15px;
          height: 14px; } }
    @media (min-width: 768px) {
      .pager-prev {
        margin-right: 20px; } }
    @media (max-width: 767px) {
      .pager-prev {
        margin-right: 10px; } }
  .pager-num {
    display: inline-block;
    text-decoration: underline; }
    @media (min-width: 768px) {
      .pager-num {
        margin-right: 20px;
        font-size: 15px; } }
    @media (max-width: 767px) {
      .pager-num {
        margin-right: 10px;
        font-size: 12px; } }
  .pager-next {
    display: inline-block; }
    @media (min-width: 768px) {
      .pager-next__img {
        width: 17px;
        height: 15px; } }
    @media (max-width: 767px) {
      .pager-next__img {
        width: 15px;
        height: 14px; } }
  @media (min-width: 768px) {
    .pager {
      margin-bottom: 140px; } }
  @media (max-width: 767px) {
    .pager {
      margin-bottom: 60px; } }

.maintenance-txt01 {
  text-align: center;
  color: #FF0000; }
  @media (min-width: 768px) {
    .maintenance-txt01 {
      font-size: 16px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .maintenance-txt01 {
      font-size: 12px;
      margin-bottom: 10px; } }

.maintenance-txt02 {
  text-align: center; }
  @media (min-width: 768px) {
    .maintenance-txt02 {
      font-size: 16px;
      padding-bottom: 300px; } }
  @media (max-width: 767px) {
    .maintenance-txt02 {
      font-size: 12px;
      margin-bottom: 70px; } }

.btn_type01 {
  text-align: center;
  display: block; }
  @media (min-width: 768px) {
    .btn_type01 {
      width: 430px;
      margin: 0 auto 0;
      padding: 20px 0;
      font-size: 16px;
      background: #EFF1A7 url(../img/common/arrow_lr.png) right 20px center no-repeat;
      background-size: 8px 15px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .btn_type01 {
      padding: 10px 0;
      font-size: 12px;
      background: #EFF1A7 url(../img/common/arrow_lr.png) right 10px center no-repeat;
      background-size: 8px 15px;
      margin-bottom: 20px; } }

.btn_type02 {
  text-align: center;
  display: block;
  color: #fff;
  font-family: YuMincho, 'Yu Mincho', "游明朝体",  'YuMincho', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho"; }
  @media (min-width: 768px) {
    .btn_type02 {
      padding: 4px 0;
      font-size: 26px;
      background: #0085B2 url(../img/common/arrow_lr_w.png) right 20px center no-repeat;
      background-size: 11px 21px; } }
  @media (max-width: 767px) {
    .btn_type02 {
      margin: 0 15px 15px;
      padding: 4px 0;
      font-size: 14px;
      background: #0085B2 url(../img/common/arrow_lr_w.png) right 10px center no-repeat;
      background-size: 6px 12px; } }

.table_type01 {
  border-collapse: separate;
  border-spacing: 3px;
  width: 638px; }
  .table_type01 th {
    background: #F7F8D3;
    padding: 10px;
    vertical-align: top;
    text-align: left; }
  .table_type01 td {
    background: #EEEEEE;
    padding: 10px;
    vertical-align: top; }
  @media (min-width: 768px) {
    .table_type01 {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .table_type01 {
      font-size: 12px; } }

.table_type02 {
  width: 100%; }
  .table_type02 td {
    padding: 10px;
    vertical-align: top; }
  @media (min-width: 768px) {
    .table_type02 {
      font-size: 16px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .table_type02 {
      font-size: 12px;
      margin-bottom: 15px; } }

.table_type03 {
  width: 100%; }
  .table_type03 td {
    vertical-align: top; }
  @media (min-width: 768px) {
    .table_type03 {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .table_type03 {
      font-size: 12px; } }

.table_type04 {
  border-collapse: separate;
  border-spacing: 3px;
  width: 1060px; }
  .table_type04 th {
    background: #F7F8D3;
    padding: 10px;
    vertical-align: top;
    text-align: left; }
  .table_type04 td {
    background: #EEEEEE;
    padding: 10px;
    vertical-align: top; }
  @media (min-width: 768px) {
    .table_type04 {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .table_type04 {
      font-size: 12px; } }

@media (max-width: 767px) {
  .table-wrap {
    overflow: auto; } }

.table-icon_type01 {
  max-width: 35px; }

.main-img {
  padding-bottom: 15px; }

@media (min-width: 768px) {
  .img_type01 {
    padding-right: 14px; } }
@media (max-width: 767px) {
  .img_type01 {
    padding: 0 14px 14px 0;
    width: 58px;
    height: 68px; } }

.q-a {
  display: table;
  width: 100%; }
  .q-a-icon {
    display: table-cell; }
    .q-a-icon__q {
      display: block;
      border: 1px solid #402000;
      text-align: center; }
      @media (min-width: 768px) {
        .q-a-icon__q {
          width: 25px;
          line-height: 25px; } }
      @media (max-width: 767px) {
        .q-a-icon__q {
          width: 15px;
          line-height: 15px; } }
    .q-a-icon__a {
      background: #402000;
      display: block;
      text-align: center;
      color: #fff; }
      @media (min-width: 768px) {
        .q-a-icon__a {
          width: 25px;
          line-height: 25px; } }
      @media (max-width: 767px) {
        .q-a-icon__a {
          width: 15px;
          line-height: 15px; } }
    @media (min-width: 768px) {
      .q-a-icon {
        width: 25px; } }
    @media (max-width: 767px) {
      .q-a-icon {
        width: 15px; } }
  .q-a-txt {
    display: table-cell;
    padding-left: 15px; }
  @media (min-width: 768px) {
    .q-a {
      font-size: 16px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .q-a {
      font-size: 12px;
      margin-bottom: 10px; } }

.g_map {
  position: relative;
  padding-top: 40%;
  height: 0;
  overflow: hidden; }

.g_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none; } }
@media (max-width: 767px) {
  a[href^="tel:"] {
    text-decoration: underline; } }

.id {
  position: relative; }
  .id__txt-wrap {
    position: absolute;
    top: 22.5%;
    left: 39%;
    width: 58%; }
  .id__txt01 {
    font-family: "Noto Sans Japanese";
    border-bottom: 2px solid #9BC83B; }
    @media (min-width: 768px) {
      .id__txt01 {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .id__txt01 {
        font-size: 12px; } }
    .id__txt01_big {
      display: inline-block; }
      @media (min-width: 768px) {
        .id__txt01_big {
          font-size: 22px;
          width: 80px; } }
      @media (max-width: 767px) {
        .id__txt01_big {
          width: 60px; } }
  .id__txt02 {
    font-family: "Noto Sans Japanese"; }
    .id__txt02_big {
      display: inline-block; }
      @media (min-width: 768px) {
        .id__txt02_big {
          width: 80px; } }
      @media (max-width: 767px) {
        .id__txt02_big {
          width: 60px; } }
    @media (min-width: 768px) {
      .id__txt02 {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .id__txt02 {
        font-size: 12px; } }
  .id__img {
    width: 100%; }
  @media (min-width: 768px) {
    .id {
      width: 680px;
      margin: auto; } }

/* ========================================
    
    header
        ヘッダー及びメインビジュアル

======================================== */
@media (min-width: 768px) {
  .main-V_un_event {
    background: #DDD7CC url(../img/event/un_title_bg_01.png) right top no-repeat;
    height: 288px; } }
@media (min-width: 768px) {
  .main-V_un_general {
    background: #E3DADB url(../img/general/un_title_bg_01.png) right top no-repeat;
    height: 288px; } }
@media (min-width: 768px) {
  .main-V_un_about {
    background: #E3DADB url(../img/midwife/un_title_bg_01.png) right top no-repeat;
    height: 288px; } }
@media (min-width: 768px) {
  .main-V_un {
    margin-bottom: 20px;
    line-height: 1;
    position: relative;
    padding-top: 84px; } }
.main-V__txt01 {
  position: absolute; }
  @media (min-width: 768px) {
    .main-V__txt01 {
      top: 140px;
      right: 45px;
      font-size: 37px; } }
.main-V__txt02 {
  position: absolute; }
  @media (min-width: 768px) {
    .main-V__txt02 {
      top: 205px;
      right: 45px;
      font-size: 21px;
      text-align: right;
      line-height: 1.6; } }
@media (min-width: 768px) {
  .main-V {
    line-height: 1;
    position: relative;
    padding-top: 82px; } }

.header__h1 {
  float: left; }
  @media (min-width: 768px) {
    .header__h1-img {
      width: 213px;
      height: 64px; } }
  @media (max-width: 767px) {
    .header__h1-img {
      width: 128px;
      height: 38px; } }
  @media (min-width: 768px) {
    .header__h1 {
      background: #fff;
      height: 82px;
      width: 240px;
      text-align: center;
      padding-top: 8px;
      margin-right: 2px; } }
  @media (max-width: 767px) {
    .header__h1 {
      padding: 13px 0 0 15px; } }
.header__menu {
  float: right; }
@media (min-width: 768px) {
  .header {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0; } }
@media (max-width: 767px) {
  .header {
    background: #fff;
    height: 65px;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0; } }

.sp-main-v {
  padding-top: 65px; }

.nav-pc {
  font-family: "Noto Sans Japanese";}
  .nav-pc__link {
    background: #EFF1A7;
    font-size: 16px;
    display: block;
    width: 155px;
    padding: 30px 0;
    text-align: center;
    height: 82px;
    letter-spacing: -0.04em;
    margin-right: 2px; }
    .nav-pc__link:last-child {
      margin-right: 0; }
    .nav-pc__link.current {
      background: #ECF125; }
    .nav-pc__link:hover {
      background: #ECF125; }
@media (min-width: 768px) {
  .nav-pc {
    display: flex;
  }
}

.nav-sp {
  font-family: "Noto Sans Japanese";
  position: fixed;
  width: 100%;
  height: calc(100% - 65px);
  z-index: 100;
  top: 65px;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
  .nav-sp__link {
    padding: 15px 0 15px 15px;
    background: #EFF1A7 url(../img/common/arrow_lr.png) right 15px center no-repeat;
    background-size: 8px 14px;
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #fff; }

/* gooleカスタム検索関連 */
.search-field {
  background: #EEE;
  padding: 12px 120px;
  display: none;
}
.search-field__inner {
  border: 1px solid #CCC;
}
.gsc-search-button {
  margin-left: 0 !important;
  height: 37px !important;
}
table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}
.gsc-search-button-v2 {
  border-radius: 0 !important;
  padding: 11px 7px !important;
  border: none !important;
}
.gsib_a {
  padding: 10px 9px !important;
  line-height: 16px;
}
.gscb_a {
  line-height: 37px !important;
}
.gsst_a .gscb_a {
  color: #4021028a !important;
}
.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
  color: #402102 !important;
}
form.gsc-search-box {
  margin-bottom: 0 !important;
}
table.gsc-search-box {
  margin-bottom: 0 !important;
}
.gsc-input {
  height: 100%;
}
.gsc-input-box {
  border: none !important;
  height: 37px !important;
  padding: 0 !important;
}
@media (max-width: 767px) {
  .search-field {
    padding: 12px 5%;
  }
  .gsib_a {
    padding: 0px 9px !important;
  }
}

/* ========================================
    
    movie
        動画

======================================== */
@media (min-width: 768px) {
  .top-movie {
    margin-top: -82px;
    width: 100%;
    background: url(../img/top/main_v.jpg) left top no-repeat;
    background-size: cover; } }
@media (max-width: 767px) {
  .top-movie {
    display: none; } }

/* ========================================
    
    news-ticker.
        ティッカー部分
    INDEX
        - ティッカー部分

======================================== */
.news_top {
  background: #EEEEEE;
  color: #402000; }
  .news_top-inner {
    display: table;
    width: 100%; }
    @media (min-width: 768px) {
      .news_top-inner {
        width: 1060px;
        margin: 0 auto 30px;
        padding: 25px 30px; } }
    @media (max-width: 767px) {
      .news_top-inner {
        padding: 15px 15px;
        margin-bottom: 15px; } }
  .news_top__h2 {
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    border-right: 1px solid #402000; }
    @media (min-width: 768px) {
      .news_top__h2 {
        width: 4em;
        font-size: 27px; } }
    @media (max-width: 767px) {
      .news_top__h2 {
        width: 3em;
        font-size: 18px; } }
  .news_top-ticker {
    display: table-cell;
    vertical-align: middle; }
    .news_top-ticker-inner {
      overflow: hidden; }
    .news_top-ticker__item {
      display: table;
      width: 100%; }
      .news_top-ticker__item a:hover {
        text-decoration: underline; }
      .news_top-ticker__item-date {
        display: table-cell;
        vertical-align: middle;
        padding-right: 15px;
        width: 6em; }
      .news_top-ticker__item-title {
        display: table-cell; }
      @media (min-width: 768px) {
        .news_top-ticker__item {
          padding-left: 15px;
          font-size: 16px; } }
      @media (max-width: 767px) {
        .news_top-ticker__item {
          padding-left: 10px;
          font-size: 12px; } }

/* ========================================
    
    article
        記事関連

======================================== */
.article {
  font-family: "Noto Sans Japanese"; }
  .article-date {
    border-left: 1px solid #402000; }
    @media (min-width: 768px) {
      .article-date {
        padding-left: 20px;
        font-size: 15px;
        margin-bottom: 25px; } }
    @media (max-width: 767px) {
      .article-date {
        margin-bottom: 15px;
        padding-left: 10px;
        font-size: 12px; } }
  .article-h3 {
    font-weight: normal; }
    @media (min-width: 768px) {
      .article-h3 {
        margin-bottom: 15px;
        font-size: 21px; } }
    @media (max-width: 767px) {
      .article-h3 {
        margin-bottom: 10px;
        font-size: 16px; } }
  .article-txt a {
    text-decoration: underline; }
  @media (min-width: 768px) {
    .article-txt {
      font-size: 15px;
      margin-bottom: 25px; } }
  @media (max-width: 767px) {
    .article-txt {
      font-size: 12px;
      margin-bottom: 15px; } }

/* ========================================
    
    footer
        フッター関連(pagetop含む)

======================================== */
.footer {
  font-family: "Noto Sans Japanese";
  background: #EFF1A7; }
  .footer-wrap {
    position: absolute;
    width: 100%;
    bottom: 0; }
  .footer-link__item {
    display: inline-block;
    margin-bottom: 10px; }
    .footer-link__item:hover {
      text-decoration: underline; }
    .footer-link__item:first-child {
      padding: 0 10px 0 0; }
    .footer-link__item:not(:first-child) {
      padding: 0 10px; }
    .footer-link__item:not(:last-child) {
      border-right: 1px solid #402000; }
.footer-sns.fix {
	position: fixed;
	bottom: 20px;
	z-index: 9999; }
	.footer-icon {
		display: inline-block;
		font-size: 40px;
		margin: 0 10px; }
.footer-icon.fb {
	margin-left: 0; }
  @media (min-width: 768px) {
    .footer-link {
      float: left;
      font-size: 15px;
      width: 750px; } }
  @media (max-width: 767px) {
    .footer-link {
      font-size: 12px;
      margin: 0 15px; } }
  @media (min-width: 768px) {
    .footer__fb {
      background: url(../img/common/icon_fb.png) left center no-repeat;
      background-size: 32px;
      padding-left: 40px;
      font-size: 15px;
      line-height: 32px;
      display: inline-block; } }
  @media (max-width: 767px) {
    .footer__fb {
      background: url(../img/common/icon_fb.png) left center no-repeat;
      background-size: 23px;
      padding-left: 30px;
      font-size: 12px;
      margin-bottom: 10px;
      line-height: 23px;
      display: inline-block; } }
  .footer-address {
    background: #F7F8D3; }
    @media (min-width: 768px) {
      .footer-address {
        text-align: right;
        float: left;
        width: 310px;
        font-size: 15px;
        padding: 10px 20px 10px 10px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .footer-address {
        margin: 0 15px 10px;
        padding: 10px;
        text-align: center;
        font-size: 12px; } }
  .footer__copy {
    text-align: center; }
    @media (min-width: 768px) {
      .footer__copy {
        padding: 10px 0 20px;
        font-size: 15px; } }
    @media (max-width: 767px) {
      .footer__copy {
        padding: 10px 0;
        font-size: 12px; } }
  @media (min-width: 768px) {
    .footer {
      padding-top: 15px; } }
  @media (max-width: 767px) {
    .footer {
      padding-top: 15px; } }

.pagetop {
  position: fixed;
  right: 20px; }
  @media (min-width: 768px) {
    .pagetop__img {
      width: 46px;
      height: 46px; } }
  @media (max-width: 767px) {
    .pagetop__img {
      width: 34px;
      height: 34px; } }

/* ========================================
    
    top
        TOPでのみ使用するスタイル

======================================== */
@media (min-width: 768px) {
  .contents_top__txt01 {
    font-size: 16px;
    margin-bottom: 70px; } }
@media (max-width: 767px) {
  .contents_top__txt01 {
    font-size: 12px;
    margin-bottom: 30px; } }
.contents_top-box {
  position: relative; }
  @media (min-width: 768px) {
    .contents_top-box_r {
      padding-left: 550px; } }
  @media (min-width: 768px) {
    .contents_top-box_l {
      padding-right: 550px; } }
  .contents_top-box__h2 {
    font-weight: normal;
    position: relative;
    z-index: 10; }
    @media (min-width: 768px) {
      .contents_top-box__h2_l {
        margin-left: -90px; } }
    @media (min-width: 768px) {
      .contents_top-box__h2_r {
        margin-right: -90px; } }
    .contents_top-box__h2_jp {
      display: block;
      border-bottom: 1px solid #402000; }
    .contents_top-box__h2_en {
      display: block;
      text-align: right; }
    @media (min-width: 768px) {
      .contents_top-box__h2 {
        font-size: 37px;
        margin-bottom: 5px; } }
    @media (max-width: 767px) {
      .contents_top-box__h2 {
        font-size: 22px;
        margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .contents_top-box__img_l_type01 {
      width: 529px;
      height: auto; } }
  @media (max-width: 767px) {
    .contents_top-box__img_l_type01 {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .contents_top-box__img_l {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5; } }
  @media (max-width: 767px) {
    .contents_top-box__img_l {
      text-align: center;
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .contents_top-box__img_r_type01 {
      width: 529px;
      height: auto; } }
  @media (max-width: 767px) {
    .contents_top-box__img_r_type01 {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .contents_top-box__img_r {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 5; } }
  @media (max-width: 767px) {
    .contents_top-box__img_r {
      text-align: center;
      margin-bottom: 10px; } }
  @media (min-width: 768px) {
    .contents_top-box__txt01 {
      font-size: 16px;
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .contents_top-box__txt01 {
      font-size: 12px;
      margin-bottom: 25px; } }
  @media (min-width: 768px) {
    .contents_top-box {
      margin-bottom: 100px; } }
  @media (max-width: 767px) {
    .contents_top-box {
      margin-bottom: 40px; } }

.bnr-box__link {
  text-align: center;
  display: block;
  float: left; }
  .bnr-box__link_type01 {
    width: 48%; }
    @media (min-width: 768px) {
      .bnr-box__link_type01 {
        background: #EFF1A7 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 15px 8px; } }
    @media (max-width: 767px) {
      .bnr-box__link_type01 {
        background: #EFF1A7 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 12px 6px; } }
  .bnr-box__link_type02 {
    width: 48%; }
    @media (min-width: 768px) {
      .bnr-box__link_type02 {
        background: #F7F8D3 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 15px 8px; } }
    @media (max-width: 767px) {
      .bnr-box__link_type02 {
        background: #F7F8D3 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 12px 6px; } }
  .bnr-box__link_type03 {
    width: 100%; }
    @media (min-width: 768px) {
      .bnr-box__link_type03 {
        background: #EFF1A7 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 15px 8px; } }
    @media (max-width: 767px) {
      .bnr-box__link_type03 {
        background: #EFF1A7 url(../img/common/arrow_ad.png) center bottom 8px no-repeat;
        background-size: 12px 6px; } }
  .bnr-box__link:nth-child(2n) {
    margin-left: 4%; }
  @media (min-width: 768px) {
    .bnr-box__link {
      padding: 15px 0 25px;
      font-size: 16px;
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .bnr-box__link {
      padding: 5px 0 20px;
      font-size: 12px;
      margin-bottom: 15px; } }

.footer-bnr-box__link {
  float: left; }
  @media (min-width: 768px) {
    .footer-bnr-box__link-img {
      width: 244px;
      height: auto; } }
  @media (max-width: 767px) {
    .footer-bnr-box__link-img {
      width: 100%;
      height: auto; } }
  @media (min-width: 768px) {
    .footer-bnr-box__link:not(:nth-child(4n)) {
      margin-right: 28px; } }
  @media (max-width: 767px) {
    .footer-bnr-box__link:not(:nth-child(2n)) {
      margin-right: 4%; } }
  @media (min-width: 768px) {
    .footer-bnr-box__link {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .footer-bnr-box__link {
      width: 48%;
      margin-bottom: 15px; } }
@media (min-width: 768px) {
  .footer-bnr-box {
    padding-bottom: 30px; } }
@media (max-width: 767px) {
  .footer-bnr-box {
    padding: 0 15px;
    margin-bottom: 15px; } }

/* ========================================
    
    login
        ログイン関連のスタイル

======================================== */
.login {
  max-width: 362px;
  margin: 0 auto 30px; }
  @media (min-width: 768px) {
    .login {
      padding-top: 70px; } }
  @media (max-width: 767px) {
    .login {
      padding-top: 30px; } }

.menber {
  font-family: "Noto Sans Japanese";
  background: #fff; }
  @media (min-width: 768px) {
    .menber_l {
      float: left;
      padding: 0 20px 0 0;
      width: 480px; } }
  .menber__head {
    background: #EFF1A7;
    text-align: center; }
    @media (min-width: 768px) {
      .menber__head {
        margin: 0 -20px;
        padding: 10px 0;
        font-size: 16px;
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .menber__head {
        padding: 10px 0;
        font-size: 14px;
        margin-bottom: 15px; } }
  .menber__form {
    color: #333333; }
    .menber__form-label {
      display: inline-block; }
      @media (min-width: 768px) {
        .menber__form-label {
          width: 96px;
          font-size: 16px; } }
      @media (max-width: 767px) {
        .menber__form-label {
          width: 84px;
          font-size: 14px; } }
    .menber__form-input {
      display: inline-block;
      background: #EEEEEE;
      border: 0;
      padding: 10px;
      border: solid 1px #ccc;
      -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
      box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); }
      @media (min-width: 768px) {
        .menber__form-input {
          width: calc(100% - 96px);
          font-size: 14px; } }
      @media (max-width: 767px) {
        .menber__form-input {
          width: calc(100% - 84px);
          font-size: 12px; } }
    @media (min-width: 768px) {
      .menber__form {
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .menber__form {
        padding: 0 15px 0 25px;
        margin-bottom: 10px; } }
  .menber__txt01 {
    text-align: right; }
    .menber__txt01-link {
      text-decoration: underline; }
    @media (min-width: 768px) {
      .menber__txt01 {
        font-size: 12px;
        margin-bottom: 20px; } }
    @media (max-width: 767px) {
      .menber__txt01 {
        font-size: 12px;
        margin-bottom: 10px; } }
  .menber__btn {
    border-radius: 5px;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    text-align: center;
    display: block; }
    @media (min-width: 768px) {
      .menber__btn {
        width: 172px;
        margin: 0 auto 20px;
        font-size: 16px;
        line-height: 37px;
        background: #EFF1A7 url(../img/common/arrow_lr.png) right 6px center no-repeat;
        background-size: 6px 11px; } }
    @media (max-width: 767px) {
      .menber__btn {
        width: 106px;
        margin: 0 auto 15px;
        font-size: 14px;
        line-height: 33px;
        background: #EFF1A7 url(../img/common/arrow_lr.png) right 6px center no-repeat;
        background-size: 4px 8px; } }
  @media (min-width: 768px) {
    .menber {
      width: 1000px;
      margin: 0 auto 0;
      margin-bottom: 50px;
      padding: 0 20px 20px; } }
  @media (max-width: 767px) {
    .menber {
      margin-bottom: 15px; } }

.admission {
  background: #F1FFC8; }
  .admission_login {
    max-width: 532px;
    margin: 0 auto 70px;
    float: none !important; }
  .admission__head {
    background: #85B200;
    text-align: center;
    color: #fff; }
    @media (min-width: 768px) {
      .admission__head {
        padding: 10px 0;
        font-size: 16px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .admission__head {
        padding: 10px 0;
        font-size: 14px;
        margin-bottom: 10px; } }
  .admission__txt01 {
    color: #333333;
    padding: 0 15px;
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .admission__txt01 {
        font-size: 12px; } }
    @media (max-width: 767px) {
      .admission__txt01 {
        font-size: 12px; } }
  .admission__btn {
    float: right; }
    @media (min-width: 768px) {
      .admission__btn-img {
        width: 55px;
        height: 21px; } }
    @media (max-width: 767px) {
      .admission__btn-img {
        width: 59px;
        height: auto; } }
  @media (min-width: 768px) {
    .admission {
      width: 480px;
      float: left;
      padding-bottom: 1px; } }
  @media (max-width: 767px) {
    .admission {
      padding-bottom: 1px; } }

.err {
  text-align: center;
  color: #FF0000; }
  @media (min-width: 768px) {
    .err {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .err {
      font-size: 12px; } }

.taikai-txt {
  text-align: center; }
  @media (min-width: 768px) {
    .taikai-txt {
      font-size: 12px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .taikai-txt {
      font-size: 12px;
      margin-bottom: 15px; } }

/* ========================================
    
    info
        入会の案内ページ

======================================== */
.flow {
  position: relative; }
  .flow__step {
    background: #85B200;
    position: absolute;
    text-align: center;
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .flow__step {
        width: 82px;
        top: 15px;
        left: -18px;
        font-size: 16px; } }
    @media (max-width: 767px) {
      .flow__step {
        width: 49px;
        top: 10px;
        left: -10px;
        font-size: 12px; } }
  .flow_type01::after {
    content: "";
    position: absolute;
    background: url(../img/common/arrow_y.png) center top no-repeat;
    display: block;
    width: 100%;
    left: 0; }
    @media (min-width: 768px) {
      .flow_type01::after {
        bottom: -37px;
        height: 37px;
        background-size: auto 37px; } }
    @media (max-width: 767px) {
      .flow_type01::after {
        bottom: -22px;
        height: 22px;
        background-size: auto 22px; } }
  .flow__arrow::after {
    content: "";
    display: block;
    background: url(../img/common/arrow_g_d.png) center top 10px no-repeat; }
    @media (min-width: 768px) {
      .flow__arrow::after {
        height: 50px;
        background-size: 19px 17px; } }
    @media (max-width: 767px) {
      .flow__arrow::after {
        height: 30px;
        background-size: 11px 10px; } }
  @media (min-width: 768px) {
    .flow__arrow {
      font-size: 16px; } }
  @media (max-width: 767px) {
    .flow__arrow {
      font-size: 12px; } }
  .flow-kouza__title {
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .flow-kouza__title {
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .flow-kouza__title {
        margin-bottom: 5px; } }
  .flow-kouza-box {
    background: #FFFFFF; }
    @media (min-width: 768px) {
      .flow-kouza-box {
        padding: 10px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      .flow-kouza-box {
        padding: 5px;
        margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .flow-kouza {
      padding: 10px 10px 1px 10px;
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .flow-kouza {
      padding: 5px 5px 1px 5px;
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .flow-ibwrap {
      margin-bottom: 10px; } }
  @media (max-width: 767px) {
    .flow-ibwrap {
      margin-bottom: 10px;
      text-align: center; } }
  @media (min-width: 768px) {
    .flow-ib {
      display: table; } }
  @media (max-width: 767px) {
    .flow-ib {
      display: inline-block;
      text-align: left; } }
  @media (min-width: 768px) {
    .flow-l {
      display: table-cell;
      padding-right: 10px; } }
  @media (min-width: 768px) {
    .flow-r {
      display: table-cell; } }
  @media (min-width: 768px) {
    .flow {
      margin-left: 15px;
      width: 643px;
      padding: 20px;
      box-sizing: border-box;
      margin-bottom: 37px; } }
  @media (max-width: 767px) {
    .flow {
      padding: 38px 10px 10px;
      margin-bottom: 22px; } }

.info-table {
  display: table; }
  .info-table-cell_type01 {
    display: table-cell;
    vertical-align: top; }
    @media (min-width: 768px) {
      .info-table-cell_type01__img {
        width: 125px;
        height: auto; } }
    @media (max-width: 767px) {
      .info-table-cell_type01__img {
        width: 75px;
        height: auto; } }
    @media (min-width: 768px) {
      .info-table-cell_type01 {
        width: 125px;
        padding-right: 15px; } }
    @media (max-width: 767px) {
      .info-table-cell_type01 {
        width: 75px;
        padding-right: 15px; } }
  .info-table-cell_type02 {
    display: table-cell;
    vertical-align: top; }
    @media (min-width: 768px) {
      .info-table-cell_type02 {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .info-table-cell_type02 {
        font-size: 12px; } }
  @media (min-width: 768px) {
    .info-table {
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    .info-table {
      margin-bottom: 35px; } }

/* ========================================
    
    banner
        バナー広告

======================================== */
.banner {
  display: flex;
  justify-content: center;
  max-width: 1060px;
  margin: 0 auto 90px;
}
.banner img {
  width: 234px;
  margin: 0 15px;
}
@media (max-width: 767px) {
  .banner {
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .banner img {
    width: 150px;
    margin: 0 15px 20px;
  }
}