@charset "UTF-8";

@font-face {
    font-family: "Shingo_L";
    font-display: swap;
    src: url("fonts/Shingo_L.woff2") format("woff2"),
        url("fonts/Shingo_L.woff") format("woff");
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ggbvtl');
  src:  url('fonts/icomoon.eot?ggbvtl#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ggbvtl') format('truetype'),
    url('fonts/icomoon.woff?ggbvtl') format('woff'),
    url('fonts/icomoon.svg?ggbvtl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-file-pdf-solid:before {
  content: "\e901";
}
.fa-file-alt-regular:before {
  content: "\e902";
}
.fa-file-pdf-regular:before {
  content: "\e903";
}
.fa-home:before {
  content: "\e900";
}
.fa-profile:before {
  content: "\e923";
}
.fa-files-empty:before {
  content: "\e925";
}
.fa-file-text2:before {
  content: "\e926";
}

/*  width */
/* text */
/* margin,paddingのリセット */
/*  preset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #191919;
    position: relative;
}

a {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    color: palette("anchor");
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color: palette("anchor");
}

img {
    vertical-align: bottom;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
}

iframe {
    border: none;
}

/* —————————————————
  トップページ
  —————————————————*/
/*! main-visual */
.home .main-visual {
    background-size: cover;
    position: relative;
    height: 100vh;
}

.home .main-visual .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home .main-visual .swiper-container .swiper-wrapper {
    height: 100%;
}

.home .main-visual .swiper-container .swiper-wrapper .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.home .main-visual .mv__ttl {
    font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
    margin: 0;
    font-size: 28px;
    font-size: 2.8rem;
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 9;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
}

.home .main-visual .mv__ttl span {
    font-size: 48px;
    font-size: 4.8rem;
    display: block;
    font-weight: bold;
}

.home .main-visual .new-info__area {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1100px;
    font-weight: bold;
    padding: 0 20px;
}

.home .main-visual .new-info__area .ttl {
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100px;
    margin-right: 5px;
    text-align: center;
    padding: 7px 5px 5px 5px;
}

.home .main-visual .new-info__area .new-info__txt {
    background: rgba(255, 255, 255, 0.8);
    width: calc(100% - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 140px 5px 10px;
    min-height: 40px
}

.home .main-visual .new-info__area .new-info__txt .date {
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 20px;
}

.home .main-visual .new-info__area .new-info__txt a {
    font-size: 15px;
    font-size: 1.5rem;
}

.home .main-visual .new-info__area .new-info__txt a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #1741AD;
}

.home .main-visual .new-info__area .infoBtn {
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1741AD;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 5px;
    padding: 2px 12px;
}

.home .main-visual .new-info__area .infoBtn:before {
    content: '';
    display: inline-block;
    background: url("../img/common/arrow_right_orange.png") no-repeat center center;
    background-size: cover;
    width: 7px;
    height: 14px;
    margin-right: 6px;
    vertical-align: text-top;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.home .main-visual .new-info__area .infoBtn:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.home .main-visual .new-info__area .infoBtn:hover:before {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}

/* main-visual レスポンシブ */
@media (max-width: 780px) {
    .home .main-visual .mv__ttl {
        font-size: 2.2rem;
        left: 40px;
    }

    .home .main-visual .mv__ttl span {
        font-size: 4.2rem;
    }

    .home .main-visual .new-info__area .ttl {
        width: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.4rem;
    }

    .home .main-visual .new-info__area .new-info__txt {
        width: 100%;
        display: block;
        padding: 5px 130px 5px 10px;
    }

    .home .main-visual .new-info__area .new-info__txt .date {
        font-size: 1.4rem;
        margin-right: 0;
        display: block;
    }

    .home .main-visual .new-info__area .new-info__txt a {
        font-size: 1.4rem;
    }

    .home .main-visual .new-info__area .infoBtn {
        /*right: 25px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
    bottom: 8px;
    font-size: 1.2rem;*/
        display: none
    }

    .home .main-visual .new-info__area .infoBtn:before {
        content: '';
        width: 6px;
        height: 12px;
    }
}

@media (max-width: 780px) and (max-width: 640px) {
    .home .main-visual .mv__ttl {
        font-size: 1.8rem;
        left: 20px;
    }

    .home .main-visual .mv__ttl span {
        font-size: 2.8rem;
    }

    .home .main-visual .new-info__area .new-info__txt {
        width: 100%;
        display: block;
        padding: 8px 10px 40px 10px;
    }

    .home .main-visual .new-info__area .new-info__txt .date {
        font-size: 1.3rem;
        margin-right: 0;
        display: block;
        line-height: 1.4;
    }

    .home .main-visual .new-info__area .new-info__txt a {
        font-size: 1.3rem;
    }
}

/*! home-schedule */
.home .home-schedule .p-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home .home-schedule .p-wrap .next__schedule {
    width: 28%;
    background: #363636;
    font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 4%;
}

.home .home-schedule .p-wrap .next__schedule .txt {
    margin: 0;
    font-size: 22px;
    font-size: 2.2rem;
}

.home .home-schedule .p-wrap .next__schedule .data {
    margin: 0;
    font-size: 32px;
    font-size: 3.2rem;
}

.home .home-schedule .p-wrap .schedule__list {
    background: #F8F8F8;
    width: 72%;
    position: relative;
    padding: 20px 56px;
}

.home .home-schedule .p-wrap .schedule__list .txt {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.home .home-schedule .p-wrap .schedule__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: calc(100% - 250px)
}

.home .home-schedule .p-wrap .schedule__list ul li {
    font-size: 16px;
    font-size: 1.6rem;
}

.home .home-schedule .p-wrap .schedule__list ul li .data {
    width: 110px;
    display: inline-block;
    white-space: normal
}


.home .home-schedule .p-wrap .schedule__list .schedule__all a {
    width: 100%;
    max-width: 240px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 17px;
    font-size: 1.7rem;
    border: 1px solid #363636;
    background: #fff;
    position: absolute;
    bottom: 20px;
    right: 45px;
}

.home .home-schedule .p-wrap .schedule__list .schedule__all a:before {
    content: '';
    background: url("../img/common/icon-calendar.png") no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
}

.home .home-schedule .p-wrap .schedule__list .schedule__all a:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* home-schedule　レスポンシブ */
@media (max-width: 1160px) {
    .home .home-schedule .p-wrap .next__schedule {
        width: 30%;
        padding: 0 20px;
    }

    .home .home-schedule .p-wrap .next__schedule .txt {
        font-size: 2rem;
    }

    .home .home-schedule .p-wrap .next__schedule .data {
        font-size: 3rem;
    }

    .home .home-schedule .p-wrap .schedule__list {
        width: 70%;
        padding: 20px;
    }

    .home .home-schedule .p-wrap .schedule__list .schedule__all a {
        right: 20px;
    }
}

@media (max-width: 1160px) and (max-width: 991px) {
    .home .home-schedule .p-wrap {
        display: block;
    }

    .home .home-schedule .p-wrap .next__schedule {
        width: 100%;
        padding: 15px 20px;
        text-align: center;
    }

    .home .home-schedule .p-wrap .schedule__list {
        width: 100%;
        padding: 30px 20px;
    }

    .home .home-schedule .p-wrap .schedule__list .txt {
        margin-bottom: 10px;
    }
}

@media (max-width: 1160px) and (max-width: 991px) and (max-width: 640px) {
    .home .home-schedule .p-wrap .next__schedule {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home .home-schedule .p-wrap .next__schedule .txt {
        font-size: 1.8rem;
    }

    .home .home-schedule .p-wrap .next__schedule .data {
        font-size: 2.4rem;
    }

    .home .home-schedule .p-wrap .schedule__list .txt {
        margin: 0;
        font-weight: bold;
        font-size: 1.8rem;
    }

    .home .home-schedule .p-wrap .schedule__list ul {
        width: 100%;
    }

    .home .home-schedule .p-wrap .schedule__list ul li {
        font-size: 1.4rem;
        margin-bottom: 5px;
    }

    .home .home-schedule .p-wrap .schedule__list ul li .data {
        width: 90px;
    }

    .home .home-schedule .p-wrap .schedule__list .schedule__all a {
        max-width: 220px;
        height: 50px;
        font-size: 1.4rem;
        position: static;
        margin-top: 10px;
    }

    .home .home-schedule .p-wrap .schedule__list .schedule__all a:before {
        width: 18px;
        height: 20px;
    }
}

/* home-report */
.home .home-report {
    margin-bottom: 50px;
}

.home .home-report .p-wrap {
    margin: 0 auto;
    background: #fff;
    padding: 75px 0;
}

.home .home-report .p-wrap .ttlArea {
    max-width: 1070px;
    margin: 0 auto 65px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}

.home .home-report .p-wrap .ttlArea .c-ttl {
    margin-bottom: 0;
    border-right: 1px dotted #707070;
    padding-right: 20px;
    margin-right: 20px;
}

.home .home-report .p-wrap .ttlArea p {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.home .home-report .p-wrap .container-fluid {
    margin-bottom: 30px;
}

.home .home-report .p-wrap .container-fluid .works__list {
    padding: 0;
    list-style: none;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item:hover,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item:not(:nth-child(3n)),
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item:not(:nth-child(3n)) {
    border-right: 1px solid #E5E5E5;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__img,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__img {
    margin-bottom: 10px;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__img img,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__img img {
    width: 100%;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text {
    padding: 8px 14px;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .ttl,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .ttl {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .category,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .category {
    color: #fff;
    padding: 4px 10px;
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 5px;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .category.cate-01,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .category.cate-01 {
    background: #F79400;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .category.cate-02,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .category.cate-02 {
    background: #517FF4;
}

.home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .date,
.home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .date {
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 5px;
}

.home .home-report .p-wrap .report__linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 50px;
}

.home .home-report .p-wrap .report__linkList li {
    width: 100%;
    max-width: 215px;
    height: 45px;
    background: #363636;
}

.home .home-report .p-wrap .report__linkList li:not(:last-child) {
    margin-right: 10px;
}

.home .home-report .p-wrap .report__linkList li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #363636;
}

.home .home-report .p-wrap .report__linkList li a:hover {
    color: #363636;
    background: #fff;
}

/* home-report レスポンシブ*/
@media (max-width: 991px) {
    .home .home-report .p-wrap {
        padding: 75px 20px;
    }

    .home .home-report .p-wrap .ttlArea {
        display: block;
        padding: 0 0 0 5px;
    }

    .home .home-report .p-wrap .ttlArea .c-ttl {
        border-right: none;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item {
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }

    .home .home-report .p-wrap .report__linkList {
        margin-left: 0;
    }
}

@media (max-width: 991px) and (max-width: 760px) {
    .home .home-report {
        margin-bottom: 50px;
    }

    .home .home-report .p-wrap .ttlArea {
        margin: 0 auto 40px auto;
    }

    .home .home-report .p-wrap .ttlArea p {
        font-size: 1.4rem;
    }
}

@media (max-width: 991px) and (max-width: 760px) and (max-width: 640px) {
    .home .home-report {
        margin-bottom: 30px;
    }

    .home .home-report .p-wrap {
        padding: 40px 20px;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text {
        padding: 5px 14px;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .ttl,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .ttl {
        font-size: 1.4rem;
        font-weight: bold;
        margin-top: 5px;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .category,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .category {
        font-size: 1.2rem;
    }

    .home .home-report .p-wrap .container-fluid .works__list .col-lg-4 .works__item .item__text .date,
    .home .home-report .p-wrap .container-fluid .works__list .col-sm-12 .works__item .item__text .date {
        font-size: 1.2rem;
    }

    .home .home-report .p-wrap .report__linkList {
        display: block;
        margin-left: 0;
    }

    .home .home-report .p-wrap .report__linkList li {
        margin: 0 auto 10px auto;
    }

    .home .home-report .p-wrap .report__linkList li:not(:last-child) {
        margin-right: auto;
    }

    .home .home-report .p-wrap .report__linkList li a {
        font-size: 1.6rem;
    }
}

/* home-about */
.home .home-about .p-wrap {
    background-color: #F7F7F7;
    background-image: url("../img/home/map_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-bottom: 90px;
    padding: 0 0 90px 0;
}

.home .home-about .p-wrap .about__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.home .home-about .p-wrap .about__area .item__img {
    width: 41%;
    margin-top: -45px;
    margin-left: -20px;
}

.home .home-about .p-wrap .about__area .item__img img {
    width: 100%;
}

.home .home-about .p-wrap .about__area .item__txt {
    width: 59%;
    padding: 50px;
}

.home .home-about .p-wrap .about__area .item__txt p {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.9;
}

.home .home-about .p-wrap .about__area .item__txt .about__linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

.home .home-about .p-wrap .about__area .item__txt .about__linkList li:not(:last-child) {
    margin-right: 15px;
}

.home .home-about .p-wrap .about__area .item__txt .about__linkList li a {
    font-size: 17px;
    font-size: 1.7rem;
    display: inline-block;
    border: 1px solid #363636;
    padding: 10px 14px;
    background: #fff;
    font-weight: bold;
}

.home .home-about .p-wrap .about__area .item__txt .about__linkList li a:hover {
    background: #363636;
    color: #fff;
}

.home .home-about .p-wrap .greeting__area {
    background: #fff;
    max-width: 1110px;
    margin: 0 auto;
    padding: 55px 35px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt {
    width: 53%;
    margin-right: 30px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper {
    position: relative;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
    height: 180px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.9;
    margin-bottom: 40px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding-top: 100px;
    text-align: center;
    line-height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
    cursor: pointer;
    -webkit-transition: bottom 0.2s;
    transition: bottom 0.2s;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt {
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    border: 1px solid #707070;
    padding: 8px 24px;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:before {
    content: '+';
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    margin-right: 8px;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:hover {
    background: #707070;
    color: #fff;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:hover:before {
    color: #fff;
    border-color: #fff;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active {
    background: none;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active .show_more_txt {
    bottom: -80px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active .show_more_txt:before {
    content: '−';
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
    width: 47%;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li {
    width: 50%;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li:not(:last-child) {
    margin-right: 15px;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figure {
    margin: 0;
    padding: 0;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figure img {
    width: 100%;
}

.home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figcaption {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
}

.home .home-about .p-wrap .greeting__area .greeting__linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .home-about .p-wrap .greeting__area .greeting__linkList li {
    width: 100%;
    max-width: 280px;
    height: 65px;
}

.home .home-about .p-wrap .greeting__area .greeting__linkList li:not(:last-child) {
    margin-right: 5px;
}

.home .home-about .p-wrap .greeting__area .greeting__linkList li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #1741AD;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    border: 2px solid #1741AD;
    font-weight: bold;
}

.home .home-about .p-wrap .greeting__area .greeting__linkList li a:hover {
    background: #fff;
    color: #1741AD;
}

/* home-about レスポンシブ*/
@media (max-width: 991px) {
    .home .home-about .p-wrap {
        padding: 0 20px 90px 20px;
    }

    .home .home-about .p-wrap .about__area {
        margin-bottom: 20px;
    }

    .home .home-about .p-wrap .about__area .item__txt {
        padding: 50px 20px 50px 30px;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap {
        display: block;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt {
        width: 100%;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
        height: 100px;
        margin-bottom: 80px;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more {
        padding-top: 40px;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
        width: 80%;
        margin: 0 auto 40px auto;
    }
}

@media (max-width: 991px) and (max-width: 768px) {
    .home .home-about .p-wrap .about__area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .home .home-about .p-wrap .about__area .item__img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .home .home-about .p-wrap .about__area .item__txt {
        width: 100%;
        padding: 50px 0;
    }
}

@media (max-width: 991px) and (max-width: 768px) and (max-width: 640px) {
    .home .home-about .p-wrap {
        padding: 0 20px 60px 20px;
    }

    .home .home-about .p-wrap .about__area .item__txt {
        padding: 50px 0 20px 0;
    }

    .home .home-about .p-wrap .about__area .item__txt p {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .home .home-about .p-wrap .about__area .item__txt .about__linkList {
        display: block;
    }

    .home .home-about .p-wrap .about__area .item__txt .about__linkList li {
        margin-bottom: 10px;
    }

    .home .home-about .p-wrap .about__area .item__txt .about__linkList li a {
        font-size: 1.4rem;
    }

    .home .home-about .p-wrap .greeting__area {
        padding: 30px 20px;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt {
        font-size: 1.4rem;
        width: 80%;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
        width: 100%;
        margin: 0 auto 40px auto;
    }

    .home .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figcaption {
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        margin-top: 5px;
    }

    .home .home-about .p-wrap .greeting__area .greeting__linkList {
        display: block;
    }

    .home .home-about .p-wrap .greeting__area .greeting__linkList li {
        height: 50px;
        margin: 0 auto 10px auto;
    }

    .home .home-about .p-wrap .greeting__area .greeting__linkList li:not(:last-child) {
        margin-right: auto;
    }

    .home .home-about .p-wrap .greeting__area .greeting__linkList li a {
        font-size: 1.6rem;
    }
}

/* home-access */
.home-access .p-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.home-access .p-wrap .sec-ttl {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: #767676;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 2px 35px;
    font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;
}

.home-access .p-wrap .item__map {
    width: 46%;
    height: 480px;
}

.home-access .p-wrap .item__map iframe {
    width: 100%;
    height: 100%;
}

.home-access .p-wrap .item__txt {
    position: relative;
    width: 54%;
    padding-left: 90px;
    height: 100%;
}

.home-access .p-wrap .item__txt .c-ttl {
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.home-access .p-wrap .item__txt p {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.9;
}

.home-access .p-wrap .item__txt .access__btn {
    margin-top: 40px;
}

.home-access .p-wrap .item__txt .access__btn a {
    display: block;
    width: 100%;
    max-width: 290px;
    border: 1px solid #A2A2A2;
    padding: 15px 30px;
    position: relative;
}

.home-access .p-wrap .item__txt .access__btn a:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    background: url("../img/common/arrow_right.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.home-access .p-wrap .item__txt .access__btn a p {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.home-access .p-wrap .item__txt .access__btn a p span {
    display: block;
    color: #E36666;
    font-size: 14px;
    font-size: 1.4rem;
}

.home-access .p-wrap .item__txt .access__btn a:hover {
    background: #eee;
}

.home-access .p-wrap .item__txt .access__btn a:hover:after {
    right: 46px;
}

/* home-access レスポンシブ*/
@media (max-width: 780px) {
    .home-access .p-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .home-access .p-wrap .sec-ttl {
        right: inherit;
        left: 0;
    }

    .home-access .p-wrap .item__map {
        width: 100%;
        height: 280px;
    }

    .home-access .p-wrap .item__txt {
        width: 100%;
        padding: 60px 20px 30px 20px;
    }

    .home-access .p-wrap .item__txt .c-ttl {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .home-access .p-wrap .item__txt .access__btn {
        margin-top: 30px;
    }

    .home-access .p-wrap .item__txt .access__btn a {
        padding: 10px 30px;
    }

    .home-access .p-wrap .item__txt .access__btn a p {
        font-size: 1.4rem;
    }

    .home-access .p-wrap .item__txt .access__btn a p span {
        font-size: 1.2rem;
    }
}
/* top-banner　バナースペース */
.top-banner {
    text-align: center;
    margin: 45px 0 0
}

.top-banner img {
    max-width: 100%
}

/* ————————————————————————————
  例会スケジュール
  ————————————————————————————*/
#reikai h3.sch {
    text-align: center;
    font-size: 2.2em;
    margin-bottom: 15px;
    margin-top: 0
}

#reikai h3.sch_old {
    text-align: center;
    font-size: 2.2em;
    margin-top: 60px;
    margin-bottom: 15px;
}

hr.border-orange {
    width: 160px;
    height: 3px;
    background-color: #ff9300;
    border: none;
    margin-bottom: 45px
}

hr.border-orange-short {
    width: 100px;
    height: 3px;
    background-color: #ff9300;
    border: none;
    margin-bottom: 45px
}

table.ScheBlock {
    width: 100%;
    border-collapse: collapse;
    font-family: "Shingo_L", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.ScheBlock th {
    padding: 20px;
    background: #1274d6;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #fff;
    width: 30%;
    white-space: nowrap
}

.ScheBlock td {
    padding: 20px;
    border: 1px solid #ddd;
}

.ScheBlock .title {
    font-size: 18px;
}

.ScheBlock .title span {
    margin-right: 1em
}

.ScheBlock .details {
    text-align: center;
    background-color: #f4f4f4;
    width: 10%;
    white-space: nowrap
}

.ScheBlock .details a {
    width: 100%;
    height: 100%;
    display: block;
    color: #1741AD
}

.Sche_old th {
    background: #f4f4f4;
}

.Sche_old th,
.Sche_old td {
    padding: 15px 20px;
    font-size: 15px;
    color: #363636;
}

.Sche_old .title {
    font-size: 15px;
}

.Sche_old a {
    color: #1741AD;
    text-decoration: underline
}

#reikai_cont h3.title {
    font-size: 1.8em;
    margin: 0 0 30px;
    border-bottom: 1px dotted #363636;
    padding-bottom: 8px
}

#reikai_cont h3.title span {
    margin-right: 1em
}

#reikai_cont .days {
    font-size: 1.2em;
    margin: 0 0 3px 0;
}

#reikai_cont .time {
    font-size: 1.2em;
    margin: 0 0 3px 0;
}

#reikai_cont .place {
    font-size: 1.2em;
    margin: 0 0 30px 0;
}

#reikai_cont .days span,
#reikai_cont .time span,
#reikai_cont .place span {
    background-color: #092a80;
    color: #fff;
    font-size: 0.85em;
    padding: 4px 6px;
    border-radius: 3px;
    margin-right: 10px
}

@media screen and (max-width: 991px) {
    .ScheBlock th {
        font-size: 16px;
    }

    .ScheBlock .title {
        font-size: 16px;
    }

    .Sche_old th {
        font-size: 14px;
    }

    .Sche_old .title {
        font-size: 14px;
    }
}

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

    #reikai h3.sch {
        text-align: center;
        font-size: 1.6em;
        line-height: 1em;
    }

    #reikai h3.sch_old {
        text-align: center;
        font-size: 1.6em;
        line-height: 1em;
        margin-top: 40px
    }

    hr.border-orange {
        width: 160px;
        height: 3px;
        background-color: #ff9300;
        border: none;
        margin-bottom: 30px
    }

    .ScheBlock th {
        display: block;
        border: 1px solid #b9b8b8;
        font-size: 15px;
        padding: 10px 0;
        width: 100%;
    }

    .ScheBlock tr {
        border-bottom: 20px solid #fff;
    }

    .ScheBlock td {
        border: 1px solid #b9b8b8;
        border-top: none;
        display: block;
        padding: 10px 15px;
        width: 100%;
    }

    .ScheBlock .details {
        padding: 5px;
        background-color: #e6f3ff;
        font-size: 14px;
        width: 100%;
    }

    .ScheBlock .title span,
    .Sche_old .title span {
        display: block;
        font-size: .8em
    }

    .Sche_old {
        border-bottom: 1px solid #ddd;
    }

    .Sche_old th {
        display: block;
        font-size: 14px;
        padding: 5px 0;
        background: #f4f4f4;
    }

    .Sche_old tr {
        border-bottom: 20px solid #fff;
    }

    .Sche_old td {
        border-top: none;
        border-bottom: none;
        display: block;
        padding: 10px 15px;
    }

    .Sche_old .details {
        padding: 5px;
        background-color: #27448e;
    }

    .Sche_old .details a {
        color: #fff;
    }

    .Sche_old tr {
        border-bottom: none;
    }

    #reikai_cont h3.title {
        font-size: 1.25em;
        margin-bottom: 15px;
        margin-top: 0;
        line-height: 1.6em
    }

    #reikai_cont h3.title span {
        display: block
    }

    #reikai_cont .days {
        font-size: 1em;
        margin: 0;
    }

    #reikai_cont .time {
        font-size: 1em;
        margin: 0;
    }

    #reikai_cont .place {
        font-size: 1em;
        margin: 0px 0 30px 0;
        border-bottom: 1px dotted #363636;
        padding-bottom: 12px
    }


}


/* ————————————————————————————
  活動報告　奉仕・親睦
  ————————————————————————————*/
#report .rep_concept {
    margin-bottom: 40px;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.8em
}

#report h3.rep {
    text-align: center;
    font-size: 1.6em;
    line-height: 1em;
}

#report .tab_wrap {
    font-family: "Shingo_L", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.2em;
    margin-bottom: 30px
}

#report .tab-l,
#report .tab-c,
#report .tab-r {
    border: 1px solid #c4c4c4;
    padding: 20px 10px;
    text-align: center;
    border-bottom: 3px solid #797979;
    position: relative;
    z-index: 1;
}

#report .tab_wrap div a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

#report .tab_wrap div:hover {
    background-color: #efefef
}

#report .tab_wrap .active {
    background-color: #3a6bc9;
    color: #fff;
    border-right: none;
    border-left: none;
    border-top: none
}

#report .tab_wrap .active:hover {
    background-color: #3a6bc9;
    color: #fff;
}

#report .tab-c {
    border-left: none;
    border-right: none
}

#report_cont h3.title {
    font-size: 1.8em;
    margin: 0;
}

#report_cont h3.title span {
    margin-right: 1em
}

#report_cont .days {
    font-size: 1.2em;
    margin: 0 0 30px 0;
    border-bottom: 1px dotted #363636;
    padding-bottom: 12px
}


#report .works__list {
    padding: 0;
    list-style: none;
    border-left: 1px solid #E5E5E5;
}

#report .works__list .col-lg-4,
#report .works__list .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

#report .works__list .col-lg-4 .works__item,
#report .works__list .col-sm-12 .works__item {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
}

#report .works__list .col-lg-4 .works__item:hover,
#report .works__list .col-sm-12 .works__item:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#report .works__list .col-lg-4 .works__item:not(:nth-child(3n)),
#report .works__list .col-sm-12 .works__item:not(:nth-child(3n)) {
    border-right: 1px solid #E5E5E5;
}

#report .works__list .col-lg-4 .works__item .item__img,
#report .works__list .col-sm-12 .works__item .item__img {
    margin-bottom: 10px;
}

#report .works__list .col-lg-4 .works__item .item__img img,
#report .works__list .col-sm-12 .works__item .item__img img {
    width: 100%;
}

#report .works__list .col-lg-4 .works__item .item__text,
#report .works__list .col-sm-12 .works__item .item__text {
    padding: 8px 14px;
}

#report .works__list .col-lg-4 .works__item .item__text .ttl,
#report .works__list .col-sm-12 .works__item .item__text .ttl {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#report .works__list .col-lg-4 .works__item .item__text .category,
#report .works__list .col-sm-12 .works__item .item__text .category {
    color: #fff;
    padding: 4px 10px;
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 5px;
}

#report .works__list .col-lg-4 .works__item .item__text .category.cate-01,
#report .works__list .col-sm-12 .works__item .item__text .category.cate-01 {
    background: #F79400;
}

#report .works__list .col-lg-4 .works__item .item__text .category.cate-02,
#report .works__list .col-sm-12 .works__item .item__text .category.cate-02 {
    background: #517FF4;
}

#report .works__list .col-lg-4 .works__item .item__text .date,
#report .works__list .col-sm-12 .works__item .item__text .date {
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 5px;
}



/* home-report レスポンシブ*/
@media (max-width: 991px) {
    #report .works__list {
        border-left: none
    }

    #report_cont h3.title {
        font-size: 1.2em;
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        line-height: 1.5em;
    }

    #report_cont h3.title span {
        display: block
    }

    #report_cont .days {
        font-size: 1em;
        margin: 0px 0 30px 0;
        border-bottom: 1px dotted #363636;
        padding-bottom: 12px
    }

    #report .works__list {
        padding: 20px;
    }

    #report .works__list .col-lg-4,
    #report .works__list .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    #report .works__list .col-lg-4 .works__item,
    #report .works__list .col-sm-12 .works__item {
        border-bottom: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }
}


@media (max-width: 991px) and (max-width: 760px) and (max-width: 640px) {

    #report .works__list .col-lg-4 .works__item .item__text,
    #report .works__list .col-sm-12 .works__item .item__text {
        padding: 5px 14px;
    }

    #report .works__list .col-lg-4 .works__item .item__text .ttl,
    #report .works__list .col-sm-12 .works__item .item__text .ttl {
        font-size: 1.4rem;
        font-weight: bold;
        margin-top: 5px;
    }

    #report .works__list .col-lg-4 .works__item .item__text .category,
    #report .works__list .col-sm-12 .works__item .item__text .category {
        font-size: 1.2rem;
    }

    #report .works__list .col-lg-4 .works__item .item__text .date,
    #report .works__list .col-sm-12 .works__item .item__text .date {
        font-size: 1.2rem;
    }
}

/* ————————————————————————————
  お知らせ
  ————————————————————————————*/
#info h3.title {
    font-size: 1.8em;
    margin: 0;
}

#info .days {
    font-size: 1.2em;
    margin: 0 0 3px 0;
    border-bottom: 1px dotted #363636;
    padding-bottom: 12px;
    margin-bottom: 30px
}

.newsList {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    padding-top: 15px;
    max-width: 960px;
    font-family: "Shingo_L", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.2em;
    margin-bottom: 30px
}

.newsList li {
    width: 100%;
    border-bottom: 1px dotted #bfbfbf;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 10px;
}

.newsList li .newsList__item {
    display: block;
    position: relative;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-size: 1.6rem;
}

.newsList li .newsList__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.newsList li .newsList__item .date {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 5px;
    width: 110px;
}

.newsList li .newsList__item .category {
    background: #ff8001;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.7;
    margin-right: 13px;
    display: block;
    width: 90px;
    padding: 3px 0 1px 0
}

.newsList li .newsList__item .ttl {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    width: calc(100% - 180px);
    font-weight: normal;
}

@media (max-width: 1120px) and (max-width: 768px) {


    .newsList {
        margin: 0;
    }

    .newsList li .newsList__item {
        margin: 0 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .newsList li .newsList__item .ttl {
        font-size: 1.3rem;
        width: 100%;
        margin-top: 5px;
    }
}

@media (max-width: 991px) {
    #info h3.title {
        font-size: 1.25em;
        margin-bottom: 0;
        margin-top: 0;
        line-height: 1.6em
    }

    #info .days {
        font-size: 1.2em;
        margin: 0px 0 30px 0;
        border-bottom: 1px dotted #363636;
        padding-bottom: 12px
    }
}

/* ————————————————————————————
  固定ページ共通
  ————————————————————————————*/
.sy-bg {
    position: relative;
    background:
        url("../img/ud/symbol.svg") no-repeat -10% 20px,
        url("../img/ud/symbol.svg") no-repeat 110% 600px
}
.bl-btn {
    background: #1741AD;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    border: 2px solid #1741AD;
    font-weight: bold;
    padding: 15px 20px
}

.bl-btn:hover {
    background: #fff;
    color: #1741AD;
    border: 3px solid #1741AD;
}

@media (max-width: 991px) {
    .bl-btn {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 15px
    }
}

/* ————————————————————————————
  ロータリークラブとは
  ————————————————————————————*/
/*ロータリークラブとはTOP*/

/* home-about */
#about .home-about {
    margin-top: 30px
}

#about .home-about .p-wrap {
    background-color: #F7F7F7;
    background-image: url("../img/home/map_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-bottom: 90px;
    padding: 0 0 90px 0;
}

#about .home-about .p-wrap .about__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

#about .home-about .p-wrap .about__area .item__img {
    width: 41%;
    margin-top: -45px;
    margin-left: -20px;
}

#about .home-about .p-wrap .about__area .item__img img {
    width: 100%;
}

#about .home-about .p-wrap .about__area .item__txt {
    width: 59%;
    padding: 50px;
}

#about .home-about .p-wrap .about__area .item__txt p {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.9;
}

#about .home-about .p-wrap .about__area .item__txt .about__linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

#about .home-about .p-wrap .about__area .item__txt .about__linkList li:not(:last-child) {
    margin-right: 15px;
}

#about .home-about .p-wrap .about__area .item__txt .about__linkList li a {
    font-size: 17px;
    font-size: 1.7rem;
    display: inline-block;
    border: 1px solid #363636;
    padding: 10px 14px;
    background: #fff;
    font-weight: bold;
}

#about .home-about .p-wrap .about__area .item__txt .about__linkList li a:hover {
    background: #363636;
    color: #fff;
}

#about .home-about .p-wrap .greeting__area {
    background: #fff;
    max-width: 1110px;
    margin: 0 auto;
    padding: 55px 35px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt {
    width: 53%;
    margin-right: 30px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper {
    position: relative;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
    height: 180px;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.9;
    margin-bottom: 40px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding-top: 100px;
    text-align: center;
    line-height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 70%);
    cursor: pointer;
    -webkit-transition: bottom 0.2s;
    transition: bottom 0.2s;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt {
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    border: 1px solid #707070;
    padding: 8px 24px;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:before {
    content: '+';
    width: 22px;
    height: 22px;
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    margin-right: 8px;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:hover {
    background: #707070;
    color: #fff;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt:hover:before {
    color: #fff;
    border-color: #fff;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active {
    background: none;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active .show_more_txt {
    bottom: -80px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more.active .show_more_txt:before {
    content: '−';
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
    width: 47%;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li {
    width: 50%;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li:not(:last-child) {
    margin-right: 15px;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figure {
    margin: 0;
    padding: 0;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figure img {
    width: 100%;
}

#about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figcaption {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 5px;
}

#about .home-about .p-wrap .greeting__area .greeting__linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#about .home-about .p-wrap .greeting__area .greeting__linkList li {
    width: 100%;
    max-width: 280px;
    height: 65px;
}

#about .home-about .p-wrap .greeting__area .greeting__linkList li:not(:last-child) {
    margin-right: 5px;
}

#about .home-about .p-wrap .greeting__area .greeting__linkList li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #1741AD;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    border: 2px solid #1741AD;
    font-weight: bold;
}

#about .home-about .p-wrap .greeting__area .greeting__linkList li a:hover {
    background: #fff;
    color: #1741AD;
}

/* home-about レスポンシブ*/
@media (max-width: 991px) {

    #about .home-about {
        margin-top: 0px
    }

    #about .home-about .p-wrap {
        padding: 0 20px 90px 20px;
    }

    #about .home-about .p-wrap .about__area {
        margin-bottom: 20px;
    }

    #about .home-about .p-wrap .about__area .item__txt {
        padding: 50px 20px 50px 30px;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap {
        display: block;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt {
        width: 100%;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
        height: 100px;
        margin-bottom: 80px;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more {
        padding-top: 40px;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
        width: 80%;
        margin: 0 auto 40px auto;
    }
}

@media (max-width: 991px) and (max-width: 768px) {
    #about .home-about .p-wrap .about__area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #about .home-about .p-wrap .about__area .item__img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    #about .home-about .p-wrap .about__area .item__txt {
        width: 100%;
        padding: 50px 0;
    }
}

@media (max-width: 991px) and (max-width: 768px) and (max-width: 640px) {
    #about .home-about .p-wrap {
        padding: 0 20px 60px 20px;
    }

    #about .home-about .p-wrap .about__area .item__txt {
        padding: 50px 0 20px 0;
    }

    #about .home-about .p-wrap .about__area .item__txt p {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    #about .home-about .p-wrap .about__area .item__txt .about__linkList {
        display: block;
    }

    #about .home-about .p-wrap .about__area .item__txt .about__linkList li {
        margin-bottom: 10px;
    }

    #about .home-about .p-wrap .about__area .item__txt .about__linkList li a {
        font-size: 1.4rem;
    }

    #about .home-about .p-wrap .greeting__area {
        padding: 30px 20px;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .text {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__txt .txt__wrapper .show_more .show_more_txt {
        font-size: 1.4rem;
        width: 80%;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img {
        width: 100%;
        margin: 0 auto 40px auto;
    }

    #about .home-about .p-wrap .greeting__area .greeting__area__wrap .item__img ul li figcaption {
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        margin-top: 5px;
    }

    #about .home-about .p-wrap .greeting__area .greeting__linkList {
        display: block;
    }

    #about .home-about .p-wrap .greeting__area .greeting__linkList li {
        height: 50px;
        margin: 0 auto 10px auto;
    }

    #about .home-about .p-wrap .greeting__area .greeting__linkList li:not(:last-child) {
        margin-right: auto;
    }

    #about .home-about .p-wrap .greeting__area .greeting__linkList li a {
        font-size: 1.6rem;
    }
}

@media (max-width: 768px) {

    #about .home-about {
        margin-top: -30px
    }
}


/*ロータリーとは*/
#about_rotary img {width: 100%}
.about_rotary .cont {
    background-color: #182852;
    color: #fff;
    padding: 60px;
}

.about_rotary .cont h3 {
    font-size: 40px;
    margin: 0
}

.about_rotary .cont p {
    font-size: 18px;
    margin-bottom: 0
}

.about_rotary .photo {
    background: url("../img/ud/about_rotary01.jpg") center center / cover;
}

#about_rotary .know {
    background: url("../img/ud/about_rotary_world.svg") no-repeat top 50px center;
    padding: 55px 0
}

#about_rotary .know h3 {font-size: 36px; margin-bottom: 5px}
#about_rotary .know p {font-size: 18px}
#about_rotary .know img {width: 100%; max-width: 400px}




#about_rotary .point {background-color: #F5F5F5; padding: 45px 0 45px;
    position: relative;
    background:
        url("../img/ud/symbol.svg") no-repeat 105% 30px,
        url("../img/ud/symbol.svg") no-repeat -5% 600px;
}
#about_rotary .point::after {content: '';
  background-color: rgba(0, 0, 0, 0.03);
  position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

#about_rotary .point h4 {font-size: 32px; margin-bottom: 15px}
#about_rotary .point h4:before {
    content: url("../img/ud/haguruma.svg");  /*画像のURL*/
    margin-right:8px;  /*画像右の余白*/
    position:relative;
    top:11px;      /*上からの位置*/
}

ol.mokuteki {margin-left: 1.5em;}
ol.mokuteki li{
  list-style-type:none;
  counter-increment: cnt;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 0
}
ol.mokuteki li::before {
    content: "第" counter(cnt);
display:inline-block;
	margin-left:-2.5em; /* サイトに合せて調整 */
	width: 2.5em; /* サイトに合せて調整 */}


#about_rotary .point p {font-size: 17px; }

#about_rotary .point h5 {font-size: 23px; margin: 25px 0 0}

#about_rotary .point .test{margin-left: .5em; margin-top: 0}
#about_rotary .point .test ol {margin-top: 15px; padding-left: 3em}
#about_rotary .point .test li {
    font-size: 20px;
    font-weight: bold;
    padding: 3px 0;
    color: #eb1748;
}

#about_rotary .katsudo {padding: 45px 0;
    position: relative;
    background:
        url("../img/ud/symbol.svg") no-repeat 105% 80px,
        url("../img/ud/symbol.svg") no-repeat -5% 800px;}
#about_rotary .katsudo h3 {font-size: 30px; text-align: center; margin-bottom: 15px}

.tube-wrap {max-width:880px; margin: 0 auto}
.tube-inner {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.tube-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#about_rotary .act {background-color: #182852; color: #fff;}
#about_rotary .act_wrap {padding:65px 0 0 0}
#about_rotary .inner { padding: 20px}
#about_rotary .act h4 {margin: 0 0 12px 0; font-size: 21px}
#about_rotary .act p {margin: 0; font-size: 15px; }

.h-100 {
  height: 100% !important;
}


@media (max-width: 991px) {
    .about_rotary .photo {min-height: 400px}  
}

@media (max-width: 768px) {
    .about_rotary .cont {padding: 35px} 
    .about_rotary .cont h3 { font-size: 35px;}
}


@media (max-width: 554px) {
    .about_rotary .photo {min-height: 300px}  
    .about_rotary .cont {padding: 35px 20px}

    .about_rotary .cont p {font-size: 16px;}
    
}


/*会長挨拶*/

.greeting img {
    width: 400px;
    max-width: 100%;
    float: left;
    margin: 0 35px 20px 0;
    width: 30%;
}

.greeting h3 {
    font-size: 2.3em;
    margin-bottom: 20px;
}

.greeting h3 span {
    font-size: 20px;
    display: block;
}

.greeting .info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 15px 0 0;
    margin: 0;
    line-height: 1.65em
}

.greeting .info .name {
    font-size: 1.6em;
    font-weight: bold
}

.greeting .info .name span {
    font-size: 0.8em;
    margin-right: 15px
}



/*過去の挨拶リンク*/

.gr_actab {
    position: relative;
    overflow: hidden;
    max-width: 320px;
    color: #ffffff;
    margin-top: 15px
}

.gr_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.gr_actab label {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #1741AD;
    font-size: 22px
}

.gr_actab .gr_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    color: #333333;
    background: #f8f8f8;
}

.gr_actab .gr_actab-content p {
    margin: 1em;
}

.gr_actab ul {
    list-style: none;
    margin: 20px 0
}

.gr_actab ul li {
    padding: 5px 0
}

.gr_actab ul li a {
    text-decoration: none;
    color: #000
}

.gr_actab ul li a:hover {
    color: #1741AD;
    font-weight: bold
}

/*委員会用*/

.comm_tab .gr_actab {
    position: relative;
    overflow: hidden;
    max-width: 420px;
    color: #ffffff;
    margin-top: 15px;
    margin-top: 45px
}

@media (max-width: 544px) {

.comm_tab .gr_actab {
    max-width: 100%;
    margin-top: 25px
}

.comm_tab .gr_actab label {
    font-size: 18px
}
}

/* :checked */
.gr_actab input:checked ~ .gr_actab-content {
    max-height: 99em;
}

/* Icon */
.gr_actab label::after {
    line-height: 3;
    padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

.gr_actab input[type=checkbox] + label::after {
    content: '+';
}

.gr_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.crear {
    clear: both;
}

@media (max-width: 544px) {
    .greeting img {
        width: 100%;
    }

    .greeting h3 {
        font-size: 1.5em;
    }

    .greeting h3 span {
        font-size: 16px;
        display: block;
    }
}


/*長浜東ロータリークラブとは*/
.about_east img {width:100%;}
.about_east .east-banner {
    float: right;
    max-width: 300px;
    margin: 0 0 0 25px
}

.about_east h3 {
    font-size: 32px;
    margin-bottom: 20px
}

.about_east h4 {
    font-size: 22px;
    margin-bottom: 15px
}

.about_east p.cap {
    font-size: 15px;
    line-height: 1.5em
}

.keizoku {
    background: #F5F5F5;
    padding: 35px 0;
    margin-top: 45px
}

.keizoku .sakura {
    padding: 20px 0
}


@media (max-width: 544px) {
    .about_east .east-banner {
        max-width: 100%;
        float: none;
        margin: 0
    }

    .about_east h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .about_east h4 {
        font-size: 19px;
        margin-bottom: 15px
    }

    .keizoku .sakura {
        padding: 0;
        margin-bottom: 15px
    }
}


/*歴代ガバナー*/
.governor {
    padding: 55px 0
}

.governor h3 {
    margin: 35px 0
}

.go_actab {
    position: relative;
    overflow: hidden;
    /*max-width: 320px;*/
    color: #ffffff;
}

.go_actab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.go_actab label {
    text-align: center;
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    margin: 0 0 1px 0;
    background: #1741AD;
    font-size: 22px
}

.go_actab .go_actab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
}

.go_actab .go_actab-content p {
    margin: 1em;
}

.go_actab ul {
    list-style: none;
    margin: 20px 0
}

.go_actab ul li {
    padding: 5px 0
}

.go_actab ul li a {
    text-decoration: none;
    color: #000
}

.go_actab ul li a:hover {
    color: #1741AD;
    font-weight: bold
}

/* :checked */
.go_actab input:checked ~ .go_actab-content {
    max-height: 999em;
}

/* Icon */
.go_actab label::after {
    line-height: 3;
    padding-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

.go_actab input[type=checkbox] + label::after {
    content: '+';
}

.go_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

@media (max-width: 544px) {
    .go_actab label {
        padding: 0;
        margin: 0 15px;
        font-size: 18px
    }

    .go_actab label::after {
        display: none
    }

    .go_actab .go_actab-content {
        margin: 0 15px;
    }

}

/*table*/
table.tbl-governor {
    border-collapse: collapse;
    margin-top: 15px
}

table.tbl-governor th,
table.tbl-governor td {
    border: solid 1px #9b9b9b;
    padding: 3px 8px;
    text-align: center
}

table.tbl-governor th {
    background: #d0d8ed;
}

table.tbl-governor .tiku,
table.tbl-governor .kaicho,
table.tbl-governor .kanji {
    width: 21%
}

.tbl-governor {
    font-size: 16px;
    color: #000;
    width: 100%
}

.tbl-governor td:first-child {
    background: #d9e9ff;
}

@media screen and (max-width: 544px) {
    table.tbl-governor {
        font-size: 14px;
        margin-top: 0
    }

    table.tbl-governor .tiku,
    table.tbl-governor .kaicho,
    table.tbl-governor .kanji {
        width: 100%
    }

    .tbl-governor {
        width: 100%;
    }

    .tbl-governor .thead {
        display: none;
    }

    .tbl-governor tr {
        width: 100%;
    }

    .tbl-governor td {
        display: block;
        text-align: left !important;
        width: 100%;
    }

    table.tbl-governor th,
    table.tbl-governor td {
        border-top: none
    }

    .tbl-governor td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 5em;
    }

    .tbl-governor td.tiku:before {
        margin-right: 1em;
    }

    .tbl-governor .nen {
        font-weight: bold
    }

    .tbl-governor .nen:after {
        content: '周年'
    }

    .tbl-governor .first:after {
        content: ''
    }
}


/*概要*/

table.tbl-gaiyo {
    margin: 20px auto;
    width: 100%;
    border-collapse: collapse;
}

table.tbl-gaiyo th,
table.tbl-gaiyo td {
    border: solid 1px #9b9b9b;
    padding: 13px 15px;
}

.tbl-gaiyo th {
    background: #ededed;
    border: solid 1px #ccc;
    text-align: center
}

.tbl-gaiyo td {
    border: solid 1px #ccc;
    padding: 10px;
}

table.tbl-gaiyo a {color:#1741AD}
@media screen and (max-width: 544px) {


    .tbl-gaiyo {
        width: 80%;
    }

    .tbl-gaiyo th,
    .tbl-gaiyo td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    table.tbl-gaiyo th,
    table.tbl-gaiyo td {
        border-top: none
    }

    table.tbl-gaiyo tr:first-child {
        border-top: solid 1px #9b9b9b;
    }
}


/*役員名簿*/
.meibo h3 {font-size: 24px; background-color: #efefef;  padding: 5px 15px; border-left: 8px solid #333; margin-bottom: 35px}

.meibo table {width: 100%; border-collapse: collapse; line-height: 1.5em;}
.meibo table.yakuin {max-width: 730px; }
.meibo table.tiku2650  {max-width: 530px; margin-top: 20px}
.meibo table.tiku2650 th {background-color: #dff3ff}

.meibo table th,
.meibo table td {
    border: solid 1px #9b9b9b;
    padding: 8px 15px;
}

.meibo table.yakuin th {background-color: #dff3ff}
.meibo table.yakuin .name {text-align: center}

.meibo table.kousei th {background-color: #dff3ff; text-align: left}

.meibo table.kousei .kai {width: 25%;}
.meibo table.kousei .master {width: 15%; text-align: center}
.meibo table.kousei .sub_master {width: 15%; text-align: center}
.meibo table.kousei .member {width: 45%;}

.meibo table.kousei ul{
	list-style: none;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    margin: 0 0 0 0;
}

.meibo table.kousei li{
	width:7em;
    margin: 0
}

.brank {background-color: #e6e6e6}
.mb--25 {margin: 0 0 -25px 0!important;}

@media screen and (max-width: 991px) {
  .scroll {
    overflow-x: auto;
  }
.meibo table.yakuin{
    min-width: 550px;
    font-size: 15px
  }

.meibo table.kousei {
    min-width: 850px;
    font-size: 15px
  }

.tiku2650{
    min-width: 450px;
    font-size: 15px
  }

.meibo table.kousei .kai {width: 28%;}
.meibo table.kousei .master {width: 15%; text-align: center}
.meibo table.kousei .sub_master {width: 15%; text-align: center}
.meibo table.kousei .member {width: 42%;}

}

@media screen and (max-width: 768px) {
    .meibo h3 {font-size: 20px; padding: 5px 15px; margin-bottom: 25px}
}

@media screen and (max-width: 544px) {
    .meibo h3 {font-size: 20px; padding: 5px 15px; margin-bottom: 20px; line-height: 1.4em}
    .meibo h3 span {font-size: 14px; display: block}
}


/*入会について*/

.admission {
    position: relative;
    background:
        url("../img/ud/symbol.svg") no-repeat -10% 20px,
        url("../img/ud/symbol.svg") no-repeat 110% 600px
}
.admission h3 {font-size: 32px}
.admission h4 {font-size: 24px; background-color: #efefef;  padding: 5px 15px; border-left: 8px solid #333; margin-bottom: 35px}
.admission .concept {font-size: 17px}

.admission #slider {margin: 65px 0 60px;}
.admission #slider img {max-width: 100%;}
.admission #slider div {margin-right: 2px; text-align: center; line-height: 1.3}
.admission #slider span {font-size: 14px; }

.admission ul {font-size: 17px; font-weight: bold; margin-top: 30px}
.admission ul li {padding-bottom: 8px}

.admission .btn {margin-top: 40px}
.admission .ad-btn {
    background: #ed8000;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    border: 2px solid #ed8000;
    font-weight: bold;
    padding: 15px 20px
}
.admission .ad-btn:hover {
    background: #fff;
    color: #ed8000;
    border: 3px solid #ed8000;
}

@media screen and (max-width: 768px) {
.admission .ad-btn {font-size: 17px; font-size: 1.7rem; padding: 15px}
.admission h3 {font-size: 20px;}
.admission h4 {font-size: 18px;}
.admission .btn {margin-top: 30px}
.admission #slider span {font-size: 13px; }
}

@media screen and (max-width: 544px) {
.admission h3 {font-size: 20px;}
.admission ul {padding-left: 1em}
}



/*会員名簿*/
.membership .row {margin-top: 50px}
.membership h3 { text-align: center; font-size: 1.6em; line-height: 1em;}
.membership img {width:100%}
.membership h4 {margin: 12px 0 2px 0; line-height: 1; font-weight:normal}
.membership .company {margin: 0; font-size: 14px;
    font-family: "Shingo_L","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif ;}
.membership a:hover {color: #ff7030}
.membership .list div {margin-bottom: 20px}


@media screen and (max-width: 768px) {
.membership .row {padding: 10px}
.membership .list div {padding: 5px}
}

/*会員詳細*/
.member_details {}
.member_details img {width:100%}
.member_details span.rubi {margin-left: .7em; font-size: 0.9em; color:#1741AD; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;}
.member_details span.class {background-color: #ff0045; font-size: 0.8em; color:#fff; padding: 3px 10px; border-radius: 15px;}
.table-sp{ margin:10px auto 0;  border-collapse:collapse;  border-spacing:0;  font-size:16px !important;  line-height:1.6em; width:100%;}
.table-sp th{ text-align:left;  padding:15px 10px;  width:23%;  white-space:nowrap}
.table-sp td{ text-align:left;  padding:15px 10px}
.table-sp tr{ border-bottom:1px dotted #797979}
.table-sp a {color: #1741AD}

.back__btn {background-color: #fff; display: inline-block; border:1px solid #1741AD; padding: 8px 35px}
a.back__btn  {
    margin-top: 5px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    color: #1741AD;
}

a.back__btn:hover {
    background: #1741AD;
    color:#fff;
}

 .back__btn a:hover:after {
    right: 46px;
}


@media screen and (max-width:768px){
.table-sp {margin-top: 25px}
.table-sp, .table-sp tbody, .table-sp thead, .table-sp tr, .table-sp td, .table-sp th{ display:block;  text-align:left; font-size:15px;}
.table-sp th{ padding:5px 10px;  width:auto;  border-bottom:1px dotted #555}
.table-sp td{ border:none;  padding:10px}
.table-sp tr{ border-bottom:1px solid #555}
.table-sp tr:first-child{ border-top:1px solid #555}
}

@media screen and (max-width: 768px) {
    .member_details .photo {max-width: 250px; margin: 0 auto}
}

/*5カラム定義*/
.col-meibo {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}


@media (min-width: 1200px) {
    .col-meibo { width: 20%; float: left;}
}

@media screen and (min-width:992px) and ( max-width:1199px) {
    .col-meibo {width: 25%; float: left;}
}

@media screen and (min-width:769px) and ( max-width:991px) {
    .col-meibo { width: 33.3333%; float: left;}
}

@media screen and (max-width: 768px) {
    .col-meibo { width: 50%; float: left;}
}




/*入会について*/
.contact {max-width:1080px; margin: 35px auto 0; background-color: #fafafa; padding:55px 70px;
border-radius: 10px; border: 1px solid #dedede}
.contact_ttl {font-size: 24px; background-color: #efefef;  padding: 5px 15px; border-left: 8px solid #333; margin-bottom: 35px}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center !important;
    margin-top: 10px !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    color: white !important;
    background: #ee7948 !important;
    border-color: #ee7948 !important;
}

.wpforms-required-label{                                
    color: #fff !important;                             
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;  
    background-color: #da4f49 !important;
    padding: 3px 5px 3px!important;
    border-radius: 5px !important;
    white-space: nowrap;  
    font-size: 12px!important;
}

.wpforms-field-container input {margin-top: 7px !important; padding: 25px 15px !important;  }
.wpforms-field-container input[type=radio] {margin-top: 20px !important;}
.wpforms-field-container textarea {margin-top: 8px !important; padding: 25px !important;  }


@media screen and (max-width: 544px) {
.contact {padding:15px 20px;}
.contact_ttl {font-size: 19px;}
.wpforms-field-container input {margin-top: 5px !important; padding: 5px 10px !important;  }
.wpforms-field-container input[type=radio] {margin-top: 20px !important; padding: 0 !important;}
.wpforms-field-container textarea {margin-top: 8px !important; padding: 10px !important;  }
}


/* ————————————————————————————
  会員ページログイン
  ————————————————————————————*/

/*ログインページ*/

#login .form_wrap {
    max-width: 650px;
    margin: 35px auto;
}

#login .form_wrap p {
    margin-bottom: 25px
}

#login .btn {
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    background-color: #104ac3;
    border: none;
    color: #fff;
    margin: 15px auto 0;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}


#login .btn:hover {
    background-color: #427cf5
}

#login input {
    width: 100%;
    margin-bottom: 15px;
    border: none;
    outline: none;
    padding: 13px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}



/*会員アーカイブ*/

/*#member h3 {
    text-align: center;
    font-size: 2.2em;
    margin-bottom: 15px;
    margin-top: 0
}*/

#member h3 {
    font-size: 23px;
    margin-bottom: 45px;
    margin-top: 0;
    background-color: #273f7c;
    padding: 3px 15px;
    border-left: 10px solid #f2cf6f;
    color: #fff;
}

#member .m-main dl {
    padding: 10px 0;
    border-bottom: 1px dotted #b2b2b2;
    margin: 5px 0 0 15px;
}

#member .m-main dl a:hover {
    color: #ff8000
}


#member .m-main dd {
    margin-left: 0em;
}

#member .m-main dd:before {
    font-family: 'icomoon';
    content: "\e926";
    padding-right: 8px;
    color: #ff724b;
}

#member .doc {
    list-style: none;
    font-weight: bold
}

#member .doc a:hover {
    color: #ff8000
}

#member .doc li:before {
    font-family: 'icomoon';
    content: "\e925";
    padding-right: 10px;
    color: #1741AD;
    font-size: 25px;
}

#member .m-side h4 {
    font-size: 18px;
    color: #1741AD;
    margin: 0;
    background-color: #ededed;
    padding: 5px 15px;
    border-left: 3px solid #1f366f
}

#member .m-side h4 span {
    display: block;
    font-size: 14px
}

#member .m-side ul.nendo {
    list-style: none;
    padding-left: 1em;
    margin-top: 20px
}

#member .m-side ul.nendo li {
    padding-bottom: 5px;
    font-size: 17px;
}




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

    #member .m-main dt {
        clear: left;
        float: left;
        width: 7em;
        padding-top: 0
    }

    #member .m-main dd {
        margin-left: 7em;
    }

    #member .pager .pagination {
        text-align: left;
        margin-left: 12px;
    }

    #member .pager .pagination li {
        background: #73757b;
        border-radius: 0px;
    }

    #member .pager .pagination li a:hover,
    #member .pager .pagination li a.active {
        color: #fff;
        background: #ff8327;
        border-radius: 0px;
    }

}



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

    #member h3 {
        text-align: center;
        font-size: 1.6em;
        line-height: 1em;
    }

    #member .m-side {
        margin-top: 30px
    }
}


/*会員詳細ページ*/

#kaiho h3.title {
    font-size: 1.8em;
    margin: 0 0 15px;
    border-bottom: 1px dotted #363636;
    padding-bottom: 8px
}

#kaiho h3.title span {
    margin-right: 1em
}

#kaiho .days {
    margin: 0 0 30px 0;
}

#kaiho .days span {
    background-color: #092a80;
    color: #fff;
    font-size: 0.85em;
    padding: 4px 6px;
    border-radius: 3px;
    margin-right: 10px
}


/* 個人情報保護方針 
-------------------------------------------------------------------------*/
.privasy-box h4 {border-left: 5px solid #1741AD; padding-left: 10px; font-size: 18px; margin-bottom: 0}
.privasy-box p {margin-left: 1em; margin-bottom: 1.5em;}