﻿@media screen and (min-width:769px) {
	/**************************************
	#staticSection
	**************************************/
	#staticSection{
		padding: 5rem 0 10rem;
	}


	/**************************************
	.staticSectionInner
	**************************************/
	.staticSectionInner{
		display: block;
		width: 100%;
		max-width: calc(1500px + 12rem);
		padding: 0 6rem;
		margin: 0 auto;
	}




	/**************************************
	.faqList
	**************************************/
	.faqList{
		display: block;
	}

	.faqList > dl{
		display: block;
		width: 100%;
		background: #FFFFFF;
		position: relative;
	}

	.faqList > dl + dl{
		margin-top: 2rem;
	}

	.faqList > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items:  center;
			justify-content: flex-start;
		width: 100%;
		padding: 2rem 2rem 2rem 2rem;
		min-height: 8rem;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: 700;
		cursor: pointer;
			transition: opacity 0.3s ease;
	}
	.faqList > dl > dt:hover{opacity: .6;}

	.faqList > dl > dt > span{
		display: block;
		width: 2.5rem;
		margin-right: 2.5rem;
		padding-bottom: 0.5rem;
		font-size: 2.4rem;
		font-weight: 700;
		color: #ec6c00;
		text-align: center;
	}
	.faqList > dl > dt > em{
		display: block;
		width: calc(100% - 11rem);
	}

	.faqList > dl > dt > i{
		display: block;
		width: 4rem;
		height: 4rem;
		background: #4466aa;
		margin: 0 0 0 auto;
		position: relative;
	}

	.faqList > dl > dt > i::before,
	.faqList > dl > dt > i::after{
		content: '';
		display: block;
		width: 1.8rem;
		height: 0.2rem;
		background: #FFFFFF;
		position: absolute;
		top: calc(50% - 0.1rem);
		left: calc(50% - 0.9rem);
	}
	.faqList > dl > dt > i::after{
		transform: rotate(90deg);
			transition: transform 0.3s ease;
	}
	.faqList > dl > dt.open > i::after{
		transform: rotate(0);
	}


	.faqList > dl > dd.closed{display: none;}

	.faqList > dl > dd > .inner{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
		padding: 0 7rem 3rem 2rem;
		font-size: 1.6rem;
		font-weight: 700;
	}

	.faqList > dl > dd > .inner > span{
		display: block;
		width: 2.5rem;
		margin-right: 2.5rem;
		padding-bottom: 0.5rem;
		font-size: 2.4rem;
		font-weight: 700;
		color: #4466aa;
		text-align: center;
	}

	.faqList > dl > dd > .inner > .text{
		display: block;
		width: calc(100% - 3rem);
		padding-top: 0.1rem;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
	}

	/**************************************
	.privacy
	**************************************/
	.privacyText{
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: left;
	}

	.privacyText > h2{
		display: block;
		font-size: 2.4rem;
		margin-bottom: 3rem;
		font-weight: 700;
	}

	.privacyText > ol{ display: block;}
	.privacyText > ol > li{ display: block;}
	.privacyText > ol > li + li{padding-top: 4rem;}

	.privacyText > ol > li > dl{ display: block;}
	.privacyText > ol > li > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
		margin-bottom: 2rem;
		font-weight: 700;
	}
	.privacyText > ol > li > dl > dt > span{
		display: block;
		min-width: 1.5em;
		white-space: nowrap;
	}

	.privacyText > ol > li > dl > dd{
		text-align: left;
		padding-left: 1.5em;
	}


	.privacyText > ol dl > dd > dl{display: block; padding-top: 1rem;}
	.privacyText > ol dl > dd > dl > dt{margin-bottom: 0.5rem; font-weight: 700;}


	.privacyText ul.disc{display: block;}
	.privacyText ul.disc > li{
		display: block;
		padding-left: 1em;
		position: relative;
	}
	.privacyText ul.disc > li::before{
		content: '・';
		position: absolute;
		left: 0;
		top: 0;
	}

	.privacyText > ol ol.brackets{
		display: block;
		padding-top: 1rem;
	}
	.privacyText > ol ol.brackets > li{display: block;}
	.privacyText > ol ol.brackets > li + li{padding-top: 1.5rem;}

	.privacyText > ol ol.brackets > li > dl{display: block;}

	.privacyText > ol ol.brackets > li > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
		margin-bottom: 0.5rem;
		font-weight: 700;
	}
	.privacyText > ol ol.brackets > li > dl > dt > span{
		min-width: 2.5rem;
	}
	.privacyText > ol ol.brackets > li > dl > dd{display: block; padding-left: 2.5rem;}


	.privacyText .dlList{display: block; margin-top: 1rem;}
	.privacyText .dlList > dl{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
	}
	.privacyText .dlList > dl > dt{
		min-width: 16rem;
	}
	.privacyText .dlList > dl > dd{
		max-width: calc(100% - 16rem);
		padding-left: 1em;
	}
	.privacyText .dlList > dl > dd::before{content: '：'; margin-right: 0.5em;}


	.privacyText > ol ol.bracketsMini{
		display: block; margin-top: 0.5rem;
	}
	.privacyText > ol ol.bracketsMini > li{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
	}
	.privacyText > ol ol.bracketsMini > li > span{min-width: 3rem;}


	.privacyText > ol ol.numList{
		display: block;
	}
	.privacyText > ol ol.numList > li{
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-start;
			justify-content: flex-start;
	}
	.privacyText > ol ol.numList > li > span{min-width: 1.2em;}
}
