@charset "UTF-8";
/* CSS Document */


/*
p {font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;}
 font-weight: regular 400,medium 500,semibold 600,bold 700; */



/* フレーム */
.sec {margin:235px auto 150px;}
.sec_inner {max-width:1060px;margin:0 auto;}
.sec_box {width:92.45%;margin:0 auto;}
@media screen and (max-width: 750px){
	.sec {margin:40vw auto 16vw;}
	.sec_inner {width:100%;}
	.sec_box {width:92%;margin:0 auto;}	
}

.news_container {width:100%;margin:0 auto;display:flex;
	justify-content:space-between;}
@media screen and (max-width: 750px){
	.news_container {width:100%;margin:0 auto;display:block;}
}


/* タイトル */
.title_news {width:125px;margin-right:50px;}
@media screen and (max-width: 750px){
	.title_news {width:100%;margin-right:inherit;
		margin-bottom:13.33vw;margin-top:25.33vw;}
}


/* リスト */
.news_list {width:637px;display:block;}
@media screen and (max-width: 750px){
	.news_list {width:100%;}
}

.news_list_inner {width:100%;text-align:left;}
.news_list_inner ul {padding:30px 0;
	display:flex;align-items:baseline;}
@media screen and (max-width: 750px){
	.news_list_inner ul {padding:5.33vw 0;
		align-items:center;}
}

.news_list_inner ul:first-child {
	border-top:solid 1px #007CE6;
	border-bottom:solid 1px #CEEEFF;}
.news_list_inner ul:last-child {
	border-bottom:solid 1px #007CE6;}
.news_list_inner ul:not(:first-child):not(:last-child) {
	border-bottom:solid 1px #CEEEFF;}


.n_date {width:70px;margin-right:20px;
	font-weight:500;font-size:12px;color:#717171;}
.n_title {font-weight:500;font-size:14px;line-height:1.57;
	letter-spacing:0.05em;color:#000;}
.n_title a {display:inline-block;transition:all 0.3s;}
.n_title a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.n_date {width:20.28%;margin-right:4vw;
		font-size:3.2vw;}
	.n_title {font-size:3.73vw;letter-spacing:0;}
	.n_title a:hover {opacity:1;}
}


/* ページャー */
.pager {margin-top:50px;display:flex;
	justify-content:flex-start;align-items:center;}
@media screen and (max-width: 750px){
	.pager {margin-top:10.66vw;}
}

.pager_btn {width:30px;}
.pager_btn:first-child {margin-right:30px;}
.pager_btn:last-child {margin-left:30px;}
.pager_btn a {display:inline-block;transition:all 0.3s;}
.pager_btn a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.pager_btn {width:5.33vw;}
	.pager_btn:first-child {margin-right:4vw;}
	.pager_btn:last-child {margin-left:4vw;}
	.pager_btn a:hover {opacity:1;}
}

.page_list {display:flex;justify-content:flex-start;
	align-items:center;}

.number {width:30px;height:30px;
	text-align:center;line-height:30px;
	font-size:25px;font-weight:500;}
.number:not(:last-of-type) {margin-right:20px;}
@media screen and (max-width: 750px){
	.number {width:5.33vw;height:5.33vw;line-height:5.33vw;
		font-size:4.26vw;}
	.number:not(:last-of-type) {margin-right:2.66vw;}
}

.present {color:#007CE6;}
.jump {color:#AAAAAA;}
.jump a {display:inline-block;transition:all 0.3s;}
.jump a:hover {color:#007CE6;}
@media screen and (max-width: 750px){
	.jump a:hover {color:#AAAAAA;}
}




/* 記事 */
article {width:637px;display:block;}
@media screen and (max-width: 750px){
	article {width:100%;}
}

.article_top {width:100%;text-align:justify;
	margin-bottom:20px;}
@media screen and (max-width: 750px){
	.article_top {margin-bottom:5.33vw;}
}

.article_title {color:#000;font-size:20px;font-weight:500;
	line-height:1.75;letter-spacing:0.1em;margin-top:20px;}
@media screen and (max-width: 750px){
	.article_title {font-size:4.8vw;line-height:1.77;
		margin-top:5.33vw;}
}

.article_content {width:100%;padding:50px 0;
	border-top:solid 1px #007CE6;
	border-bottom:solid 1px #007CE6;
	font-size:16px;font-weight:400;line-height:2;
	letter-spacing:0.05em;text-align:justify;}
@media screen and (max-width: 750px){
	.article_content {padding:10.66vw 0;
	font-size:4.26vw;line-height:1.75;}
}

.article_content p span {font-weight:600;}
.article_content p span2 {font-weight:500;}
.article_content p span2 a {color:#007CE6;
	text-decoration:underline;}
.article_content a {
	overflow-wrap:break-word;
	word-break:break-all;
	transition:all 0.3s;}
.article_content a:hover {opacity:0.5;}
@media screen and (max-width: 750px){
	.article_content a:hover {opacity:1;}
}

.article_img {margin-top:32px;margin-bottom:32px;}
@media screen and (max-width: 750px){
	.article_img {margin-top:7.46vw;margin-bottom:7.46vw;}
}


/* 記事内表組み */
.article_table {width:100%;margin:30px auto;
	font-size:14px;line-height:1.57;
	letter-spacing:0;}
@media screen and (max-width: 750px){
	.article_table {width:100%;margin:4vw auto 8vw;
		font-size:3.73vw;}
}


.article_table ul {width:100%;display:flex;
	justify-content:flex-start;}
@media screen and (max-width: 750px){
	.article_table ul {width:100%;display:block;}
}


.article_table ul:first-of-type {
	padding-top:15px;
	border-top:solid 1px #D9D8D8;
	padding-bottom:15px;
	border-bottom:solid 1px #D9D8D8;
}
@media screen and (max-width: 750px){
	.article_table ul:first-of-type {
		padding-top:4vw;
		padding-bottom:4vw;}
}


.article_table ul:not(:first-of-type) {
	padding-top:15px;padding-bottom:15px;
	border-bottom:solid 1px #D9D8D8;
}
@media screen and (max-width: 750px){
	.article_table ul:not(:first-of-type) {
		padding-top:4vw;
		padding-bottom:4vw;}
}


.ar_tb_ctgr {width:15.69%;margin-right:15px;
	font-weight:500;color:#007CE6;text-align:left;}
.ar_tb_content {width:81.94%;color:#000;text-align:justify;}
@media screen and (max-width: 750px){
	.ar_tb_ctgr {width:100%;
		margin-right:0;margin-bottom:2.66vw;}
	.ar_tb_content {width:100%;}
}
/* 記事内表組みend */





/* 一覧に戻る */
.news_list_anchor {width:95px;margin-top:50px;
	margin-left:auto;margin-right:0;}
.news_list_anchor a {display:flex;justify-content:flex-end;
	align-content:flex-end;transition:all 0.3s;}
.news_list_anchor a:hover {opacity:0.3;}
@media screen and (max-width: 750px){
	.news_list_anchor {width:24.8vw;margin-top:10.66vw;}
	.news_list_anchor a:hover {opacity:1;}
}

.news_list_anchor a p {color:#007CE6;font-size:14px;
	font-weight:400;line-height:1;}
.news_list_anchor a .btn_arrow {width:8px;margin-left:15px;}
@media screen and (max-width: 750px){
	.news_list_anchor a p {font-size:3.73vw;}
	.news_list_anchor a .btn_arrow {width:2.13vw;}
}



