@charset "utf-8";


/* /////////////////////////////////////////////////////////////////////
 *	
 *	mainVisual
 *	
///////////////////////////////////////////////////////////////////// */
	.mainVisualWrap {
		position: relative;
		width: 100%;
	}

@media print, screen and (min-width: 736.02px) {
}
@media print, screen and (min-width: 1360.02px) {
}



/* ------------------------------------------------------------------------
 meritSection
------------------------------------------------------------------------ */


	.meritSection {
		padding:10px 0;
		background: rgba(var(--site-accentColor),1);
	}
	.meritSection .meritWrap {
		display: flex;
		justify-content:space-between;
		width: 95%;
		max-width: 1100px;
	}
	.meritSection .meritWrap .meritBox {
		position: relative;
		display: flex;
		align-items: center;
		padding: 10px;
		text-align: center;
		color:#fff;
		letter-spacing: .12em;
		line-height: 1.6;
		font-family: var(--site-font_family-serif);
	}
	.meritSection .meritWrap .meritBox .emColor {
		color:#c8ae46;
		font-family: var(--site-en);
		font-size: 2.1em;
		line-height: .8;
	}
	.meritSection .meritWrap .meritBox .sTxt {
		display: block;
		--M-fluidFontSize-max-fontsize: 15;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1000;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
		letter-spacing: 0.01em;
	}

	.meritSection .meritWrap .meritBox .bTxt {
		display: block;
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 18;
		--M-fluidFontSize-max-viewport: 1600;
		--M-fluidFontSize-min-viewport: 1000;
		min-height: 0.001vw; /* for safari | font-sizeにclamp()使用時必須 */
		font-size: clamp(
			calc(var(--M-fluidFontSize-min-fontsize) * .1rem),
			calc(calc(var(--M-fluidFontSize-min-fontsize) * .1rem) + (1vw - calc(var(--M-fluidFontSize-min-viewport) / 100 * .1rem)) * (100 * (var(--M-fluidFontSize-max-fontsize) - var(--M-fluidFontSize-min-fontsize)) / (var(--M-fluidFontSize-max-viewport) - var(--M-fluidFontSize-min-viewport)))),
			calc(var(--M-fluidFontSize-max-fontsize) * .1rem)
		);
	}
	.meritSection .meritWrap .meritBox .kana {
		letter-spacing: 0.05em;
	}
	.meritSection .meritWrap .slash {
		position: relative;
		display: block;
		margin:0 0;
		width: 20px;
		/*background: tan;*/
	}
	.meritSection .meritWrap .slash::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0%;
		width: 1px;
		height: 30%;
		background: rgba(255,255,255,.8);
		border-radius: 3px;
		transform: rotate(20deg) translateY(-50%);
	}

	/* .meritBox.m02 */
	.meritSection .meritWrap .meritBox.m02 .sTxt {
		display: inline-block;
	}
	/* .meritBox.m03 */
	.meritSection .meritWrap .meritBox.m03 .inbl {
		display: inline-block!important;
	}
	.meritSection .meritWrap .meritBox.m03 .sTxt.mb{
		margin-bottom: -.6em;
	}

@media screen and (min-width: 800px) and (max-width: 1000px) {
	.meritSection .meritWrap {
		flex-wrap: wrap;
		align-items: center;
	}
	.meritSection .meritWrap .meritBox{
		margin: 0 auto;
		display: block!important;
	}
	.meritSection .meritWrap .m01{
		width: 55%;
		border-right: 1px solid rgba(255,255,255,0.44);
	}
	.meritSection .meritWrap .m02{
		width: 42%;
	}
	.meritSection .meritWrap .m03{
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.44);
	}
	.meritSection .meritWrap .meritBox.m03 .bTxt {
		line-height: .5;
	}
	.meritSection .meritWrap .meritBox.m03 .bTxt,
	.meritSection .meritWrap .meritBox.m03 .sTxt{
		display: inline-block!important;
	}
	.meritSection .meritWrap .slash {
		display: none;
	}
}

@media screen and (max-width: 800px) { 
	.meritSection {
		/*margin: 0 auto clamp(20px, (20 / 736 * 100vw), 40px);*/
	}
	.meritSection .meritWrap {
		flex-wrap: wrap;
		width: 95%;
	}
	.meritSection .meritWrap .meritBox {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 15px 10px;
	}
	.meritSection .meritWrap .meritBox::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		width:80%;
		height:1px;
		background: rgba(255,255,255,.5);
	}
	.meritSection .meritWrap .meritBox:last-of-type::after {
		display: none;
	}
	.meritSection .meritWrap .meritBox p {
		width: 100%;
		text-align: center;
	}
	.meritSection .meritWrap .meritBox .sTxt {
		--M-fluidFontSize-max-fontsize: 16;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 736;
		--M-fluidFontSize-min-viewport: 480;
	}
	.meritSection .meritWrap .meritBox .bTxt {
		--M-fluidFontSize-max-fontsize: 20;
		--M-fluidFontSize-min-fontsize: 15;
		--M-fluidFontSize-max-viewport: 736;
		--M-fluidFontSize-min-viewport: 480;
	}
	
	
	
	.meritSection .meritWrap .slash {
		display: none;
	}

}

	







/* /////////////////////////////////////////////////////////////////////
 *	
 *	informationWrap
 *	
///////////////////////////////////////////////////////////////////// */
	.pt-informationWrap {
		padding-bottom: 80px;
		border-bottom: 1px solid rgba(var(--site-accentColor),.6);
	}
	.pt-informationWrap h2.ptHeading {
		width: 100%;
		margin-bottom: 0;
	}
	.noticeWrap .obi2 {
		position: relative;
		display: inline-block;
		color: rgba(var(--site-accentColorText),1);
		background: rgba(var(--site-accentColor),1);
		padding: 0.1em 0.5em 0.3em;
	}

	.noticetxt .obi {
		display: inline-block;
		background: rgba(var(--site-themeColor),.2);
		padding: 0.2em 0.8em;
	}
	.noticetxt .moreInfo {
		font-size: .92em;
		margin-top: 0.8em;
	}


	@media print, screen and (min-width: 600.02px) {
	}
	@media print, screen and (min-width: 1049.02px) {
		.pt-informationWrap h2.ptHeading {
			text-align: left;
		}
	}

	.suc {
		font-size: 0.6em;
		margin-top: 1em;
	}
	.sucUnit {
		/*display: inline-block;*/
		margin-top: 0.5em;
		padding: 0.4em 0.8em;
		/*border: 1px solid rgba(var(--site-accentColor), .3);*/
		background: rgba(var(--site-themeColor),.35);
		max-width: 600px;
	}
	.sucLine {
		display: grid;
		grid-template-columns: 8em 1fr;
		font-size: 0.9em;
	}
	.sucLine + .sucLine {
		margin-top: 0.3em;
		padding-top: 0.3em;
		border-top: 1px dotted rgba(var(--site-accentColor), .3);
	}
	.sucLine dd i {
	  display: inline-block;
	  font-size: 0.9em;
	  margin-right: 0.3em;
	  padding: 0 0.3em;
	  border: 1px solid rgba(var(--site-accentColor), .5);
	}

/* /////////////////////////////////////////////////////////////////////
 *	
 *	pt-onePoint
 *	
///////////////////////////////////////////////////////////////////// */
	.pt-onePoint{
		margin-top: 50px;
		background: rgba(var(--site-themeColor), .32);
	}
	.positionCol {
		margin-top: 50px;
	}
	.positionCol .positionTxtWrap {
		padding: 0 0 0 6em;
	}
	.positionCol .positionTxtUnit {
		padding: 7% 0 ;
		padding-left: 8%;
		padding-left: 0;
		border-left: 1px solid rgba(var(--site-accentColor),1);
	}
	.positionCol .positionTxtUnit i {
		display: inline-block;
		color: rgba(var(--site-accentColorText), .7);
		line-height: 1;
		letter-spacing: .1em;
		font-family: var(--site-fontFamily-en01);
		background: rgba(var(--site-accentColor),1);
		padding: 3px 10px 1px;
	}
	.positionCol .positionTxtUnit h2 {
		margin: 2em 0;
		padding-left: 5%;
	}
	.positionCol .positionTxtUnit .txtBox {
		line-height: 2.2;
		letter-spacing: 0.05em;
		padding-left: 5%;
	}

	.positionCol .positionPicWrap{

	}
	.positionCol .picBox {
		position: relative;
		display: block;
		
	}
@media screen and (min-width: 1050.02px) {
	.positionCol {
		display: flex;
		justify-content:flex-end;
		align-items:center;
	}
	.positionCol .positionPicWrap{
		width: 45%;
	}
	.positionCol .positionTxtWrap {
		width: 55%;
	}
}
@media screen and (max-width: 1200px) {
	.positionCol .positionTxtWrap {
		padding: 0 0 0 3em;
	}
}
@media screen and (max-width: 1050px) {
	.positionCol {
	  padding-bottom: 2em;
	}
	.positionCol .positionPicWrap{
		max-width: 800px;
		padding: 0 3em;
		margin: 0 auto 2em;
	}
}

@media screen and (max-width: 480px) {
	.positionCol .positionPicWrap,
	.positionCol .positionTxtWrap {
		padding: 0 30px;
	}
	.positionCol .positionTxtUnit {
		padding: 20px 0 40px;
		padding-left: 0%;
	}
	.positionCol .positionTxtUnit h2 {
		margin: 1.0em 0;
	}
	.positionCol .positionTxtUnit .txtBox {
		font-size: 80%;
		letter-spacing: 0.015em;
	}
}









/* ***************************************************************************************************
	printOnly
*************************************************************************************************** */
@media print { /*{printOnly}*/
	.mainVisualWrap .scene01 {
		opacity: 1 !important;
	}
}