@charset "utf-8";

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

/* mainElementHeaderWrap
------------------------------------------------------------------------ */
@media screen and (min-width: 736.02px) and (max-width: 1200px) {
	:where(.mainElementHeaderBox[data-main_element_header_box-height="S"]) .pPic img {
		width: 130%;
		margin-left: -3%;
	}
}




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

/* outNavWrap
------------------------------------------------------------------------ */
	.outNavWrap {
		/*margin-bottom: clamp(40px, 5vw, 70px);*/
	}
	.outNavWrap ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		max-width: 715px;
		margin-left: auto;
		margin-right: auto;
		/*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;
		line-height: 1.45;
		font-size: 1.12em;
		text-align: center;
		color: #000;
		background: #fff;
		padding: .675em .5em .7em;
		border-bottom: 1px solid #ddd;
		transition: color .22s ease-out, background .22s ease-out, border .22s 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: rgba(0, 0, 0, .04);
			border-color: currentColor;
		}
	}
	.outNavWrap li:not(.is-current) a:focus-visible {
			background: rgba(0, 0, 0, .04);
			border-color: currentColor;
	}
	.outNavWrap .is-current a {
			border-color: currentColor;
	}

@media screen and (max-width: 540px) {
	.outNavWrap ul {
		gap: 10px;
	}
	.outNavWrap a .lowerPhrase {
		display: block;
	}
}





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

/* outlineContainer
------------------------------------------------------------------------ */
	.outlineContainer .bgWavyBox {
		--default-bgWavyBox-pattern-bgPosition:	center center;
		--default-bgWavyBox-pattern-scale:		-1.82 1.82;
		--default-bgWavyBox-pattern-rotate:		0deg;
		--default-bgWavyBox-pattern-opacity:	.3;
		--default-bgWavyBox-pattern-translateX:	0;
		--default-bgWavyBox-pattern-translateY:	-20%;
	}
@media screen and (max-width: 1200px) {
	.outlineContainer .bgWavyBox {
		--default-bgWavyBox-pattern-scale:		-4 4;
	}
}
@media screen and (max-width: 850px) {
	.outlineContainer .bgWavyBox {
		--default-bgWavyBox-pattern-scale:		-8 8;
		--default-bgWavyBox-pattern-rotate:		30deg;
		--default-bgWavyBox-pattern-translateY:	-28%;
	}
}

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



/* 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;
	}*/

/* 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}*/