/*
Theme Name:mid82
Theme URI:
Description:WordPressテーマ「businesspress」の子テーマです。
Template:businesspress
Author:
Author URI:
Version:1.0.0
*/

body:lang(ja) {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.05em;
	color: #000;
	font-size: 15px;
	overflow-x: hidden;
}

/* ページ幅 */
.site-content, .container-content{
	/* max-width: 1028px; */
    max-width: 1140px;
}


@media screen and (max-width: 568px) {
	.site-content .container-content{
		padding-left: 16px;
		padding-right: 16px;
	}
}


/* 上部メニュー */
.site-header{
    background-color: #F0F3F5;
    border-bottom: none;
}
@media screen and (min-width: 980px) {
    [class^="pc-navigation-"] .menu{
        list-style: none;
        margin: 0;
        justify-content: space-around;
        display: flex;
        margin-bottom: -35px;
    }
    [class^="pc-navigation-"] .menu > li{
        display: inline-block;
        letter-spacing: normal;
        white-space: nowrap;
    }
    [class^="pc-navigation-"] .menu > li a{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #000;
        line-height: 1;
    }
    [class^="pc-navigation-"] .menu > li .icon{
        display: inline-block;
        background: #3D6AB6;
        padding: 20px;
        border-radius: 100%;
        border: 14px solid #fff;
        transition: all .15s ease-in-out;
    }
    [class^="pc-navigation-"] .menu > li .icon::before{
        content: '';
        display: block;
        width: 42px;
        height: 42px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    [class^="pc-navigation-"] .menu > li.posting .icon::before{
        background-image: url(./img/icon_posting.svg);
    }
    [class^="pc-navigation-"] .menu > li.mail .icon::before{
        background-image: url(./img/icon_mail.svg);
    }
    [class^="pc-navigation-"] .menu > li.midpress .icon::before{
        background-image: url(./img/icon_midpress.svg);
    }
    [class^="pc-navigation-"] .menu > li.staff .icon::before{
        background-image: url(./img/icon_staff.svg);
    }
    [class^="pc-navigation-"] .menu > li a:hover .icon{
        background: #E81B2C;
    }

    .main-header.main-header-original {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        background-color: #fff;
    }
    .main-header-clone {
        display: none;
    }
    .site-header{
        border-bottom: none;
    }

    .site-header{
        margin-top: 125px;
    }
    .main-header-content {
        align-items: flex-start;
        justify-content: center;
        gap: 20px;
        /* position: relative; */
        max-width: 1160px;
    }
    .site-branding {
        padding-right: 0;
    }
    .main-header {
        padding-bottom: 0;
        padding-top: 35px;
    }
    .drawer-hamburger{
        display: block;
        position: absolute;
        /* top: calc(50% - 16px); */
        top: 50%;
        right: 40px;
        transform: translateY(-50%);
    }
    .drawer-hamburger, .drawer-navigation{
        display: block;
    }
    .drawer-navigation{
        width: 360px;
    }
    .main-navigation ul.menu > li{
        display: block;
        line-height: 2;
    }
    .main-navigation ul.menu > li a{
        padding-left: 0 !important;
    }
    .main-navigation ul.menu > li.menu-item-has-children > a:after{
        content: none;
    }
    .main-navigation ul ul{
        position: relative;
        opacity: 1 !important;
        left: 0 !important;
        box-shadow: none;
    }
    .main-navigation ul ul li a{
        padding: 0;
        border: none;
    }
}
@media screen and (max-width: 979px) {
    .main-header{
        width: 100vw;
        background: #fff;
        margin-left: calc(50% - 50vw);
    }
    [class^="pc-navigation-"],
    [class^="pc-navigation-"] .menu{
        display: none;
    }
    .main-header-content{
        position: relative;
        justify-content: center;
    }
    .drawer-hamburger{
        position: absolute;
        right: 40px;
    }
    .site-branding {
        padding-right: 0;
    }
    .site-logo img{
        transform-origin: center;
    }
}
@media screen and (max-width: 781px) {
    .drawer-hamburger{
        right: 20px;
    }
    .site-logo img{
        transform: scale(0.75, 0.75);
    }
}

/* メインビジュアル */
.home-header{
    max-width: 1160px;
    margin: 0 auto;
    border-radius: 0px 0px 80px 80px;
    background-color: transparent;
}
.home-header-overlay{
    background-color: transparent;
}

.home-header-content{
    position: relative;
}
.home-header-text{
    position: absolute;
    bottom: -30px;
    right: 10px;
}
.home-header-title{
    text-shadow: 2px 3px 6px rgba(0, 0, 0, 1);
    letter-spacing: 0.1em;
}
.mainvisual-cta {
    width: 228px;
    height: 228px;
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mainvisual-cta h3{
    text-shadow: none;
    font-size: 1.13em;
    margin: 10px 0 4px;
    font-weight: 700;

}
.mainvisual-cta p{
    text-shadow: none;
    font-size: 1.33em;
    margin: 0 0 16px;
    color: #3D6AB6;
    font-weight: 700;
    line-height: 1.2;
}
.mainvisual-cta a{
    text-shadow: none;
}
.mainvisual-cta .wp-block-buttons .wp-block-button__link{
    padding: 9px 24px;
}


@media screen and (max-width: 568px) {
    .home-header-content{
        padding-bottom: 45px;
        padding-top: 45px;
    }
    .home-header-title{
        font-size: 2rem;
    }
    .home-header-text{
        display: none;
    }
}




/*
WordPress標準のブロックを使用しているため、CSSぐちゃぐちゃ。
後でLazyBlocksなどでカスタムブロックの作成およびBEMに直す。
*/

.wp-block-column .wp-block-image{
    text-align: center;
}
@media screen and (min-width: 569px) and (max-width: 781px) {
    .wp-block-image img{
        transform: scale(0.75, 0.75);
    }
}


/* トップページ */
.home .site-header{
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* お知らせ */
.section-news{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #F0F3F5;
    /* margin-bottom: 145px; */
    padding-bottom: 5.33em;
}
.section-news > .wp-block-group__inner-container{
    max-width: 1040px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section-news > .wp-block-group__inner-container > *:first-of-type{
    margin-top: 0;
}
.section-news > .wp-block-group__inner-container > h2{
    padding-top: 40px;
    margin-bottom: 0;
    color: #000;
}
.section-news > .wp-block-group__inner-container > p{
    font-size: 1.6em;
    color: #3D6AB6;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
}
.section-news > .wp-block-group__inner-container > ul{
    list-style: none;
    padding-bottom: 20px;
    margin: 0;
}
.section-news > .wp-block-group__inner-container > ul li{
    font-size: 1.2em;
}
.section-news > .wp-block-group__inner-container > ul li a {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    border-bottom: solid 1px #c6c6c6;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 17px;
    padding-right: 17px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.section-news > .wp-block-group__inner-container > ul li .post-date {
    color: #3D6AB6;
    line-height: 1.8;
}
/* .section-news > .wp-block-group__inner-container > .wp-block-buttons{
    padding-bottom: 60px;
} */

@media screen and (max-width: 979px) {
    .section-news > .wp-block-group__inner-container{
        padding-left: 30px;
        padding-right: 30px;
    }
    .section-news > .wp-block-group__inner-container > ul li a {
        flex-wrap: wrap;
        gap: 0 !important;
        text-align: justify;
        line-height: 1.4;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
        .section-news > .wp-block-group__inner-container > ul li .post-date {
        flex-basis: 100%;
        text-align: left;
    }
}


/* ミッド八通が選ばれる理由 */
.section-choose{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: transparent;
    /* margin-bottom: 145px; */
    margin-bottom: 5.33em;
}
.section-choose > .wp-block-group__inner-container{
    max-width: 1120px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section-choose > .wp-block-group__inner-container h3{
    color: #3D6AB6;
}
/* .section-choose > .wp-block-group__inner-container p{
    font-size: 1.2em;
} */
@media screen and (min-width: 980px) {
    .section-choose .wp-block-columns:nth-of-type(2n) .wp-block-column:first-of-type{
        order: 2;
    }
    .section-choose .wp-block-columns:nth-of-type(2n) .wp-block-column:last-of-type{
        order: 1;
    }
}
@media screen and (max-width: 979px) {
    .section-choose > .wp-block-group__inner-container{
        padding-left: 30px;
        padding-right: 30px;
    }
}



/* ミッド八通のサービス */
.section-solutions{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #F0F3F5;
    padding-bottom: 5.33em;
}
.section-solutions > .wp-block-group__inner-container{
    max-width: 1120px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
.section-solutions > .wp-block-group__inner-container p.en{
    color: #fff;
}
.section-solutions > .wp-block-group__inner-container .wp-block-column{
    padding: 20px;
    border: 1px solid #c6c6c6;
    border-radius: 16px;
    background-color: #fff;
}
.section-solutions > .wp-block-group__inner-container .wp-block-image{
    margin-bottom: 0;
}
.section-solutions > .wp-block-group__inner-container h3{
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: center;
    color: #3D6AB6;
    font-size: 1.6em;
}
.section-solutions > .wp-block-group__inner-container > h3{
    margin-top: 4.16em;
    margin-bottom: 0;
}

.section-solutions .wp-block-gallery{
    margin: 50px 0 0;
}

/* 私たちの取り組み */
.section-actions{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: transparent;
    /* margin-bottom: 145px; */
}
.section-actions > .wp-block-group__inner-container{
    max-width: 1120px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
}
/* .section-actions > .wp-block-group__inner-container p{
    font-size: 1.2em;
} */
.section-actions > .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-of-type{
    min-width: 317px;
}
.section-actions > .wp-block-group__inner-container .wp-block-columns .wp-block-column .wp-block-image img{
    aspect-ratio: 245 / 245;
    width: 245px;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
.section-actions > .wp-block-group__inner-container .wp-block-columns .wp-block-column .wp-block-image:nth-of-type(2) img{
    margin-top: -130px;
    margin-left: 72px;
}

/* トップページ 共通 */
.wp-block-group__inner-container p.en{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: 100px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: rgba(61, 106, 182, 0.16);
    margin-top: -13px;
    margin-bottom: 0;
}

.wp-block-group__inner-container h2{
    color: #3D6AB6;
    margin-top: -13px;
    margin-bottom: 50px;
    font-size: 1.6em;
}
.wp-block-group__inner-container h3{
    font-size: 1.733em;
    letter-spacing: 0.05em;
    margin-bottom: 0.74em;
}
@media screen and (max-width: 979px) {
    .wp-block-group__inner-container p.en{
        font-size: 9vw;
        /* margin-top: -1.1vw; */

    }
    .home .wp-block-group__inner-container p.en{
        margin-top: -1.1vw;
    }
    body:not(.home) .wp-block-group__inner-container p.en{
        margin-top: 0;
        margin-bottom: -1.1vw;
    }

    .wp-block-group__inner-container h2{
        margin-top: 0;
    }
}
@media screen and (max-width: 979px) {
    .wp-block-group__inner-container h3{
        font-size: 1.386em !important;
    }
    .wp-block-group__inner-container h3 br{
        display: none;
    }
}

.wp-block-group__inner-container .wp-block-columns:not(:last-of-type){
    margin-bottom: 3.33em;
}
.wp-block-group__inner-container .wp-block-columns:last-of-type{
    margin-bottom: 0;
}
.wp-block-buttons .wp-block-button__link{
    background-color: #3D6AB6;
    color: #fff;
    font-size: 1.2em;
    padding: 9px 40px;
}
.wp-block-buttons .wp-block-button__link::before{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(./img/icon_arrow-right_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 6px;
    transition: all .15s ease-in-out;
}
/* .wp-block-buttons .wp-block-button__link:hover::before{
    background-image: url(./img/icon_arrow-right_blue.svg);
} */
.wp-block-gallery img{
    width: 208px !important;
    height: auto;
}

/* フッター */
.site-footer .wp-block-buttons .wp-block-button__link{
    background-color: #fff;
    color: #3D6AB6;
    font-size: 1.2em;
    border: 2px solid #fff;
}
.site-footer .wp-block-buttons .wp-block-button__link:hover{
    background-color: #3D6AB6;
    color: #fff;
}
.site-footer .wp-block-buttons .wp-block-button__link::before{
    content: none;
}
.site-footer .wp-block-buttons .wp-block-button__link::after{
    content: '';
    width: 19px;
    height: 16px;
    display: inline-block;
    background-image: url(./img/icon_mail_blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 6px;
    transition: all .15s ease-in-out;
}
.site-footer .wp-block-buttons .wp-block-button__link:hover::after{
    background-image: url(./img/icon_mail_white.svg);
}


.site-footer .container-wrapper.access{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4em;
    padding-bottom: 3rem;
}
.site-footer .container-wrapper.access .container-content{
    max-width: 1160px;
}
.site-footer .container-wrapper.access .container-content .wp-block-columns{
    align-items: flex-start !important;
    margin-bottom: 0 !important;
}
.site-footer .container-wrapper.access .container-content .wp-block-columns .wp-block-column{
    align-self: flex-start;
}
.site-footer .container-wrapper.access .container-content > .wp-block-columns > .wp-block-column:first-of-type{
    flex-basis: 66.66%;
}
.site-footer .container-wrapper.access .container-content > .wp-block-columns > .wp-block-column:last-of-type{
    flex-basis: 33.33%;
}

@media screen and (max-width: 1174px) {
    .site-footer .container-wrapper.access .container-content .wp-block-columns .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .site-footer .container-wrapper.access .container-content .wp-block-columns .wp-block-columns .wp-block-column{
        flex-basis: 100% !important;
    }
}


.site-footer .container-wrapper.access h2{
    text-align: center;
    margin-bottom: 1em;
    color: #fff;
    font-size: 1.33em;
}
.site-footer .container-wrapper.access h3{
    text-align: center;
    color: #fff;
    font-size: 1em;
}
.site-footer .container-wrapper.access h2 + p{
    text-align: center;
    margin-bottom: 2.67em;
    line-height: 1;
}
.site-footer .container-wrapper.access .telephone{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
    line-height: 1;
}
.site-footer .container-wrapper.access .telephone .department{
    font-size: 20px;
}
.site-footer .container-wrapper.access .telephone .telephone-number{
    font-size: 30px;
    font-weight: 700;
}
@media screen and (max-width: 568px) {
    .site-footer .container-wrapper.access .telephone .department{
    font-size: 1em;
}
}
/* @media screen and (max-width: 400px) {
    .site-footer .container-wrapper.access .telephone > *{
        flex-basis: 100% !important;
        text-align: center;
    }
} */


.site-footer .container-wrapper.access .gmap + p{
    text-align: center;
}

.site-info {
    clear: none;
    float: none;
    margin-top: 0;
    text-align: center;
}

footer .container-wrapper{
    background-color: #3D6AB6 !important;
    color: #fff;
}
footer .site-bottom{
    background-color: #3D6AB6 !important;
    border-top: none;
    color: #fff;
    padding-top: 10px;
}
footer .footerbanner{
    background-color: #3D6AB6;
}
.footerbanner .wp-block-gallery{
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 3rem;
    /* border-top: 1px solid #c6c6c6; */
    padding: 1.25em 20px;
}
.footer-navigation{
    float: none;
}
.footer-navigation ul{
    font-size: 100%;
}
.site-bottom a{
    color: #fff;
}
.footer-logo{
    background-color: #3D6AB6;
    text-align: center;
    padding-top: 3rem;
}
.footer-logo img{
    width: 245px;
    height: auto;
}

/* Googleマップ */
.gmap {
    /* height: 0;
    overflow: hidden;
    padding-bottom: 80%;
    position: relative; */
    height: 160px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}
.gmap iframe {
    /* position: absolute;
    left: 0;
    top: 0; */
    height: 100%;
    width: 100%;
}
.page-id-64 .gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.page-id-64 .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
}

/* トップへ戻るボタン */
.back-to-top {
    background: transparent;
    border: 2px solid #888;
    border-radius: 9999px;
    width: 46px;
    height: 46px;
}
.back-to-top::before {
    color: #888;
    transition: .15s ease-in-out;
    padding-left: 2px;
    font-size: 32px;
}
.back-to-top:hover {
    background: transparent;
    border: 2px solid #515151;
}
.back-to-top:hover::before {
    color: #515151;
}

/* ページ共通 */
.content-area{
    margin-bottom: 6.8em;
}

/* 下層共通 */
body:not(.home) .site-header {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    /* padding-bottom: 116px; */
}
.jumbotron{
    max-width: 1160px;
    margin: 0 auto;
    background-color: transparent;
    background-image: none !important;
}
.jumbotron-overlay{
    background-color: transparent;
    background-position: center;
    background-size: cover;
    border-radius: 0px 0px 80px 80px;
    height: 250px;
}
@media screen and (max-width: 979px) {
    .jumbotron-overlay{
        /* height: 200px; */
        border-radius: 0px 0px 60px 60px;
    }
}

.jumbotron-content{
    padding: 0 !important;
}
.subheader{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: 100px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: rgba(61, 106, 182, 0.16);
    margin-top: 30px;
    margin-bottom: -14px;
    color: #fff !important;
    text-transform: capitalize;
}
@media screen and (max-width: 979px) {
    .subheader {
        font-size: 9vw;
        margin-bottom: -1.1vw;
    }
}


.jumbotron-title {
    color: #3D6AB6;
    margin-top: -1.6em;
    margin-bottom: 50px;
    font-size: 1.6em;
    text-shadow: none;
    background: #fff;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
body:not(.home) .entry-content > .wp-block-columns:first-of-type h3{
    color: #3D6AB6;
    font-size: 1.733em;
    letter-spacing: 0.05em;
}
body:not(.home) .entry-content > .wp-block-columns:first-of-type h3 strong{
    color: #fff;
    background: #3D6AB6;
    font-size: 1.714em;
    display: inline-block;
    padding: 0 5px;
    margin-top: 5px;
    letter-spacing: 0.05em;
}
body:not(.home) .entry-content > .wp-block-columns h3 + p strong{
    display: block;
    font-size: 1.33em;
    margin-bottom: -1.3em;
}
@media screen and (max-width: 979px) {
    body:not(.home) .entry-content > .wp-block-columns h3 {
        font-size: 1.386em !important;
    }
    body:not(.home) .entry-content > .wp-block-columns h3 strong{
        font-size: 1.386em !important;
    }
}


.wp-block-group.heading{
    margin-bottom: -87px;
    margin-top: 0;
}

/* ポスティング */
.page-id-56 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}

.pum-theme-308 .pum-container, .pum-theme-default-theme .pum-container{
    padding: 40px 40px 80px !important;
}
@media screen and (max-width: 568px) {
    .pum-theme-308 .pum-container, .pum-theme-default-theme .pum-container{
        padding: 30px 30px 60px !important;
    }
}
.pum-theme-308 .pum-title, .pum-theme-default-theme .pum-title{
    margin-bottom: 40px !important;
}
.pum-content.popmake-content h2{
    margin-top: 30px;
    margin-bottom: 10px;
}
.pum-content.popmake-content li{
    line-height: 2;
    color: #000;
}
.pum-content.popmake-content p{
    line-height: 2;
    color: #000;
}

/* ポスティングまでの流れ */
.section-flow{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #F0F3F5;
    padding: 100px 0 5.33em;
}
.section-flow > .wp-block-group__inner-container{
    max-width: 1040px;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
}
.section-flow .wp-block-columns{
    max-width: 800px;
    background-color: #fff;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 24px;
    position: relative;
}
.section-flow .wp-block-columns h3{
    font-size: 1.6em;
    margin-bottom: 0.5em;
}
.section-flow .wp-block-columns .wp-block-column:first-of-type p{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #3D6AB6;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
}
.section-flow .wp-block-columns .wp-block-column:first-of-type p strong{
    font-size: 100px;
    letter-spacing: 0.1em;
    /* text-indent: -0.1em; */
    display: inline-block;
}
.section-flow .wp-block-columns:last-of-type{
    margin-bottom: 0;
}
.section-flow .wp-block-columns:not(:last-of-type)::after {
    content: "";
    width: 30px;
    height: 22px;
    background: url(./img/triangle-down.svg) no-repeat center center;
    background-size: contain;
    display: block;
    margin-left: 0;
    position: absolute;
    left: 50%;
    bottom: calc(-2em - 11px);
    transform: translateX(-50%);
}

/* サービス内容 */
.wp-block-columns.service{
    margin-top: 162px;
    margin-bottom: 5.33em;
}
.wp-block-columns.service .wp-block-column{
    background-color: #F0F3F5;
    border-radius: 16px;
    padding: 35px;
}
@media screen and (max-width: 979px) {
    .wp-block-columns.service .wp-block-column{
        padding: 25px;
    }
}
@media screen and (max-width: 781px) {
    .wp-block-columns.service .wp-block-column:not(:last-of-type){
        margin-bottom: 50px;
    }
}
.wp-block-columns.service h3{
    color: #fff;
    background-color: #FABE00;
    border-radius: 9999px;
    padding: 10px 24px;
    margin-top: -60px;
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.wp-block-columns.service .wp-block-image{
    margin-bottom: 1.33em;
}
.wp-block-columns.service .wp-block-image img{
    aspect-ratio: 280 / 186;
    /* width: 280px; */
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
}
.wp-block-columns.service p{
    font-size: 0.933em;
}
@media screen and (min-width: 980px) {
    .wp-block-columns.service p{
        min-height: 100.75px;
    }
}

/* ポスティング料金 */
.page-id-80 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}

/* 料金表ダウンロード */
.wp-block-group.download{
    margin-top: 0;
    background-color: #F0F3F5;
    border-radius: 16px;
    padding: 60px 35px 35px;
    margin-bottom: 5.33em;
}
@media screen and (max-width: 979px) {
    .wp-block-group.download{
        padding: 60px 25px 40px;
    }
}
.wp-block-group.download .wp-block-buttons{
    max-width: 644px;
    margin: 0 auto;
    gap: 22px 44px;
}
.wp-block-group.download .wp-block-buttons > .wp-block-button{
    width: 300px;
    height: 200px;
}
@media screen and (max-width: 979px) {
    .wp-block-group.download .wp-block-buttons > .wp-block-button{
        width: 100%;
        height: 80px;
    }
}
.wp-block-group.download .wp-block-buttons .wp-block-button__link{
    border-radius: 16px;
    font-size: 1.733em;
    font-weight: 600;
    padding: 9px 24px;
}
@media screen and (max-width: 979px) {
    .wp-block-group.download .wp-block-buttons .wp-block-button__link{
        font-size: 1.386em !important;
    }
}

.wp-block-group.download .wp-block-buttons .wp-block-button__link::before{
    content: none;
}
.wp-block-button a:hover{
    background-color: #FABE00;
}

/* ポスティングエリア */
.page-id-82 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}
/* ポスティングスケジュール */
.page-id-84 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}
.wp-block-group.schedule{
    margin-top: 0;
    background-color: #F0F3F5;
    border-radius: 16px;
    padding: 60px 35px 35px;
    margin-bottom: 40px;
}
@media screen and (max-width: 979px) {
    .wp-block-group.schedule{
        padding: 60px 25px 40px;
    }
    .wp-block-group.schedule p{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 568px) {
        .wp-block-group.schedule p{
        text-align: left;
    }
}
.page-id-84 .entry-content > .wp-block-group.schedule.last{
    margin-bottom: 5.33em;
}
.wp-block-group.schedule .wp-block-group__inner-container{
    max-width: 800px;
    margin: 0 auto;
}
.wp-block-group.schedule .wp-block-group__inner-container p strong{
    display: inline-block;
    width: 112px;
    background: #3D6AB6;
    color: #fff;
    border-radius: 9999px;
    padding: 4px 0;
    text-align: center;
}
.page-id-84 .entry-content > h2{
    margin-bottom: -20px;
    margin-top: 2.5em;
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.page-id-84 .entry-content > h2 strong{
    display: inline-block;
    width: 280px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    padding: 8px 0;
}

/* 最新の世帯数票 */
.page-id-86 .entry-content > h2{
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.page-id-86 .entry-content > h2 strong{
    display: inline-block;
    width: 100%;
    max-width: 500px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    padding: 8px 0;
}
.page-id-86 .entry-content .wp-block-group__inner-container{
    max-width: 500px;
    margin: 0 auto;
}
.page-id-86 .entry-content .wp-block-group__inner-container li{
    margin-bottom: 0.5em;
}
.page-id-86 .entry-content .wp-block-group__inner-container li strong{
    display: inline-block;
    width: 65px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    /* padding: 8px 0; */
    text-align: center;
}
.page-id-86 .entry-content .wp-block-group + p{
    margin-bottom: 5.33em;
}

/* メール便 */
.page-id-58 .entry-content > .wp-block-columns{
    margin-bottom: 5.33em;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
.page-id-58 .entry-content > .wp-block-columns h3{
    color: #3D6AB6;
    font-size: 1.733em;
}
.page-id-58 .entry-content > .wp-block-columns h3 strong{
    color: #fff;
    background: #3D6AB6;
    font-size: 1.84em;
    display: inline-block;
    padding: 0 5px;
    margin-top: 5px;
}

@media screen and (min-width: 980px) {
    .page-id-58 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:first-of-type {
        order: 2;
    }
    .page-id-58 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:last-of-type {
        order: 1;
    }
}

.page-id-58 .entry-content > .wp-block-buttons{
    flex-direction: column;
    margin-bottom: 5.33em;
}
.page-id-58 .entry-content > .wp-block-buttons .wp-block-button__link{
    width: 350px;
}


/* ミッドプレス */
.page-id-60 .entry-content > .wp-block-columns{
    margin-bottom: 5.33em;
}
.page-id-60 .entry-content > .wp-block-columns h3{
    color: #3D6AB6;
    font-size: 1.733em;
}
.page-id-60 .entry-content > .wp-block-columns h3 strong{
    color: #fff;
    background: #3D6AB6;
    font-size: 1.84em;
    display: inline-block;
    padding: 0 5px;
    margin-top: 5px;
}
@media screen and (min-width: 980px) {
    .page-id-60 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:first-of-type {
        order: 2;
    }
    .page-id-60 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:last-of-type {
        order: 1;
    }
}

/* ミッド82パック */
.page-id-62 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}
.page-id-62 .section-flow {
    margin-bottom: 80px;
}

.wp-block-columns.feature .wp-block-column{
    padding: 2em;
    border: 2px solid #c6c6c6;
    border-radius: 16px;
}
.wp-block-columns.feature .wp-block-column h3{
    color: #3D6AB6;
    font-size: 1.46em;
}
.page-id-62 .entry-content > .wp-block-columns.feature.last{
    margin-bottom: 5.33em;
}

/* 会社案内 */
.page-id-64 .site-content{
    max-width: 750px;
}
.page-id-64 .entry-content > h2{
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.page-id-64 .entry-content > h2 strong{
    display: inline-block;
    width: 280px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    padding: 8px 0;
}
.page-id-64 .entry-content > .wp-block-table table{
    font-size: 100%;
    margin-bottom: 0;
}
.wp-block-table.is-style-stripes{
    border-bottom: none;
}
.page-id-64 .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
    background-color: transparent;
}
.page-id-64 .wp-block-table.is-style-stripes tbody tr:nth-child(even){
    background-color: #F0F3F5;
}
.page-id-64 .entry-content > .wp-block-table td{
    padding: 1.5em 3em;
}
@media screen and (min-width: 980px) {
    .page-id-64 .entry-content > .wp-block-table tr td:first-of-type{
        width: 25%;
    }
    .page-id-64 .entry-content > .wp-block-table tr td:last-of-type{
        width: 75%;
    }
}
@media screen and (max-width: 979px) {
    .page-id-64 .entry-content > .wp-block-table td{
        display: block;
        letter-spacing: 0;
        padding: 1.0em;
    }
    .page-id-64 .entry-content > .wp-block-table tr td:first-of-type{
        padding-bottom: 0;
    }
    .page-id-64 .entry-content > .wp-block-table tr td:last-of-type{
        padding-top: 0;
    }
}

/* 私たちの取り組み */
.page-id-88 .entry-content > .wp-block-columns{
    margin-bottom: 5.33em;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
.page-id-88 .entry-content > .wp-block-columns h3{
    color: #3D6AB6;
    font-size: 1.733em;
}
.page-id-88 .entry-content > .wp-block-columns h3 strong{
    color: #fff;
    background: #3D6AB6;
    font-size: 1.84em;
    display: inline-block;
    padding: 0 5px;
    margin-top: 5px;
}
@media screen and (min-width: 980px) {
    .page-id-88 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:first-of-type {
        order: 2;
    }
    .page-id-88 .entry-content > .wp-block-columns:nth-of-type(2n) .wp-block-column:last-of-type {
        order: 1;
    }
}

/* スタッフ募集 */
.page-id-90 .entry-content > .wp-block-columns:first-of-type{
    margin-bottom: 5.33em;
}
.page-id-90 .entry-content > h2{
    margin-bottom: 0.5em;
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.page-id-90 .entry-content > h2 strong{
    display: inline-block;
    width: 280px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    padding: 8px 0;
}
.page-id-90 .entry-content > h2:first-of-type{
    margin-top: 0;
}
.page-id-90 .entry-content > h3{
    color: #3D6AB6;
}

.page-id-90 .entry-content > .wp-block-table{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.page-id-90 .entry-content > .wp-block-table table{
    font-size: 100%;
    margin-bottom: 0;
}
.page-id-90 .entry-content > .wp-block-table.is-style-stripes:last-of-type {
    margin-bottom: 5.33em;
}
.page-id-90 .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
    background-color: transparent;
}
.page-id-90 .wp-block-table.is-style-stripes tbody tr:nth-child(even){
    background-color: #F0F3F5;
}
.page-id-90 .entry-content > .wp-block-table td{
    padding: 1.5em 3em;
}
@media screen and (min-width: 980px) {
    .page-id-90 .entry-content > .wp-block-table tr td:first-of-type{
        width: 25%;
    }
    .page-id-90 .entry-content > .wp-block-table tr td:last-of-type{
        width: 75%;
    }
}
@media screen and (max-width: 979px) {
    .page-id-90 .entry-content > .wp-block-table td{
        display: block;
        letter-spacing: 0;
        padding: 1.0em;
    }
    .page-id-90 .entry-content > .wp-block-table tr td:first-of-type{
        padding-bottom: 0;
    }
    .page-id-90 .entry-content > .wp-block-table tr td:last-of-type{
        padding-top: 0;
    }
}

.page-id-90 .entry-content p.telephone{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    line-height: 1;
    font-weight: 700;
}
.page-id-90 .entry-content p.telephone .department{
    font-size: 20px;
}
.page-id-90 .entry-content p.telephone .telephone-number{
    font-size: 30px;
    display: flex;
    align-items: center;
}
.page-id-90 .entry-content p.telephone .telephone-number::before{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(img/icon_tel.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}
@media screen and (max-width: 568px) {
    .page-id-90 .entry-content p.telephone .department{
        font-size: 1em;
    }
}


/* お問い合わせ */
.page-id-66 .entry-content > h2{
    margin-bottom: 0.5em;
    font-size: 1.33em;
    letter-spacing: 0.1em;
}
.page-id-66 .entry-content > h2 strong{
    display: inline-block;
    width: 100%;
    max-width: 500px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    padding: 8px 0;
}
.wp-block-columns.contact{
    margin-bottom: 5.33em;
}
.wp-block-columns.contact .wp-block-column{
    padding: 2em;
    border: 2px solid #c6c6c6;
    border-radius: 16px;
}
.wp-block-columns.contact .wp-block-column h3{
    color: #3D6AB6;
    font-size: 1.46em;
}
.wp-block-columns.contact .wp-block-column p{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    line-height: 1;
    font-size: 30px;
    font-weight: 700;
}
.wp-block-columns.contact .wp-block-column p.tel::before{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(img/icon_tel.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}
.wp-block-columns.contact .wp-block-column p.fax::before{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(img/icon_fax.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}




/* お問い合わせフォーム */
.wpcf7{
    text-align: center;
}
#cf-tbl {
    max-width: 800px;
    margin: 0 auto;
}
#cf-tbl table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    color: #000;
    font-size: 100%;
}
#cf-tbl table tr th, #cf-tbl table tr td {
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
    border: none;
    vertical-align: middle;
    display: block;
}
#cf-tbl table tr th {
    /* width: 35%; */
    /* background: #eee; */
    background: none;
}
#cf-tbl table tr th p, #cf-tbl table tr td p {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4;
}
#cf-tbl table tr:not(:last-of-type) td {
    margin-bottom: 1.5em;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 14px 20px 14px 20px;
    margin-right: 0;
    margin-top: 0;
    border: 2px solid #c6c6c6;
    border-radius: 9999px;
    /* background-color: #eff1f5; */
}
textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 20px;
    max-width: none;
}
.required {
    font-size: 14px;
    padding: 0px 10px 2px 10px;
    background: #FABE00;
    color: #fff;
    border-radius: 9999px;
    margin-left: 8px;
    font-weight: 500;
}
.wpcf7-checkbox{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.wpcf7-not-valid-tip{
    margin-top: 0.5em;
}


input.wpcf7-submit {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 9999px;
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: 315px;
    max-width: 100%;
    color: #FABE00;
    padding: 24px 36px;
    font-weight: 500;
    transition: .3s cubic-bezier(.4,.4,0,1);
    letter-spacing: 0.2em;
    text-transform: lowercase;
    font-size: 15px;
    border: 2px solid #FABE00;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    opacity: 1.0;
    /* background-color: #000; */
    background: #FABE00;
    color: #fff;
}

input.wpcf7-submit {
    margin: 40px auto 0;
}
p.submitbtn{
    margin-bottom: 0;
}

/* お知らせ一覧 */
.blog,
.single{
    background-color: #F0F3F5;
}
/* .blog .site-content{
    max-width: 1040px;
} */
.blog .jumbotron-title,
.single .jumbotron-title{
    background-color: transparent;
    /* margin-bottom: -36px; */
}
.post-list .entry-header{
    font-size: 1.2em;
    margin-bottom: 0;
}
.post-list .entry-header a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    border-bottom: solid 1px #c6c6c6;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 17px;
    padding-right: 17px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.post-list .entry-header a .post-date {
    color: #3D6AB6;
    line-height: 1.8;
}
.post-list .entry-title {
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.pagination{
    margin-top: 64px;
    text-align: center;
}
.pagination .nav-links > a{
    background-color: #fff;
}

.blog .jumbotron-overlay,
.single .jumbotron-overlay{
    background-image: url(img/main-visual.jpg);
}

/* .single .entry-content{
    margin-bottom: 4em;
} */

body:not(.home) .site-content .page_section {
    background-color: #fff;
    padding: 88px;
    margin-bottom: 80px;
}


/* 404ページ */


/* バナー一覧 */
figure.wp-block-gallery{
    margin-left: auto !important;
    margin-right: auto !important;
}