@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;
}

/*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;
}



/* -------------------- */
/* お問い合わせバナー
/* -------------------- */
.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;
}



/* -------------------- */
/* 資料ダウンロード
/* -------------------- */
.download_section.section_wrap{
	padding:0;
}
.download_section .inner{
	width:650px;
	margin:0 auto;
}
.download_section_btn{
	margin-top: 20px;
}





/* -------------------- */
/* その制作会社や広告代理店に～（sectionA）
/* -------------------- */
#sectionA.section_wrap{
	padding: 25px 0;
	background-color: #ff6434;
}
#sectionA .section_title{
	padding:0;
	color: #fff;
}
#sectionA .section_title span.yellow{
	font-size: 1.2em;
}



/* -------------------- */
/* 本当に士業専門なのは～（sectionB）
/* -------------------- */
#sectionB{
	background-image: url(https://grace-leaf.co.jp/lp/wp-content/uploads/2025/10/contentB_back.png);
}
#sectionB.section_wrap{
	padding: 30px 0;
}
#sectionB .section_img{
	width:100%;
	max-width: 730px;
	margin: 0 auto;
}
#sectionB .section_img img{
	width:100%;
}
#sectionB .section_text{
	padding: 0 30px;
}


/* -------------------- */
/* 以前とは違って最近では～（sectionC）
/* -------------------- */
#sectionC.section_wrap{
	padding-bottom:0;
}
#sectionC .inner{
	max-width: 750px;
}
#sectionC .subtitle_wrap{
	text-align: center;
	font-size: 43px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}
#sectionC .subtitle_wrap .subtitle{
	font-size: 0.8em;
	margin-bottom: 20px;
}
#sectionC .nakaten{
	font-size: 0.6em;
	line-height: 0.5em;
}
#sectionC .section_text{
	margin-top: 1.7em;
}
.sectionC_img01{
	margin-top: 50px;
	padding-bottom:50px;
	text-align: center;
}
.sectionC_img02{
	margin-top: 1.7em;
	text-align: center;
}
.sectionC_img01 img,
.sectionC_img02 img{
	margin: 0 auto;
}
.sectionC_footer{
	margin-top: 70px;
	background-color: #f89201;
	padding: 10px 0;
}


/* -------------------- */
/* リスティング広告で成果がでない？（sectionD）
/* -------------------- */
#sectionD.section_wrap{
	padding:50px 0;
}
#sectionD{
	background-color: #185a86;
	color: #fff;
	padding-bottom: 0;
}
#sectionD .inner{
	max-width: 920px;
}
#sectionD .section_title:after{
	background-color:#fff;
}
#sectionD .section_subtitle{
	text-align: center;
	margin-top: 30px;
}
.sectionD_img01,
.sectionD_img02{
	text-align: center;
	margin-top: 50px;
}
#sectionD .section_subtitle p + p{
	margin-top: 1em;
}
#sectionD .section_text{
	margin-top: 100px;
	padding-bottom: 50px;
}
#sectionD .section_subtitle_img{
	position: relative;
	display: inline-block;
}
#sectionD .section_subtitle_img p{
	padding-right: 120px;
	padding-top: 35px;
	padding-bottom: 20px;
	border-bottom: 2px solid #fff;
}
#sectionD .section_img_character{
	position: absolute;
	top: 0;
	right: 0;
}
#sectionD .section_footer{
	font-size: 43px;
	line-height: 1.7em;
	font-weight: bold;
	text-align: center;
}



/* -------------------- */
/* 開業1年目の売り上げを～（sectionD）
/* -------------------- */
#sectionE{
	background-color: #fff7ef;
}
#sectionE .sectionE_img01{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
}
#sectionE .sectionE_img01 img{
	width:100%;
	height:auto;
}
#sectionE .come{
	text-align: right;
	margin-top: 50px;
}
#sectionE .section_subtitle{
	text-align: center;
	margin-top: 50px;
}
#sectionE .come{
	font-size: 18px;
}



/* -------------------- */
/* 士業の先生のネット集客の～（sectionF）
/* -------------------- */
#sectionF .section_subtitle{
	text-align: center;
	margin-top:100px;
}
.sectionF_tag{
	margin-top: 20px;
}
.sectionF_tag_span{
	background-color: #f89201;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}
.sectionF_tag_span + .sectionF_tag_span{
	margin-left: 20px;
}
.sectionF_list_wrap{
	width: 65%;
	min-width: 830px;
	margin:0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
.sectionF_list{
	width: 50%;
	margin: 0 auto;
	margin-top: 30px;
}
.sectionF_list ul{
	font-size: 26px;
	line-height: 1.7em;
}
.sectionF_list li{
	position: relative;
}
.sectionF_list li + li{
	margin-top: 5px;
}
.sectionF_list li:before{
	content:"";
	display: inline-block;
	width: 28px;
	height: 28px;
	background-image: url(../img/list_check_icon.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}
.sectionF_list li p{
	display: inline-block;
}
#sectionF .section_text{
	width:85%;
	margin:0 auto;
}
.sectionF_img01{
	width:85%;
	margin:0 auto;
	margin-top: 50px;
}




/* -------------------- */
/* よくある質問（section-QA）
/* -------------------- */
#section-QA{
	
}
#section-QA .inner{
	max-width:1000px;
}
#section-QA .section_title{
	padding-bottom: 0.8em;
}
#section-QA .section_title:after{
	content:"";
	display: inline-block;
	width:140px;
	height:3px;
	background: #f15a24;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.Qa-Box{
	font-size: 26px;
	line-height: 1.7em;
}
.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
	position: relative;
}
.Qa-Box .Qa dt p {
	margin: 0;
	font-weight: bold;
	width: 100%;
	padding-left: 62px;
	padding-top: 4px;
}
.Qa-Box .Qa dd p {
	margin: 0;
	width: 100%;
	padding-left: 62px;
	padding-top: 4px;
}
.Qa-Box .Qa dt::before {
	content: "Q";
	display: inline-block;
	background: #f15a24;
	color: #fff;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	font-weight: bold;
	border: 2px solid #f15a24;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.Qa-Box .Qa dd::before {
	content: "A";
	display: inline-block;
	color: #f15a24;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	font-weight: bold;
	border: 2px solid #f15a24;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.Qa-Box .orange{
	font-weight: bold;
	color: #f15a24;
}
.Qa-Box .Qa dd{
	margin-top: 50px;
}
.Qa{
	margin-top: 100px;
	padding-bottom: 100px;
	border-bottom: 1px solid #999
}
.Qa:last-child{
	border-bottom:none;
	padding-bottom: 0;
}



/* -------------------- */
/* お客様の声（sectionG）
/* -------------------- */
#sectionG{
	background-color: #fff7ef;
}
#sectionG .inner{
	max-width: 1000px;
}
#sectionG .section_title{
	padding-bottom: 0.8em;
}
#sectionG .section_title:after{
	content:"";
	display: inline-block;
	width:140px;
	height:3px;
	background: #f15a24;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.voice_title{
	font-size: 35px;
	line-height: 1.4em;
	color: #f15a24;
	padding:20px 10px;
	position: relative;
}
.voice_name{
	font-size: 22px;
	line-height: 1.7em;
	padding: 10px;
}
.voice_title:after{
	content:"";
	display: inline-block;
	width: 550px;
	height: 2px;
	background: #f15a24;
	position: absolute;
	left: -60px;
	bottom: 0;
	z-index: 1;
}
.voice_img{
	width: 250px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.voice_text{
	margin-top:50px;
}
.voice_con{
	margin-top:100px;
	position: relative;
}
.voice_con + .voice_con{
	margin-top:100px;
	padding-top:100px;
}
.voice_con .flex{
	align-items: center;
	justify-content: center;
}
.voice_con:before{
	content:"";
	display: inline-block;
	width: 131px;
	height: 34px;
	background-image: url(../img/contentG_line_pc.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.voice_con:first-child:before{
	display: none;
}


/* -------------------- */
/* sectionH（当社は、士業と医療業界に特化した～）
/* -------------------- */
#sectionH{
	margin-top: 100px;
	background-color: #fff7ef;
}
#sectionH .inner{
	position: relative;
}
#sectionH .inner:before{
	content:"";
	display: inline-block;
	background-image:url(https://grace-leaf.co.jp/lp/wp-content/uploads/2025/10/contentH_02.png);
	width: 142px;
	height: 142px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.sectionH_img01{
	text-align: center;
}
#sectionH .section_text{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.sectionH_text01{
	margin-top: 50px;
}
.sectionH_text02{
	margin-top: 30px;
}


/* -------------------- */
/* sectionI（ご紹介）
/* -------------------- */
#sectionI.section_wrap{
	padding-top: 0;
}
#sectionI .section_head{
	text-align: center;
	position: relative;
}
#sectionI .section_head:after{
	content:"";
	display: inline-block;
	background-color: #ff6434;
	width:100%;
	height:96%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#sectionI .section_head img{
	margin-top: -7px;
}
#sectionI .inner{
	max-width:900px;
	padding:50px 0 0;
}
#sectionI .section_text{
	font-size: 28px;
}
.sectionI_text02{
	margin-top: 30px;
}
.sectionI_img01{
	margin-top: 50px;
	text-align: center;
}
.sectionI_text03{
	margin-top: 50px;
	padding: 40px 60px;
	border: 5px solid #fbb03b;
}


/* -------------------- */
/* sectionJ（確かな理由があります）
/* -------------------- */
#sectionJ.section_wrap{
	padding-top: 0;
}
#sectionJ .inner{
	margin-top: 30px;
	max-width: 900px;
}
.sectionJ_text01,
.sectionJ_img01,
.sectionJ_img02{
	text-align: center;
}
.sectionJ_img02{
	margin-top: 50px;
}
.sectionJ_img01,
.sectionJ_text02,
.sectionJ_text03{
	margin-top: 50px;
}
.sectionJ_text02{
	text-align: center;
	font-size: 32px;
}
.sectionJ_text02 span{
	font-size: 43px;
}


/* -------------------- */
/* sectionK（同じクオリティなら～）
/* -------------------- */
#sectionK{
	background-color: #fff7ef;
}
#sectionK.section_wrap{
	padding-top:0;
}
.sectionK_img01 img{
	width:100%;
}
#sectionK .inner{
	max-width: 1000px;
	margin-top: 50px;
}
.sectionK_text01,
.sectionK_text02,
.sectionK_text03,
.sectionK_text04{
	padding: 0 50px;
}
.sectionK_text02,
.sectionK_text03,
.sectionK_text04{
	margin-top: 50px;
}
.sectionK_img02{
	text-align: center;
	margin-top: 50px;
}
.sectionK_text03{
	text-align: center;
	font-size: 42px;
	line-height: 1.3;
	font-weight: bold;
	color:#ff6434;
}
.sectionK_img03{
	margin-top: -50px;
}


/* -------------------- */
/* sectionL（ネット集客成功までの作業の流れ）
/* -------------------- */
#sectionL{
	background-image: url(https://grace-leaf.co.jp/lp/wp-content/uploads/2025/10/contentL_back.png);
}

.sectionL_img01{
	text-align: center;
}
.sectionL_img02{
	width:760px;
	margin:0 auto;
	margin-top: 50px;
}
.sectionL_img03{
	width:760px;
	margin:0 auto;
	margin-top: 20px;
}







/* -------------------- */
/* お問い合わせフォーム（section-form）
/* -------------------- */
#section-form{
	margin-top: 100px;
	background-color: #fff7ef;
	padding-bottom: 150px;
}
#section-form .section_title{
	line-height: 1.3em;
	color:#fd7142;
}
#section-form .section_title span{
	font-size:0.7em;
	color: #1a1a1a;
}
#section-form .section_text{
	text-align: center;
}



/* -------------------- */
/* フッター
/* -------------------- */
.footer{
	background-color: #f8a318;
	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_nav ul li a{
	text-decoration: none;
}



/* -------------------- */
/* フォーム
/* -------------------- */
#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: #fff7ef;
		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: #ddcc4b;
	}
	.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: #f7a108;
		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;
	}
	.download_section .inner{
		width:93%;
	}
	.download_section_btn{
		margin-top: 2vw;
	}
	.download_section_btn a{
		display: block;
	}
	.download_section_head img,
	.download_section_btn img{
		width:100%;
	}
	.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;
	}
	
	
	#sectionA.section_wrap{
		padding: 3% 0;
	}
	#sectionA .section_title{
		font-size: 4.8vw;
		margin-bottom:0;
	}
	
	#sectionB .inner{
		width:98%;
	}
	#sectionB.section_wrap{
		padding:2% 0;
	}
	
	#sectionH{
		margin-top: 10%;
		padding-bottom: 3%;
	}
	#sectionH .inner{
		padding-bottom: 16%;
	}
	#sectionH .inner:before{
		width: 24vw;
		height: 24vw;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#sectionH .section_text{
		text-align: left;
		font-size: 4.8vw;
	}
	.sectionH_text01,
	.sectionH_text02{
		margin-top: 3%;
	}
	
	
	#sectionI .section_head{
		padding:0 3%;
	}
	#sectionI .inner{
		padding: 5% 0;
	}
	#sectionI .section_text{
		font-size: 4.5vw;
	}
	.sectionI_text02 {
		margin-top: 5%;
	}
	.sectionI_img01{
		margin-top: 5%;
	}
	.sectionI_text03{
		margin-top: 10%;
		padding:5%;
	}
	
	
	.sectionJ_img01{
		margin-top: 0;
	}
	.sectionJ_img01 img{
		width:100%;
	}
	.sectionJ_text02,
	.sectionJ_text03,
	.sectionJ_img02{
		margin-top: 5%;
	}
	#sectionJ .inner{
		margin-top: 5%;
	}
	#sectionJ .inner .sectionJ_img01{
		width: 55%;
		margin: 0 auto;
		margin-top: 5%;
	}
	.sectionJ_text02 span{
		font-size: 5.5vw;
	}
	
	
	#sectionK .inner{
		margin-top:5%;
	}
	.sectionK_text01,
	.sectionK_text02,
	.sectionK_text03,
	.sectionK_text04{
		padding:0;
	}
	.sectionK_text02,
	.sectionK_text03,
	.sectionK_text04{
		margin-top:5%;
	}
	.sectionK_text03{
		font-size: 5.2vw;
	}
	.sectionK_img03{
		margin-top: -7%;
	}
	.sectionK_img03 img{
		width: 100%;
	}
	.sectionK_img02{
		margin-top: 5%;
	}
	
	
	#sectionL{
		padding-bottom:0;
		overflow: hidden;
	}
	.sectionL_img01 img{
		width:102%;
		max-width: 102%;
	}
	.sectionL_img02{
		width: 100%;
		margin-top: 5%;
	}
	.sectionL_img02 img{
		max-width: 106%;
		width: 106%;
		margin-left: -6%;
	}
	.sectionL_img03{
		width: 100%;
		margin-top: 0;
	}
	.sectionL_img03 img{
		max-width: 110%;
		width: 110%;
		margin-left: -6%;
	}
	
	
	
	
	#sectionC .section_text{
		margin-top: 5%;
	}
	#sectionC .subtitle_wrap{
		font-size: 5.5vw;
	}
	.sectionC_img01{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		padding-bottom:0;
	}
	.sectionC_footer{
		margin-top:10%;
		padding: 3% 0;
	}
	.sectionC_footer_text{
		font-size: 6vw;
		width: 70%;
	}
	.sectionC_footer_img{
		width: 25%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	.sectionC_footer_img{
		width: 103%;
		margin-left: 0;
		margin-right: 0;
	}
	
	
	.sectionD_img01,
	.sectionD_img02{
		margin-top: 0;
	}
	.section_subtitle{
		font-size: 4.5vw;
	}
	#sectionD .section_subtitle{
		margin-top: 5%;
	}
	.sectionD_img01{
		margin-top: 5%;
	}
	#sectionD .section_img_character{
		width: 15%;
	}
	#sectionD .section_subtitle_img{
		width: 96%;
	}
	#sectionD .section_subtitle_img p{
		padding-right: 13%;
		padding-top: 2%;
		padding-bottom:4%;
	}
	#sectionD .section_text{
		margin-top: 5%;
		padding: 0 5% 5% 5%;
	}
	#sectionD .section_footer{
		font-size: 5.5vw;
	}
	
	
	#sectionE .sectionE_img01{
		width:100%;
		margin-top: 0;
	}
	#sectionE .come{
		font-size: 2.5vw;
		margin-top: 3%;
	}
	#sectionE .section_subtitle{
		margin-top: 10%;
		font-size: 5.5vw;
	}
	
	
	#sectionF.section_wrap{
		padding-bottom:0;
	}
	#sectionF .section_subtitle{
		margin-top: 10%;
	}
	.sectionF_tag_span{
		border-radius:0;
	}
	.sectionF_list_wrap{
		min-width:unset;
		width: 100%;
		margin-top: 10%;
		margin-bottom: 10%;
	}
	#sectionF .section_text{
		width: 100%;
	}
	#sectionF .section_text p + p{
		margin-top: 10%;
	}
	.sectionF_list{
		width: 100%;
		margin-top:2%;
		padding-left:1em;
	}
	.sectionF_list ul{
		font-size: 3.8vw;
	}
	.sectionF_list li:before{
		width: 23px;
		height: 23px;
	}
	.sectionF_img01{
		width: 100%;
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-top:10%;
	}
	.sectionF_img01 img{
		width:100%;
	}
	
	
	.Qa{
		margin-top:10%;
		padding-bottom: 10%;
	}
	.Qa-Box{
		font-size: 3.8vw;
	}
	.Qa-Box .Qa dt::before,
	.Qa-Box .Qa dd::before{
		font-size: 4.5vw;
		width: 9%;
		height: unset;
		padding: 1% 0;
	}
	.Qa-Box .Qa dd{
		margin-top: 5%;
	}
	.Qa-Box .Qa dt p,
	.Qa-Box .Qa dd p{
		padding-top: 0;
		padding-left:12%;
	}
	
	
	.voice_con{
		margin-top:10%;
	}
	.voice_img{
		width:25%;
	}
	.voice_title_name{
		width: 72%;
		margin-left: 3%;
	}
	.voice_title{
		font-size: 4.5vw;
		line-height: 1.4em;
	}
	.voice_title:after{
		width:110%;
		left: -10%;
	}
	.voice_name{
		font-size: 3vw;
	}
	.voice_text{
		margin-top:3%;
	}
	.voice_con:before{
		width: 100px;
		height: 26px;
	}
	.voice_con + .voice_con{
		margin-top:10%;
		padding-top:15%;
	}
	
	
	#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,
	#sectionC .subtitle_wrap{
		font-size: 5.8vw;
	}
	.section_text,
	.sectionF_list ul,
	.Qa-Box{
		font-size: 4.5vw;
	}
	.voice_name{
		font-size: 3.8vw;
	}
	
	#sectionB .section_text br{
		display: none;
	}
	
	.sectionF_tag_span{
		padding:5px 10px;
	}
	.sectionF_tag_span + .sectionF_tag_span{
		margin-left:2%;
	}
	
	.Qa-Box .Qa dt::before,
	.Qa-Box .Qa dd::before{
		width:10%;
	}
	.Qa-Box .Qa dt p,
	.Qa-Box .Qa dd p{
		padding-left:15%;
	}
	
	#sectionH .section_title{
		font-size: 5.4vw;
	}
	.sectionK_text03{
		font-size: 6.4vw;
	}
	.sectionK_img03{
		margin-top: 3%;
	}
	
	
	
}