@charset "utf-8";

section{
	position:relative;
	width:100%;
}

#top_title img{
	display:block;
	height:100%;
	object-fit:cover;
	width:100%;
}

#top_title .pc-top{
	display:block;
}

#top_title .sp-top{
	display:none;
}

#protection h2{
	position:relative;
	text-align:center;
	padding:80px 0 40px 0;
	font-size:30px;
	font-weight:bold;
	color:#15428b;
}

#protection h2:after{
	content:"";
	position:absolute;
	bottom:20px;
	left:50%;
	transform: translateX(-50%);
	background-color:#2fa6c5;
	height:2px;
	width:100px;
}

.privacy_sheet,.personal_sheet{
	position:relative;
	width:87%;
	margin:20px auto 0 auto;
	background:linear-gradient(to bottom,rgba(205,220,241),rgba(233,240,251,.4));
	padding:50px 3vw 40px 3vw;
}

.terms_sheet{
	position:relative;
	width:87%;
	margin:20px auto 130px auto;
	background:linear-gradient(to bottom,rgba(205,220,241),rgba(233,240,251,.4));
	padding:50px 3vw 20px 3vw;
}

.privacy_items,.personal_information,.terms_of_service{
	padding:20px 0;
}

.privacy_items h3,.personal_h3,.riyou_h3{
	position:relative;
	color:#2260ad;
	padding:8px 0;
	font-size:22px;
	line-height:24px;
}

.privacy_items h3:before,.personal_h3:before,.riyou_h3:before{
	content:"";
	position:absolute;
	left:-0.7em;
	top:0;
	transform: translateY(0.35em);
	background-color:#002f81;
	width:5px;
	height:1em;
}

.privacy_items p,.personal_information p,.terms_of_service p{
	font-size:16px;
}

.blue_back{
	position:absolute;
	bottom:-45px;
	left:30px;
	width:390px;
	height:160px;
	background:linear-gradient(.25turn,#073991,#22a6e6);
}

.terms_sign{
	margin-left:-5px;
	padding-top:50px;
	padding-bottom:5px;
	font-weight:bold;
}

/* =============== レスポンシブ ===============*/

@media screen and (max-width:760px){

#top_title .pc-top{
	display:none;
}
#top_title .sp-top{
	display:block;
}

#protection h2{
	padding:50px 0 40px 0;
}

.privacy_items,.personal_information,.terms_of_service{
	padding:20px 0 10px 0;
}

.privacy_items h3,.personal_h3,.riyou_h3{
	padding:8px 0 8px 8px;
}

.privacy_items h3:before,.personal_h3:before,.riyou_h3:before{
	left:-0.1em;
}

.privacy_sheet,.personal_sheet,.terms_sheet{
	margin:20px auto 0 auto;
	padding:20px 3vw;
}

.blue_back{
	left:10px;
	width:270px;
}

}