@charset "UTF-8";

body,h1,h2,h3,h4,h5,p,ul,li{
	margin: 0;
	padding: 0;
}



body{
	font-family:"regular_font","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:250%;
	-webkit-text-size-adjust:100%;
	color:#3f3f3f;
}







/*フォント*/

@font-face {
	font-family:'regular_font';
	src:url(../font/regular_font.ttf) format('truetype');
}

@font-face {
	font-family:'heading_font';
	src:url(../font/heading_font.otf) format('truetype');
}








/*nav 背景*/

#heading{
	width: 100%;
	height: 100px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	margin-top: -100px;/*navの高さ分のネガティブマージントップ*/
	z-index: 999;
}


/*H1ロゴ*/

#heading h1{
	background-image: url(../img/top_logo.png);
	width: 300px;
	height: 65px;
	text-indent: -9999px;
	margin-left: 30px;
}


/*nav 申し込みボタン*/


#heading p a{
	display:block;
	width: 300px;
	padding: 15px 0;
	margin-right: 30px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: linear-gradient(-45deg, #f29678, #ed659f);/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, #f29678, #ed659f);/*グラデーション*/
	transition: all 0.5s ease;/*アニメーション*/
}


#heading p a:hover{
	width: 500px;
	background: linear-gradient(-45deg, #85b6d5, #8ed4ad);/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, #85b6d5, #8ed4ad);/*グラデーション*/
}




/*メインビジュアル*/

#main_vis{
	background-image: url(../img/main_vis.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 90vh;
	margin-top: 100px;/*navの高さ分のマージントップ*/
	position: relative;
}



/*main vis上のテキストエリア*/

.catch_copy_area{
	width: 650px;
	height: 320px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10%;
	margin: auto;
}




/*キャッチコピー*/

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

/*好きなときに、好きな子と、ヤろう。*/

.copy_top{
	font-size: 35px;
	margin-bottom: 5px;
	padding-left: 15px;
}

/*セックス量産マニュアルの決定版*/

.copy_bottom{
	font-size: 18px;
	padding-left: 15px;
}





/*白い円のflex box*/

.top_circle_flex{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}


/*白い円*/

.top_circle{
	width: 200px;
	height: 200px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}




/*****共通*****/


/*color icon H2*/

.color_icon h2{
	background-image: url(../img/color_icon.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 80px;
	text-align: center;
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 50px;
}


/*white icon H2*/

.white_icon h2{
	background-image: url(../img/white_icon.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 80px;
	text-align: center;
	font-size: 22px;
	font-weight: 100;
	margin-bottom: 50px;
}



/*colorのflex box*/

.color_circle_flex{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}


/*color円*/

.color_circle{
	width: 200px;
	height: 200px;
	color: #fff;
	background: linear-gradient(-45deg, #ed659f, #f29678);/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, #ed659f, #f29678);/*グラデーション*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}





/*背景グラデーション*/

.gradation{
	padding: 100px 0;
	background: linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	color: #fff;
}



/*メイン幅*/

.main_width{
	width: 950px;
	margin: 0 auto;
}


/*マーカー*/

.yollow_marker{
	background: linear-gradient(transparent 60%, rgba(246,255,10,0.8));
}











/*section_1*/

#section_1{
	width: 950px;
	margin: 0 auto;
	padding: 150px 0;
}







/*section_2*/

#section_2{
	background-image: url(../img/section_2_back.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}


/*flex box*/

.section_2_flex{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}


/*テキストエリア*/

.section_2_text{
	width: 420px;
	margin-bottom: 50px;
}

/*見出し*/

.section_2_text h3{
	margin-bottom: 10px;
}






/*section_3*/

#section_3{
	width: 950px;
	margin: 0 auto;
	padding: 150px 0;
}


/*img flex*/

.section_3_flex{
	display: flex;
	justify-content: space-between;
}



/*section_3 テキストエリア*/

.section_3_text_area{
	width: 800px;
	margin: 0 auto;
	padding: 50px 0;
}


/*見出し*/

.section_3_text_area h3{
	text-align: center;
	margin-bottom: 20px;
}








/*section_4*/

#section_4{
	background-image: url(../img/section_4_back.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}

/*flex box*/

.section_4_flex{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}


/*テキストエリア*/

.section_4_text{
	width: 420px;
	margin-bottom: 50px;
}

/*見出し*/

.section_4_text h3{
	margin-bottom: 10px;
}






/*section_5*/

#section_5{
	width: 950px;
	margin: 0 auto;
	padding: 150px 0;
}

/*section_5 テキストエリア*/

.section_5_text_area{
	width: 800px;
	margin: 0 auto;
	padding: 50px 0;
}


/*見出し*/

.section_5_text_area h3{
	text-align: center;
	margin-bottom: 20px;
}





/*section_6*/

#section_6{
	background-image: url(../img/section_6_back.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: fixed;
}

/*flex box*/

.section_6_flex{
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
}


/*section_6 テキストエリア*/

.section_6_text_area{
	width: 800px;
	margin: 0 auto;
	padding: 50px 0;
}


/*見出し*/

.section_6_text_area h3{
	text-align: center;
	margin-bottom: 20px;
}







/*section_7*/

#section_7{
	background-image: url(../img/section_7_back.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left center;
	padding: 100px 0;
}



/*レビュー 全体*/

.review_width{
	width: 800px;
	margin: 0 auto;
}


/*レビュー 1件単位*/

.review{
	background-image: url(../img/border_dot.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 80px 0;
	display: flex;
	justify-content: space-between;
}


/*レビューテキスト*/

.review_text{
	width: 550px;
}


/*名前*/

.name{
	font-weight: bold;
	font-size: 18px;
}


.review_note{
	text-align: right;
	font-size: 14px;
	padding: 20px 0;
}




/*section_8*/

#section_8{
	padding: 100px 0 150px;
	background: linear-gradient(-45deg, rgba(138,211,184,0.7), rgba(136,185,215,0.7));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(138,211,184,0.7), rgba(136,185,215,0.7));/*グラデーション*/
	color: #fff;
	position: relative;
}

.section_8_area{
	width: 700px;
	background-image: url(../img/main_logo_white.svg);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.8);
}

.section_8_text{
	width: 600px;
	margin: 0 auto;
	padding: 100px 0;
	color: #000;
	margin-top: 100px;
}

.harako_wrap{
	display: flex;
	align-items: flex-end;
	margin-left: -150px;
	margin-top: -200px;
}

.harako_wrap img{
	display: block;
}

.harako_wrap h3{
	width: 230px;
	margin-bottom: 20px;
	margin-left: 30px;
	text-align: right;
}

.section_8_text_area{
	margin-top: 30px;
}

.text_padding{
	padding: 20px 0;
}





/*section_9*/

#section_9{
	padding: 100px 0;
}


.section_9_area{
	width: 960px;
	margin: 0 auto;
}

.section_9_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
}

.section_9_box1 h3{
	font-size: 24px;
	position: relative;
	margin-left: 100px;
	margin-bottom: 50px;
}


.section_9_box1 h3::before{
	content: url(../img/section_9_item_1.png);
	position: absolute;
	top: -50%;
	left: -100px;
	margin: auto;
}

.section_9_box1 p{
	width: 450px;
}


.section_9_box2 h3{
	font-size: 24px;
	position: relative;
	margin-left: 100px;
	margin-bottom: 50px;
}
.section_9_box2 h3::before{
	content: url(../img/section_9_item_2.png);
	position: absolute;
	top: -50%;
	left: -100px;
	margin: auto;
}
.section_9_box2 p{
	width: 450px;
}


.section_9_box3 h3{
	font-size: 24px;
	position: relative;
	margin-left: 100px;
	margin-bottom: 50px;
}
.section_9_box3 h3::before{
	content: url(../img/section_9_item_3.png);
	position: absolute;
	top: -50%;
	left: -100px;
	margin: auto;
}
.section_9_box3 p{
	width: 450px;
}


.section_9_box4 h3{
	font-size: 24px;
	position: relative;
	margin-left: 100px;
	margin-bottom: 50px;
}
.section_9_box4 h3::before{
	content: url(../img/section_9_item_4.png);
	position: absolute;
	top: -50%;
	left: -100px;
	margin: auto;
}
.section_9_box4 p{
	width: 450px;
}

.buy_link{
	width: 500px;
	margin: 0 auto;
	position: relative;
	background: linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	transition: all 0.5s ease;/*アニメーション*/
}


.buy_link a{
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 30px 0;
}

.buy_link a::before{
	display: block;
	content: url(../img/main_logo_white.svg);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 80px;
	margin: auto;
}

.buy_link:hover{
	width: 100%;
}



.section_9_note{
	padding: 50px 0;
	text-align: center;
}



/*section_10*/

#section_10{
	padding: 100px 0;
	background: linear-gradient(-45deg, rgba(138,211,184,0.7), rgba(136,185,215,0.7));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(138,211,184,0.7), rgba(136,185,215,0.7));/*グラデーション*/
}

#section_10 h2{
	color: #fff;
}

.question_area{
	width: 900px;
	padding: 50px 30px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.8);
	margin-bottom: 50px;
}


.q{
	position: relative;
	margin-bottom: 50px;
}

.q p{
	display: block;
	padding: 0 0 0 80px;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	height: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.q p::before{
	display: block;
	content: url(../img/q.png);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-right: 55px;
}

.a{
	width: 800px;
	margin: 0 auto;
}





/*section_11*/

#section_11{
	padding: 100px 0 0 0;
}

.section_11_area{
	width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
}









/*section_12*/

#section_12{
	background-image: url(../img/footer_back.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 1200px;
	padding: 50px 0 400px;
}

.section_12_wrap{
	background: linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(236,105,63,0.7), rgba(230,36,118,0.7));/*グラデーション*/
	width: 100%;
	height: 1200px;
	padding: 50px 0 400px;
	margin-top: -50px;
	position: relative;
}

.section_12_area{
	width: 1200px;
	height: 1200px;
	color: #fff;
	margin: 0 auto;
}

.section_12_circle{
	width: 800px;
	margin: 0 auto;
}

.pdf{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.pdf_heading{
	background-color: #fff;
	color: #242424;
	width: 520px;
	height: 700px;
	margin-bottom: 30px;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 160%;
	-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	position: relative;
}

.pdf_logo{
	background-image: url(../img/pdf_logo.png);
	width: 170px;
	height:  177px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.index h2{
	margin-bottom: 8px;
	font-size: 16px;
}
.index h3{
	font-size: 14px;
	padding: 8px 0 3px;
}


.smp_index{
	display: none;
}




.copy_footer{
	font-family: "heading_font", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: center;
	font-size: 30px;
	margin-bottom: 20px;
}


.footer_circle_flex{
	display: flex;
	justify-content: space-between;
}


.footer_circle{
	color: #000;
	width: 230px;
	height: 230px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}


.footer_center_text{
	text-align: center;
	margin-bottom: 50px;
	font-family: "heading_font", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 18px;
}




.footer_buy_link{
	width: 500px;
	margin: 0 auto;
	position: relative;
	background: linear-gradient(-45deg, rgba(138,211,184,1), rgba(136,185,215,1));/*グラデーション*/
	background: -webkit-linear-gradient(-45deg, rgba(138,211,184,1), rgba(136,185,215,1));/*グラデーション*/
	transition: all 0.5s ease;/*アニメーション*/
	margin-top: 20px;
	margin-bottom: 30px;
}

.footer_buy_link a{
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
}

.footer_buy_link a::before{
	display: block;
	content: url(../img/main_logo_white.svg);
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 80px;
	margin: auto;
}

.footer_buy_link:hover{
	width: 100%;
}






#footer{
	padding: 100px 0;
}


.footer_info{
	width: 500px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}

.footer_info a{
	color:#3f3f3f;
}

.footer_info a:hover{
	color: #df628c;
}


.copyright{
	text-align: center;
	font-size: 14px;
}





#privacy_policy{
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
}

#privacy_policy h1{
	font-size: 25px;
	text-align: center;
}

#privacy_policy h2{
	font-size: 22px;
	margin-bottom: 10px;
}

#privacy_policy h3{
	font-size: 18px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}
#privacy_policy h3::before{
	content: "■";
}

#privacy_policy ul{
	padding: 20px 0;
}

#privacy_policy ul li{
	list-style-position: inside;
}

.p_p_text_wrap{
	padding: 20px 0;
}



.tokushou{
	padding-top: 80px;
}

.tokushou h1{
	font-size: 25px;
	text-align: center;
}

table.type02 {
	margin: 0 auto;
	margin-top: 50px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.type02 th {
	width: 180px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.type02 td {
	width: 450px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.info{
	width: 900px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}

.info_wrap{
	padding: 20px 0;
}

.info_wrap h2{
	font-size: 18px;
}