@charset "UTF-8";


/* Font-Face
===============================================================*/
/*
 * "07LogoTypeGothic-Condense" licensed under the IPA Font License Agreement v1.0
 * https://leafscape.be/fonts/209.html
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
	font-family: "ロゴたいぷゴシック-コンデンスド";
	src: url('../fonts/LogoTypeGothicCondense/07LogoTypeGothic-Condense_web.woff2') format('woff'),
	     url('../fonts/LogoTypeGothicCondense/07LogoTypeGothic-Condense.ttf') format('truetype');
	}


/* Common
===============================================================*/
body {
	color: rgba(50, 50, 50, 1);
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: 500;
	}

/* main_img
===============================================================*/
.main_img {
	background-position: center;
	background-repeat: no-repeat;
	display: table;
	text-align: center;
	overflow: hidden;
	width: 100%;
	}
	.main_img_inner {
		color: #fff;
		display: table-cell;
		vertical-align: middle;
		-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, .6);
		text-shadow: 0 0 10px rgba(0, 0, 0, .6);
		}


.pp_intro{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #ccc;
	}

.pp_ttl{
	color: #28b1fa;
	font-weight: 700;
	}

.pp_block { margin-bottom: 40px; }
	.pp_block h2 {
		font-size: 20px;
		/* border-left: 5px solid #28b1fa;
		padding-left: 20px; */
		margin-bottom: 10px;
		}
		.pp_block h2 span{
			font-size: 24px;
			margin-right: 0.2em;
			position: relative;
			top: 1px;
		}
	.pp_block p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.75;
		}
		.pp_block a {
			color: #027AC3;
			text-decoration: underline;
			}
			.pp_block a:hover{text-decoration: none;}

.pp_list{
	line-height: 1.75;
	margin-top: 20px;
	}
	.pp_list li{
		padding-left: 25px;
		font-size: 15px;
		position: relative;
		box-sizing: border-box;
		}
		.pp_list > li:not(:last-of-type){margin-bottom: 1rem;}

		.pp_list span{
			display: block;
			width: 20px;
			height: 20px;
			font-size: 14px;
			color: #fff;
			line-height: 21px;
			text-align: center;
			border-radius: 50%;
			background-color: #28b1fa;
			position: absolute;
			top: 3px;
			left: 0;
			}

.pp_dotlist{margin-bottom: 10px;}
	.pp_dotlist li{
		/*
		padding-left: 1em;
		text-indent: -1em;
		*/
		font-size: 15px;
		line-height: 1.75;
		word-break: break-all;
		}

.pp_titlelist{}
	.pp_titlelist li{
		font-size: 15px;
		line-height: 1.75;
		}
	.pp_titlelist li > span{font-weight: bold;}
		.pp_titlelist > li:not(:last-of-type){margin-bottom: 1rem;}		

.pp-inquiry{}
	.pp-inquiry p{
		margin-top: 10px;
		font-size: 15px;
		line-height: 1.75;		
		background: rgba(240, 240, 240, 1);
		padding: 25px;
		text-align: center;
		}
		.pp-inquiry p span{display: block;}
			
		.pp-formulate{
			margin-top: 1rem;
			font-size: 15px;
			text-align:  right;
			}

	

/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {

/* main_img
===============================================================*/
.main_img {
	background-image: url(/images/privacypolicy/main_img/bg_pc.jpg);
	height: 300px;
	}
	.main_img_inner {}
		.main_img_subttl { font-size: 40px; }
		.main_img_mainttl { font-size: 20px; }


.pp_wrap{
	padding-bottom: 100px;
	font-size: 15px;
	line-height: 1.75;
	}

.pp_ttl{
	font-size: 23px;
	line-height: 1.5;
    margin-bottom: 25px;
	}

}


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

/* main_img
===============================================================*/
.main_img {
	background-image: url(/images/privacypolicy/main_img/bg_sp.jpg);
	background-size: cover;
	height: 200px;
	}
	.main_img_inner {}
		.main_img_subttl { font-size: 20px; }
		.main_img_mainttl { font-size: 18px; }

	.pp_wrap{
		padding: 0 15px 50px 15px;
		font-size: 13px;
		line-height: 24px;
		}
.pp_intro{
	margin-bottom: 30px;
	padding-bottom: 30px;
	}

.pp_ttl{
	font-size: 18px;
	line-height: 1.5;
    margin-bottom: 20px;
	}

.pp_block { margin-bottom: 25px; }
	.pp_block h2 {
		font-size: 17px;
		/* padding-left: 15px; */
		margin-bottom: 10px;
		}
		.pp_block h2 span{
			font-size: 21px;
			top: 0;
			}
	.pp_block p {
		font-size: 13px;
		margin-bottom: 10px;
		}
.pp_list{
	margin: 15px 0 30px;
	font-size: 13px;
	line-height: 24px;
	}
		.pp_list span{
			display: block;
			width: 18px;
			height: 18px;
			font-size: 12px;
			color: #fff;
			line-height: 19px;
			text-align: center;
			border-radius: 50%;
			background-color: #28b1fa;
			position: absolute;
			top: 3px;
			left: 0;
			}
			.pp_list li{font-size: 13px;}
			.pp_dotlist li{font-size: 13px;}
			.pp_titlelist li{font-size: 13px;}


.pp-inquiry p{
	padding: 15px;
	font-size: 13px;
	}
	.pp-inquiry-date{font-size: 12px;}

	.pp-formulate{font-size: 13px;}

}