@charset "utf-8";
.breadcrumbs{
	padding: 22px 0 48px 0;
	text-align: left;
}
.breadcrumbs .inner{
	max-width:1200px;
}
.breadcrumbs span{
	display: inline-block;
	color: #000000;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}
/* 一覧 */
.archive-column{
	padding: 10px 0 150px 0;
	text-align:left;
}
.archive-column .inner{
	max-width: 1200px;
}
.category-nav{
	background: #FFFFFF;
	max-width: 900px;
	margin: 0 auto 98px auto;
	padding: 35px 30px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .16);
}
.category-nav dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 32px;
}
.category-nav dl dt{
	position: relative;
	width: 52px;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 700;
	padding: 3px 0;
}
.category-nav dl dt::after {
	position: absolute;
	top: 13px;
	right: -30px;
	display: block;
	background-color: #000000;
	content: "";
	height: 1px;
	width: 31px;
	transform: rotate(-60deg);
}
.category-nav dl dd{
	width: calc(100% - 84px);
}
.category-nav ul li{
	display: inline-block;
}
.category-nav ul li + li{
	margin-left: 10px;
}
.category-nav ul li a{
	display: block;
	color: #000000;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 500;
	padding: 3px 8px;
}
.category-nav ul li a.current,
.category-nav ul li a:hover{
	background: #008ACF;
	color: #FFFFFF;
	opacity: 1;
}
.column-list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 33px;
}
.column-list .column-items{
	width: calc(33.3333% - 20px);
	background: #FFFFFF;
	box-shadow: 0px 3px 20px rgba(0, 27, 102, .15);
}
.column-list .column-items a:hover{
	opacity: 1;
}
.column-list .column-items .imgArea{
	position: relative;
	overflow: hidden;
}
.column-list .column-items .imgArea:before{
	content: "";
	padding-top: 61.8%;
	display: block;
	height: 0;
}
.column-list .column-items .imgArea img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
	transition: .2s ease-in-out;
}
.column-list .column-items .imgArea img:hover{
	transform: scale(1.1);
}
.column-list .column-items .contentArea{
	padding: 25px 20px;
}
.column-list .column-items .column-data{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 25px;
}
.column-list .column-items .category{
	background: #008ACF;
	display: block;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.43;
	font-weight: 700;
	padding: 4px 10px 3px 10px;
	border-radius: 5px;
	margin-right: 8px;
}
.column-list .column-items .ttl{
	color: #008ACF;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 500;
}
.column-list .column-items .p-text{
	color: #333333;
	font-size: 13px;
	line-height: 1.69;
	font-weight: 400;
	margin-bottom: 15px;
}
.column-list .column-items .column-date span{
	color: #000000;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 700;
}
.column-list .column-items .column-date span + span{
	margin-left: 15px;
}
@media screen and (max-width:1024px){
	.archive-column{
		padding: 60px 0 100px 0;
	}
	.category-nav{
		margin: 0 auto 60px auto;
		padding: 30px 25px;
	}
	.category-nav dl dd{
		width: calc(100% - 84px);
	}
	.column-list{
		column-gap: 18px;
		row-gap: 30px;
	}
	.column-list .column-items{
		width: calc(33.3333% - 12px);
	}
	.column-list .column-items .contentArea{
		padding: 20px 15px;
	}
	.column-list .column-items .column-data{
		margin-bottom: 15px;
	}
	.column-list .column-items .category{
		margin-right: 0;
	}
	.column-list .column-items .ttl{
		width: 100%;
		margin-top: 10px;
	}
	.column-list .column-items .column-date span{
		display: block;
		font-size: 13px;
	}
	.column-list .column-items .column-date span + span{
		margin-left: 0;
	}
}
@media screen and (max-width:768px){
	.archive-column{
		padding: 9% 0 15% 0;
	}
	.category-nav{
		margin: 0 auto 10% auto;
		padding: 5vw;
	}
	.category-nav dl{
		column-gap: 0;
	}
	.category-nav dl dt{
		width: 100%;
		font-size: 3.6vw;
		padding: 0;
		margin-bottom: 2%;
	}
	.category-nav dl dt::after {
		content: none;
	}
	.category-nav dl dd{
		width: 100%;
	}
	.category-nav ul li + li{
		margin-left: 2vw;
	}
	.category-nav ul li a{
		font-size: 3.6vw;
		padding: 0.5vw 2.4vw;
	}
	.column-list{
		column-gap: 0;
		row-gap: 8vw;
	}
	.column-list .column-items{
		width: 100%;
	}
	.column-list .column-items .imgArea:before{
		padding-top: 61.8%;
	}
	.column-list .column-items .contentArea{
		padding: 5vw;
	}
	.column-list .column-items .column-data{
		margin-bottom: 5vw;
	}
	.column-list .column-items .category{
		font-size: 3.6vw;
		padding: 1vw 2vw;
		margin-right: 0;
	}
	.column-list .column-items .ttl{
		width: 100%;
		font-size: 3.8vw;
		margin-top: 3vw;
	}
	.column-list .column-items .p-text{
		font-size: 3.6vw;
		margin-bottom: 5vw;
	}
	.column-list .column-items .column-date span{
		font-size: 3.4vw;
	}
	.column-list .column-items .column-date span + span{
		margin-left: 0;
	}
}

/* 詳細 */
.single-column{
	padding: 32px 0 150px 0;
	text-align:left;
}
.single-column .inner{
	max-width: 1200px;
}
.single-column .column-box{
	background: #FFFFFF;
	max-width: 900px;
	margin: 0 auto;
	padding: 48px 48px 94px 48px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .16);
	border-radius: 10px;
}
.single-column .column-header{
	margin-bottom: 25px;
}
.single-column .column-header h1{
	color: #000000;
	font-size: 32px;
	line-height: 1.5;
	font-weight: 700;
}
.single-column .column-header .column-data{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.single-column .column-header .column-data .the_terms li{
	display: inline-block;
}
.single-column .column-header .column-data .the_terms li + li{
	margin-left: 10px;
}
.single-column .column-header .column-data .the_terms li a{
	background: #008ACF;
	display: block;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.43;
	font-weight: 700;
	padding: 5px 10px 3px 10px;
	border-radius: 5px;
}
.single-column .column-header .column-date{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.single-column .column-header .column-date span{
	color: #000000;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 700;
}
.single-column .column-header .column-date span + span{
	margin-left: 15px;
}
.single-column .column-body h2{
	background: #008ACF;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 1.45;
	font-weight: 700;
	padding: 8px 20px;
	margin: 40px 0 20px 0;
}
.single-column .column-body h3{
	color: #000000;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
	border-left: 12px solid #008ACF;
	padding: 5px 20px;
	margin: 30px 0 10px 0;
}
.single-column .column-body p{
	color: #000000;
	font-size: 15px;
	line-height: 2;
	font-weight: 500;
	margin-bottom: 25px;
}
.single-column .column-body .check-box{
	position: relative;
	background: #FFFFFF;
	border: 5px solid #008ACF;
	padding: 40px;
	margin: 60px 0 120px 0;
	border-radius: 10px;
}
.single-column .column-body .check-box h3{
	position: absolute;
	background: #FFFFFF;
	top: -15px;
	color: #008ACF;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	border-left: none;
	padding: 0 16px;
	margin: 0;
}
.single-column .column-body .check-box p{
	color: #000000;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 700;
	margin-bottom: 40px;
}
.single-column .column-body p mark{
	background: linear-gradient(transparent 50%, #FFF500 50%);
}
.single-column .column-body .check-box ul li{
	color: #008ACF;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 700;
	list-style: disc;
	margin-left: 16px;
}
.single-column .column-body .check-box ul li + li{
	margin-top: 15px;
}
.single-column .column-body .check-box ul li a{
	color: #008ACF;
	text-decoration: underline;
}
.single-column .column-body .column-tab{
	margin: 60px 0;
}
.single-column .column-body .column-tab .js-tbl{
	background: rgba(137, 216, 255, .4);
	width: 800px;
	margin: 17px 0;
}
.single-column .column-body .column-tab table th,
.single-column .column-body .column-tab table td{
	position: relative;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 700;
	padding: 18px 14px;
}
.single-column .column-body .column-tab table thead th{
	background: #008ACF;
	width: 230px;
	color: #FFFFFF;
	text-align: center;
	border-left: 1px solid #FFFFFF;
}
.single-column .column-body .column-tab table thead th:first-child{
	width: 160px;
	border-left: none;
}
.single-column .column-body .column-tab table thead th:last-child::before,
.single-column .column-body .column-tab table tbody tr:last-child td:last-child::after{
/* 	content: ''; */
	position: absolute;
/* 	background: #008ACF; */
	width: calc(100% + 4px);
	height: 17px;
	left: -2px;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
/* .single-column .column-body .column-tab table thead th:last-child::before{
	top: -17px;
	border-top: 2px solid #FFFFFF;
	border-radius: 10px 10px 0 0;
}
.single-column .column-body .column-tab table tbody tr:last-child td:last-child::after{
	bottom: -17px;
	border-bottom: 2px solid #FFFFFF;
	border-radius: 0 0 10px 10px;
} */
.single-column .column-body .column-tab table tbody th{
	color: #000000;
	border-bottom: 1px solid #707070;
}
.single-column .column-body .column-tab table tbody tr:nth-child(even) th{
    background: rgba(255, 255, 255, 0.4);
}
.single-column .column-body .column-tab table tbody td{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #707070;
}
/* .single-column .column-body .column-tab table tbody td:last-child{
	background: #008ACF;
	color: #FFFFFF;
	border: none;
	border-left: 2px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
} */
.single-column .column-body .list-box{
	background: #008ACF;
	padding: 25px;
	margin-top: 40px;
	border-radius: 10px;
}
.single-column .column-body .list-box h3{
	color: #000000;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	border-left: none;
	padding: 0;
	margin: 0 0 30px 0;
}
.single-column .column-body .list-box ul li{
	position: relative;
	color: #fff;
	font-size: 15px;
	line-height: 1.45;
/* 	font-weight: 700; */
	padding-left: 28px;
}
.single-column .column-body .list-box ul li b{
	text-decoration: underline;
    font-size: 1.3rem;
}
.single-column .column-body .list-box ul li::before {
	background: url(../images/check.png) center center no-repeat;
	background-size: contain;
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 21px;
	height: 21px;
}
.single-column .column-body .list-box ul li + li{
	margin-top: 10px;
}
.single-column .column-body .cta-box{
	max-width: 500px;
	text-align: center;
	margin: auto;
	margin-top: 70px;
}
.single-column .column-body .cta-box .text{
	position: relative;
	color: #000000;
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
	margin-bottom: 40px;
}
.single-column .column-body .cta-box .text::before,
.single-column .column-body .cta-box .text::after{
	position: absolute;
	top: -8px;
	display: inline-block;
	content: "";
	background: #FF9B50;
	width: 1px;
	height: 46px;
	margin: 0 23px;
	vertical-align: middle;
}
.single-column .column-body .cta-box .text::before{
	left: 0;
	transform: rotate(-35deg);
}
.single-column .column-body .cta-box .text::after{
	right: 0;
	transform: rotate(35deg);
}
.single-column .column-body .cta-box .cta_btn li a{
	background: #FF9B50;
	display: block;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 1.43;
	font-weight: 700;
	padding: 30px;
	border-radius: 50px;
}
#toc_container{
	background: #F0F0F0!important;
	width: 100%!important;
	border: none!important;
	padding: 12px 35px!important;
	border-radius: 10px;
}
#toc_container a{
	color: #000000;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 500;
}
@media screen and (max-width:1024px){
	.single-column{
		padding: 32px 0 100px 0;
	}
	.single-column .column-box{
		padding: 48px 35px 80px 35px;
	}
}
@media screen and (max-width:768px){
	.single-column{
		padding: 8% 0 15% 0;
	}
	.single-column .column-box{
		padding: 8vw 5vw 10vw 5vw;
	}
	.single-column .column-header{
		margin-bottom: 5vw;
	}
	.single-column .column-header h1{
		font-size: 4.4vw;
	}
	.single-column .column-header .column-data{
		display: block;
		margin-bottom: 3vw;
	}
	.single-column .column-header .column-data .the_terms li + li{
		margin-left: 10px;
	}
	.single-column .column-header .column-data .the_terms li a{
		font-size: 3.4vw;
		padding: 1.5vw 2vw 1vw 2vw;
	}
	.single-column .column-header .column-date span{
		font-size: 3.4vw;
	}
	.single-column .column-header .column-date span + span{
		margin-left: 3vw;
	}
	.single-column .column-body h2{
		font-size: 4.4vw;
		padding: 2vw 3vw;
		margin: 6vw 0 4vw 0;
	}
	.single-column .column-body h3{
		font-size: 4.4vw;
		border-left: 2vw solid #008ACF;
		padding: 1vw 3vw;
		margin: 5vw 0 3vw 0;
	}
	.single-column .column-body p{
		font-size: 3.6vw;
		margin-bottom: 5vw;
	}
	.single-column .column-body .check-box{
		border: 2px solid #008ACF;
		padding: 8vw 5vw 5vw 5vw;
		margin: 10vw 0 12vw 0;
	}
	.single-column .column-body .check-box h3{
		top: -2.6vw;
		font-size: 4.4vw;
		padding: 0 3vw;
	}
	.single-column .column-body .check-box p{
		font-size: 3.6vw;
		margin-bottom: 3vw;
	}
	.single-column .column-body .check-box ul li{
		font-size: 3.6vw;
		margin-left: 3vw;
	}
	.single-column .column-body .check-box ul li + li{
		margin-top: 3vw;
	}
	.single-column .column-body .column-tab{
		margin: 6vw 0;
	}
	.single-column .column-body .column-tab .js-tbl{
		width: 160vw;
		margin: 5vw 0;
	}
	.single-column .column-body .column-tab table th,
	.single-column .column-body .column-tab table td{
		font-size: 3.4vw;
		padding: 4vw 3vw;
	}
	.single-column .column-body .column-tab table thead th{
		width: 40vw;
	}
	.single-column .column-body .column-tab table thead th:first-child{
		width: 40vw;
	}
	.single-column .column-body .column-tab table thead th:last-child::before,
	.single-column .column-body .column-tab table tbody tr:last-child td:last-child::after{
		height: 4vw;
	}
	.single-column .column-body .column-tab table thead th:last-child::before{
		top: -4vw;
	}
	.single-column .column-body .column-tab table tbody tr:last-child td:last-child::after{
		bottom: -4vw;
	}
	.single-column .column-body .list-box{
		padding: 5vw;
		margin-top: 8vw;
	}
	.single-column .column-body .list-box h3{
		font-size: 4.4vw;
		margin: 0 0 5vw 0;
	}
	.single-column .column-body .list-box ul li{
		font-size: 3.6vw;
		padding-left: 6vw;
	}
	.single-column .column-body .list-box ul li::before {
		top: 0.4vw;
		width: 4.4vw;
		height: 4.4vw;
	}
	.single-column .column-body .list-box ul li + li{
		margin-top: 2vw;
	}
	.single-column .column-body .cta-box{
		max-width: 100%;
		margin-top: 10vw;
	}
	.single-column .column-body .cta-box .text{
		font-size: 4.4vw;
		margin-bottom: 3vw;
	}
	.single-column .column-body .cta-box .text::before,
	.single-column .column-body .cta-box .text::after{
		top: -2vw;
		width: 1px;
		height: 10vw;
		margin: 0 5vw;
	}
	.single-column .column-body .cta-box .text::before{
		transform: rotate(-35deg);
	}
	.single-column .column-body .cta-box .text::after{
		transform: rotate(35deg);
	}
	.single-column .column-body .cta-box .cta_btn li a{
		font-size: 4vw;
		padding: 5vw 2vw;
	}
	#toc_container{
		width: 100%!important;
		padding: 4vw 4vw!important;
	}
	#toc_container a{
		font-size: 3.6vw;
		line-height: 1.5;
	}
}
/* 関連記事 */
.single-column .related-grid h2{
	color: #008ACF;
	font-size: 25px;
	line-height: 1.43;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width:768px){
	.single-column .related-grid h2{
		font-size: 5vw;
		margin-bottom: 5vw;
	}
}
/* 執筆者 */
.single-column .author-grid{
	max-width: 800px;
	margin: 0 auto;
	padding: 44px 0 78px 0;
}
.single-column .author-sns{
	margin-bottom: 15px;
}
.single-column .author-sns dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.single-column .author-sns dl dt{
	width: 100px;
	color: #000000;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 700;
}
.single-column .author-sns dl dd{
	width: calc(100% - 100px);
	padding-left: 24px;
}
.single-column .author-sns .sns li{
	display: inline-block;
}
.single-column .author-sns .sns li + li{
	margin-left: 6px;
}
.single-column .author-sns .sns li a{
	display: block;
}
.single-column .author-sns .sns li img{
	width: 26px;
}
.copyBtn span{
	display: none;
}
.copyBtn.copiedBtn span{
	display: inline-block;
	background: #f7f7f7;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin-left: 8px;
	padding: 4px 6px 1px 6px;
	border: 1px solid #ddd;
}
.single-column .author-box{
	background: #FFFFFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #707070;
	padding: 28px 25px;
	align-items: center;
}
.single-column .author-box .author-img{
	width: 30%;
}
.single-column .author-box .author-cont{
	width: 70%;
	padding-left: 35px;
}
.single-column .author-box .author-name{
	color: #000000;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 700;
	margin-bottom: 10px;
}
.single-column .author-box .author-post{
	color: #000000;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 700;
	margin-bottom: 20px;
}
.single-column .author-box .author-comment p{
	color: #000000;
	font-size: 15px;
	line-height: 2;
	font-weight: 500;
}
@media screen and (max-width:1024px){
	.single-column .author-grid{
		padding: 100px 0 78px 0
	}
	.single-column .author-box{
		padding: 25px;
	}
	.single-column .author-box .author-cont{
		padding-left: 25px;
	}
}
@media screen and (max-width:768px){
	.single-column .author-grid{
		width: 85%;
		padding: 20% 0 15% 0;
	}
	.single-column .author-sns{
		margin-bottom: 3vw;
	}
	.single-column .author-sns dl dt{
		width: 100%;
		font-size: 4vw;
	}
	.single-column .author-sns dl dd{
		width: 100%;
		padding-left: 0;
	}
	.single-column .author-sns .sns li + li{
		margin-left: 1vw;
	}
	.single-column .author-sns .sns li img{
		width: 7vw;
	}
	.copyBtn.copiedBtn span{
		font-size: 3vw;
		margin-left: 2vw;
		padding: 1vw 1.5vw 1vw 1.5vw;
	}
	.single-column .author-box{
		padding: 5vw;
	}
	.single-column .author-box .author-img{
		width: 100%;
		text-align: center;
		margin-bottom: 5vw;
	}
	.single-column .author-box .author-img img{
		width: 50vw;
	}
	.single-column .author-box .author-cont{
		width: 100%;
		padding-left: 0;
	}
	.single-column .author-box .author-name{
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.single-column .author-box .author-post{
		font-size: 3.6vw;
		margin-bottom: 4vw;
	}
	.single-column .author-box .author-comment p{
		font-size: 3.6vw;
	}
}
/* ページャー */
.wp-pagenavi {
	text-align: center;
	margin-top: 80px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display: inline-block;
	background: #FFFFFF;
	color: #000000;
	width: 37px;
	height: 37px;
	font-size: 13px;
	font-weight: 700;
	line-height: 37px;
	text-align: center;
	border: 1px solid #707070!important;
	padding: 0!important;
	margin: 0 5px!important;
	border-radius: 100%;
}
.wp-pagenavi .current,
.wp-pagenavi a.page:hover{
	background: #008ACF;
	color: #FFFFFF;
	border: 1px solid #008ACF!important;
	opacity: 1
}
.wp-pagenavi span.extend{
	border: none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	background: #FFFFFF;
	border: 1px solid #707070!important;
}
.wp-pagenavi .previouspostslink{
	margin: 0 15px 0 0!important;
}
.wp-pagenavi .nextpostslink{
	margin: 0 0 0 15px!important;
}
@media only screen and (max-width: 768px) {
	.wp-pagenavi {
		margin-top: 15vw;
	}
	.wp-pagenavi a,
	.wp-pagenavi span{
		width: 9vw;
		height: 9vw;
		font-size: 4vw;
		line-height: 9vw;
		margin: 0 1vw!important;
	}
	.wp-pagenavi .previouspostslink{
		margin: 0 3vw 0 0!important;
	}
	.wp-pagenavi .nextpostslink{
		margin: 0 0 0 3vw!important;
	}
}