p {
    font-size: 16px;
    line-height: 2em;
}
main {
    overflow-x: hidden;
}
main a {
    color: #ff7700 !important;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
     p {
        font-size: 14px;
        line-height: 1.5em;
    }
    ul li {
        font-size: 13px;
        line-height: 1.3em;
    }
}

p.notice1 {
    font-size: 16px;
    font-weight: bold;
    text-indent: -16px;
    margin-left: 16px;
    color: #ff3300;
}
@media only screen and (max-width: 767px) {
    p.notice1 {
        font-size: 14px;
        text-indent: -14px;
        margin-left: 14px;
    }
}

p.caption1 {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 1.3em;
}
.separator1 {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
    background: #ccc;
}

h2.normal1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
h2.normal1::before, h2.normal1::after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #444;
}
h2.normal1::before {
    margin-right: 30px;
}
h2.normal1::after {
    margin-left: 30px;
}
@media only screen and (max-width: 767px) {
    h2.normal1 {
        margin-top: 10px;
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    h2.normal1::before, h2.normal1::after {
        width: 50px;
    }
    h2.normal1::before {
        margin-right: 10px;
    }
    h2.normal1::after {
        margin-left: 10px;
    }
}

h3.normal1 {
    padding: 30px 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    background: #ffba79;
    border-radius: 8px;
    margin-bottom: 20px;
}
h3.normal1.white {
    color: #555 !important;
    background: #fff;
}
h3.normal1.pink {
    color: #fff !important;
    background: #f08793;
}
h3.normal1.blue {
    color: #fff !important;
    background: #65b9e3;
}
h3.normal1.green {
    color: #fff !important;
    background: #80d189;
}
h3.normal1.orange {
    color: #fff !important;
    background: #ffba79;
}
h3.normal1:before {
    content: url(../img/cloud_pict1_SP.png);
    vertical-align: middle;
    margin-right: 15px;
}
h3.normal1:after {
    content: url(../img/cloud_pict2_SP.png);
    vertical-align: middle;
    margin-left: 15px;
}
h3.normal1 img {
    margin-right: 10px;
    vertical-align: middle;
}
h3.normal1 span.num {
    font-family: bebas;
    font-weight: normal;
    font-size: 50px;
    line-height: 1em;
}
@media only screen and (max-width: 767px) {
    h3.normal1 {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    h3.normal1 span.num {
        font-size: 30px;
    }
}

h3.normal2 {
    font-size: 22px;
    line-height: 1.5em;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    h3.normal2 {
        font-size: 17px;
    }
}

h4.normal1 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    h4.normal1 {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.lead1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 2.2em;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .lead1 {
        font-size: 17px;
    }
}

.column1 {
    padding: 30px;
    box-sizing: border-box;
    background: #f0f0f0;
    border-radius: 10px;
}
.column1 h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
    .column1 {
        padding: 15px;
    }
    .column1 h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }
}

.column2 {
    padding: 80px 30px;
    box-sizing: border-box;
    background:
        url(../img/dot1.png) 0 0 repeat,
        #ffdcb5;
    border-radius: 10px;
}
.column2 h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.column2 ul {
    list-style: none;
}
.column2 ul li {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}
.column2 ul li span.num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #ff966b;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 15px;
}
@media only screen and (max-width: 767px) {
    .column2 {
        padding: 30px;
    }
    .column2 h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .column2 ul li {
        font-size: 15px;
        line-height: 2em;
        margin-bottom: 20px;
        margin-left: 3.0em;
    }
    .column2 ul li span.num {
        width: 30px;
        height: 30px;
        margin-left: -3.0em;
    }
}






table.table1 {
    width: 100%;
}
table.table1 caption {
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.5em;
    text-align: left;
    background: #ffba79;
}
table.table1 tr th {
    padding: 18px 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: left;
    border-top: 1px solid #aaa;
}
table.table1 tr td {
    padding: 18px 20px;
    font-size: 15px;
    line-height: 1.5em;
    vertical-align: middle;
    border-top: 1px solid #aaa;
}
table.table1 tr td p {
    font-size: 16px;
    line-height: 1.5em;
}
table.table1 tr td strong {
    font-size: 125%;
}
@media only screen and (max-width: 767px) {
    table.table1 {
        margin: 10px 0 0 0;
    }
    table.table1 tr th {
        padding: 8px 0 8px 3px;
        font-size: 13px;
    }
    table.table1 tr td {
        padding: 8px 5px;
        font-size: 13px;
    }
    table.table1 tr td p {
        font-size: 13px;
    }
}





/* レイアウト共通
=================================================================================== */
.main_bg {
    padding: 80px 0;
}
.baige_bg {
    padding: 80px 0;
    background: #f8f3ef;
}

.pink_bg {
    padding: 80px 0;
    background: #fdedef;
}

.blue_bg {
    padding: 80px 0;
    background:
        url(../img/bird_bg.png) right 5% top 20px no-repeat,
        url(../img/dot1.png) 0 0 repeat,
        #a0d9f4;
}
.green_bg {
    padding: 80px 0;
    background:
        url(../img/flower_bg.png) left 5% top 20px no-repeat,
        url(../img/dot1.png) 0 0 repeat,
        #d9f1dc;
}
.orange_bg {
    padding: 80px 0;
    background: #fff5eb;
}

.gray_bg {
    padding: 80px 0;
    background: #f0f0f0;
}
@media only screen and (max-width: 767px) {
    .main_bg {
        padding: 50px 0;
    }
    .baige_bg {
        padding: 50px 0;
    }
    .pink_bg {
        padding: 50px 0;
    }
    .green_bg {
        padding: 50px 0;
            background:
            url(../img/flower_bg.png) no-repeat left 5% top 20px / 50%,
            url(../img/dot1.png) 0 0 repeat,
            #d9f1dc;
    }
    .orange_bg {
        padding: 50px 0;
    }
    .blue_bg {
        background:
            url(../img/bird_bg.png) no-repeat right 5% top 20px / 50%,
            url(../img/dot1.png) 0 0 repeat,
            #a0d9f4;
    }
    .gray_bg {
        padding: 50px 0;
    }
}

.news_orange_bg {
    background: url(../img/news_orange_bg.png) right 5% top 50px no-repeat;
}
.town_orange_bg {
    background: url(../img/town_orange_bg.png) right 5% top 50px no-repeat;
}
.house_orange_bg {
    background: url(../img/house_orange_bg.png) right 5% top 50px no-repeat;
}
.ribon_orange_bg {
    background: url(../img/ribon_orange_bg.png) right 5% top 50px no-repeat;
}
.car_orange_bg {
    background: url(../img/car_orange_bg.png) right 5% top 50px no-repeat;
}
.flower_orange_bg {
    background: url(../img/flower_orange_bg.png) right 5% top 50px no-repeat;
}
@media only screen and (max-width: 767px) {
    .news_orange_bg {
        background-size: 70%;
    }
    .town_orange_bg {
        background-size: 70%;
    }
    .house_orange_bg {
        background-size: 70%;
    }
    .ribon_orange_bg {
        background-size: 70%;
    }
    .car_orange_bg {
        background-size: 70%;
    }
    .flower_orange_bg {
        background-size: 70%;
    }
}

.arrow {
    margin-top: 15px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #666;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 767px) {
    .arrow {
        margin-top: 10px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #666;
    }
}

/* ページヘッダー */
#page_header {
    display: flex;
    position: relative;
}
#page_header .page_header_title {
    width: 40%;
    color: #ff966b;
    font-size: 36px;
    line-height: 1.3em;
    font-weight: bold;
        background:
        url(../img/dot1.png) 0 0 repeat,
        url(../img/pageheader_cloud.png) bottom left no-repeat,
        #ffdcb5;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
#page_header .page_header_title h1 {
    padding-left: 20%;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
}
#page_header .page_header_title h1 small {
    font-size: 50%;
}
#page_header .page_header_photo {
    width: 60%;
    position: relative;
}
#page_header .page_header_photo img {
    width: 100%;
}
#page_header .page_header_en {
    position: absolute;
    left: 5%;
    bottom: -30px;
    font-family: "Just Another Hand", cursive;
    font-size: 100px;
    letter-spacing: 10px;
    line-height: 1em;
    color: rgba(0,0,0,0.1);
    transform: rotate(-5deg);
}
@media only screen and (max-width: 767px) {
    #page_header {
        display: block;
    }
    #page_header .page_header_title {
        padding: 20px 0;
        width: 100%;
        font-size: 20px;
        background:
            url(../img/dot1.png) 0 0 repeat,
            #ffdcb5;
        display: block;
    }
    #page_header .page_header_title h1 {
        padding-left: 0;
        text-align: center;
    }
    #page_header .page_header_photo {
        width: 100%;
    }
    #page_header .page_header_en {
        left: auto;
        right: 5%;
        bottom: -30px;
        font-size: 30px;
    }
}

#page_header_nophoto {
    background: #ffba79;
}
#page_header_nophoto .title h1 {
    font-style: bold;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    padding: 50px 0;
}
#page_header_nophoto .title h1:before {
    content: url(../img/cloud_pict1.png);
    vertical-align: middle;
    margin-right: 30px;
}
#page_header_nophoto .title h1:after {
    content: url(../img/cloud_pict2.png);
    vertical-align: middle;
    margin-left: 30px;
}
@media only screen and (max-width: 767px) {
    #page_header_nophoto .title h1 {
        padding: 20px 0;
        width: 100%;
        font-size: 20px;
        display: block;
    }
    #page_header_nophoto .title h1:before {
        content: url(../img/cloud_pict1_SP.png);
        width: 20px;
        margin-right: 15px;
    }
    #page_header_nophoto .title h1:after {
        content: url(../img/cloud_pict2_SP.png);
        margin-left: 15px;
    }
}

/* サブメニュー */
.submenu_bg {
    width: 100%;
    background: #f8f3ef;
    text-align: center;
}
ul.submenu li {
    display: inline;
}
ul.submenu li a {
    display: inline-block;
    padding: 15px 30px;
    color: #ffba79 !important;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}
.submenu a:hover {
    color: #fff !important;
    background: #c69e7d;
    border-radius: 0 0 8px 8px;
    padding-bottom: 10px;
}
ul.submenu li.current a {
    color: #fff !important;
    background: #ffba79;
    border-radius: 0 0 8px 8px;
    padding-bottom: 10px;
    pointer-events: none;
}
@media only screen and (max-width: 767px) {
    ul.submenu {
        padding-bottom: 5px;
    }
    ul.submenu li a {
        font-size: 13px;
        padding: 5px 20px !important;
    }
    .submenu a:hover {
        border-radius: 8px;
    }
    ul.submenu li.current a {
        border-radius: 8px;
    }
}



/* FLEX */
.wrap2, .wrap3, .wrap4 {
    width: calc(100% + 10px);
    margin-left: -5px;
    display: flex;
    flex-wrap: wrap;
}
.wrap2 .box {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
    position: relative;
}
.wrap3 .box {
    width: calc(33.3333% - 10px);
    margin: 0 5px 10px 5px;
    position: relative;
}
.wrap4 .box {
    width: calc(25% - 10px);
    margin: 0 5px 10px 5px;
    position: relative;
}
.wrap2 .box .photo, .wrap3 .box .photo, .wrap4 .box .photo {
    text-align: center;
}
.wrap2 .box .photo img, .wrap3 .box .photo img, .wrap4 .box .photo img {
    width: 100%;
}
.wrap2 .box h3, .wrap3 .box h3, .wrap4 .box h3 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 15px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    background: #ff8f5c;
    border-radius: 30px;
    pointer-events: none;
}
.wrap2 .box .btn, .wrap3 .box .btn, .wrap4 .box .btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding-right: 12px;
    font-weight: bold;
    pointer-events: none;
    background: url(../img/arrow2.png) right center no-repeat;
}
.wrap2 .box .text, .wrap3 .box .text, .wrap4 .box .text {
    margin-top: 10px;
    font-size: 14px;
}
.wrap_center {
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    .wrap2 .box, .wrap3 .box, .wrap4 .box {
        width: calc(50% - 10px);
        margin: 0 5px 10px 5px;
    }
    .wrap2 .box h3, .wrap3 .box h3, .wrap4 .box h3 {
        padding: 0px 10px;
        font-size: 14px;
    }
    .wrap2 .box .btn, .wrap3 .box .btn, .wrap4 .box .btn {
        font-size: 12px;
    }
}


.arrow {
    margin-top: 15px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #ff8f5c;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 767px) {
    .arrow {
        margin-top: 10px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #ff8f5c;
    }
}





/* クリニックについて
=================================================================================== */
/* 医師紹介 */
.dr_name {
    padding: 30px 30px 140px 30px;
    background: #ff8f5c url(../img/cloud_pict2.png) no-repeat bottom 10px right 10px;
    border-radius: 10px;
}
.dr_name h3 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
.dr_name .text {
    margin-top: 15px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
    .dr_name {
        padding: 30px;
        margin-bottom: 10px;
    }
    .dr_name h3 {
        font-size: 24px;
    }
    .dr_name .text {
        margin-top: 5px;
        font-size: 17px;
    }
}

/* クリニック紹介 */
.facility_photo_wrap {
    display: flex;
    flex-wrap: wrap;
}
.facility_photo_wrap .box {
    width: calc(50% - 20px);
    margin: 10px;
    position: relative;
}
.facility_photo_wrap .text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 10px 10px;
    font-weight: bold;
    line-height: 1.3em;
    background: #fff;
    border-radius: 3px;
}
.facility_photo_wrap .cat1, .facility_photo_wrap .cat2, .facility_photo_wrap .cat3 {
    padding: 5px 15px;
    color: #fff;
    margin-right: 10px;
    border-radius: 20px;
}
@media only screen and (max-width: 767px) {
    .facility_photo_wrap {
        display: block;
    }
    .facility_photo_wrap .box {
        width: 100%;
        margin: 0 0 4px 0;
    }
    .facility_photo_wrap .text {
        position: absolute;
        bottom: 5px;
        left: 5px;
    }
    .facility_photo_wrap .cat1, .facility_photo_wrap .cat2, .facility_photo_wrap .cat3 {
        padding: 5px 10px;
    }
}




/* 診療内容 予防接種・乳児健診
=================================================================================== */
.faq {
    padding: 20px 150px;
    background: #fff;
    margin-bottom: 10px;
}
.faq .box_q, .faq .box_a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.faq .box_a {
    margin-top: 20px;
    align-items: flex-start;
}
.faq .box_q .q {
    margin-right: 15px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #ffba79;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq.pink .box_q .q {
    background: #f08793;
}
.faq.green .box_q .q {
    background: #80d189;
}
.faq.orange .box_q .q {
    background: #ffba79;
}
.faq .box_a .a {
    margin-right: 15px;
    width: 58px;
    height: 58px;
    color: #444;
    font-weight: bold;
    text-align: center;
    border: #444 1px solid;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq .box_q .text, .faq .box_a .text {
    width: calc(100% - 75px);
}
.faq .box_q .text {
    font-weight: bold;
}
.faq .box_a .btn1 {
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .faq {
        padding: 20px 20px;
    }
    .faq .box_a {
        margin-top: 10px;
    }
    .faq .box_q .q {
        margin-right: 15px;
        width: 40px;
        height: 40px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        background: #ffba79;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .faq .box_a .a {
        margin-right: 15px;
        width: 38px;
        height: 38px;
    }
}





/* 採用情報
=================================================================================== */
.recruit_point_wrap {
    width: calc(100% + 40px);
    margin-left: -20px;
    display: flex;
    flex-wrap: wrap;
}
.recruit_point_wrap .box {
    width: calc(50% - 40px);
    margin: 0 20px 40px 20px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .recruit_point_wrap {
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .recruit_point_wrap .box {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    table.jobdesc-field-block th {
        font-size: 13px;
    }
    table.jobdesc-field-block td {
        font-size: 13px;
        line-height: 1.5em;
    }
}



/* お問い合わせ
=================================================================================== */
.contact_tel {
    padding: 50px;
    background: #ffba79;
    border-radius: 10px;
}
.contact_tel p {
    color: #fff;
    text-align: center;
}
.contact_tel .tel {
    color: #fff;
    font-size: 40px;
    text-align: center;
}
.contact_tel .title {
    font-size: 175%;
    font-weight: bold;
}
.contact_tel .tel a {
    color: #fff !important;
    line-height: 0;
}
.contact_tel .tel a small {
    font-size: 75%;
}
@media only screen and (max-width: 767px) {
    .contact_tel .title {
        font-size: 17px;
    }
    .contact_tel {
        padding: 20px;
    }
    .contact_tel .tel {
        font-size: 30px;
    }
}

.privacypolicy {
    padding: 20px;
    height: 200px;
    overflow-y: scroll;
    background: #fff;
    box-sizing: border-box;
}
.privacypolicy p {
    font-size: 13px;
    line-height: 1.3em;
}
.privacypolicy h3 {
    font-weight: bold;
    margin-bottom: 10px;
}
.privacypolicy h4 {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}



/* お知らせ
=================================================================================== */
/* 一覧ページ */
.news_list_wrap {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #ccc;
}
.news_list_wrap.bb_none {
    border-bottom: none;
}
a:hover .news_list_wrap {
    background: #f0f0f0;
}
.news_list_wrap .cat {
    width: 16%;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background: #666;
    border-radius: 20px;
}
.news_list_wrap .cat.notice {
    background: #ffba79;
}
.news_list_wrap .cat.mothersnest {
    background: #f08793;
}
.news_list_wrap .cat.playground {
    background: #80d189;
}
.news_list_wrap .cat.pediatrics {
    background: #ffba6b;
}
.news_list_wrap .date {
    width: calc(16% - 20px);
    margin-left: 20px;
    font-weight: bold;
}
.news_list_wrap .date {
    color: #444;
}
.news_list_wrap .title {
    width: 68%;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
    .news_list_wrap {
        display: block;
        padding: 10px;
    }
    .news_list_wrap .cat {
        width: 100%;
        padding: 3px 0;
    }
    .news_list_wrap .date {
        width: 100%;
        margin-left: 0;
    }
    .news_list_wrap .title {
        width: 100%;
    }
}

/* 詳細ページ */
.news_cat {
    width: 16%;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background: #666;
    border-radius: 20px;
}
.news_cat.notice {
    background: #ffba79;
}
.news_cat.mothersnest {
    background: #f08793;
}
.news_cat.playground {
    background: #80d189;
}
.news_cat.pediatrics {
    background: #ffba6b;
}
h3.news_h3 {
    margin-top: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #444;
}
.news_date {
    margin-top: 20px;
    font-weight: bold;
}
.news_main {
    margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .news_cat {
        width: auto;
    }
    h3.news_h3 {
        font-size: 20px;
    }
    .news_main {
        margin-top: 10px;
    }
}

/* ページネーションボタン */
.pagelink {
    margin-top: -70px;
    padding-top: 70px;
}
@media only screen and (max-width: 767px) {
    .pagelink {
        margin-top: -20px;
        padding-top: 20px;
    }
}

.btn_left a, .btn_right a, .btn_center a {
    display: block;
    padding: 10px 0;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold;
    background: #444;
    text-align: center;
    border-radius: 30px;
}

/* 記事表示用 */
.news_h3 {
    color: #356335;
    font-size: 25px;
    line-height: 1.3em;
    font-weight: bold;
}
.news_date {
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
    .news_h3 {
        font-size: 19px;
        line-height: 1.5em;
    }
}

#news_main {
    margin-top: 30px;
}
#news_main p {
    color: #444;
    font-size: 15px;
    line-height: 1.8em;
    margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    #news_main p {
        font-size: 13px;
        line-height: 1.6em;
        margin-bottom: 10px;
    }
}

#news_main h1 {
    color: #444;
    margin-top: 50px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
#news_main h2 {
    color: #444;
    margin-top: 50px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
#news_main h3 {
    color: #444;
    margin-top: 50px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
#news_main h4 {
    color: #444;
    margin-top: 50px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
#news_main h5 {
    color: #444;
    margin-top: 50px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
#news_main h6 {
    color: #444;
    margin-top: 50px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    #news_main h1 {
        font-size: 27px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #news_main h2 {
        font-size: 21px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #news_main h3 {
        font-size: 19px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #news_main h4 {
        font-size: 17px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #news_main h5 {
        font-size: 13px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #news_main h6 {
        font-size: 11px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
}

#news_main hr {
    height: 0px;
    margin: 40px 0;
    border: none;
    border-top:1px solid #aaa;
}

#news_main b {
    font-weight: bold;
}

#news_main a {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
#news_main em {
    font-weight: bold;
    font-style: italic;
}
#news_main del {
    text-decoration: line-through;
}
#news_main ins {
    text-decoration: underline;
}
#news_main ul {
    margin-bottom: 30px;
    list-style-type: disc;
    margin-left: 1.7em;
}
#news_main ol {
    margin-bottom: 20px;
}
#news_main ul li, #news_main ol li {
    margin-bottom: 10px;
}

#news_main .wp-caption-text {
    font-size: 90%;
    line-height: 1.3em;
}

#news_main blockquote {
    margin: 0 0 0 0;
    padding: 30px;
    background: #f0f0f0;
    border-radius: 8px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#news_main blockquote cite {
    font-size: 75%;
}

/* PDF埋め込み */
.wp-block-file {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}
.wp-block-file a {
    display: block;
    width: 50%;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 16px !important;
}
.wp-block-file__embed {
    width: 400px !important;
    height: 605px !important;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-file__button {
    margin-top: 10px;
    display: block;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    background: #f70 !important;
}
.wp-block-file__button::before {
    content: 'PDFを';
}
.wp-block-file__button::after {
    content: 'する';
}
.wp-element-button {
    font-size: 20px;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
    .wp-block-file a {
        width: 100%;
        font-size: 14px !important;
    }

    .wp-block-file__button {
        padding: 12px;
    }
}

/* Youtube埋め込みレスポンシブ化 */
.wp-block-embed-youtube {
    margin-top: 50px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-top: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ページナビ*/
#pagenavi, #pagenation {
    text-align: center;
    margin: 50px 0 100px 0;
}
.wp-pagenavi {
    clear: both;
}
#pagenation a, #pagenavi a {
    display: inline-block;
    text-decoration: none;
    padding: 3px 14px;
    margin: 3px;
    color: #fff !important;
    background: #444;
    border: none;
    border-radius: 50px;
}
#pagenation span, #pagenavi span {
    display: inline-block;
    text-decoration: none;
    padding: 4px 14px;
    margin: 3px;
    background: #f0f0f0;
    border: none;
    border-radius: 50px;
}
#pagenation a:hover, .wp-pagenavi a:hover, #pagenavi span.current {
    border-color: #000;
}
#pagenation span.current, #pagenavi span.current {
    font-weight: bold;
}