*
{
	margin: 0;
	padding: 0;
}

/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
*/
body
{
	/*position: relative;*/
	/*font-family:fot-tsukuardgothic-std,"Helvetica", 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo", Osaka, sans-serif;*/

	font-family: "Noto Sans JP", sans-serif;
 	font-weight: 300;
 	font-size: 1rem;
	font-style: normal;
	color: #191919;
	line-height: 1.5;
	/*font-size: 16px;*/
}


.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix{min-height: 1px;}

* html .clearFix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.page-link a
{
	color: #191919;
}

.container a
{
	color: #0098cf
}

a
{
	overflow:hidden;
	cursor: pointer;
}

a:hover
{
	text-decoration: none;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea
{
	-webkit-appearance: none;
}

a,.faq-content article header span,.difference-content article header span
{
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.section-ro-footer dl dt,.section-ep-footer dl dt,.section-epr-footer dl dt,.section-ju-footer,.section-cu-footer ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

}

{
	-webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}

.section-ro-footer dl dt,.section-epr-footer dl dt,.section-ep-footer dl dt
{
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.section-ju-footer
{
	-webkit-align-items: start;
	-ms-align-items: start;
	align-items: start;
}

/*.content-wrapper*/
{
	-webkit-justify-content: center;
	justify-content: center;
}

.section-ju-footer
{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.side-tag ul,.page-link ul,.section-cu-footer ul
{
	list-style: none;
}


.section-ep-footer dl dt,.section-epr-footer dl dt,.section-cu-footer ul
{
	column-gap: 10px;
}

.section-ju-footer
{
	column-gap: 20px;
}

.section-ju-footer
{
	row-gap: 20px;
}

.section-ju-footer section
{
	flex: calc(50% - 10px);
	width: calc(50% - 10px)\9;
	max-width: calc(50% - 10px);
}

.section-ju-footer section img
{
	width: 100%;
	height: auto;
}

.pc-in img
{
	max-width: 100%;
	height: auto;
}


.main-visual-wrapper
{
	/*top: env(safe-area-inset-top);
	margin-top: env(safe-area-inset-top);
	padding-top: calc(env(safe-area-inset-top) + 20px);
*/	background: url("./img/mv_back.png") center center no-repeat;
	background-size: cover;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	/*text-align: center;*/
}

.main-visual-wrapper img
{
	max-width: 1200px;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.content-wrapper
{
	background: rgba(249,242,231,0.5);
	/*bottom: env(safe-area-inset-bottom);
	margin-bottom: env(safe-area-inset-bottom);
	padding-bottom: calc(env(safe-area-inset-bottom) + 40px);*/
}

.container
{
	box-sizing:border-box;
	background-color: #fff;
}

.pc-left,.pc-right
{
	padding: 20px;
	/*top: 0;*/
	/*position: sticky;*/
}

.side-date
{
	margin: 20px 0 30px 10px;
}

.side-tag,.border-wrapper
{
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,0.1);
	background: #FFF;
	padding: 10px 15px;
}

.side-tag,.section-oa-footer p small,.section-ro-footer dl dd p,.section-ep-footer dl dd,.section-sc-footer dl dd
{
	color: #7d7d7d;
}

.side-tag,.section-oa-footer p small
{
	font-size: 0.85rem;
}

.section-ro-footer dl dd p,.section-ep-footer dl dd,.section-sc-footer dl dd
{
	font-size: 0.9rem;
}


.page-link
{
	text-align: center;
	margin: 15px auto 20px;
}

.page-link ul
{
	display: inline-block;
	text-align: left;
}

.border-wrapper span,.side-tag span
{
	font-weight: 500;
	color: #323232;
	display: block;
}

.side-tag span
{
	font-size: 0.8rem;
	margin-bottom: 5px;
}

/**/

.section-header
{
	background: #f4f4f4;
	padding: 18px 20px;
	border-left: 6px solid #0098cf;
	border-right: 6px solid #de4196;
}

.section-header p
{
	color: #de4196;
	font-size: 0.8rem;
	margin-bottom: 5px;
}

.section-header h1
{
	font-weight: 400;
	font-size: 1.4rem;
}

.section-footer
{
	padding: 20px;
}

.section-footer h1
{
	font-size: 1.25rem;
	margin-bottom: 15px;
}

.section-footer p
{
	line-height: 1.6rem;
}

.section-ro-footer
{

}

.section-ro-footer dl dt
{
	font-size: 1.2rem;
}

.section-ro-footer dl dd
{
	padding-left: 50px;
}


.section-ro-footer dl dt
{
	margin-bottom: 5px;
}

.section-ro-footer dl dd p
{
	margin-bottom: 1rem;
}

.section-ro-footer dl dd p strong
{
	font-weight: 400;
	color: #323232;
	font-size: 1rem;
}

.section-ro-footer dl dd p strong img
{
	margin-right: 5px;
	float: left;
}

.section-ro-footer article:not(:last-child)
{
	margin-bottom: 0.5rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.section-oa-footer header
{
	text-align: center;
}

.section-oa-footer header img
{
	margin-bottom: 15px;
}

.section-oa-footer header p
{
	margin-bottom: 10px;
}

.section-ep-footer section:not(:last-child),.section-epr-footer section:not(:last-child)
{
	margin-bottom: 15px;
}

.section-ep-footer dl dt,.section-epr-footer dl dt
{
	margin-bottom: 10px;
}

.section-sc-footer dl:not(:last-child)
{
	margin-bottom: 10px;
}


.section-ep-footer dl dt span,.section-epr-footer dl dt span
{
	font-size: 1rem;
	min-width: 30px;
	height: 30px;
	line-height: 28px;
	border-radius: 50%;
	background: #000;
	color: #FFF;
	font-weight: 600;
	text-align: center;
}

.section-ep-footer dl dt strong,.section-epr-footer dl dt strong
{
	display: block;
}

.section-ep-footer dl dd,.section-epr-footer dl dd
{
	padding-left: 40px;
}

.section-ep-footer dl dd ul,.section-ar-footer ul,.section-ar-footer ol,.section-cf-footer ul
{
	margin-left: 1rem;
}

.section-ju-footer section
{
	text-align: center;
}

.section-ju-footer section p
{
	font-size: 0.9rem;
	line-height: 1.3rem;
	margin-top: 10px;
}

.section-ar-footer h2,.section-cf-footer h2,.section-cu-footer h2
{
	font-weight: 400;
	font-size: 0.9rem;
	margin-bottom: 5px;
	color: rgba(0,0,0,0.9);
}

.section-ar-footer h3
{
	font-weight: 400;
	font-size: 0.8rem;
	color: rgba(0,0,0,0.9);
}

.section-ar-footer p,.section-ar-footer ul,.section-ar-footer ol,.section-cf-footer p,.section-cf-footer ul,.section-cu-footer p
{
	color: rgba(0,0,0,0.6);
	font-size: 0.8rem;
	line-height: 1.2rem;
	margin-bottom: 10px;
}

.section-spon-footer
{
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 10px 0;
}

.section-spon-footer dl:not(:last-child)
{
	margin-bottom: 5px;
}

.section-spon-footer dl dt,.section-spon-footer dl dd
{
	text-align: center;
}

.section-spon-footer dl dt
{
	font-weight: 400;
	font-size: 0.9rem;
	color: rgba(0,0,0,0.9);
}

.section-spon-footer dl dd
{
	font-size: 0.8rem;
	color: rgba(0,0,0,0.7);
}

.section-spon-footer dl dd img
{
	display: block;
	margin: 7px auto 5px;
}

.copy
{
	background: rgba(0,0,0,0.05);
}

.copy small
{
	display: block;
	text-align: center;
	padding: 10px 0 10px;
	font-size: 0.6rem;
	color: rgba(0,0,0,0.3);
}

.section-cu-footer ul
{
	margin-top: 20px;
}

.section-cu-footer ul li a
{
	display: block;
	border-radius: 10px;
}

.section-cu-footer ul li a:hover
{
	opacity: 0.6;
}


@media (1100px <= width) {
	.pc-wrapper
	{
		width: 100vw ;
	}

	.pc-wrapper-in
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: center;
		justify-content: center;
		column-gap: 500px;
	}

	.pc-left,.pc-right
	{
		/*max-width: calc((100vw - 500px) / 2 );*/
		width: calc((100vw - 500px) / 2 );
		max-width: 260px;
	}

	.pc-wrapper
	{
		width: 100%;
		height: 100vh;
	}

	.container
	{
		position: relative;
		z-index: 2;
		top: 0;
		/*margin: 0 auto 0;*/
		margin: -100vh auto 0;
		border-right: 1px solid rgba(0,0,0,0.1);
	}
/*	.pc-right
	{
		order:1;
	}*/
	/*.pc-right
	{
		max-width: calc((100vw - 500px) / 2 );
	}*/

	.container
	{
		width: 500px;
	}

}

@media (750px <=  width <=  1100px ) {


	/*.pc-left,.pc-right*/
	.pc-wrapper
	{
		/*width: calc( (100vw - 500px) );*/
		width: 40%;
	}

	.container
	{
		width: 60%;
	}

	.pc-left,.pc-right
	{
		/*max-width: calc((100vw - 500px) / 2 );*/
		/*width: calc((100vw - 500px) / 2 );*/
		max-width: 260px;
		margin: 0 auto;
	}

	.pc-wrapper-in
	{
		position: sticky;
		top: 0;
		left: 0;
		height: auto;
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: end;
		justify-content: end;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		-webkit-align-items: start;
		-ms-align-items: start;
		align-items: start;*/

	}

	.content-wrapper
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

	}

	.content-wrapper
	{
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}


}

/*@media (1440px < width) {
	.pc-back::before {
		left: calc((100vw - 495px) / 2 / 2);
		translate: -50% 0;
	}
	.pc-back::after {
		right: calc((100vw - 495px) / 2 / 2);
		translate: 50% 0;
	}
}
*/

@media (750px <= width) {

	.container
	{
		border-left: 1px solid rgba(0,0,0,0.1);
	}

	.pc-wrapper
	{
		position: sticky;
		top: 0;
		left: 0;
	}

	.page-menu-btn,.page-menu-wrapper
	{
		display: none;
	}

}


@media ( width <=  750px ) {

	.pc-left,.pc-right
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: center;
		justify-content: center;
	}

	.content-wrapper
	{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}


	.comingsoon
	{
		text-align: center;
	}

	.pc-left,.pc-right
	{
		/*display: none;*/
	}

	.pc-wrapper
	{
		display: none;
	}

	.page-menu-wrapper
	{
		/*display: none;*/
	}
/*
	.pc-left
	{
		padding-bottom: 0;
	}

	.pc-right
	{
		padding-top: 0;
	}*/

	.page-menu-wrapper
	{
		transform: translateY(-100%);
		transition: 0.5s;
		opacity: 0.5;

		/*visibility:hidden;
		opacity: 0;

		transition-timing-function: ease;
		transition-duration: 0.4s;
		transition-property: opacity, visibility;*/

		position: fixed;
		z-index: 5;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100svh;
		/*height: 100dvh;*/
		/*height: 100vh;*/
		padding-bottom: 40px;
		background: #faf8f2;
		overflow-y: scroll;
		overflow-x: hidden;
		/*box-sizing:border-box;*/
		/*inset-block-start: 0;*/

	}

	.page-menu-wrapper.animated
	{
		/*visibility: visible;
		opacity: 1;*/
		opacity: 1;
		/*opacity: 0.5;*/
		transform: translateY(0%);

	}


	.page-menu-btn
	{
		position: fixed;
		z-index: 10;
		left: 15px;
		bottom: 120px;
		background: #FFF;
		/*border: 1px solid #000;*/

		/*border-radius: 50%;*/
		cursor: pointer;

		border-top: 2px solid #0098cf;
		border-left: 2px solid #0098cf;
		border-right: 2px solid #de4196;
		border-bottom: 2px solid #de4196;
		width: 50px;
		height: 50px;
		border-radius: 10px;

	}

	.page-menu-btn.active
	{

	}


	.page-menu-btn.active span.page-menu-br:nth-child(1)
	{
		width: 30px;
		left: 10px;
		top: 8px;
		-webkit-transform: translateY(7px) rotate(-24deg);
		transform: translateY(7px) rotate(-24deg);
	}

	.page-menu-btn.active span.page-menu-br:nth-child(2)
	{
		width: 30px;
		left: 10px;
		top: 22px;
		-webkit-transform: translateY(-7px) rotate(24deg);
		transform: translateY(-7px) rotate(24deg);
	}



	.page-menu-in
	{
		padding: 20px;
	}


	.page-menu-in
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;

		flex-flow: column;

	}

	.page-menu-in h1,.page-menu-in p,.page-menu-in .side-date
	{
		text-align: center;
	}

	.page-menu-in .side-date
	{
		padding: 0;
	}

	.page-menu-in .side-tag
	{
		margin: 0 auto;
	}

	.page-menu-in .side-tag
	{
		padding: 10px 15px;
	}

	.page-menu-btn-in
	{

	}

	.page-menu-btn-in span.page-menu-br
	{
		position: absolute;
		display: block;
		width: 24px;
		height: 2px;
		left: 13px;
		background: #323232;
		transition: all .4s;
	}

	.page-menu-btn-in span.page-menu-br:nth-child(1)
	{
		top: 11px;
		background: #0098cf;
	}

	.page-menu-btn-in span.page-menu-br:nth-child(2)
	{
		top: 20px;
		background: #de4196;
	}

	.page-menu-btn-in small span:nth-child(even)
	{
		color: #0098cf;
	}

	.page-menu-btn-in small span:nth-child(odd)
	{
		color: #de4196;
	}

	.page-menu-btn-in small
	{
		position: absolute;
		/*display: block;*/
		text-align: center;
		width: 50px;
		padding: 0;
		letter-spacing: -0.05rem;
		font-size: 0.75rem;
		bottom: 6px;
		left: 0;
		font-weight: 500;

		color: #323232;

		/*display: inline-block;*/
		/*background: linear-gradient(90deg, #0098cf, #de4196);*/
		/*background: -webkit-linear-gradient(0deg, #0098cf, #de4196);*/
		/*-webkit-background-clip: text;*/
		/*-webkit-text-fill-color: transparent;*/
	}

	/*.page-menu-btn:hover
	{
		background: linear-gradient(90deg, #0098cf, #de4196);
		background: -webkit-linear-gradient(0deg, #0098cf, #de4196);
	}

	.page-menu-btn:hover .page-menu-btn-in
	{
		border : none;
	}

	.page-menu-btn:hover .page-menu-btn-in small
	{
		color: #FFF;
		background :#FFF;
	}

	*/


}

/*
.veil {
  display: none;
}

@supports (-webkit-touch-callout: none) {
  .veil {
    position: sticky;
    top: 0;
    z-index: 10000;
    display: block;
    pointer-events: none;
  }
  .veil-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #FFF000;
    backdrop-filter: blur(1px);
  }
}*/



/*@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}
*/