@charset "utf-8";

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


/* outNavWrap
------------------------------------------------------------------------ */
	.outNavWrap {
		width: 100%;
		margin-bottom: clamp(40px, 5vw, 70px);
	}
	.outNavWrap ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.outNavWrap li {
		flex: 0 0 50%;
		display: flex;
		max-width: 350px;
		margin-right: 1px;
	}
	.outNavWrap a {
		flex: 1 1;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		font-family: var(--site-font_family-serif);
		font-size: 1.17em;
		text-align: center;
		color: #fff;
		line-height: 1.6;
		background: rgba(var(--site-themeColor-accent_1), 1);
		padding: 1em .5em;
		transition: color .22s ease-out, background .22s ease-out;
	}
	/* hover, focus, current */
	@media (hover: hover) and (pointer: fine) {
		.outNavWrap a:hover {
			background: #317758;
		}
	}
	.outNavWrap a:focus,
	.outNavWrap .is-current a {
		background: #52997a;
	}




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

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



/* outlineSection
------------------------------------------------------------------------ */
	.outlineSection {
		padding:var(--site-marpad-L) 0 var(--site-marpad-XL);
	}

/* 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;
	}
@media screen and (max-width: 736px) { /*{SP}*/
	.outlineBox.contbox {
		width: 92%;
	}
}




/* iframeWrap
------------------------------------------------------------------------ */
											/*
											.iframeWrap {background: yellow;}
											.iframeWrap iframe {border: 1px solid red !important; opacity: 0.7;}
											*/
/* iframe
---------------------------------------------------- */
/* 親 iframe
--------------------------------- */
	.iframeWrap {
		line-height: 0;
		padding: 1px;						/* 枠線隠れ対策 */
		box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
	}
	.iframeWrap iframe {
		width: 100%;
		height: 3200px;						/* 別ドメイン対策・チラつき防止 */
		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(3200px - 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}*/