@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Poppins:300i,500i,600&display=swap&subset=japanese");
.f_sans-serif { font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 600; }

/*各ページの共通*/
h3 { color: #1A3A85; font-size: 2.3rem; margin-bottom: 25px; font-weight: bold; }
@media print, screen and (min-width: 750px) { h3 { font-size: 4.0rem; margin-bottom: 30px; } }

h4 { color: #1A3A85; font-size: 1.8rem; margin-bottom: 25px; }
@media print, screen and (min-width: 750px) { h4 { font-size: 3.0rem; margin-bottom: 50px; } }

.column .contents__heading__ttl { width: 250px; }
@media print, screen and (min-width: 750px) { .column .contents__heading__ttl { width: 416px; } }

.cms-category { color: #1A3A85; margin-bottom: 25px; }
.cms-category .col { zoom: 1; }
.cms-category .col:after { content: ""; display: block; clear: both; }
.cms-category .col:first-child { margin-bottom: 1em; }
.cms-category .title { font-weight: normal; }
@media print, screen and (min-width: 750px) { .cms-category .title { float: left; width: 100px; line-height: 2.2; } }
.cms-category .list { padding: 10px 0; }
@media print, screen and (min-width: 750px) { .cms-category .list { float: left; width: 1000px; padding: 0; } }
.cms-category ul { margin-right: -5px; }
.cms-category li { display: inline-block; margin-right: 5px; margin-bottom: 15px; }
.cms-category a { display: inline-block; color: #1A3A85; padding: 0.4em 1.2em; line-height: 1; background: #EBEEF5; border-radius: 20px; font-size: 1.0rem; }
@media print, screen and (min-width: 750px) { .cms-category a { font-size: 1.6rem; } }
.cms-category a:hover { opacity: 0.8; }
.cms-category a.active { background: #1A3A85; color: #EBEEF5; }

.cms-side-category { color: #1A3A85; margin-bottom: 50px; }
.cms-side-category .col { zoom: 1; margin-bottom: 1em; }
.cms-side-category .col:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .cms-side-category .col { margin-bottom: 60px; } }
.cms-side-category .col:last-child { margin-bottom: 0; }
@media print, screen and (min-width: 750px) { .cms-side-category .col:last-child { margin-bottom: 0; } }
.cms-side-category__title { position: relative; font-weight: normal; text-align: center; line-height: 1; }
@media print, screen and (min-width: 750px) { .cms-side-category__title { font-size: 2.0rem; margin-bottom: 40px; } }
.cms-side-category__title:before { content: ""; position: absolute; height: 2px; width: 100%; background: #1A3A85; left: 0; top: 0.5em; z-index: -1; }
@media print, screen and (min-width: 750px) { .cms-side-category__title:before { height: 4px; } }
.cms-side-category__title span { background: #fff; padding: 5px 10px; font-weight: bold; }
@media print, screen and (min-width: 750px) { .cms-side-category__title span { font-size: 2.0rem; font-weight: bold; } }
.cms-side-category__body { padding: 20px 0; }
@media print, screen and (min-width: 750px) { .cms-side-category__body { padding: 0; } }
.cms-side-category .list { margin-right: -5px; }
.cms-side-category .list li { display: inline-block; margin-right: 5px; margin-bottom: 12px; }
.cms-side-category .list a { display: inline-block; color: #1A3A85; padding: 0.4em 1.2em; line-height: 1; background: #EBEEF5; border-radius: 20px; font-size: 1.2rem; }
@media print, screen and (min-width: 750px) { .cms-side-category .list a { font-size: 1.4rem; } }
.cms-side-category .list a:hover { opacity: 0.8; }
.cms-side-category .list a.active { background: #1A3A85; color: #EBEEF5; }
.cms-side-category .summary a { position: relative; min-height: 84px; margin-bottom: 25px; }
.cms-side-category .summary a:hover { opacity: 0.8; }
.cms-side-category .summary a:hover .text { text-decoration: none; color: #000; }
.cms-side-category .summary .image { position: absolute; width: 143px; height: 96px; overflow: hidden; }
.cms-side-category .summary .image:before { content: ""; display: block; padding-top: 100%; }
.cms-side-category .summary .image img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: .3s; }
.cms-side-category .summary .text { padding-left: 160px; line-height: 1.4; text-decoration: underline; }

.cms-list h4 { margin-bottom: 20px; }
.cms-list li:last-child a { margin-bottom: 0; }
.cms-list a { padding: 17px 0; border-bottom: 1px solid #E6E9EF; zoom: 1; }
.cms-list a:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { .cms-list a { padding: 35px 0; } }
.cms-list a:hover .date { color: #000; }
.cms-list a:hover .title { color: #000; text-decoration: underline; }
.cms-list .date { float: left; width: 80px; font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 600; font-style: italic; font-weight: 300; font-size: 1.2rem; line-height: 15px; vertical-align: text-top; }
@media print, screen and (min-width: 750px) { .cms-list .date { font-size: 1.4rem; width: 100px; line-height: 24px; } }
.cms-list .category { float: left; width: 110px; }
@media print, screen and (min-width: 750px) { .cms-list .category { width: 140px; line-height: 24px; } }
.cms-list .category span { display: inline-block; background: #EBEEF5; color: #1A3A85; text-align: center; border-radius: 20px; font-size: 1.2rem; width: 110px; vertical-align: top; }
@media print, screen and (min-width: 750px) { .cms-list .category span { font-size: 1.2rem; } }
.cms-list .title { clear: both; font-size: 1.6rem; font-weight: 500; margin-top: 30px; display: block; }
@media print, screen and (min-width: 750px) { .cms-list .title { clear: none; float: left; font-size: 1.6rem; width: 900px; margin-top: 0; } }

@media print, screen and (min-width: 750px) { .cms-details-head { margin-top: 130px; } }
.cms-details-head ul { margin: 30px 0 20px; }
@media print, screen and (min-width: 750px) { .cms-details-head ul { margin: 30px 0 50px; } }
.cms-details-head ul .date { display: inline-block; font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 600; font-style: italic; font-weight: 300; font-size: 1.2rem; line-height: 15px; vertical-align: text-top; margin-right: 10px; padding-right: 10px; border-right: 1px solid #E6E9EF; }
@media print, screen and (min-width: 750px) { .cms-details-head ul .date { font-size: 1.4rem; width: 90px; margin-right: 20px; line-height: 1.6; } }
.cms-details-head ul .category { display: inline; }
.cms-details-head ul .category span { display: inline-block; background: #EBEEF5; color: #1A3A85; text-align: center; border-radius: 20px; font-size: 1.2rem; padding: 0 1.2em; margin-right: 10px; vertical-align: top; }
@media print, screen and (min-width: 750px) { .cms-details-head ul .category span { font-size: 1.2rem; width: auto; padding: 0 20px; line-height: 1.8; } }

.cms-details-body { padding-bottom: 30px; }
.cms-details-body p { margin-bottom: 20px; font-size: 1.4rem; }
@media print, screen and (min-width: 750px) { .cms-details-body p { font-size: 1.6rem; margin-bottom: 40px; } }
.cms-details-body a { color: #1A3A85; text-decoration: underline; }
.cms-details-body a:hover { text-decoration: none; }
.cms-details-body img { max-width: 90%; height: auto; margin: 0 auto; }
@media print, screen and (min-width: 750px) { .cms-details-body img { max-width: 870px; } }
.cms-details-body h4 { margin-top: 50px; }
@media print, screen and (min-width: 750px) { .cms-details-body h4 { margin-top: 67px; } }
.cms-details-body h4::before { display: block; background: #1A3A85; width: 50px; height: 2px; margin-bottom: 18px; content: ""; }
@media print, screen and (min-width: 750px) { .cms-details-body h4::before { width: 100px; height: 3px; margin-bottom: 30px; } }
.cms-details-body h5 { color: #1A3A85; font-size: 1.6rem; margin-bottom: 0.5em; }
@media print, screen and (min-width: 750px) { .cms-details-body h5 { font-size: 2.4rem; margin: 70px 0 1em; } }

.cms-details-upload { padding: 35px 0; border-top: 1px solid #E6E9EF; }
@media print, screen and (min-width: 750px) { .cms-details-upload { padding: 50px 0; } }
.cms-details-upload h4 { font-size: 1.7rem; margin-bottom: 10px; }
@media print, screen and (min-width: 750px) { .cms-details-upload h4 { font-size: 3.0rem; margin-bottom: 25px; } }
.cms-details-upload a { display: inline-block; border: 1px solid #D9DDE3; border-radius: 4px; padding: 16px 47px; font-size: 1.2rem; color: #1A3A85; text-decoration: underline; background: url("../img/common/icon_pin.svg") no-repeat left 14px center; background-size: auto 1.4em; margin-bottom: 20px; }
@media print, screen and (min-width: 750px) { .cms-details-upload a { font-size: 1.6rem; border-radius: 8px; } }
.cms-details-upload a:hover { text-decoration: none; }

.cms-details-btn { text-align: center; padding: 50px 5%; }
@media print, screen and (min-width: 750px) { .cms-details-btn { padding: 50px 0 60px; } }
.cms-details-btn a { padding: 10px 20px; font-size: 1.4rem; }
@media print, screen and (min-width: 750px) { .cms-details-btn a { width: 300px; margin: 0 auto; font-size: 1.6rem; padding: 1em 20px 1em 40px; } }
.cms-details-btn a:before { right: 20px; }
@media print, screen and (min-width: 750px) { .cms-details-btn a:before { right: 40px; } }

.cms-column-intro { font-size: 1.2rem; margin-bottom: 30px; }
@media print, screen and (min-width: 750px) { .cms-column-intro { font-size: 1.6rem; text-align: center; } }

.cms-column-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cms-column-box li { width: 100%; margin-bottom: 30px; }
@media print, screen and (min-width: 750px) { .cms-column-box li { width: 418px; } }

._column-box__body { zoom: 1; padding: 15px 0; }
._column-box__body:after { content: ""; display: block; clear: both; }
@media print, screen and (min-width: 750px) { ._column-box__body { padding: 30px 0; } }
._column-box .tag { font-size: 1.2rem; background: #1E356B; color: #fff; width: 84px; text-align: center; border-radius: 10px; margin-right: 10px; float: left; }
._column-box .date { float: left; color: #1E356B; height: 15px; width: 100px; line-height: 1.8; font-family: 'Poppins','Noto Sans JP', sans-serif; font-weight: 300; font-style: italic; font-size: 1.2rem; }
@media print, screen and (min-width: 750px) { ._column-box .date { font-size: 1.4rem; } }
._column-box .title { clear: both; font-size: 1.6rem; line-height: 1.4; padding: 1em 0; text-decoration: underline; }
._column-box .text { font-size: 1.2rem; font-weight: 400; }
@media print, screen and (min-width: 750px) { ._column-box .text { font-size: 1.4rem; } }
._column-box .photo { position: relative; overflow: hidden; width: 100%; }
._column-box .photo:before { content: ""; display: block; padding-top: 66%; }
._column-box .photo img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: .3s; }
._column-box .photo:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: solid 5px #fff; transition: transform 0.5s; width: 75%; height: 65%; transform: scale(1.5, 2); }
@media print, screen and (min-width: 750px) { ._column-box .photo:after { border: solid 10px #fff; } }
._column-box:hover a { color: #000; }
._column-box:hover .photo:after { transform: scale(1); }
._column-box:hover .title { text-decoration: none; }

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