@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("form_style.css");

/* =================================================
全称セレクタ
================================================= */

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	/*rem算出をしやすくするために*/
}

/* =================================================
全体指定
================================================= */

body {
	background-color: #0a0329;
	color: #fff;
	font-family: "Zen Maru Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*recaptcha*/
.recaptcha_policy {
	font-size: 12px;
	color: #fff;
	text-align: left;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* =================================================
リンク
================================================= */

a {
	text-decoration: none;
}

a:link {
	color: #f216ab;
}

a:visited {
	color: #f216ab;
}

a:hover {
	color: #f216ab;
}

a:active {
	color: #f216ab;
}

/* =================================================
文字
================================================= */


/* =================================================
共通レイアウト
================================================= */

.wrapper {
	background-color: #0a0329;
}

/*リスト*/

ul,
ol {
	list-style-type: none;
}



/* =================================================
ヘッダー
================================================= */

header {
	position: relative;
	height: 600px;
	background-color: #0a0329;
	background: url(../images/h_bg.avif);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

.h_h1_img {
	position: absolute;
	margin: auto;
	bottom: 140px;
	left: 0px;
	right: 0px;
	width: 98%;
}

/* =================================================
コンテンツ
================================================= */

/*c3*/

#c3 {
	padding-top: 140px;
	background-color: #0a0329;
	background: url(../images/c3_bg.avif);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/*c5*/

#c5 {
	padding-top: 120px;
	background-color: #0a0329;
	background: url(../images/c5_bg.avif);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.c5_girl_list li {
	margin: 30px 0px;
}

/*c7*/

#c7 {
	padding-top: 120px;
	background-color: #0a0329;
	background: url(../images/c7_bg.avif);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/*form*/

#form {
	padding-top: 120px;
	background-color: #0a0329;
	background: url(../images/form_bg.avif);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* =================================================
フッター
================================================= */

footer p {
	font-size: 14px;
}




/*スマホ
================================================= */

@media screen and (min-width:0px) and (max-width:767px) {


	/* =================================================
	全体指定
	================================================= */

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	html {
		font-size: 64.5%;
		height: 100%;
	}

	body {

		width: 100%;
		font-size: 1.4rem;
		line-height: 1.7em;
		overflow-x: hidden;
		-webkit-text-size-adjust: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	img {
		height: auto;
		max-width: 100%;
		vertical-align: bottom;
	}

	br.smp {
		display: none;
	}

	/* =================================================
	文字
	================================================= */


	/* =================================================
	共通レイアウト
	================================================= */



	/* =================================================
	ヘッダー
	================================================= */

	header {
		height: 400px;
	}

	.h_h1_img {
		bottom: 75px;
	}





	/* =================================================
	コンテンツ
	================================================= */

	/*c3*/

	#c3 {
		padding-top: 100px;
	}

	/*c5*/

	#c5 {
		padding-top: 75px;
	}

	.c5_girl_list li {
		margin: 18px 0px;
	}

	/*c7*/

	#c7 {
		padding-top: 75px;
		background-size: cover;
	}

	/*form*/

	#form {
		padding-top: 75px;
	}

	/* =================================================
フッター
================================================= */



}





/* タブレット端末
================================================= */

@media screen and (min-width:768px) and (max-width:1023px) {

	/* =================================================
	全体指定
	================================================= */

	body {
		font-size: 18px;
		line-height: 2em;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}

	/* iOS対策の固定背景 */
	body::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: -1;
		background: url(../images/bg.avif) no-repeat center;
		background-size: cover;
	}

	html {
		scrollbar-arrow-color: #190208;
		scrollbar-face-color: #190208;
		scrollbar-3dlight-color: #190208;
		scrollbar-darkshadow-color: #190208;
		scrollbar-highlight-color: #190208;
		scrollbar-shadow-color: #190208;
		scrollbar-track-color: #fff;
		height: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
		width: auto;
		vertical-align: bottom;
	}

	br.pc {
		display: none;
	}

	/* =================================================
	文字
	================================================= */



	/* =================================================
	共通レイアウト
	================================================= */

	.wrapper {
		width: 600px;
		margin: 0 auto;
	}

	/* =================================================
	ヘッダー
	================================================= */


	/* =================================================
	コンテンツ
	================================================= */

	/* =================================================
	フッター
	================================================= */




}



/*パソコン
================================================= */

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

	/* =================================================
	全体指定
	================================================= */

	body {
		font-size: 18px;
		line-height: 2em;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
	}

	/* iOS対策の固定背景 */
	body::before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: -1;
		background: url(../images/bg.avif) no-repeat center;
		background-size: cover;
	}

	html {
		scrollbar-arrow-color: #190208;
		scrollbar-face-color: #190208;
		scrollbar-3dlight-color: #190208;
		scrollbar-darkshadow-color: #190208;
		scrollbar-highlight-color: #190208;
		scrollbar-shadow-color: #190208;
		scrollbar-track-color: #fff;
		height: 100%;
	}

	img {
		max-width: 100%;
		height: auto;
		width: auto;
		vertical-align: bottom;
	}


	/* =================================================
	共通レイアウト
	================================================= */

	br.pc {
		display: none;
	}

	.wrapper {
		width: 600px;
		margin: 0 auto;
	}

	/* =================================================
	ヘッダー
	================================================= */


	/* =================================================
	コンテンツ
	================================================= */


	/* =================================================
	フッター
	================================================= */



}