@charset "utf-8";


/* -------------------------------------------------- */
/* cat-link*/
/* -------------------------------------------------- */
.cat-link {border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 15px 0;margin-bottom: 30px;}
.cat-link ul {display: flex;flex-wrap: wrap; font-size: 2rem;line-height: 1;}
.cat-link ul li {margin: 10px 0;}
.cat-link ul li:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.3);margin-right: 1em;padding-right: 1em;}
.cat-link ul li a {color: rgba(255, 255, 255, 0.4); }
.cat-link ul li.current a {color: #fff;}

/* -------------------------------------------------- */
/* page-nav*/
/* -------------------------------------------------- */
.page-nav {display: flex;justify-content: center;margin: 50px 0 130px;font-size: 2rem;line-height: 1em;}
.page-nav a + a {border-left: 1px solid rgba(255, 255, 255, 0.3);margin-left: 1.8em;padding-left: 1.8em;}
.page-nav .btn-prev:before,
.page-nav .btn-next:after {content: '';width: 30px;height: 30px;display: inline-block;background: url(/img/icon-arrow-circle.svg) center / cover no-repeat;vertical-align: middle;margin: 0 10px 5px}
.page-nav .btn-next:after {transform: rotate(180deg)}

/* -------------------------------------------------- */
/* news-title*/
/* -------------------------------------------------- */
.news-title {border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 25px 0;}
.news-title p {display: inline-block;}
.news-title p.en {font-size: 2.6rem;margin-right: 20px;}
.news-title p.area {font-size: 1.8rem;background: rgba(255, 255, 255, 0.5);color: #000;line-height: 1;padding: 2px 10px;}
.news-title p.txt {display: block;font-size: 2.8rem;margin-top: 0;}

/* -------------------------------------------------- */
/* news-detail*/
/* -------------------------------------------------- */
.news-detail {max-width: 1000px;margin: 70px auto;}
.news-detail figure {margin-bottom: 30px;}
.news-detail p {font-size: 2rem;}
.news-detail p + p {margin-top: 30px;}

.news-detail img{display:block;margin:40px auto;}
.news-detail p{margin:25px auto;}
.news-detail h2{font-size:2.6rem;font-weight:bold;letter-spacing:0.1em;line-height:1.6;margin-bottom:25px;margin-top:50px;}
.news-detail h2:first-child{margin-top:0;}
.news-detail h3{font-size:2.2rem;font-weight:bold;letter-spacing:0.1em;line-height:1.6;margin-bottom:-10px;margin-top:40px;}
.news-detail h3:first-child{margin-top:0;}
.news-detail ul,
.news-detail ol{margin:25px 0;counter-reset:item;}
.news-detail ul > li,
.news-detail ol > li{position:relative;padding-left:18px;}
.news-detail ul > li + li,
.news-detail ol > li + li{margin-top:5px;}
.news-detail ul > li::before{content:"";display:block;width:6px;height:6px;background:#5a5a5a;border-radius:100%;position:absolute;left:0;top:12px;}
.news-detail ol > li::before{content:counter(item)".";counter-increment:item;display:block;position:absolute;left:0;top:0;color:#fff;font-weight:600;}

/* -------------------------------------------------- */
/* news-other*/
/* -------------------------------------------------- */
.news-other {margin-bottom:120px;}
.news-other h3 {font-size: 3.2rem;text-align: center;margin-bottom: 30px;letter-spacing: .1em;}
.news-other li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.3);}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */

@media screen and (min-width:1px) and (max-width:1099px){
}
@media screen and (min-width:1px) and (max-width:999px){
	.page-nav {margin-bottom: 60px;}
	/* -------------------------------------------------- */
	/* cat-link*/
	/* -------------------------------------------------- */
	.cat-link {margin-bottom: 10px;}
	.cat-link ul { font-size: 1.6rem;}
	.cat-link ul li {margin: 5px 0;}

	/* -------------------------------------------------- */
	/* news-title*/
	/* -------------------------------------------------- */
	.news-title {padding-top: 15px;}
	.news-title p.en {font-size: 2.2rem;margin-right: 20px;}
	.news-title p.area {font-size: 1.6rem;}
	.news-title p.txt {font-size: 2.4rem;}
	
	/* -------------------------------------------------- */
	/* news-detail*/
	/* -------------------------------------------------- */
	.news-detail {margin: 40px auto;}
	.news-detail p {font-size: 1.6rem;}

	/* -------------------------------------------------- */
	/* news-other*/
	/* -------------------------------------------------- */
	.news-other {margin-bottom:60px;}
	.news-other h3 {font-size: 2.8rem;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	.news-detail img{margin:25px auto;}
	.news-detail p{margin:20px auto;}
	.news-detail h2{font-size:2.4rem;margin-bottom:15px;margin-top:30px;}
	.news-detail h3{font-size:2rem;margin-top:25px;}
	.news-detail ul,
	.news-detail ol{margin:20px 0;}
	.news-detail ul > li::before{top:8px;}
}