@charset "UTF-8";

* {
    background-position: center;
}

body {
    color: #122C68;
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    padding-top: 60px;
}

@media (min-width: 992px) {
    body {
        padding-top: 0;
    }
}

/* title */
.title {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #1B4C9E;
}

.title span {
    display: block;
}

.title__main {
    font-family: "Bebas Neue W01", "YuGothic", "Yu Gothic", sans-serif;
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.title__sub {
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    font-size: 16px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .title {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .title__main {
        font-size: 50px;
    }

    .title__sub {
        font-size: 20px;
    }
}

/* background-image */
.activities__1 {
    background-image: url(img/activities__1.jpg);
}

.activities__2 {
    background-image: url(img/activities__2.jpg);
}

.activities__3 {
    background-image: url(img/activities__3.jpg);
}

.activities__4 {
    background-image: url(img/activities__4.jpg);
}

.activities__5 {
    background-image: url(img/activities__5.jpg);
}

.activities__6 {
    background-image: url(img/activities__6.jpg);
}

.activities__7 {
    background-image: url(img/activities__7.jpg);
}

/* main */
.mainVisual {}

.mainVisual.home {
    height: 100vh;
    min-height: 460px;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%), url(img/main__index.jpg);
    background-position: 30% center;
    margin-top: -60px;
}

.mainVisual__text {
    width: 240px;
    position: absolute;
    margin: auto 15px;
    bottom: 14%;
    right: 0;
}

@media (min-width: 992px) {
    .mainVisual {}

    .mainVisual.home {
        height: 760px;
        background-image: url(img/main__index.jpg);
        background-position: center center;
        margin-top: 0;
    }

    .mainVisual__text {
        width: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 520px;
    }
}

/* message */
.message {
    height: 1000px;
    background-image: url(img/index__message.jpg);
    background-position: center bottom;
    background-size: 180%;
    background-repeat: no-repeat;
}

.message__text {
    color: #1B4C9E;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

.message__text p {
    margin-bottom: 40px;
    overflow-wrap: break-word;
    width: 100%;
    display: block;
    white-space: normal;
}

@media (min-width: 768px) {
    .message__text {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .message {
        height: 1300px;
        background-size: contain;
    }

    .message__text {
        font-size: 20px;
    }

    .message__text p {
        margin-bottom: 50px;
    }
}

/* blog */
.blog__wrapper {}

.blog__posts {
    color: #000000;
}

.blog__more {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
}

.blog__more a {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 26px 0;
    background-color: #122C68;
    box-shadow: 6px 6px #1B4C9E;
    transition: all 0.3s;
}

.blog__more a i {
    padding-left: 20px;
    font-size: 22px;
    vertical-align: -2px;
}

.blog__more a:hover {
    background-color: #1B4C9E;
    box-shadow: 6px 6px #122C68;
    text-decoration: none;
}

@media (min-width: 768px) {
    .blog .post {
        margin-bottom: 0;
    }

    .blog__more {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog__more a {
        display: inline-block;
        padding: 26px 80px;
        font-weight: normal;
    }
}

/* activities */
.activities__title {
    background-color: #E8F1F4;
}

/* activities/description__box */
.description__box {}

@media (min-width: 992px) {
    .description__box {
        width: 580px;
        position: absolute;
        bottom: 60px;
        background-color: #FFFFFF;
    }

    .description__box_left {
        left: 60px;
    }

    .description__box_right {
        right: 60px;
    }
}

/* description__header */
.description__header {
    background-color: #122C68;
}

.description__header * {
    vertical-align: middle;
}

.description__number {
    display: inline-block;
    color: #8996B4;
    font-family: "Bebas Neue W01", "YuGothic", "Yu Gothic", sans-serif;
    font-size: 40px;
    line-height: 68px;
    margin-left: 15px;
}

.description__title {
    display: inline-block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    line-height: 68px;
    margin-left: 10px;
}

.description__link {
    display: block;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.description__link a {
    color: #FFFFFF;
    border: #FFFFFF solid 1px;
    transition: all 0.3s;
    font-size: 12px;
    padding: 10px 10px;
    display: block;
}

.description__link a i {
    padding-left: 6px;
    font-size: 20px;
    vertical-align: -2px;
}

.description__link a:hover {
    background-color: #FFFFFF;
    color: #122C68;
    text-decoration: none;
}

@media (min-width: 992px) {
    .description__header {
        height: 90px;
    }

    .description__number {
        line-height: 90px;
        margin-left: 20px;
    }

    .description__title {
        font-size: 22px;
        line-height: 90px;
        margin-left: 20px;
    }

    .description__link {
        line-height: 90px;
        margin-right: 20px;
        float: right;
        display: inline-block;
        padding: 0;
    }

    .description__link a {
        padding: 16px 40px;
        font-size: 14px;
        display: inline;
    }

    .description__link i {
        padding-left: 20px;
    }
}

.description__text {
    padding: 30px 15px;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .description__text {
        padding: 30px;
        font-size: 16px;
    }
}

footer {
    background-color: #122C68;
    color: #FFFFFF;
}

footer .logoType {
    color: #FFFFFF !important;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

@media (min-width: 992px) {
    footer .logoType {
        margin-top: 30px;
        margin-bottom: 30px;
        float: left;
    }
}

.footer__address {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer__address span {
    display: block;
}

.address__box {
    display: block;
    margin-bottom: 20px;
}

.address__title {
    font-size: 14px;
    font-weight: bold;
}

.footer__linkList {
    font-size: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.footer__linkList li {
    padding: 0;
}

.footer__linkList li a {
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

.footer__linkList li:not(:first-child)::before {
    content: " | ";
}

.footer__copyright {
    display: block;
    font-size: 10px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-align: center;
}

@media (min-width: 992px) {
    .footer__address {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .address__box {
        display: inline-block;
        margin-left: 60px;
    }

    .address__title {
        font-size: 16px;
    }

    .footer__linkList {
        font-size: 12px;
        margin-bottom: 30px;
        text-align: left;
    }

    .footer__copyright {
        font-size: 12px;
        margin-bottom: 30px;
        text-align: left;
    }
}

.post {
    border-bottom: #8996B4 solid 1px;
    padding-bottom: 30px;
}

.post__permalink {
    display: block;
    color: #122C68;
    height: 100%;
    transition: all 0.3s;
}

.post__permalink:hover {
    color: #122C68;
    text-decoration: none;
    opacity: 0.8;
}

.post__date {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

.post__img {
    display: block;
    margin-bottom: 10px;
}

.post__title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
}

.post__excerpt {
    display: block;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .post {
        border-right: #8996B4 solid 1px;
        border-bottom: none;
        padding-left: 31px;
        padding-right: 30px;
        height: 480px;
        padding-bottom: 0;
    }

    .posts__newLine {
        border-left: #8996B4 solid 1px;
        padding-left: 30px;
    }
}

.screen-reader-text {
    display: none;
}

/* page-supporter.php */
.supporter__wrapper {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .supporter__wrapper {
        margin-top: 60px;
    }
}

/* template-parts/supporter.php */
.supporter__text {
    font-size: 14px;
    font-weight: bold;
    color: #1B4C9E;
    margin-bottom: 40px;
    line-height: 2.2;
    /*white-space: nowrap;*/
    text-align: left;
}

@media (min-width: 992px) {
    .supporter__text {
        font-size: 2.1rem;
        margin-bottom: 60px;
        line-height: 1.8;
    }
}

/* supporter__box */
.supporter__box {
    background-color: #E8F1F4;
    margin-bottom: 40px;
    padding: 30px 15px;
}

.supporter__title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #1B4C9E;
}

.supporter__link {
    color: #FFFFFF;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s;
    display: block;
    margin: auto;
}

.supporter__link img {
    width: 40px;
    margin-right: 10px;
}

.supporter__link i {
    font-size: 40px;
    margin-right: 10px;
    vertical-align: -8px;
}

.supporter__link:not(:first-child) {
    margin-top: 20px;
}

.supporter__link:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.supporter__linkLine {
    background-color: #00C300;
    box-shadow: 6px 6px rgb(77, 213, 77);
}

.supporter__linkLine:hover {
    background-color: rgb(77, 213, 77);
    box-shadow: 6px 6px #00C300;
}

.supporter__linkFacebook {
    background-color: #3B5998;
    box-shadow: 6px 6px rgb(118, 139, 183);
}

.supporter__linkFacebook:hover {
    background-color: rgb(118, 139, 183);
    box-shadow: 6px 6px #3B5998;
}

@media (min-width: 992px) {
    .supporter__box {
        padding: 30px 50px;
        margin-bottom: 80px;
        display: inline-block;
        font-weight: normal;
    }

    .supporter__title {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .supporter__link {
        width: 280px;
        font-size: 16px;
        display: inline-block;
    }

    .supporter__link:not(:first-child) {
        margin-left: 40px;
        margin-top: 0;
    }
}

/* activities/activities__content */
.activities__content {
    padding-left: 0;
    padding-right: 0;
}

.activities__content .container {
    padding-left: 0;
    padding-right: 0;
}

.activities__image {
    height: 240px;
    background-size: cover;
}

.activities__1 {
    background-position: 50% 30%;
}

.activities__2 {
    background-position: 50% 10%;
}

.activities__3 {
    background-position: 50% 10%;
}

.activities__4 {
    background-position: 50% 10%;
}

.activities__5 {
    background-position: 50% 70%;
}

.activities__6 {
    background-position: 50% 50%;
}

@media (min-width: 992px) {
    .activities__image {
        height: 700px;
    }
}

/* activities__titleBadge */
.activities__titleBadge {
    background-color: #122C68;
    height: 68px;
    display: block;
}

.activities__titleBadge .description__number {
    line-height: 68px;
    vertical-align: bottom;
}

.activities__titleBadge .description__title {
    line-height: 68px;
    vertical-align: bottom;
}

@media (min-width: 992px) {
    .activities__titleBadge {
        height: 100px;
        display: inline-block;
        margin-top: -50px;
    }

    .activities__titleBadge .description__number {
        line-height: 100px;
    }

    .activities__titleBadge .description__title {
        line-height: 100px;
        margin-right: 20px;
    }
}

.activities__textMain {
    color: #122C68;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 1px;
    line-height: 1.6;
}

.activities__textSub {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.6;
}

@media (min-width: 992px) {
    .activities__textMain {
        font-size: 18px;
        margin-top: 50px;
    }

    .activities__textSub {
        font-size: 16px;
        margin-bottom: 40px;
    }
}

.activities__link {
    margin-bottom: 80px;
    display: block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.activities__link a {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 26px 0;
    background-color: #122C68;
    box-shadow: 6px 6px #1B4C9E;
    transition: all 0.3s;
}

.activities__link a i {
    padding-left: 20px;
    font-size: 22px;
    vertical-align: -2px;
}

.activities__link a:hover {
    background-color: #1B4C9E;
    box-shadow: 6px 6px #122C68;
    text-decoration: none;
}

@media (min-width: 992px) {
    .activities__link {
        margin-bottom: 100px;
        display: inline-block;
        float: right;
    }

    .activities__link a {
        display: inline-block;
        padding: 26px 80px;
        float: right;
        font-weight: normal;
    }
}

.activities__textBoxSkyblue {
    background-color: #E8F1F4;
}

.mainVisual {
    height: 180px;
    background-size: cover;
}

.mainVisual.profile {
    background-image: url(img/main__profile.jpg);
    background-position: center 84%;
}

.mainVisual.profile .mainVisual__title {
    color: #1B4C9E;
}

.mainVisual.activities {
    background-image: url(img/main__activities.jpg);
}

.mainVisual.blog {
    background-image: url(img/main__blog.jpg);
}

.mainVisual.supporter {
    background-image: url(img/main__supporter.jpg);
}

.mainVisual.privacy {
    background-image: url(img/main__privacy.jpg);
}

.mainVisual.notFound {
    background-image: url(img/main__404.jpg);
}

.mainVisual__title {
    color: #FFFFFF;
    padding-top: 50px;
}

@media (min-width: 992px) {
    .mainVisual {
        height: 520px;
    }

    .mainVisual.profile {
        height: 1775px;
        background-position: center;
    }

    .mainVisual__title {
        padding-top: 270px;
    }
}

.archive {
    margin-top: 40px;
}

.post {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .archive {
        margin-top: 100px;
    }
}

.navbar {
    height: 60px;
    border: none;
    background-color: #FFFFFF;
    transition: all 0.3s;
}

.navbar .navbar-collapse {
    opacity: 1;
}

.navbar-header {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    height: 60px;
}

.navbar-toggle {
    transition: all 0.3s;
}

.navbar-collapse {
    background-color: #E8F1F4;
    max-height: none !important;
    border: none;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.navbar_hiddenXs {
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar_hiddenXs .navbar-header {
    box-shadow: none;
}

.navbar_hiddenXs .navbar-toggle {
    opacity: 0;
}

.navbar_hiddenXs .navbar-collapse {
    opacity: 0;
}

.navbar-toggle {
    padding: 10px 10px;
    margin: 9px 15px;
    border: none;
    border-radius: 0;
}

.navbar-toggle .icon-bar {
    width: 28px;
    height: 2px;
    border-radius: 0;
    background-color: #1B4C9E !important;
    transition: all 0.4s;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 8px;
}

.navbar-toggle .icon-bar:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
}

.navbar-toggle .icon-bar:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    transform: translateY(-10px) rotate(45deg);
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-toggle.collapsed .icon-bar {}

.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
    transform: none;
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
    transform: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar .container {
        width: auto;
    }
}

@media (min-width: 992px) {
    .navbar {
        height: 76px;
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: none;
    }

    .navbar .navbar-collapse {
        background-color: inherit;
        opacity: 1;
        transition: all 0.3s;
        box-shadow: none;
    }

    .navbar:hover {
        background-color: rgba(255, 255, 255, 1.0);
    }

    .navbar-header {
        height: auto;
        box-shadow: none;
    }

    .navbar_hiddenMd {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .navbar_hiddenMd .navbar-collapse {
        opacity: 0;
    }
}

.logoType {
    color: #1B4C9E !important;
    height: auto;
    padding: 6px 15px;
}

.logoType .navbar__title1 {
    font-size: 12px;
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}

.logoType .navbar__title2 {
    font-size: 22px;
    font-weight: bold;
}

.logoType .navbar__title3 {
    font-size: 12px;
    font-weight: bold;
}

.navbar__linkList {
    text-align: center;
}

.navbar__linkList li {
    padding: 10px;
}

@media (min-width: 992px) {
    .logoType {
        padding: 12px;
    }

    .logoType .navbar__title1 {
        font-size: 14px;
        display: block;
        margin-bottom: 6px;
        font-weight: bold;
    }

    .logoType .navbar__title2 {
        font-size: 30px;
        font-weight: bold;
    }

    .logoType .navbar__title3 {
        font-size: 14px;
        font-weight: bold;
    }

    .navbar__linkList {
        text-align: left;
    }

    .navbar__linkList li {
        padding: 0;
    }
}

/* listItem */
.navbar__listItem {
    color: #1B4C9E !important;
    font-size: 16px;
    font-weight: bold;
    border: #1B4C9E solid 1px;
}

.navbar__listItem:hover {
    background-color: #1B4C9E !important;
    color: #E8F1F4 !important;
}

.navbar__listItem_active {
    background-color: #1B4C9E;
    color: #E8F1F4 !important;
}

@media (min-width: 992px) {
    .navbar__listItem {
        line-height: 76px !important;
        padding: 0 20px !important;
        border: none;
    }

    .navbar__listItem:hover {
        background-color: inherit !important;
        color: #1B4C9E !important;
        border-bottom: #1B4C9E solid 1px;
    }

    .navbar__listItem_active {
        background-color: inherit !important;
        color: #1B4C9E !important;
        border-bottom: #1B4C9E solid 1px;
    }
}

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

.navbar__icon {
    line-height: 76px;
    padding: 6px 6px !important;
    border: none;
}

.navbar__icon:hover {
    background-color: transparent !important;
}

.header__linkLine img {
    width: 40px;
}

.header__linkFacebook i {
    font-size: 40px;
    color: #1B4C9E;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

@media (min-width: 992px) {
    .navbar__icon {
        line-height: 76px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .header__linkLine img {
        width: 30px;
        vertical-align: -9px;
    }

    .header__linkFacebook i {
        font-size: 30px;
        width: 30px;
        height: 30px;
        vertical-align: -5px;
    }
}

.article__archivesLink {
    margin-top: 30px;
    margin-bottom: 30px;
}

.article__archivesLink a {
    font-size: 14px;
    font-weight: bold;
    color: #122C68;
    transition: all 0.3s;
}

.article__archivesLink a i {
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    vertical-align: -2px;
}

.article__archivesLink a:hover {
    text-decoration: none;
    color: rgb(89, 107, 149);
}

/* post */
.post__date {
    font-size: 14px;
    margin-bottom: 4px;
}

.post__title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.single__categoryItem {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #122C68;
    text-align: center;
    padding: 4px 8px;
    margin-bottom: 4px;
    transition: all 0.3s;
}

.single__categoryItem:not(:first-child) {
    margin-left: 4px;
}

.single__categoryItem:hover {
    background-color: rgb(89, 107, 149);
    text-decoration: none;
    color: #FFFFFF;
}

.single__content {
    font-size: 16px;
    margin-top: 50px;
    letter-spacing: 1px;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.single__content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .post__title {
        font-size: 22px;
    }

    .single__categoryItem {}

    .single__content {
        font-size: 16px;
    }
}

/* articleLink */
.single__articleLink {
    margin-top: 50px;
}

.single__articleLinkItem a {
    display: block;
    border: #122C68 solid 1px;
    padding: 20px 40px;
    font-size: 14px;
    font-weight: bold;
    color: #122C68;
    position: relative;
    transition: all 0.3s;
}

.single__articleLinkItem a i {
    font-size: 20px;
    font-weight: bold;
    vertical-align: -2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
}

.single__articleLinkItem a:hover {
    text-decoration: none;
    background-color: #122C68;
    color: #FFFFFF;
}

.single__articleLinkItem:not(:first-child) {
    margin-top: 10px;
}

.single__articleLinkItem_left a i {
    left: 10px;
}

.single__articleLinkItem_right a i {
    right: 10px;
}

@media (min-width: 992px) {
    .single__articleLinkItem {}

    .single__articleLinkItem:not(:first-child) {
        margin-top: 0;
    }
}

/* archives */
#archives {
    padding-top: 120px;
}

.archives__title {
    font-size: 16px;
    display: block;
    border-bottom: #122C68 solid 2px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 30px;
}

.single__postsList .post .post__title {
    font-size: 16px;
}

.single__categoryList {
    margin-top: 50px;
    margin-bottom: 50px;
}

.categoryList__category {
    height: 100px;
    margin-bottom: 20px;
}

.categoryList__categoryCover {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    position: relative;
    transition: all 0.3s;
}

.categoryList__categoryCover:hover {
    text-decoration: none;
    opacity: 0.8;
}

.categoryList__categoryTitle {
    position: absolute;
    bottom: 0;
    background-color: #122C68;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 6px;
}

@media (min-width: 768px) {
    .single__postsList .post {
        height: 400px;
    }
}

@media (min-width: 992px) {
    .mainVisual__title_up {
        padding-top: 200px;
    }
}

.profile__mainProfileBox {
    background-color: #FFFFFF;
}

.profileBox__name {
    margin-top: 20px;
    margin-bottom: 20px;
}

.profileBox__nameKanji {
    font-size: 26px;
    font-weight: bold;
    color: #1B4C9E;
}

.profileBox__nameKana {
    font-size: 16px;
    font-weight: bold;
    color: #1B4C9E;
}

.profileBox__description {
    font-size: 14px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.profileBox__dlBox {
    font-size: 14px;
    letter-spacing: 1px;
}

.profileBox__dl dt {
    font-weight: bold;
    width: auto;
    float: left;
}

.profileBox__dl dt::after {
    content: "：";
}

.profileBox__dl dt:not(:first-child) {
    margin-top: 10px;
}

.profileBox__dl dd {
    font-weight: normal;
    margin-left: 0;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .profile__mainProfileBox {
        background-color: rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: -350px;
        left: 430px;
        right: 0;
        margin: auto;
        padding: 40px;
        width: 672px;
    }

    .profileBox__name {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .profileBox__description {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .profileBox__dlBox {}
}

.career {}

.career:last-child {
    margin-bottom: 40px;
}

.career__title {
    margin-top: 40px;
    margin-bottom: 10px;
}

.career__dl {
    margin-bottom: 0;
}

.career__dl dt {
    width: auto;
    float: left;
}

.career__dl dt::after {
    content: "：";
}

.career__dl dd {
    margin-left: 70px;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .career {
        margin-bottom: 0;
    }

    .career__title {
        margin-top: 320px;
    }

    .career__dl {
        margin-bottom: 60px;
    }
}

/* history */
.history__wrapper {
    background-color: #E8F1F4;
}

.history__content {
    color: #122C68;
}

.history__image {
    height: 250px;
    background-size: cover;
}

.history__text {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.history__text h1 {
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: bold;
    color: #1B4C9E;
}

.history__text p {
    font-size: 14px;
    margin-bottom: 0;
    letter-spacing: 1px;
    line-height: 1.6;
}

.history__1 .history__image {
    background-image: url(img/history__1.jpg);
}

.history__2 .history__image {
    background-image: url(img/history__2.jpg);
}

.history__3 .history__image {
    background-image: url(img/history__3.jpg);
}

.history__4 .history__image {
    background-image: url(img/history__4.jpg);
}

.history__5 .history__image {
    background-image: url(img/history__5.jpg);
}

.history__6 .history__image {
    background-image: url(img/history__6.jpg);
}

.history__1 .history__image {
    background-position: 50% 20%;
}

.history__2 .history__image {
    background-position: 50% 30%;
}

.history__3 .history__image {
    background-position: 50% 70%;
}

.history__4 .history__image {
    background-position: 50% 10%;
}

.history__5 .history__image {
    background-position: 50% 10%;
}

.history__6 .history__image {
    background-position: 50% 40%;
}

@media (min-width: 992px) {
    .history__box {
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

    .history__content {
        position: relative;
        margin-bottom: 60px;
    }

    .history__image {
        position: absolute;
        height: auto;
        background: none !important;
    }

    .history__image img {
        width: 100%;
    }

    .history__text {
        position: absolute;
        background-color: #FFFFFF;
        padding: 60px;
    }

    .history__text p {
        font-size: 16px;
    }

    .history__1 {
        height: 500px;
    }

    .history__1 .history__image {
        width: 510px;
        left: 0;
        top: 0;
    }

    .history__1 .history__image img {
        width: 100%;
    }

    .history__1 .history__text {
        width: 580px;
        right: 0;
        bottom: 0;
    }

    .history__2 {
        height: 410px;
    }

    .history__2 .history__image {
        width: 340px;
        right: 0;
        top: 0;
    }

    .history__2 .history__text {
        width: 660px;
        left: 0;
        top: 50px;
    }

    .history__3 {
        height: 340px;
    }

    .history__3 .history__image {
        width: 410px;
        left: 0;
        top: -80px;
    }

    .history__3 .history__text {
        width: 660px;
        right: 0;
        bottom: 0;
    }

    .history__4 {
        height: 510px;
    }

    .history__4 .history__image {
        width: 580px;
        right: 0;
        bottom: 0;
    }

    .history__4 .history__text {
        width: 470px;
        left: 0;
        top: 0;
    }

    .history__5 {
        height: 700px;
    }

    .history__5 .history__image {
        width: 470px;
        left: 0;
        top: 0;
    }

    .history__5 .history__text {
        width: 620px;
        right: 0;
        bottom: 0;
    }

    .history__6 {
        height: 480px;
    }

    .history__6 .history__image {
        width: 620px;
        right: 0;
        bottom: 0;
    }

    .history__6 .history__text {
        width: 470px;
        left: 0;
        top: 0;
    }
}

.privacy__article {
    margin-top: 80px;
    margin-bottom: 80px;
}

.privacy__article h4 {
    margin-top: 40px;
}

.category .mainVisual__title {
    padding-top: 62px;
}

.category .mainVisual__title .mainVisual__titleMain {
    font-weight: bold;
    font-size: 24px;
}

@media (min-width: 992px) {
    .category .mainVisual__title {
        padding-top: 270px;
    }

    .category .mainVisual__title .mainVisual__titleMain {
        font-size: 40px;
    }
}

.notFound__link {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
}

.notFound__link a {
    display: block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 26px 0;
    background-color: #122C68;
    box-shadow: 6px 6px #1B4C9E;
    transition: all 0.3s;
}

.notFound__link a i {
    padding-left: 20px;
    font-size: 22px;
    vertical-align: -2px;
}

.notFound__link a:hover {
    background-color: #1B4C9E;
    box-shadow: 6px 6px #122C68;
    text-decoration: none;
}

@media (min-width: 992px) {
    .notFound__link a {
        display: inline-block;
        padding: 26px 80px;
        font-weight: normal;
    }
}

.contactForm {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contactForm__name label,
.contactForm__email label {
    font-size: 16px;
    font-weight: normal;
}

.contactForm__name input,
.contactForm__email input {
    height: auto;
    font-size: 16px;
    background-color: #f2f6fa;
    border: none;
    box-shadow: none;
    padding: 20px;
}

.contactForm__name input:focus,
.contactForm__email input:focus {
    background-color: #f2f6fa;
    border: none;
    box-shadow: none;
}

.contactForm__text label {
    font-size: 16px;
    font-weight: normal;
}

.contactForm__text textarea {
    font-size: 16px;
    background-color: #f2f6fa;
    border: none;
    box-shadow: none;
    padding: 20px;
    resize: none;
}

.contactForm__text textarea:focus {
    background-color: #f2f6fa;
    border: none;
    box-shadow: none;
}

.contactForm__submit {
    margin-top: 40px;
}

.contactForm__submit div {
    padding-left: 30px;
    padding-right: 30px;
}

.contactForm__submit button {
    display: block;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: bold;
    padding: 26px 0;
    background-color: #122C68 !important;
    box-shadow: 6px 6px #1B4C9E !important;
    border: 0;
    border-radius: 0;
    width: 100%;
    transition: all 0.3s;
}

.contactForm__submit button i {
    padding-left: 20px;
    font-size: 22px;
    vertical-align: -2px;
}

.contactForm__submit button:hover {
    background-color: #1B4C9E !important;
    box-shadow: 6px 6px #122C68 !important;
    text-decoration: none;
}

.contactForm__submit button:focus {
    outline: none;
}

@media (min-width: 992px) {
    .contactForm {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .contactForm__name,
    .contactForm__email {
        margin-bottom: 30px;
    }

    .contactForm__name label,
    .contactForm__email label {
        line-height: 62px;
        padding-top: 0 !important;
    }

    .contactForm__text {
        margin-bottom: 30px;
    }

    .contactForm__text label {
        line-height: 128px;
        padding-top: 0 !important;
    }

    .contactForm__submit {
        margin-top: 80px;
    }

    .contactForm__submit button {
        display: inline-block;
        padding: 26px 80px;
        font-weight: normal;
        width: auto;
    }
}

/* result */
#result div {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
}

@media (min-width: 992px) {
    #result div {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

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

/*宏池会バナー*/

.kouchikai_bnr {
    position: absolute;
    top: 20px;
    right: 0;
    width: 250px;
}

.kouchikai_bnr img {
    width: 250px;
}

@media (max-width: 768px) {
    .kouchikai_bnr {
        position: inherit;
        top: 0;
        right: 0;
        margin: 20px 0;
        width: 250px;
    }
}

/*2018プロフィール更新*/

@media (min-width: 992px) {
    .profile__imgBox {
        width: 360px;
        position: absolute;
        left: 50%;
        margin-left: -500px;
    }

    .profile__imgBox_tab {
        display: none;
    }

    .profile__imgBox img {
        width: 100%;
    }

    .mainVisual.profile {
        background: none;
    }

    .history__7 {
        height: 550px;
    }

    .history__7 .history__text {
        width: 480px;
        right: 0;
        bottom: 0;
    }

    .history__7 .history__image {
        width: 490px;
        left: 0;
        top: 50px;
    }

    .history__8 {
        height: 600px;
    }

    .history__8 .history__text {
        width: 480px;
        left: 0;
        top: 0;
    }

    .history__8 .history__image {
        width: 610px;
        right: 0;
        bottom: 0;
    }
}

@media (max-width:991px) {
    .mainVisual.profile {
        background: none;
    }

    .profile__imgBox {
        display: none;
    }

    .profile__imgBox_tab {
        display: block;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }

    .profile__imgBox_tab img {
        width: 100%;
    }

    .history__7 .history__image {
        background-image: url(img/history__7.jpg);
    }

    .history__8 .history__image {
        background-image: url(img/history__8.jpg);
    }

    .profile__mainProfileBox {
        width: auto;
    }

    .career__title {
        margin-top: 0;
    }

    .single__content iframe {
        width: 100%;
    }
}

.bnr_ouen {
    position: absolute;
    bottom: 0;
    left: 254px;
}

@media screen and (max-width:700px) {
    .bnr_ouen {
        bottom: 8px;
        left: 150px;
    }

    .bnr_ouen img {
        width: 100%;
    }
}

/*SNSアイコン更新*/
.supporter__linkYoutube {
    background-color: #E52828;
    box-shadow: 6px 6px rgb(242 76 76);
}

.supporter__linkTwitter {
    background-color: #55acee;
    box-shadow: 6px 6px rgb(121 182 219);
}

.supporter__linkInsta {
    background-color: #e52372;
    box-shadow: 6px 6px rgb(215 65 139);
}

.supporter__link {
    color: #FFFFFF;
    height: 80px;
    line-height: 1.4;
    font-size: 15px;
    font-weight: bold;
    transition: all 0.3s;
    display: block;
    margin: auto;
    padding: 10px 0;
}

.supporter__link img {
    width: 40px;
    margin-right: 10px;
    position: absolute;
    left: 15px;
}

.supporter_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.supporter_list a {
    margin: 20px 10px !important;
    width: 260px;
    text-align: left;
    position: relative;
    padding: 20px 10px 0 70px;
}

.covid_text ul {
    padding-left: 1em;
}

@media screen and (max-width:1040px) {
    .supporter_list a {
        padding: 20px 10px 20px 70px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .supporter_list a br {
        display: none;
    }
}

@media screen and (max-width:1200px) {
    .sp_none {
        display: none;
    }
}

@media screen and (min-width:800px) and (max-width:1200px) {
    .navbar__listItem {
        padding: 0 8px !important;
    }
}

.pagination {
    width: 100%;
}

/*covid19ページ追加・20210608*/


.mainVisual.covid19,
.mainVisual.testgraph {
    background-image: url(img/main__blog.jpg);
}

.mainVisual.covid19 .title__main,
.mainVisual.testgraph .title__main {
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 3px;
}

.double_col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.covid_main {
    width: calc(100% - 300px);
}

.covid_side {
    width: 280px;
}

.covid_title {
    font-size: 28px;
    font-weight: bold;
    color: #1B4C9E;
}

.covid_bnr {
    padding: 30px 0;
    text-align: center;
}

.covid_bnr img {
    max-width: 518px;
}

.covid_news {
    margin-top: 20px;
    padding: 0;
}

.cov_title_sub {
    padding: 0.5em 0.75em;
    font-size: 15px;
    background: #123063;
    margin: 0 0 0 20px;
    position: relative;
    top: -5px;
    font-weight: normal;
}

.cov_title_sub a {
    color: #fff !important;
}

.cov_blank img {
    width: 10px;
    margin: 0 5px;
}

.cov_link img {
    width: 8px;
    margin: 0 5px;
}

.covid_main .post__title {
    font-size: 18px;
}

.covid_main .post {
    height: auto;
    padding: 0 15px;
}

.covid_main .post iframe {
    height: auto;
    width: 100%;
}

.covid_contents {
    border-bottom: #ccc 1px solid;
    overflow: hidden;
    padding: 20px;
}

.covid_side {
    margin-top: 20px;
}

.covid_side .covid_title {
    font-family: "Bebas Neue W01", "YuGothic", "Yu Gothic", sans-serif;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 32px;
}

.covid_side .covid_title span {
    font-size: 20px;
    letter-spacing: 0;
}

.covid_side_box {
    margin: 30px 0;
}

.covid_side h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
}

.covid_side h4 a {
    color: #1B4C9E;
}

.covid_twitter {
    overflow-y: scroll;
    height: 380px;
    border: 1px solid #ccc;
}

.covid_side_box img {
    width: 100%;
    margin-bottom: 10px;
}

.covid_side_box img:hover {
    opacity: 0.7;
}

.pc_only {
    display: block;
}

.sp_only {
    display: none;
}

@media screen and (max-width:800px) {
    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }
}

.ft_covid {
    width: 370px;
    height: auto;
    position: absolute;
    top: 144px;
    left: 268px;
}

.ft_gmo {
    padding-bottom: 40px;
}

.top_covid {
    position: absolute;
    width: 395px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(65px, 210px);
}

.top_covid img {
    width: 100%;
}

/*covid:iPad*/
@media screen and (max-width:992px) {

    .mainVisual.covid19 .title__main,
    .mainVisual.testgraph .title__main {
        font-size: 24px;
    }

    .covid_main {
        width: 100%;
    }

    .covid_side .covid_title {
        width: 100%;
    }

    .covid_side {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .covid_side_box {
        margin: 30px 0;
        width: 48.33%;
    }

    .top_covid {
        position: absolute;
        width: 220px;
        height: auto;
        left: auto;
        top: auto;
        transform: none;
        bottom: 3%;
        right: 26px;
    }
}

/*covid:SP*/
@media screen and (max-width:500px) {
    .category .mainVisual__title {
        padding-top: 50px;
    }

    .covid_title {
        font-size: 20px;
        line-height: 1.4;
    }

    .covid_bnr img {
        width: 100%;
    }

    .covid_news {
        padding: 0;
    }

    .cov_title_sub {
        font-size: 12px;
    }

    .covid_main .post {
        padding: 0;
    }

    .covid_main .post__title {
        font-size: 16px;
    }

    .cov_title_sub {
        top: 0;
    }

    .covid_side_box {
        width: 100%;
        margin: 15px 0;
    }

    .covid_side {
        padding: 0 20px;
    }

    .covid_main .post iframe {
        height: 185px;
    }

    .double_col {
        margin-top: 0;
    }

    .ft_covid {
        top: 175px;
        left: 15px;
        width: 290px;
        height: auto;
    }

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

    .ft_gmo {
        padding-bottom: 125px;
    }

    .tableauPlaceholder {
        position: relative;
        width: 100%;
        height: 1000px !important;
        overflow: hidden;
        display: block;
        overflow-y: scroll !important;
        border: 1px solid #ccc;
    }
}

.maintenance_txt {
    text-align: center;
    margin: 200px auto;
}

.g-recaptcha {
    display: flex;
    justify-content: center;
}