@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.news-list .list > a {text-decoration:none; color:#000; display:block; position:relative; transition:opacity 0.3s ease;}
.news-list .list > a::before {content:''; width:16px; height:16px; background:url(../img/common/arrow_01.svg) no-repeat center center; background-size:100% auto; display:block; position:absolute; bottom:15px; right:0;}
.news-list .list > a:hover {opacity:0.7;}
.news-list .list dl {text-align:left; margin:25px 0 0 0; padding:5px 0; border-bottom:solid 1px #000; display:flex;}
.news-list .list dt {width:8em; font-size:1.6rem; padding:0.2em 0 0 0;}
.news-list .list dd {font-size:2.0rem; font-weight:500; padding:0 20px 0 0; box-sizing:border-box; flex:1;}

.news-nav {margin:68px 0 0 0;}
.news-nav .nav {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.news-nav .nav > li {padding:12px;}
.news-nav .nav .num {width:40px; height:40px; font-size:1.8rem; line-height:1; text-decoration:none; color:#000; background-color:#fff; border:solid 1px #E88F2A; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:color 0.3s ease, background-color 0.3s ease;}
.news-nav .nav .num.on,
.news-nav .nav .num:hover {color:#fff; background-color:#E88F2A;}
.news-nav .nav .prev,
.news-nav .nav .next {width:16px; height:16px; background-repeat:no-repeat; background-position:center center; background-image:url(../img/common/arrow_01.svg); background-size:cover; display:block; transition:opacity 0.3s ease;}
.news-nav .nav .prev:hover,
.news-nav .nav .next:hover {opacity:0.7;}
.news-nav .nav .prev {transform:scale(-1,1);}

.news-detail .date {font-size:1.8rem; text-align:right;}
.news-detail .ttl {font-size:4.0rem; font-weight:500; text-align:left; padding:0 0 0.4em 0; border-bottom:solid 1px #000;}
.news-detail .ctx {font-size:2.0rem; line-height:1.7; text-align:left; margin:30px 0 0 0;}
.news-detail .imgs {margin:20px -10px 0 -10px; display:flex; flex-wrap:wrap;}
.news-detail .imgs > div {width:50%; text-align:center; padding:20px 10px 0 10px; box-sizing:border-box;}
.news-detail .btn {text-align:center; margin:150px 0 0 0;}
.news-detail .btn a {width:174px; margin:0 auto;}

@media screen and (max-width:767px){
	.news-list {margin:40px 0 0 0;}
	.news-list .list dl {display:block;}
	.news-list .list dt {width:auto; font-size:1.6rem; padding:0;}
	.news-list .list dd {font-size:1.7rem;}

	.news-nav {margin:85px 0 0 0;}
	.news-nav .nav > li {padding:15px;}

	.news-detail {margin:40px 0 0 0;}
	.news-detail .date {font-size:1.6rem; text-align:left;}
	.news-detail .ttl {font-size:2.4rem; padding:0.4em 0;}
	.news-detail .ctx {font-size:1.7rem; margin:20px 0 0 0;}
	.news-detail .imgs {margin:10px 0 0 0; display:block;}
	.news-detail .imgs > div {width:auto; padding:20px 0 0 0;}
	.news-detail .btn {margin:80px 0 0 0;}
	.news-detail .btn a {width:174px;}
}