﻿@media screen and (max-width:768px) {
	/**************************************
	#staticSection
	**************************************/
	#staticSection{
		padding: 2rem 0 0;
	}


	/**************************************
	.staticSectionInner
	**************************************/
	.staticSectionInner{
		display: block;
		width: 100%;
		padding: 0 1rem;
		margin: 0 auto;
	}




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

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

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

	.faqList > dl > dt{
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: flex-start;
		width: 100%;
		padding: 1rem 1.5rem 1rem 1rem;
		min-height: 4rem;
		font-size: 1.4rem;
		line-height: 1.4;
		font-weight: 700;
		cursor: pointer;
	}

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

	.faqList > dl > dt > i{
		display: block;
		width: 2rem;
		height: 2rem;
		background: #4466aa;
		position: absolute;
		right: 1rem;
		top: 1.4rem;
	}

	.faqList > dl > dt > i::before,
	.faqList > dl > dt > i::after{
		content: '';
		display: block;
		width: 1rem;
		height: 0.2rem;
		background: #FFFFFF;
		position: absolute;
		top: calc(50% - 0.1rem);
		left: calc(50% - 0.5rem);
	}
	.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 0 2rem 1rem;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.faqList > dl > dd > .inner > span{
		display: block;
		width: 2rem;
		margin-right: 1rem;
		font-size: 1.8rem;
		font-weight: 700;
		color: #4466aa;
		text-align: center;
	}

	.faqList > dl > dd > .inner > .text{
		display: block;
		width: calc(100% - 3rem);
		padding-top: 0.4rem;
	}

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

	.privacyText > h2{
		display: block;
		font-size: 1.6rem;
		margin-bottom: 2rem;
		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: 1rem;
		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: block;
	}
	.privacyText .dlList > dl + dl{margin-top: 1rem;}

	.privacyText .dlList > dl > dt{
		font-weight: 700;
		margin-bottom: 0.1rem;
	}
	.privacyText .dlList > dl > dd{
	}


	.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;}
	.privacyText > ol ol.numList > li > em{min-width: 1.2em;}
}