/* Theme Name:renew */
@charset 'utf-8';
:root{
	--font-size: 2.564vw;
	--contentsWrapper: calc(100% - 4rem);
	--headerH: 6rem;
	--colorBlack: #000000;
	--colorDarkGray: #3B3C3D;
	--colorGray: #ECECEC;
	--colorWhite: #FFFFFF;
	--colorNavy: #1A0DAB;
	--colorBlue: #1B48AA;
	--colorLightBlue: #E5F2FF;
	--colorRed: #E94336;
}
html{
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: var(--font-size);
	color: var(--colorBlack);
}
body{
	padding-top: var(--headerH);
}
a{
	display: block;
}
img{
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
/* ============================== 
	common
============================== */
.pcView{
	display: none;
}
.contentsWrapper{
	width: var(--contentsWrapper);
	margin: 0 auto;
}
.bgGray{
	background-color: var(--colorGray);
}
.bgDarkGray{
	background-color: var(--colorDarkGray);
}
/* --- commonBtn --- */
.commonBtn{
	padding: 2rem;
	position: relative;
	border-radius: 100vh;
	background-color: var(--colorWhite);
	font-size: 1.6rem;
	text-align: center;
}
.commonBtn:after{
	content: '\f061';
	position: absolute;
	right: 2.5rem;
	line-height: inherit !important;
	font: var(--fa-font-solid);
}
/* ============================== 
	header
============================== */
.commonHeader{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: var(--colorWhite);
}
.commonHeader .headerBox{
	height: var(--headerH);
	display: flex;
	align-items: center;
}
.commonHeader .headerBox .siteLogo{
	width: 11.5rem;
	margin-right: 1.5rem;
}
.commonHeader .headerBox .logos{
	width: calc(100% - 13.8rem);
	display: flex;
	align-items: center;
}
.commonHeader .headerBox .logos:before{
	content: '';
	width: .3rem;
	height: var(--headerH);
	margin-right: 1rem;
	border-radius: 100vh;
	background-color: var(--colorGray);
}
.commonHeader .headerBox .logos .logoImg{
	width: 4.4rem;
	margin-right: 1rem;
}
.commonHeader .headerBox .logos .logoText{
	width: calc(100% - 5.4rem);
	line-height: 1.25;
	font-size: 1.4rem;
}
.commonHeader .menuBtn{
	width: var(--headerH);
	height: var(--headerH);
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--colorBlack);
	color: var(--colorWhite);
}
.commonHeader .menuBtn i{
	font-size: 3.5rem;
}
.commonHeader #menuOpen.menuBtn{
	position: absolute;
	top: 0;
	right: 0;
}
.commonHeader .menuWrap{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	right: -100vw;
	z-index: 999;
	background-color: var(--colorDarkGray);
	overflow-y: auto;
}
.commonHeader .menuWrap.active{
	right: 0;
}
.commonHeader .menuWrap .menuWrapLogo{
	width: 18.6rem;
	margin: 2.5rem auto 4rem;
}
.commonHeader .menuWrap .menuList a{
	line-height: 1.25;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--colorWhite);
}
.commonHeader .menuWrap .menuList .parentLink{
	padding: 1rem 2rem;
	background-color: var(--colorBlue);
}
.commonHeader .menuWrap .menuList .childMenuList li{
	border-bottom: .1rem solid var(--colorWhite);
}
.commonHeader .menuWrap .menuList .childMenuList li:last-of-type{
	border-bottom: none;
}
.commonHeader .menuWrap .menuList .childMenuList li .childLink{
	padding: 2.5rem 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.commonHeader .menuWrap .menuList .childMenuList li .childLink:after{
	content: '\f054';
	line-height: inherit !important;
	font: var(--fa-font-solid);
}
/* ============================== 
	main
============================== */
#mainWrap{
	line-height: 1.25;
	font-size: 1.6rem;
}
#topView .topViewHeading{
	padding: 2.5rem 2rem;
	background-color: var(--colorLightBlue);
	line-height: 1.25;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.breadcrumbs{
	margin: 1.5rem auto;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
	font-size: 1.4rem;
}
.breadcrumbs li{
	display: flex;
	align-items: center;
}
.breadcrumbs li:after{
	content: '\f054';
	margin: 0 .5rem;
	font: var(--fa-font-solid);
}
.breadcrumbs li:last-of-type:after{
	content: none;
}
.breadcrumbs li a{
	color: var(--colorBlue);
	text-decoration: underline;
}
.largeSection,
.middleSection{
	margin: 4rem auto;
}
main > .largeSection:first-of-type{
	margin-top: 0;
}
.largeHeading{
	margin-bottom: 3rem;
	padding: 1rem 2rem;
	background-color: var(--colorDarkGray);
	font-size: 2rem;
	font-weight: bold;
	color: var(--colorWhite);
}
.middleHeading{
	margin-bottom: 3rem;
	padding: 1rem;
	border-bottom: .1rem solid var(--colorDarkGray);
	border-left: 1rem solid var(--colorDarkGray);
	font-size: 2rem;
	font-weight: bold;
}
.contentsText{
	line-height: 2;
}
.extraPostBox{
	border: .1rem solid var(--colorGray);
	background-color: var(--colorWhite);
}
.extraPostBox .textBox{
	padding: 1.5rem;
}
.extraPostBox .textBox .title{
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
}
.extraPostBox .textBox .day{
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
	text-align: right;
	color: var(--colorDarkGray);
}
.extraPostBox .textBox .excerpt{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
}
.extraPostBox .textBox .excerpt .more{
	display: inline;
	color: var(--colorNavy);
	text-decoration: underline;
}
.postList{
	margin-bottom: 2rem;
}
.extraPostBox + .postList{
	margin-top: 2rem;
}
.postList > li{
	margin-bottom: 2rem;
	border: .1rem solid var(--colorGray);
	background-color: var(--colorWhite);
}
.postList > li:last-of-type{
	margin-bottom: 0;
}
.postList .textBox{
	padding: 1.5rem;
}
.postList .textBox .day{
	margin-bottom: 1rem;
	font-size: 1.2rem;
	text-align: right;
	color: var(--colorDarkGray);
}
.postList .textBox .title{
	margin-bottom: 2rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.extraPostBox .textBox .categoryList,
.postList .textBox .categoryList{
	margin-bottom: -1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.extraPostBox .textBox .categoryList li,
.postList .textBox .categoryList li{
	margin-bottom: 1rem;
	margin-right: .5rem;
}
.extraPostBox .textBox .categoryList li a,
.postList .textBox .categoryList li a{
	padding: 0 1rem;
	border-radius: .5rem;
	background-color: var(--colorBlue);
	line-height: 2.5rem;
	font-size: 1.2rem;
	color: var(--colorWhite);
	text-align: center;
}
.moreViewText{
	width: fit-content;
	margin-left: auto;
	font-weight: bold;
	color: var(--colorDarkGray);
}
.moreViewText:after{
	content: '\f054';
	margin-left: .5rem;
	line-height: inherit !important;
	font: var(--fa-font-solid);
}
.tagList{
	margin-bottom: -1rem;
	display: flex;
	flex-wrap: wrap;
}
.tagList li{
	margin-bottom: 1rem;
	margin-right: 1rem;
}
.tagList li a{
	padding: 1rem;
	border-radius: .5rem;
	background-color: var(--colorLightBlue);
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--colorBlue);
	text-align: center;
}
.newsList li{
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	display: flex;
	align-items: center;
	border-bottom: .1rem solid var(--colorGray);
}
.newsList li:last-of-type{
	margin-bottom: 0;
}
.newsList li .day{
	width: 25%;
	margin-right: 3rem;
}
.newsList li .textBox{
	width: calc(75% - 3rem);
	display: flex;
	align-items: center;
}
.newsList li .textBox img{
	width: 5rem;
	margin-right: 2rem;
}
.newsList li .textBox img + .text{
	width: calc(100% - 7rem);
}
.newsList li .textBox .text a{
	display: inline;
	color: var(--colorNavy);
	text-decoration: underline;
}
.pagenation{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagenation li{
	margin-right: 1.25rem;
}
.pagenation li:last-of-type{
	margin-right: 0;
}
.pagenation li.current,
.pagenation li a{
	padding: 1.25rem;
}
.pagenation li.current{
	background-color: var(--colorLightBlue);
}
.pagenation li a{
	background-color: var(--colorNavy);
	font-weight: bold;
	color: var(--colorWhite);
}
/* ============================== 
	post/page
============================== */
.mainHeding{
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: bold;
}
.mainThumbnail{
	margin-bottom: 2rem;
}
.noticeText{
	padding-left: 1em;
	text-indent: -1em;
}
.boldText{
	font-weight: bold;
}
.redText{
	color: var(--colorRed);
}
.dayList{
	margin: 2rem auto 3rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: var(--colorDarkGray);
}
.dayList li{
	margin-right: 1em;
}
.dayList li:last-of-type{
	margin-right: 0;
}
.introductoryText{
	margin-bottom: 2rem;
	line-height: 2;
}
#contentsBox .smallHeading{
	margin-bottom: 3rem;
	padding: 1rem 2rem;
	background-color: var(--colorLightBlue);
	font-size: 2rem;
	font-weight: bold;
}
#contentsBox .smallestHeading{
	margin-bottom: 3rem;
	padding-bottom: 1.5rem;
	border-bottom: .2rem solid var(--colorBlue);
	font-size: 1.8rem;
	font-weight:bold;
}
#contentsBox #ez-toc-container,
#contentsBox .tableOfContents{
	margin-bottom: 3rem;
	padding: 2rem;
	position: relative;
	border: .1rem solid var(--colorGray);
}
#contentsBox #ez-toc-container .ez-toc-title,
#contentsBox .tableOfContents .titleBox{
	display: flex;
	font-weight: bold;
}
#contentsBox #ez-toc-container .ez-toc-title .title,
#contentsBox .tableOfContents .titleBox .title{
	margin-right: 5rem;
	color: var(--colorDarkGray);
}
#contentsBox #ez-toc-container .ez-toc-cssicon-toggle-label{
	display: none;
}
#contentsBox #ez-toc-container .ez-toc-title #tocBtn,
#contentsBox .tableOfContents .titleBox #tocBtn{
	color: var(--colorBlue);
}
#contentsBox #ez-toc-container .ez-toc-title #tocBtn .btnText:after,
#contentsBox .tableOfContents .titleBox #tocBtn .btnText:after{
	content: '\f150';
	margin-left: .5rem;
	display: inline-block;
	line-height: inherit !important;
	font: var(--fa-font-solid);
	transition: transform .7s;
}
#contentsBox #ez-toc-container .ez-toc-title #tocBtn.active .btnText:after,
#contentsBox .tableOfContents .titleBox #tocBtn.active .btnText:after{
	transform: rotate(-180deg);
}
#contentsBox #ez-toc-container nav,
#contentsBox .tableOfContents .tocList{
	margin-top: 2rem;
	display: none;
	line-height: 1.25;
}
#contentsBox #ez-toc-container .ez-toc-list .ez-toc-heading-level-2,
#contentsBox .tableOfContents .tocList > li{
	margin-bottom: 3rem;
}
#contentsBox #ez-toc-container .ez-toc-list .ez-toc-heading-level-2:last-of-type,
#contentsBox .tableOfContents .tocList > li:last-of-type{
	margin-bottom: 0;
}
#contentsBox #ez-toc-container .ez-toc-list .ez-toc-heading-level-2 > a,
#contentsBox .tableOfContents .tocList > li > a{
	font-weight: bold;
}
#contentsBox #ez-toc-container .ez-toc-list li .ez-toc-list-level-3,
#contentsBox .tableOfContents .tocList .childTocList{
	margin-top: 2rem;
	padding-left: 1em;
}
#contentsBox #ez-toc-container .ez-toc-list li .ez-toc-list-level-3 .ez-toc-heading-level-3,
#contentsBox .tableOfContents .tocList .childTocList li{
	margin-bottom: 1rem;
}
#contentsBox #ez-toc-container .ez-toc-list li .ez-toc-list-level-3 .ez-toc-heading-level-3:last-of-type,
#contentsBox .tableOfContents .tocList .childTocList li:last-of-type{
	margin-bottom: 0;
}
#contentsBox p{
	margin-bottom: 2rem;
	line-height: 2;
}
#contentsBox p a:not(.moreViewText){
	display: inline;
	color: var(--colorNavy);
	text-decoration: underline;
}
#contentsBox a[target="_blank"]:after{
	content: '\f08e';
	margin-left: .5em;
	margin-right: .25em;
	font: var(--fa-font-solid);
	color: var(--colorNavy);
}
#contentsBox .contentsList{
	margin: 3rem auto;
}
#contentsBox .contentsList li{
	margin-bottom: 1.5rem;
	padding-left: 1em;
	line-height: 1.5;
	text-indent: -1em;
}
#contentsBox .contentsList li:last-of-type{
	margin-bottom: 0;
}
#contentsBox .contentsList.olList li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#contentsBox .contentsTableWrap{
	margin: 3rem auto;
	overflow-x: hidden;
}
#contentsBox .contentsTableWrap .contentsTableBox{
	overflow-x: auto;
}
#contentsBox .contentsTableWrap .contentsTable{
	width: 100%;
	table-layout: fixed;
	border: .1rem solid var(--colorDarkGray);
}
#contentsBox .contentsTableWrap.ovarThree .contentsTable{
	min-width: 60rem;
}
#contentsBox .contentsTableWrap .contentsTable tr{
	border-bottom: .1rem solid var(--colorDarkGray);
}
#contentsBox .contentsTableWrap .contentsTable tr:last-of-type{
	border-bottom: none;
}
#contentsBox .contentsTableWrap .contentsTable tr th,
#contentsBox .contentsTableWrap .contentsTable tr td{
	padding: 1.5rem 1rem;
	border-right: .1rem solid var(--colorDarkGray);
	line-height: 1.5;
	font-size: 1.4rem;
	vertical-align: middle;
}
#contentsBox .contentsTableWrap .contentsTable tr th:last-of-type,
#contentsBox .contentsTableWrap .contentsTable tr td:last-of-type{
	border-right: none;
}
#contentsBox .contentsTableWrap .contentsTable tr th{
	background-color: var(--colorLightBlue);
	font-weight: bold;
	text-align: center;
}
#contentsBox .contentsTableWrap .contentsTable tr td{
	text-align: left;
}
#contentsBox .contentsTableWrap .contentsTable tr th + td{
	border-left: .1rem solid var(--colorDarkGray);
}
#contentsBox .contentsTableWrap .contentsTable tr td p{
	margin-bottom: 1.5rem;
	line-height: 1.5;
	text-align: initial;
}
#contentsBox .contentsTableWrap .contentsTable tr td p:last-of-type{
	margin-bottom: 0;
}
#contentsBox .referenceBox{
	margin: 3rem auto;
	padding: 3rem 2rem;
	position: relative;
	background-color: var(--colorLightBlue);
}
#contentsBox .referenceBox:before,
#contentsBox .referenceBox:after{
	position: absolute;
	line-height: inherit !important;
	font: var(--fa-font-solid);
	font-size: 2rem;
	color: var(--colorBlue);
}
#contentsBox .referenceBox:before{
	content: '\f10d';
	top: 1rem;
	left: 1rem;
}
#contentsBox .referenceBox:after{
	content: '\f10e';
	bottom: 1rem;
	right: 1rem;
}
#contentsBox .referenceBox p:last-of-type{
	margin-bottom: 0;
}
#contentsBox .referenceBox .cite{
	margin: 2rem auto 1rem;
	font-size: 1.2rem;
	font-style: italic;
	text-align: right;
}
#contentsBox .referenceBox .cite a{
	display: inline;
	color: var(--colorNavy);
}
#contentsBox .referenceLinkBox{
	margin: 3rem auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.4rem;
}
#contentsBox .referenceLinkBox .title{
	width: 25%;
	padding: 1rem;
	border: .2rem solid var(--colorBlue);
	border-radius: 100vh;
	color: var(--colorBlue);
	text-align: center;
}
#contentsBox .referenceLinkBox .text{
	width: calc(75% - 2rem);
}
#contentsBox .referenceLinkBox .text a{
	display: inline;
	color: var(--colorNavy);
	text-decoration: underline;
}
#contentsBox .relatedBox{
	margin: 3rem auto;
}
#contentsBox .relatedBox .title{
	padding: 1rem;
	display: inline-block;
	background-color: var(--colorBlue);
	font-weight: bold;
	color: var(--colorWhite);
	text-align: center;
}
#contentsBox .relatedBox .article{
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--colorLightBlue);
}
#contentsBox .relatedBox .article .img{
	width: 25%;
}
#contentsBox .relatedBox .article .text{
	width: calc(75% - 2rem);
}
#contentsBox .relatedBox .article .text a{
	display: inline;
	color: var(--colorNavy);
	text-decoration: underline;
}
#page section{
	padding: 6rem 0;
}
#page section:first-of-type{
	padding-top: 0;
}
#page .pageDetailSection .contentsText{
	margin-bottom: 4rem;
}
#page .captionHeading{
	margin-bottom: 4rem;
	line-height: 1.25;
}
#page .captionHeading .boldText{
	font-size: 2rem;
}
#page .bigTextHeading{
	margin-bottom: 4rem;
	line-height: 1.5;
	font-size: 3.6rem;
	font-weight: bold;
}
#page .bgDarkGray .captionHeading,
#page .bgDarkGray .bigTextHeading,
#page .bgDarkGray .contentsText{
	color: var(--colorWhite);
}
/* ============================== 
	sidevar
============================== */
#commonSide{
	width: var(--contentsWrapper);
	margin: 5rem auto;
}
#commonSide .serviceBnr{
	margin-bottom: 3rem;
}
#commonSide .sideSection{
	margin-bottom: 4rem;
}
#commonSide .sideHeading{
	margin-bottom: 2rem;
	padding: 1rem 2rem;
	background-color: var(--colorDarkGray);
	line-height: 1.25;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--colorWhite);
}
#commonSide .rankingList li{
	margin-bottom: 2rem;
}
#commonSide .rankingList li:last-of-type{
	margin-bottom: 0;
}
#commonSide .rankingList li a{
	display: flex;
}
#commonSide .rankingList li a .imgBox{
	width: 12rem;
	margin-right: 2rem;
	position: relative;
}
#commonSide .rankingList li a .imgBox .index{
	width: 2rem;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--colorBlue);
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--colorWhite);
}
#commonSide .rankingList li a .title{
	width: calc(100% - 14rem);
	line-height: 1.25;
	font-size: 1.4rem;
	font-weight: bold;
}
/* ============================== 
	footer
============================== */
.commonFooter{
	padding: 5rem 0 4rem;
	background-color: var(--colorDarkGray);
	line-height: 1.25;
	font-size: 1.4rem;
	color: var(--colorWhite);
}
.commonFooter .footerMenuBox{
	margin-bottom: 2rem;
}
.commonFooter .footerMenuBox .logo{
	width: 21.5rem;
	margin-bottom: 3rem;
}
.commonFooter .footerMenuBox .company{
	line-height: 2;
	font-size: 1.2rem;
}
.commonFooter .menuList{
	margin-bottom: 3rem;
}
.commonFooter .menuList > li{
	margin-bottom: 3rem;
}
.commonFooter .menuList > li:last-of-type{
	margin-bottom: 0;
}
.commonFooter .menuList .parentLink{
	margin-bottom: 2rem;
	font-weight: bold;
}
.commonFooter .menuList .childMenuList li{
	margin-bottom: 1rem;
}
.commonFooter .menuList .childMenuList li:last-of-type{
	margin-bottom: 0;
}
.commonFooter .menuList .childMenuList li .childLink{
	padding-left: 1em;
	text-indent: -1em;
}
.commonFooter .menuList .childMenuList li .childLink:before{
	content: '・';
}
.commonFooter .footerCtaList{
	margin: 5rem auto 3rem;
}
.commonFooter .footerCtaList li{
	margin-bottom: 3rem;
}
.commonFooter .footerCtaList li:last-of-type{
	margin-bottom: 0;
}
.commonFooter .footerCtaList li .commonBtn{
	color: var(--colorBlack);
}
.commonFooter .copy{
	font-size: 1.2rem;
	text-align: center;
}
/* ============================== 
	spCtaFix
============================== */
#spCtaList{
	width: 100%;
	padding: 1.5rem 2rem;
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: -50vh;
	z-index: 9;
	background-color: var(--colorGray);
}
#spCtaList.active{
	bottom: 0;
}
#spCtaList li{
	width: fit-content;
}
#spCtaList li a{
	border-radius: .5rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--colorWhite);
	text-align: center;
}
#spCtaList li a.contact{
	padding: 1rem 3rem;
	background-color: var(--colorBlue);
}
#spCtaList li a.consultation{
	padding: 1rem 2rem;
	background-color: var(--colorNavy);
}
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= 
			PC
 =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media screen and (min-width: 1150px){
	:root{
		--font-size: 10px;
		--contentsWrapper: 1150px;
		--mainW: 760px;
		--sideW: 330px;
		--transition: .7s;
	}
	/* ============================== 
		common
	============================== */
	.spView{
		display: none !important;
	}
	.pcView{
		display: block;
	}
	body{
		padding-top: initial;
	}
	a{
		transition: opacity var(--transition);
	}
	a:hover{
		opacity: .7;
	}
	/* --- commonBtn --- */
	.commonBtn{
		max-width: 25rem;
	}
	/* ============================== 
		header
	============================== */
	.commonHeader{
		position: initial;
	}	
	.commonHeader.active{
		position: fixed;
	}	
	.commonHeader .headerWrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.commonHeader .headerBox{
		width: calc(100% - 42rem);
		height: calc(var(--headerH) + 2rem);
	}
	.commonHeader .headerBox .siteLogo{
		width: 14.5rem;
		margin-right: 5rem;
	}
	.commonHeader .headerBox .logos{
		width: calc(100% - 21.5rem);
	}
	.commonHeader .headerBox .logos:before{
		height: var(--headerH);
		margin-right: 1.5rem;
	}
	.commonHeader .headerBox .logos .logoImg{
		margin-right: 1.5rem;
	}
	.commonHeader .menuBtn{
		display: none;
	}
	.commonHeader .headerCtaList{
		width: 42rem;
		display: flex;
		justify-content: space-between;
	}
	.commonHeader .headerCtaList li{
		width: 20rem;
	}
	.commonHeader .headerCtaList li a{
		padding: 1rem;
		position: relative;
		border-radius: .5rem;
		font-size: 1.6rem;
		font-weight: bold;
		color: var(--colorWhite);
		text-align: center;
	}
	.commonHeader .headerCtaList li a.contact{
		background-color: var(--colorBlue);
	}
	.commonHeader .headerCtaList li a.consultation{
		background-color: var(--colorNavy);
	}
	.commonHeader .headerCtaList li a:after{
		content: '\f054';
		position: absolute;
		right: 1rem;
		line-height: inherit !important;
		font: var(--fa-font-solid);
	}
	.commonHeader .menuWrap{
		height: initial;
		position: initial;
		background-color: var(--colorDarkGray);
		overflow: initial;
	}
	.commonHeader .menuWrap .menuList{
		width: var(--contentsWrapper);
		margin: 0 auto;
		display: flex;
		border-left: .1rem solid var(--colorWhite);
	}
	.commonHeader .menuWrap .menuList > li{
		width: calc((100% - .6rem) / 6);
		position: relative;
		border-right: .1rem solid var(--colorWhite);
	}
	.commonHeader .menuWrap .menuList a{
		font-size: 1.8rem;
		font-weight: bold;
		color: var(--colorWhite);
		transition: background-color var(--transition);
	}
	.commonHeader .menuWrap .menuList .parentLink{
		padding: 0;
		height: 5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: initial;
	}
	.commonHeader .menuWrap .menuList .childMenuList{
		width: 150%;
		display: none;
		position: absolute;
		left: 0;
		top: 5rem;
		z-index: 99;
		border-top: .1rem solid var(--colorWhite);
		opacity: 0;
	}
	.commonHeader .menuWrap .menuList .childMenuList.active{
		display: block;
		animation: menuDisplay var(--transition) ease forwards;
	}
	@keyframes menuDisplay{
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}	
	.commonHeader .menuWrap .menuList .childMenuList li .childLink{
		padding: 1.5rem;
		background-color: var(--colorDarkGray);
	}
	.commonHeader .menuWrap .menuList .childMenuList li .childLink:hover{
		background-color: #5E5F60;
		opacity: 1;
	}
	.commonHeader .menuWrap .menuList .childMenuList li .childLink:after{
		margin-left: .5rem;
	}
	/* ============================== 
		main
	============================== */
	#mainWrap{
		width: var(--contentsWrapper);
		margin: 0 auto 6.5rem;
		padding-top: 6.5rem;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}
	#mainWrap.noSidebar{
		width: initial;
		padding-top: initial;
		display: initial;
	}
	#mainWrap main.contentsWrapper{
		width: var(--mainW);
		margin: initial;
	}
	.breadcrumbs{
		margin: 0;
		position: absolute;
		top: 2rem;
		left: 0;
	}
	#mainWrap.noSidebar .breadcrumbs{
		position: initial;
		margin: 3rem auto;
	}
	.largeSection,
	.middleSection{
		margin: 5rem auto;
	}
	.largeHeading,
	.middleHeading{
		font-size: 2.4rem;
	}
	.extraPostBox{
		display: flex;
	}	
	.extraPostBox .imgBox{
		width: 47.5rem;
		overflow: hidden;
	}
	.extraPostBox .imgBox img{
		height: 100%;
		width: auto;
		object-fit: cover;
	}
	.extraPostBox .textBox{
		width: calc(100% - 47.5rem);
	}
	.postList{
		margin-bottom: -1rem;
		display: flex;
		flex-wrap: wrap;
	}
	.postList > li{
		width: calc((100% - 4rem) / 3);
		margin-right: 2rem;
		margin-bottom: 3rem;
	}
	.postList > li:nth-of-type(3n){
		margin-right: 0;
	}
	.postList > li:last-of-type{
		margin-bottom: 3rem;
	}
	.newsList li{
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}
	.newsList li .day{
		width: 15%;
		margin-right: 3rem;
	}
	.newsList li .textBox{
		width: calc(85% - 3rem);
	}
	.newsList li .textBox img{
		width: 8.5rem;
		margin-right: 1.5rem;
	}
	.newsList li .textBox img + .text{
		width: calc(100% - 10rem);
	}
	/* ============================== 
		post/page
	============================== */
	#contentsBox .referenceLinkBox .title{
		width: 10rem;
	}
	#contentsBox .referenceLinkBox .text{
		width: calc(100% - 12rem);
	}
	#contentsBox .relatedBox .article .img{
		width: 15rem;
	}
	#contentsBox .relatedBox .article .text{
		width: calc(100% - 17rem);
	}	
	#page .pageDetailSection .contentsWrapper{
		position: relative;
	}
	#page .pageDetailSection .captionHeading,
	#page .pageDetailSection .bigTextHeading,
	#page .pageDetailSection .contentsText{
		width: calc(100% - 57rem);
	}
	#page .pageDetailSection .contentsText{
		margin-bottom: 0;
	}
	#page .pageDetailSection .pageDetailImg{
		width: 55rem;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
	#page .captionHeading .boldText{
		font-size: 2.4rem;
	}
	#page .bigTextHeading{
		font-size: 4.2rem;
	}
	/* ============================== 
		sidevar
	============================== */
	#commonSide{
		width: var(--sideW);
		margin: initial;
	}
	#commonSide .serviceBnr{
		margin-bottom: 4rem;
	}
	/* ============================== 
		footer
	============================== */
	.commonFooter{
		padding: 4rem 0 2rem;
	}
	.commonFooter .contentsWrapper{
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.commonFooter .footerMenuBox{
		width: 25rem;
	}
	.commonFooter .footerMenuBox .logo{
		margin-bottom: 2rem;
	}
	.commonFooter .menuList{
		width: calc(100% - 30rem);
		margin-bottom: 0;
		padding-bottom: 15rem;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.commonFooter .menuList > li{
		width: calc((100% - 12rem) / 4);
		margin-bottom: 0;
	}
	.commonFooter .menuList > li:first-of-type{
		display: none;
	}
	.commonFooter .menuList > li:nth-of-type(4){
		position: absolute;
		bottom: 15rem;
		left: calc(((100% - 12rem) / 4) + 4rem);
	}
	.commonFooter .menuList > li:nth-of-type(5){
		position: absolute;
		bottom: 15rem;
		right: calc(((100% - 12rem) / 4) + 4rem);
	}
	.commonFooter .menuList > li:nth-of-type(5) a{
		margin-bottom: 0;
	}
	.commonFooter .menuList > li:last-of-type{
		position: absolute;
		bottom: 10rem;
		right: 0;
	}
	.commonFooter .footerCtaList{
		width: 25rem;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}