@charset "UTF-8";
/* ==================================================================================================== 新着情報
==================================================================================================== */
#topics .main { padding: 60px 0 180px; }
#topics .mainimg-sec { background: #f6f0d9 url("../img/topics/main_bg001.png") no-repeat right 170px top; }
@media screen and (max-width: 980px) { #topics .mainimg-sec { background: #f6f0d9 url("../img/topics/main_bg001.png") no-repeat right 40px top; background-size: 300px auto; } }
@media screen and (max-width: 750px) { #topics .mainimg-sec { background: #f6f0d9 url("../img/topics/main_bg001.png") no-repeat right 20px top; background-size: 150px auto; } }
#topics .mainimg-sec .mainimg-ttl { padding: 85px 0; }
@media screen and (max-width: 980px) { #topics .mainimg-sec .mainimg-ttl { padding: 40px 0; } }
@media screen and (max-width: 750px) { #topics .mainimg-sec .mainimg-ttl { padding: 20px 0; } }
#topics .mainimg-sec .mainimg-ttl dt { font-size: 1.625rem; font-weight: 700; color: #323232; letter-spacing: 2px; text-decoration: underline; }
#topics .mainimg-sec .mainimg-ttl dd { font-size: 2.5rem; font-weight: 700; color: #646464; letter-spacing: 2px; }
@media screen and (max-width: 750px) { #topics .mainimg-sec .mainimg-ttl dd { font-size: 1.875rem; } }
#topics .topics-cate { width: 130px; margin-right: 10px; margin-bottom: 10px; padding: 5px; text-align: center; line-height: 1; }
#topics .topics-cate.cate01 { border: 1px solid #926c2a; color: #926c2a; }
#topics .topics-cate.cate02 { border: 1px solid #1e46b0; color: #1e46b0; }
#topics .topics-cate.cate03 { border: 1px solid #018353; color: #018353; }
#topics .topics-cate.cate04 { border: 1px solid #646464; color: #646464; }
#topics .back-btn { max-width: 255px; }
#topics .back-btn a { display: block; padding: 10px 20px; text-decoration: none; background: #926c2a url("../img/common/back_i002.png") no-repeat left 20px center; font-size: 1.25rem; text-align: center; color: #fff; font-weight: 400; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }
#topics .back-btn a:hover { opacity: 0.7; }

/* idx */
.topics .tabmenu { display: flex; margin-bottom: 70px; }
.topics .tabmenu li { width: 18.4%; margin-right: 2%; padding: 15px 5px; background-color: #eaeef1; color: #3c3c3c; font-weight: 500; text-align: center; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; cursor: pointer; }
@media screen and (max-width: 750px) { .topics .tabmenu li { font-size: 0.625rem; } }
.topics .tabmenu li:last-child { margin-right: 0; }
.topics .tabmenu li.active, .topics .tabmenu li:hover { color: #fff; }
.topics .tabmenu li.active:first-child, .topics .tabmenu li:hover:first-child { background-color: #926c2a; }
.topics .tabmenu li.active:nth-child(2), .topics .tabmenu li:hover:nth-child(2) { background-color: #926c2a; }
.topics .tabmenu li.active:nth-child(3), .topics .tabmenu li:hover:nth-child(3) { background-color: #018353; }
.topics .tabmenu li.active:nth-child(4), .topics .tabmenu li:hover:nth-child(4) { background-color: #1e46b0; }
.topics .tabmenu li.active:last-child, .topics .tabmenu li:hover:last-child { background-color: #646464; }
.topics .topics-list { margin-bottom: 70px; border-top: 1px solid #e3e8ed; }
.topics .topics-list li { border-bottom: 1px solid #e3e8ed; }
.topics .topics-list li a { display: flex; justify-content: space-between; text-decoration: none; padding: 45px 0; background: url("../img/common/arrow_circle_i001.png") no-repeat right center; font-weight: 300; }
.topics .topics-list li a:hover { opacity: 0.7; }
.topics .topics-list li .no-link { display: flex; justify-content: space-between; text-decoration: none; padding: 45px 0; font-weight: 300; }
.topics .topics-list li figure { width: 28%; }
.topics .topics-list li .topics-list-item { width: 67%; padding-right: 50px; }
.topics .topics-list li .topics-list-item .topics-list-date { margin-bottom: 10px; }
.topics .topics-list li .topics-list-item .topics-list-txt span { color: #c80000; }
.topics .pager { display: flex; justify-content: center; align-items: center; }
.topics .pager ol { display: flex; justify-content: center; margin: 0 40px; }
.topics .pager ol li { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px; background-color: #926c2a; color: #fff; font-weight: 300; }
.topics .pager ol li:last-child { margin-right: 0; }
.topics .pager ol li a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; background-color: #d6dee5; color: #000; }
.topics .pager ol li a:hover { background-color: #926c2a; color: #fff; }

/* detail */
.topics_detail { font-weight: 300; }
.topics_detail .detail-box { margin-bottom: 40px; padding-bottom: 80px; border-bottom: 1px solid #e3e8ed; }
.topics_detail .detail-top { display: flex; margin-bottom: 50px; }
.topics_detail .detail-top .detail-date { margin-top: 5px; margin-right: 15px; font-weight: 300; }
.topics_detail .detail-heading { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #000; font-size: 2rem; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .topics_detail .detail-heading { font-size: 1.375rem; } }
.topics_detail .detail-subheading { margin-bottom: 50px; padding: 25px; background-color: #f6f0d9; font-size: 1.625rem; text-align: center; font-weight: 500; }
@media screen and (max-width: 750px) { .topics_detail .detail-subheading { font-size: 1.25rem; } }
.topics_detail .detail-txtheading { margin-bottom: 45px; padding-bottom: 20px; border-bottom: 1px solid #926c2a; font-size: 1.375rem; font-weight: 500; }
.topics_detail .detail-main-fig { margin-bottom: 50px; text-align: center; }
.topics_detail .detail-lead { margin-bottom: 60px; font-size: 1.125rem; line-height: 1.8; }
.topics_detail .detail-fig-2 { display: flex; margin-bottom: 30px; }
.topics_detail .detail-fig-2 li { width: 48%; margin-right: 4%; }
.topics_detail .detail-fig-2 li:nth-child(2n) { margin-right: 0; }
.topics_detail .detail-fig-3 { display: flex; margin-bottom: 30px; }
.topics_detail .detail-fig-3 li { width: 30.8%; margin-right: 3.8%; }
.topics_detail .detail-fig-3 li:nth-child(3n) { margin-right: 0; }
.topics_detail .detail-fig-4 { display: flex; margin-bottom: 30px; }
.topics_detail .detail-fig-4 li { width: 23.2%; margin-right: 2.4%; }
.topics_detail .detail-fig-4 li:nth-child(4n) { margin-right: 0; }
.topics_detail .detail-txt-box { display: flex; justify-content: space-between; margin-bottom: 70px; }
@media screen and (max-width: 750px) { .topics_detail .detail-txt-box { display: block; } }
.topics_detail .detail-txt-box.detail-txt-box-r { flex-direction: row-reverse; }
.topics_detail .detail-txt-box figure { width: 48%; text-align: center; }
@media screen and (max-width: 750px) { .topics_detail .detail-txt-box figure { width: 100%; margin-bottom: 20px; } }
.topics_detail .detail-txt-box p { width: 48%; font-size: 1.125rem; line-height: 1.8; }
@media screen and (max-width: 750px) { .topics_detail .detail-txt-box p { width: 100%; } }
.topics_detail .detail-movie { position: relative; width: 70%; margin: 0 auto 70px; padding-bottom: 46.25%; height: 0; overflow: hidden; }
@media screen and (max-width: 750px) { .topics_detail .detail-movie { width: 100%; } }
.topics_detail .detail-movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.topics_detail .detail-link { margin-bottom: 60px; }
.topics_detail .detail-link li { margin-bottom: 15px; padding-left: 20px; background: url("../img/common/arrow_b_i001.png") no-repeat left center; font-size: 1.125rem; }
.topics_detail .detail-link li:last-child { margin-bottom: 0; }
.topics_detail .detail-link li a { padding-right: 30px; color: #0000ff; }
.topics_detail .detail-link li .pdf { background: url("../img/common/pdf_i001.png") no-repeat right center; }
.topics_detail .detail-link li .target { background: url("../img/common/link_i002.png") no-repeat right center; }
.topics_detail .detail-main-staff { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .topics_detail .detail-main-staff { margin-bottom: 80px; } }
.topics_detail .detail-main-staff ul:first-child { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e3e8ed; }
.topics_detail .detail-main-staff ul li { display: flex; justify-content: space-between; margin-bottom: 65px; }
@media screen and (max-width: 750px) { .topics_detail .detail-main-staff ul li { display: block; } }
.topics_detail .detail-main-staff ul li:last-child { margin-bottom: 0; }
.topics_detail .detail-main-staff ul li figure { width: 130px; height: 130px; margin-right: 20px; }
@media screen and (max-width: 750px) { .topics_detail .detail-main-staff ul li figure { width: 100%; margin-right: 0; margin-bottom: 20px; text-align: center; } }
.topics_detail .detail-main-staff ul li figure img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; }
.topics_detail .detail-main-staff ul li .detail-main-staff-box { width: 83.5%; }
@media screen and (max-width: 750px) { .topics_detail .detail-main-staff ul li .detail-main-staff-box { width: 100%; } }
.topics_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-name { font-size: 1.375rem; font-weight: 500; }
.topics_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-txt { font-weight: 300; }
.topics_detail .detail-main-staff ul li .detail-main-staff-box .detail-main-staff-lead { margin-top: 20px; font-size: 1.125rem; font-weight: 300; }

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