@charset "utf-8";

/* =======================================================================================
	TEMPLATE
======================================================================================= */



/* =======================================================================================
	COMMON
======================================================================================= */

/* outNavWrap
------------------------------------------------------------------------ */
	.outNavWrap {
		/*margin-bottom: clamp(40px, 5vw, 70px);*/
	}
	.outNavWrap ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1px 1px;
		max-width: 715px;
		margin-left: auto;
		margin-right: auto;
	}
	.outNavWrap li {
		display: grid;
	}
	.outNavWrap a {
		display: grid;
		place-content: center;
		min-height: 55px;
		line-height: 1.45;
		color: #fff;
		font-size: clamp(1.5rem, (18 / 1400 * 100vw), 1.8rem);
		text-align: center;
		letter-spacing: .15em;
		background: #3f3f3f 0% 0% / 300% 100% no-repeat;
		background-image: linear-gradient(135deg, #3f3f3f 0%, #626262 16%, #707070 29% 33%, #7b7b7b 67% 100%);
		padding: .675em .3em .7em;
		transition: background .13s ease, box-shadow .13s ease-out;
	}
	.outNavWrap a .lowerPhrase {
		display: inline-block;
	}
	/* hover, focus, current */
	@media (hover: hover) and (pointer: fine) {
		.outNavWrap li:not(.is-current) a:hover {
			background-position: 100% 0%;
		}
	}
	.outNavWrap li:not(.is-current) a:focus-visible {
			background-position: 100% 0%;
	}
	.outNavWrap .is-current a {
		color: #444;
		background-color: #e8e8e8;
		background-image: none;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.15) inset;
	}

@media screen and (max-width: 736px) {
	/*.outNavWrap a .lowerPhrase {
		display: block;
	}*/
	.outNavWrap a {
		font-size: 1.05em;
		letter-spacing: .05em;
	}
}





/* =======================================================================================
	PAGE
======================================================================================= */

/* body class
------------------------------------------------------------------------ */
/* 子 iframe ページ
--------------------------------- */
	body.outlineIframeP {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.outlineIframeP .wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}



/* outlineContainer
------------------------------------------------------------------------ */
/*	.outlineContainer {
		padding-top: 0;
	}*/

/* outlineContbox
------------------------------------------------------------------------ */
	.outlineContbox {
		width: var(--site-sizeContentWide-M);
		max-width: var(--site-sizeMaxWidth-M);
		margin-left: auto;
		margin-right: auto;
	}



/* outlineBox
------------------------------------------------------------------------ */
	.outlineBox {
		position: relative;
	}
	.outlineBox .jsTabs_content {
		width: 100%;
	}
	.outlineBox .jsTabs_content.is-hide {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		opacity: 0;
	}
	.outlineBox .jsTabs_content.is-show {
		position: relative;
		z-index: 1;
		opacity: 1;
	}



/* iframeWrap
------------------------------------------------------------------------ */
											/*
											.iframeWrap {background: yellow;}
											.iframeWrap iframe {border: 1px solid red !important; opacity: 0.7;}
											*/
/* iframe
---------------------------------------------------- */
/* 親 iframe
--------------------------------- */
	.iframeWrap {
		line-height: 0;
		background: #fff;
		padding: 1px;						/* 枠線隠れ対策 */
		/*box-shadow: 0 0 0 1px rgba(0,0,0,0.15);*/
	}
	.iframeWrap iframe {
		width: 100%;
		height: 3000px;						/* 別ドメイン対策・チラつき防止 */
		min-height: 500px;
		border: none;
	}
	/* -- Individual -- */
	/*#tab01 .iframeWrap {	box-shadow: 0 0 0 1px #ff0000;}
	#tab02 .iframeWrap {	box-shadow: 0 0 0 1px #00ff00;}*/

/* 子 iframe
--------------------------------- */
	.innerIframeWrap {
		line-height: 0;
	}
	.innerIframeWrap iframe {
		width: 100%;
		height: calc(3000px - 20px);		/* 別ドメイン対策・チラつき防止（親iframeより気持ち小さい値にする(forIE)） */
		min-height: calc(500px - 20px);
		border: none;
	}


/* jsTabs_content__heading
---------------------------------------------------- */
/*	.jsTabs_content__heading {
		font-size: 1.5em;
		text-align: center;
		margin: 0 0 1em;
	}
	.jsTabs_content__heading .sml {
		font-size: 0.77em;
	}*/
	/* -- Individual -- */
	/*#tab01 .jsTabs_content__heading {	color: #ff0000;}
	#tab02 .jsTabs_content__heading {	color: #00ff00;}*/


/* 別ドメイン対策 ※基本的に変更しなくてよい（feeling. | 8500px→2900pxくらいの高さ変化を想定 | 最後の「 * 0000」の値は1100~1030の間くらいで設定。値が大きいほど余裕が減る） */
@media screen and (max-width: 851px) {.iframeWrap iframe {		height: calc(8500px + ((1vw - 7.67px) * 1070));}} /*{MinorBreakpoint}*/
@media screen and (max-width: 767px) {.innerIframeWrap iframe {	height: calc(8500px + ((1vw - 7.67px) * 1070));}} /*{MinorBreakpoint}*/