/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";

.beginnerContents {
	font-size:0.96em;
	/*background:#e7f5ff;*/
	/*padding-top:4em;*/
	padding-bottom:5em;
	/*margin-bottom:3em;*/
	font-family: "Kosugi Maru", sans-serif;
	color:#2d337a;
	letter-spacing:0.06em;
}
@media only screen and (max-width: 430px) {
	.beginnerContents {
		font-size:4vw;
	}
}

/********************************************************************
 *　//料金&ご利用ガイド
********************************************************************/

/*========== 冒頭（青背景） ==========*/
.beginner_head {
	position:relative;
	aspect-ratio:1200/1560;
	display:flex;
	flex-direction:column;
	justify-content:center;
	background:url(../images/beginner_head_bg.webp) center top no-repeat;
	background-size:100% auto;
	width:100%;
	padding-top:9%;
	color:#fff;
	overflow:hidden;
}
.pageTitle_beginner {
	/*display:inline-flex;
	flex-direction:column;*/
	/*margin-left:5%;*/
	margin-bottom:1em;
	letter-spacing:0.1em;
	text-align:center;
	margin-right:4%;
}
.pageTitle_beginner .title {
	font-size:1.4em;
	display:inline-flex;
	align-items:center;
	background:url(../images/beginner_head_wakaba.png) left center no-repeat;
	background-size:auto 100%;
	padding:0.48em 0 0.45em 2.5em;
	margin-bottom:0.5em;

}
.pageTitle_beginner .sub {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background: linear-gradient(135deg,  #ffb257 40%,#e88800 60%);
	border:solid 1px rgba(255,255,255,0.45);
	border-radius:1.2em;
	height:2.4em;
	margin-left:1.5em;
}
.pageTitle_beginner .sub span {
	padding-left:3.5em;
	padding-right:3.5em;
}
.beginner_head_lady {
	position:absolute;
	top:28.8%;
	right:-4%;
	/*width:87.83%;*/
	width:40%;

}
.beginner_head_text {
	font-size:0.7em;
	line-height:1.7;
	padding:0 30% 0 4%;
	margin-bottom:1.5em;
	/*text-align:center;*/
}
@media only screen and (max-width: 430px) {
	.guide_step_title {

	}
}


/*========== ご質問、ご不安、お悩み解決 ==========*/
.beginner_faq {

}
.faq_head {
	padding-top:3em;
	margin-bottom:2em;
}
.faq_head_img {
	width:32.83%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}
.faq_title {
	text-align:center;
	letter-spacing:0.1em;
}
.faq_title span {
	display:block;
	margin-bottom:0.3em;
	font-family: "Noto Sans JP", sans-serif;
}
.faq_title h2 {
	font-size:1.7em;
	display:inline-block;
	background:url(../images/faq_title_wakaba.png) right center no-repeat;
	background-size:auto 1em;
	padding-top:0.3em;
	padding-right:1.3em;
	margin-left:1em;
	font-family: var(--fontMincho);
	font-weight:bold;
}
.faq_title h2 em {
	font-size:0.8em;
	padding:0 0.2em;
	font-weight:bold;
}

.faq_content {
	position:relative;
	margin-bottom:2em;
}
.faq_content_head {
	text-align:center;
}
.faq_content_head_icon {
	width:10%;
	margin:0 auto 1em;
}
.faq_content_head_text {
	font-size:0.9em;
	position:relative;
	line-height:1.4;
	display:inline-block;
	color:#2d337a;
	text-shadow:
		0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,
		0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,
		0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,
		-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,
		0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff;
}
.faq_content_head_text::before {
	content:"";
	position:absolute;
	top:0;
	left:-2em;
	bottom:0;
	width:1.3em;
	height:1px;
	margin:auto;
	background:#2d337a;
	box-shadow:
		0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,
		0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,
		0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,
		-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,
		0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff;
}
.faq_content_head_text::after {
	content:"";
	position:absolute;
	top:0;
	right:-2em;
	bottom:0;
	width:1.3em;
	height:1px;
	margin:auto;
	background:#2d337a;
	box-shadow:
		0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,0 0 0.1em #fff,
		0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,0.1em 0 0.1em #fff,
		0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,0 0.1em 0.1em #fff,
		-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,-0.1em 0 0.1em #fff,
		0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff,0 -0.1em 0.1em #fff;
}


.faq_item_list {
	position:relative;
	line-height:1.4;
	padding:0 4% 0 8%;
	z-index:1;
}
.faq_item {
	padding-top:3em;
}
/*===FAQ質問===*/
.faq_item_question {
	position:relative;
	margin-bottom:1em;
}
.faq_item_question .question_num {
	position:absolute;
	top:-2.8em;
	left:-1em;
	width:3em;
	height:4.1em;
}
.faq_type1 .faq_item_question .question_num {/*ご利用料金や金銭トラブル等へのご不安のとき*/
	background:url(../images/faq_q_bg1.png) center center no-repeat;
	background-size:cover;
}
.faq_type2 .faq_item_question .question_num {/*女性の雰囲気やタイプがマッチするかのご不安のとき*/
	background:url(../images/faq_q_bg2.png) center center no-repeat;
	background-size:cover;
}
.faq_type3 .faq_item_question .question_num {/*ご利用時の快適さや対応についてのご不安のとき*/
	background:url(../images/faq_q_bg3.png) center center no-repeat;
	background-size:cover;
}
.faq_type4 .faq_item_question .question_num {/*プレイに関してのご不安のとき*/
	background:url(../images/faq_q_bg4.png) center center no-repeat;
	background-size:cover;
}

.faq_item_question .question_num span {
	font-size:1.02em;
	position:absolute;
	bottom:0.86em;
	left:1.4em;
	color:#2d337a;
}
.faq_item_question .question_text {
	font-size:0.86em;
	background: linear-gradient(135deg,  #3e4596 11%,#2d337a 88%);
	border-radius:2.8em;
	box-shadow:0 0 1em rgba(138,205,255,0.3);
	padding:1.3em 2em 1.2em 3em;
	color:#fff;
}
/*===FAQこたえ===*/
.faq_item_answer {
	position:relative;
	background: linear-gradient(135deg,  #edf7ff 68%,#ffffff 100%);
	border-radius:1.5em;
	box-shadow:0 0 1em rgba(138,205,255,0.3);
	padding:1.6em 1em;
	color:#2d337a;
}
.faq_item_answer span {
	font-size:0.8em;
}


/*===FAQの個別画像===*/
.faq_type1_img_man {
	position:absolute;
	top:0;
	right:0;
	width:49.17%;
	z-index:-1:
}
.faq_type2_img_man {
	position:absolute;
	top:-3em;
	left:0;
	width:42.67%;
	z-index:-1:
}
.faq_type2_img_comic {/*女性イラスト*/
	position:absolute;
	top:1.1em;
	right:1%;
	width:16.7%;
}
.faq_type3_img_man {
	position:absolute;
	top:-1em;
	right:0;
	width:36.92%;
	z-index:-1:
}
.faq_type4_img_man {
	position:absolute;
	top:-1em;
	left:0;
	width:33.83%;
	z-index:-1:
}
.faq_type4_img_comic {/*女性イラスト*/
	position:absolute;
	top:-0.8em;
	right:1%;
	width:17.33%;
}





/********************************************************************
 *　//下部のお問い合わせ
********************************************************************/
.beginner_foot {

}

.beginner_foot_content {
	position:relative;
	background:url(../images/beginner_foot_lady_text.webp) center top no-repeat;
	background-size:100% auto;
	padding-top:42%;
	margin:0 4%;
}
.beginner_foot_inquiry {
	position:relative;
	background: linear-gradient(135deg,  #3e4596 11%,#2d337a 88%);
	border-radius:1.5em;
	padding:1.2em 0 1.2em 8%;
	margin-left:4%;
	margin-right:2%;
	color:#fff;
}
.beginner_foot_inquiry p {

}
.beginner_foot_inquiry .text {
	line-height:1.3;
	margin-bottom:0.5em;
}
.beginner_foot_inquiry .tel {
	font-size:1.5em;
	margin-bottom:0.5em;
	transition:.3s;
	transform-origin:30% 50%;
}
.beginner_foot_inquiry .tel:hover {
	transform:scale(1.1);
}
.beginner_foot_inquiry .tel a {
	color:#fff;
}
.beginner_foot_inquiry .open_time {

}
.beginner_foot_inquiry .line_btn {
	position:absolute;
	right:20%;
	top:26%;
	width:21%;
	margin:auto;
	z-index:2;
	transition:.3s;
}
.beginner_foot_inquiry .line_btn:hover {
	transform:scale(1.1);
}
.beginner_foot_inquiry .comic_img {
	position:absolute;
	right:1.2em;
	bottom:0;
	width:35%;
}