@charset "UTF-8";
/* CSS Document */

/*reset
------------------------------------------------------------------------------*/
body{
	font-size:16px;
	line-height:1.75em;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
}

img {
	border:0;
	vertical-align: bottom;
	max-width:100%;
}
*{
	box-sizing: border-box;
}
a{
	color: #000;
	text-decoration: none;
	display: inline-block;
}
/*------------------------------------------------------------------------------*/


/*background
------------------------------------------------------------------------------*/

body{
	font-family: "游ゴシック", "Yu Gothic", Yu Gothic, "游ゴシック体", "YuGothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	color: #1a1a1a!important;
}

/*PC・スマフォで非表示
------------------------------------------------------------------------------*/
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}



/*ここからcss設定
------------------------------------------------------------------------------*/
.inner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}
.inner2{
	width:100%;
	max-width:1500px;
	margin:0 auto;
}
.flex{
	display: flex;
}
a img{
	opacity: 1;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
a img:hover{
	opacity: 0.7;
}
.listnone{
	list-style: none;
}



/* -------------------- */
/* header
/* -------------------- */
.header {
	padding: 10px 50px;
}
.burger_btn {
	display: none;
}
.header.flex{
	align-items: center;
	justify-content: space-between;
}
.nav_list.flex{
	align-items: center;
}
.nav_item.tel a{
	color: #fd7142;
	font-size: 42px;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
}
.nav_item.tel{
	margin-right: 50px;
}
h1.site_title{
	margin-bottom:0;
}

/* -------------------- */
/* メインビジュアル
/* -------------------- */
.top_main_img{
	width:100%;
}
.top_main_img img{
	width:100%;
	height:auto;
}


/* -------------------- */
/* 共通CSS
/* -------------------- */
.section_wrap{
	padding: 100px 0;
}
.section_title{
	/* font-size: 45px; */
	font-size: 43px;
	line-height: 1.7em;
	position: relative;
	text-align: center;
	padding-bottom:1em;
	/* margin-bottom:1em; */
}
.section_subtitle{
	font-size: 33px;
	line-height: 1.7em;
	font-weight: bold;
}
.section_text{
	/* font-size: 28px; */
	font-size: 26px;
	line-height: 1.7em;
}
.marker_yellow{
	/* background-color:#fcee21; */
	background: linear-gradient(transparent 60%, #fcee21 40%);
}
.marker_yellow2{
	background-color:#fcee21;
}
.red{
	color:#ed1c24;
	font-weight: bold;
}
.yellow{
	color:#ffff00;
}
.orange{
	color:#fd7142;
}
.bold{
	font-weight: bold;
}
.back_orange{
	background-color: #f89201;
	padding: 0 10px;
}
.come{
	font-size: 22px;
	line-height: 1.2em;
}
.contact_section.section_wrap{
	padding:50px 0;
}


/* -------------------- */
/* お問い合わせバナー
/* -------------------- */
.top_contact_banner{
	margin-top: 70px;
	justify-content: center;
}
.contact_mail_banner{
	margin-right: 70px;
}
.top_line_banner a,
.top_line_banner img{
	width:100%;
}
.contact_section .inner{
	border: 5px solid #012b64;
	padding: 50px 100px;
}
.contact_section_head{
	width: 45%;
	max-width: 585px;
	margin: 0 auto;
}
.contact_section_btn_wrap{
	margin-top: 50px;
}
.contact_section_btn_con01{
	width: 50%;
	max-width: 650px;
	margin: 0 auto;
}
.contact_section_btn_con02{
	margin-top: 20px;
}


/* -------------------- */
/* 無料体験バナー
/* -------------------- */
.trial_banner{
	text-align: center;
	margin-top: 50px;
}



/* -------------------- */
/* どんなことをするのか～（sectionA）
/* -------------------- */
#sectionA.section_wrap{
	padding-bottom:0;
}
.contentA_01_img img{
	width:100%;
	height:auto;
}
.contentA_02_img{
	background:#F96B0B;
	background-image: linear-gradient(#fde055, #f96b0b);
	padding:0 0 15px;
	text-align: center;
}
.contentA_02_img img{
	width:100%;
	height:auto;
	max-width: 840px;
	margin: 0 auto;
	margin-top: -45px;
}



/* -------------------- */
/* 受験生の保護者様の～（sectionB）
/* -------------------- */
#sectionB{
	background-color: #f2f2f2;
}
#sectionB .section_head .section_title{
	line-height: 1.4;
	position: relative;
}
#sectionB .section_head .section_title:after{
	content:"";
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/title_line.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 65px;
	height:25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#sectionB .section_head .section_title span{
	font-size:80%;
}
#sectionB .sectionB_img01{
	width:100%;
	max-width: 750px;
	margin: 0 auto;
}
#sectionB .section_img img{
	width:100%;
}
.sectionB_text01 ul li span{
	background-color: #cccccc;
	padding: 0 4px;
}
#sectionB .section_text{
	padding: 0 30px;
	font-weight: bold;
}
.sectionB_text01{
	font-size: 27px;
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 120px;
}
#sectionB .sectionB_img02{
	width:100%;
	max-width: 1170px;
	margin: 0 auto;
	margin-top: -30px;
}


/* -------------------- */
/* 難関校の入試では～（sectionC）
/* -------------------- */
#sectionC{
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/contentC_back.png);
}
.sectionC_img01{
	text-align: center;
}
#sectionC .section_head .section_title span{
	color:#fff;
	background-color:#fe6a3b;
	padding-right: 15px;
}
.sectionC_text01{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 50px;
}
.sectionC_text01_in{
	position: relative;
	text-align: center;
	border: 5px solid #fe6a3b;
	border-radius: 20px;
	background-color: #fff;
	padding: 80px 20px 20px;
}
.sectionC_text01_in_head .section_title{
	width: 430px;
	font-size: 30px;
	line-height: 1.4;
	background-color: #fff;
	display: inline-block;
	padding: 10px 20px;
	position: absolute;
	top: -57px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sectionC_text01_in_head .section_title span{
	color: #fe6a3b;
}
.sectionC_text01_in_text{
	margin-top: 50px;
	font-weight: 500;
}
.sectionC_text01_in_text span{
	background-color: #cccccc;
	padding-left: 10px;
}
.sectionC_text02{
	margin-top: 30px;
	font-weight: 500;
	text-align: center;
	font-size: 1.5em;
}
.sectionC_img02{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
}


/* -------------------- */
/* 速読とは？（sectionD）
/* -------------------- */
#sectionD.section_wrap{
	padding:50px 0;
}
#sectionD{
	background-color: #f4f7e2;
	padding-bottom: 0;
}
#sectionD .section_head{
	text-align: center;
	max-width: 645px;
	margin: 0 auto;
}
.sectionD_text01,
.sectionD_text02{
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
}
.sectionD_text01 span{
	font-size: 1.4em;
	color: #fe6a3b;
}
.sectionD_img01{
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	margin-top: 40px;
}
.sectionD_text03{
	margin-top: 80px;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
}
.sectionD_text03 span{
	color:#fe6a3b;
	background: linear-gradient(transparent 60%, #ffff00 60%);
	padding-left: 15px;
}

/* -------------------- */
/* 難関校受験には～（sectionE）
/* -------------------- */
#sectionE{
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/contentC_back.png);
}
#sectionE .inner{
	max-width: 1100px;
	margin: 0 auto;
}
#sectionE .section_head .section_title{
	line-height: 1.4;
	position: relative;
}
#sectionE .section_head .section_title:after{
	content:"";
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/title_line.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 65px;
	height:25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sectionE_img01{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 50px;
}
.sectionE_text01{
	max-width: 1050px;
	margin: 0 auto;
	margin-top: 50px;
}
.sectionE_img02{
	max-width: 1050px;
	margin: 0 auto;
	margin-top: -50px;
}
.sectionE_text02{
	margin-top: 50px;
}
.sectionE_text02 span{
	color: #fe6a3b;
}
.sectionE_img03{
	margin-top: -50px;
}


/* -------------------- */
/* レイニーデイのご紹介（sectionF）
/* -------------------- */
#sectionF{
	background-color: #f4f7e2;
}
#sectionF .inner{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	border: 5px solid #2c9353;
	border-radius: 20px;
	padding: 50px 100px;
}
#sectionF .section_head .section_title{
	line-height: 1.4;
	position: relative;
}
#sectionF .section_head .section_title:after{
	content:"";
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/title_line.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 65px;
	height:25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sectionF_img01,
.sectionF_img02,
.sectionF_img03{
	text-align: center;
}
.sectionF_text02,
.sectionF_img03{
	margin-top: 50px;
}
.sectionF_text02 .orange{
	color:#fe6a3b;
}
.sectionF_text02 .green{
	color:#2a9357;
}


/* -------------------- */
/* 講師である司法書士の～（sectionG）
/* -------------------- */
#sectionG{
	padding: 60px 0 0;
}
#sectionG .section_head{
	background: #F96B0B;
	background-image: linear-gradient(#fde055, #f96b0b);
	padding: 0 0 15px;
	text-align: center;
}
#sectionG .section_head img{
	width: 100%;
	height: auto;
	max-width: 660px;
	margin: 0 auto;
	margin-top: -20px;
}
#sectionG .inner{
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 80px;
}
.sectionG_img01{
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}
.sectionG_img02{
	margin-top: 80px;
	background: #F96B0B;
	background-image: linear-gradient(#fde055, #f96b0b);
	padding: 15px 0;
	text-align: center;
}
.sectionG_img02 img{
	width: 100%;
	height: auto;
	max-width: 1120px;
	margin: 0 auto;
}
.sectionG_text01 span,
.sectionG_text02 span,
.sectionG_text03 span{
	color:#fe6a3b;
}


/* -------------------- */
/* 随時、速読の無料体験受付中です！（sectionH）
/* -------------------- */
#sectionH{
	background-color: #f4f7e2;
	padding: 50px 0 0;
}
#sectionH .inner{
	width: 100%;
	max-width: 778px;
	margin: 0 auto;
}
.sectionH_img01,
.sectionH_img02{
	text-align: center;
}


/* -------------------- */
/* よくある質問（section-QA）
/* -------------------- */
#section-QA{
	
}
#section-QA .inner{
	max-width:900px;
}
#section-QA .section_head{
	position: relative;
}
#section-QA .section_head:before{
	content: "";
	display: inline-block;
	width: 188px;
	height: 188px;
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/sectionQA_img01.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 50px;
}
#section-QA .section_head:after{
	content: "";
	display: inline-block;
	width: 188px;
	height: 188px;
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/sectionQA_img02.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 50px;
}
#section-QA .section_head .section_title{
	line-height: 1.4;
	position: relative;
}
#section-QA .section_head .section_title:after{
	content:"";
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/title_line.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 65px;
	height:25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#section-QA .section_head .section_title span{
	font-size:80%;
}
.QAlist{
	margin-top: 100px;
}
.Qa + .Qa{
	margin-top: 50px;
}
.Qa dt{
	font-size: 27px;
	background-color: #f4f7e2;
	padding: 5px 20px;
	margin-bottom: 20px;
}
.Qa dt p{
	margin: 0;
}
.Qa dd{
	font-size: 23px;
	padding: 0 20px;
}


/* -------------------- */
/* 料金体制（section-price）
/* -------------------- */
#section-price{
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/contentC_back.png);
}
#section-price .inner{
	width: 100%;
	max-width: 1000px;
}
#section-price .section_head .section_title{
	line-height: 1.4;
	position: relative;
}
#section-price .section_head .section_title:after{
	content:"";
	background-image: url(https://rainy-day.co.jp/lp/wp-content/uploads/2026/04/title_line.png);
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 65px;
	height:25px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.section-price_text01{
	margin-top: 50px;
}
.section-price_img01{
	text-align: center;
	margin-top: 50px;
}
.section-price_text02{
	margin-top: 50px;
}
.section-price_text03{
	display: flex;
	justify-content: center;
	gap: 50px;
}


/* -------------------- */
/* 体験談のご紹介（section-voice）
/* -------------------- */
#section-voice{
	background-color: #f4f7e2;
}
#section-voice .inner{
	max-width: 1100px;
}
.voice_wrap{
	margin-top: 100px;
}
.voice_con > .flex{
	align-items: center;
}
.voice_img_name,
.voice_title{
	width:50%;
}
.voice_img_name{
	text-align: center;
	gap: 20px;
}
.voice_img{
	width:270px;
	text-align: center;
}
.voice_name p{
	margin:0;
}
.voice_name01{
	font-size: 20px;
	border-bottom: 1px solid #333;
}
.voice_name02{
	font-size: 25px;
	padding-top: 5px;
}
.voice_title_h3{
	color: #fff;
	margin-bottom: 0;
}
.voice_title_h3 span{
	background-color: #2A9357;
	background-image: linear-gradient(#7bb748, #2a9357);
	padding: 5px 25px;
	display: inline-block;
}
.voice_title_h3 span + span{
	margin-top: 5px;
}
.voice_text{
	margin-top: 50px;
}
.voice_text span{
	color:#fe6a3b;
}
.voice_line{
	margin: 100px 0;
	text-align: center;
}


/* -------------------- */
/* お問い合わせフォーム（section-form）
/* -------------------- */
#section-form{
	padding-bottom: 150px;
}
#section-form .section_title{
	line-height: 1.3em;
}
#section-form .section_title span{
	font-size:0.7em;
}
#section-form .section_text{
	text-align: center;
}
.form_wrap{
	max-width:900px;
	margin:0 auto;
}


/* -------------------- */
/* フッター
/* -------------------- */
.footer{
	background-color: #7BB748;
	background-image: linear-gradient(90deg, #7bb748, #2a9357);
	padding: 30px;
	text-align: center;
}
.footer_nav .flex{
	justify-content: center;
}
.footer_nav ul li + li{
	margin-left: 20px;
}
.footer_copy{
	margin-top: 20px;
}
.footer_copy p{
	color:#fff;
}
.footer_nav ul li a{
	text-decoration: none;
	color:#fff!important;
}



/* -------------------- */
/* フォーム
/* -------------------- */
#wpforms-157{
	max-width: 870px;
    margin: 0 auto;
}
.wpforms-container .wpforms-required-label,
div.wpforms-container-full .wpforms-required-label{
  color: #f9f7e5;
}
.wpforms-container .wpforms-required-label:before{
  content:"必須";
  font-size: 0.8em;
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
  background-color: #d63637;
  color: #fff;
  padding: 0.1em 1em;
}

.wpforms-container .form_character{
  margin-top:50px; 
}

div.wpforms-container-full button[type=submit]{
  margin-top:20px !important;
  width: 100% !important;
  max-width: 450px !important;
  height: 80px !important;
  line-height: 80px !important;
  font-size: 24px !important;
  font-weight: bold !important;
  border-radius: 50px !important;
  padding: 0 2em !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul{
  gap:unset !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li{
  margin-top:15px !important;
  align-items: center !important;
  justify-content: center;
}
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li + li{
  margin-left: 15px;
}
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li:nth-child(5){
  margin-left:0;
}
.wpforms-container .wpforms-image-choices-item{
  text-align: center;
  border: 2px solid #FD7142;
  padding: 10px;
  width: calc(100% / 4 - 11.25px);
}
.wpforms-container .wpforms-image-choices-none .wpforms-image-choices-item img{
  height: auto;
  width: 65%;
}

.wpforms-container .wpforms-image-choices-image {
  order:1;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{
  margin-left: 0;
  order:2;
  display: block;
  font-size: 0.8vw;
  margin-bottom: 15px;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label input{
  display: inline-block;
  order:3;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label{
  padding:0;
  padding: 0 0 4px 0 !important;
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}

div.wpforms-container-full textarea{
  width:60% !important;
}
#wpforms-157-field_9-description{
	margin-top: 15px;
}
#wpforms-157-field_9-description a{
	color: #0071BC;
}






@media screen and (min-width: 1025px) and (max-width: 1399px) {
	
	.inner{
		max-width: unset;
		width: 85%;
	}
	.inner2{
		max-width: unset;
		width: 90%;
	}
	
	.nav_item.tel a{
		font-size: 2.5vw;
	}
	.nav_item.mail{
		width: 40%;
	}
	.nav_item.tel{
		margin-right: 5%;
		width: 45%;
		text-align: right;
	}
	.nav_item.tel img{
		width: 8%;
	}
	.nav_list.flex{
		justify-content: flex-end;
	}
	h1.site_title{
		width:25%;
	}
	
	#sectionD .section_footer{
		font-size: 3vw;
	}
	.section_text{
		font-size: 1.8vw;
	}
	
	.sectionC_footer_text{
		font-size: 3.2vw;
	}
	.sectionF_list ul{
		font-size: 1.8vw;
	}
	
	
	
}






@media screen and (max-width:1024px) {
	.pc_none {
		display: block;
	}
	.sp_none {
		display: none;
	}
	
	
	/* デフォルトのbuttonスタイルをリセット */
	button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: inherit;
		cursor: pointer;
		font: inherit;
		margin: 0;
		outline: none;
		padding: 0;
		vertical-align: middle;
	}
	.header{
		padding:0;
		z-index: 999;
		position: relative;
	}
	
	
	.burger_btn {
		display: block;
		height: 30px;
		position: relative;
		width: 45px;
		z-index: 3;
		/* codepenの挙動のため */
		background-color: transparent;
		border: none;
	}
	.bar {
		background-color: #fff;
		display: block;
		height: 3px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 45px;
	}
	.bar_top {
		top: 0;
	}
	.bar_mid {
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.bar_bottom {
		bottom: 0;
	}
	.burger_btn.close .bar_top {
		transform: translate(-50%,15px) rotate(37deg);
		transition: transform .3s;
	}
	.burger_btn.close .bar_mid {
		opacity: 0;
		transition: opacity .3s;
	}
	.burger_btn.close .bar_bottom {
		transform: translate(-50%,-12px) rotate(-37deg);
		transition: transform .3s;
	}
	.noscroll{
		overflow: hidden;
	}
	
	.nav_wrapper {
		visibility: hidden;
		height: calc(100vh - 85px);
		left: 0;
		position: fixed;
		top: 85px;
		width: 100vw;
		opacity: 0;
		transition: opacity .5s;
		z-index: 2;
	}
	
	.header_nav {
		background-color: #f4f7e2;
		height: 100%;
		width: 100%;
		z-index: 2;
		padding:100px 50px;
	}
	.nav_list {
		display: block;
		text-align: center;
		font-size: 3vw;
		font-weight: bold;
	}
	.nav_item {
		margin-bottom: 50px;
		margin-right: 0;
		font-size: 4.2vw;
	}
	
	.nav_wrapper.fade {
		opacity: 1;
		visibility: visible;
	}
	
	
	.site_title{
		width:50%;
		padding: 0 15px;
	}
	
	.header_mail_sp,
	.header_menu_sp{
		width: 85px;
		height: 85px;
		text-align: center;
	}
	.header_mail_sp{
		background-color: #99dd52;
	}
	.header_mail_sp a{
		display: block;
		color:#fff;
		padding: 13px 10px;
		text-decoration: none;
	}
	.sp_mail_icon{
		display: block;
		width: 50px;
		margin: 0 auto;
	}
	.sp_mail_text,
	.sp_menu_text{
		display: block;
		font-size: 15px;
		line-height: 1em;
		margin-top: 10px;
	}
	
	
	.header_menu_sp{
		background-color: #2c9353;
		color:#fff;
		position: relative;
	}
	.header_menu_sp_in{
		width: 100%;
		padding: 13px 10px;
		/* position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%); */
	}
	.burger_btn{
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	
	.nav_item.tel{
		margin-right:0;
	}
	.nav_item a{
		text-decoration: none;
	}
	
	
	
	.inner,
	.inner2{
		width:93%;
	}
	
	.section_wrap{
		padding:10% 0;
	}
	.top_contact_banner.flex{
		flex-direction: column;
	}
	.top_contact_banner{
		margin-top:0;
	}
	.contact_mail_banner{
		margin-right:0;
		margin-bottom:4%;
		margin-top: 4%;
	}
	.top_line_banner a,
	.top_line_banner img,
	.contact_mail_banner a,
	.contact_mail_banner img,
	.contact_tel_banner a,
	.contact_tel_banner img{
		width:100%;
	}
	.contact_section_btn_left,
	.contact_section_btn_right{
		text-align: center;
	}
	.contact_section_head,
	.contact_section_btn_con01{
		width: 100%;
		padding: 0 3vw;
	}
	.contact_section_btn_wrap{
		margin-top: 5vw;
	}
	.contact_section_btn_con02{
		padding: 0 1vw;
	}
	.contact_section_btn_con02.flex{
		flex-direction: column;
		margin-top: 3vw;
	}
	.contact_section .inner{
		padding: 3vw 0;
	}
	
	.section_title{
		font-size: 5.5vw;
		margin-bottom: 0;
	}
	.section_text{
		font-size: 3.8vw;
	}
	
	.section_title:after{
		width:100px;
	}
	
	
	.trial_banner{
		margin-top: 20px;
	}
	
	#sectionA.section_wrap{
		padding: 0;
	}
	.contentA_01_img{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
	.contentA_02_img{
		margin-top: 4vw;
		padding-bottom: 2vw;
	}
	.contentA_02_img .inner{
		width:100%;
	}
	.contentA_02_img img{
		padding:0 1%;
		margin-top: -4vw;
	}
	
	#sectionB .section_head .section_title:after,
	#sectionE .section_head .section_title:after,
	#sectionF .section_head .section_title:after,
	#section-QA .section_head .section_title:after,
	#section-price .section_head .section_title:after{
		width: 8.67vw;
		height: 3.33vw;
	}
	#sectionB .sectionB_img01{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top: 6.67vw;
	}
	#sectionB .section_text{
		padding:0;
		padding-left: 5vw;
		font-size: 4.4vw;
	}
	.sectionB_text01{
		padding: 0;
		gap: 0;
		flex-direction: column;
	}
	.sectionB_text01 ul{
		margin-bottom: 0;
	}
	.sectionB_text01 ul:first-child li:last-child{
		margin-bottom: 0;
	}
	#sectionB .sectionB_img02{
		margin-top: 6.67vw;
	}
	
	.sectionC_img01{
		width: 26.67vw;
		margin: 0 auto;
	}
	#sectionC .section_head .section_title{
		font-size: 6.67vw;
	}
	.sectionC_text01_in_head .section_title{
		font-size: 4vw;
		width: 57.33vw;
		top: -9vw;
	}
	.sectionC_text01_in{
		padding: 10.67vw 4vw 6.67vw;
	}
	.section_text.sectionC_text01_in_text{
		font-size: 4vw;
	}
	.sectionC_text01_in_text{
		margin-top: 6.67vw;
		text-align: left;
		padding: 0 9.33vw;
	}
	.sectionC_text01_in_text p{
		margin: 0;
	}
	.sectionC_text02{
		width: 37.33vw;
		margin: 0 auto;
		margin-top: 6.67vw;
	}
	.sectionC_text02 p{
		margin: 0;
	}
	.sectionC_img02{
		margin-top:2vw;
	}
	
	.sectionD_text01{
		margin-top: 6.67vw;
	}
	.sectionD_text02{
		margin-top: 1em;
	}
	.sectionD_text01,
	.sectionD_text02{
		padding:0 3vw;
	}
	.sectionD_text01 span{
		font-size:unset;
	}
	.sectionD_img01{
		margin-top: 6.67vw;
		padding: 0 3vw;
	}
	.sectionD_text03{
		margin-top: 6.67vw;
	}
	.section_text.sectionD_text03{
		font-size: 6vw;
	}
	.sectionD_text03 span{
		font-size: 120%;
	}
	
	#sectionE .sectionE_img01{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top: 6.67vw;
	}
	.sectionE_img02{
		margin-top: -2.67vw;
	}
	.sectionE_text01{
		margin-top: 6.67vw;
	}
	.sectionE_text02{
		margin-top: -5.33vw;
	}
	.sectionE_text02{
		margin-top: 6.67vw;
	}
	.sectionE_img03{
		margin-top: -2.67vw;
	}
	
	#sectionF .inner{
		width:93%;
		padding: 4vw 4vw 6vw;
	}
	.sectionF_img01{
		width: 37.33vw;
		margin: 0 auto;
	}
	.sectionF_text01{
		margin-top: 6.67vw;
	}
	.sectionF_img02{
		width: 36vw;
		margin: 0 auto;
	}
	.sectionF_text02{
		margin-top: 6.67vw;
	}
	.sectionF_img03{
		margin-top: 4vw;
	}
	#sectionG .section_head img{
		width:93%;
	}
	#sectionG{
		padding: 6.67vw 0 0;
	}
	#sectionG .section_head{
		padding:0;
	}
	#sectionG .inner{
		margin-top: 6.67vw;
	}
	.sectionG_text01,
	.sectionG_text02,
	.sectionG_text03{
		padding:0 3vw;
	}
	.sectionG_img01{
		width: 90%;
	}
	.sectionG_img02{
		margin-top: 6.67vw;
		padding: 1.33vw 0;
	}
	.sectionG_img02 img{
		width:93%;
	}
	
	#sectionH .inner{
		width:93%;
	}
	.sectionH_img02{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
	
	#section-QA .section_head:before,
	#section-QA .section_head:after{
		width: 25.07vw;
		height: 25.07vw;
	}
	#section-QA .section_head:before{
		left:0;
	}
	#section-QA .section_head:after{
		right:0;
	}
	.QAlist{
		margin-top: 10.67vw;
	}
	.Qa dt{
		font-size: 4.27vw;
		padding: 2vw 3vw;
		margin-bottom: 3vw;
	}
	.Qa dd{
		font-size: 4vw;
		padding:0 3vw;
	}
	.Qa + .Qa{
		margin-top: 8vw;
	}
	
	#section-price .inner{
		width:93%;
	}
	.section-price_text01{
		padding:0 3vw;
	}
	.section-price_img01{
		width: 82vw;
		margin: 0 auto;
		margin-top: 6.67vw;
	}
	.section-price_text02{
		padding:0 3vw;
		margin-top: 6.67vw;
	}
	.section-price_text03{
		gap:20px;
	}
	
	.voice_wrap{
		 margin-top: 6.67vw;
	}
	.voice_con > .flex{
		flex-direction: column;
	}
	.voice_img_name,
	.voice_title{
		width:100%;
	}
	.voice_img{
		width: 34.67vw;
	}
	.voice_img_name{
		gap: 5px;
	}
	.voice_name{
		text-align: left;
		width: calc(100% - 34.67vw);
	}
	.voice_name01{
		font-size: 2.67vw;
		display: inline-block;
	}
	.voice_name02{
		font-size: 3.8vw;
	}
	.voice_name02 br{
		display: none;
	}
	.voice_title{
		margin: 0 calc(50% - 50vw);
		width:100vw;
		margin-top: 4vw;
	}
	.voice_text{
		margin-top: 6.67vw;
		padding: 0 3vw;
	}
	.voice_line{
		width: 8.67vw;
		margin: 13.33vw auto;
	}
	
	
	
	#section-form{
		margin-top: 10%;
		padding-bottom: 5%;
	}
	.wpforms-container .wpforms-image-choices-item{
    	width: calc(100% / 2 - 10px);
  	}
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li,
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li + li{
		margin:0;
		margin-top:20px;
	}
	div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li:nth-child(even){
		margin-left:20px;
	}
	div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label{
		font-size: 3.2vw !important;
	}
	div.wpforms-container-full button[type=submit]{
		max-width: unset;
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	div.wpforms-container-full textarea{
		width:100% !important;
	}
	
	
	.footer_nav .flex{
		flex-direction: column;
	}
	.footer_nav ul li + li{
		margin-left: 0;
		margin-top: 5%;
	}
	
	
}



@media screen and (max-width:599px) {
	
	.header_mail_sp,
	.header_menu_sp{
		width: 65px;
		height: 65px;
	}
	.sp_mail_icon{
		width: 30px;
	}
	.sp_mail_text,
	.sp_menu_text{
		font-size: 2.5vw;
	}
	.burger_btn{
		height: 18px;
		width: 30px;
	}
	.bar{
		width: 30px;
	}
	.header_mail_sp a{
		padding: 13px 0;
		text-decoration: none;
	}
	.header_menu_sp_in{
		padding: 13px 0;
	}
	.burger_btn.close .bar_top{
		transform: translate(-50%,10px) rotate(37deg);
	}
	.burger_btn.close .bar_bottom{
		transform: translate(-50%,-6px) rotate(-37deg);
	}
	.nav_wrapper{
		height: calc(100vh - 65px);
		top:65px;
	}
	
	.section_title{
		font-size: 6vw;
	}
	.section_text{
		font-size: 4.2vw;
	}
	.voice_name01{
		font-size: 3.4vw;
	}
	.sectionC_text01_in_head .section_title{
		font-size: 4.2vw;
		width: 63.33vw;
	}
	.section_text.sectionC_text01_in_text{
		font-size: 4.2vw;
	}
	.voice_title_h3 span{
		padding: 5px 10px 5px 23px;
	}
	
}