@charset "utf-8";
	/*
	Theme Name: portals_responsive
	Author: portals
	*/
	/*==================================
	* reset
	* html5doctor.com Reset Stylesheet
	* v1.6.1
	* Last Updated: 2010-09-17
	* Author: Richard Clark - http://richclarkdesign.com
	* Twitter: @rich_clark
	==================================*/
	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	abbr,
	address,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	samp,
	small,
	strong,
	sub,
	sup,
	var,
	b,
	i,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}
	ol,
	ul {
		list-style: none;
	}
	img {
		vertical-align: top;
		font-size: 0;
		line-height: 0;
	}
	blockquote,
	q {
		quotes: none;
	}
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}
	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	/* change colors to suit your needs */
	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
	}
	/* change colors to suit your needs */
	mark {
		background-color: #ff9;
		color: #000;
		font-weight: bold;
	}
	em {
		font-style: normal!important;
	}
	del {
		text-decoration: line-through;
	}
	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	/* change border color to suit your needs */
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
	}
	input,
	select {
		vertical-align: middle;
	}
	address {
		font-style: normal;
	}
	/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	/*==================================
	WordPress Natie Styles
	editor
	==================================*/
	img.wp-smiley,
	img.emoji {
		height: 2% !important;
		width: 2% !important;
	}
	.post p {
		display: block;
		margin: 1em;
	}
	.post strong {
		font-weight: bold;
	}
	.post em {
		font-style: oblique;
	}
	.post blockquote {
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 40px;
		-webkit-margin-end: 40px;
	}
	.post ul {
		list-style: disc;
		margin: 0 3em 1em;
	}
	.post ol {
		list-style: decimal;
		margin: 0 3em 1em;
	}
	/* img */
	.aligncenter {
		display: block;
		margin: 0 auto 8px;
	}
	img[class*="wp-image-"],
	img[class*="attachment-"] {
		height: auto;
		max-width: 100%;
	}
	/*==================================
	SP_base
	==================================*/
	.clear {
		clear: both;
	}
	.right {
		text-align: right;
	}
	.left {
		text-align: left;
	}
	.center {
		text-align: center;
		margin-bottom: 16px;
	}
	.img_left,
	.img_right {
		margin: 0 auto 0.5em;
	}
	.img_center {
		display: block;
		margin: 0 auto 16px;
	}
	.only_pc {
		display: none;
	}
	img {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	a{
		color: #83a139;
	}
	/* a:visited {
		color: #fcafa7;
	} */
	a:hover {
		color: #baea83;
	}
	/* a:active {
		color: #baea83;
	} */
	body {
		overflow-x: hidden;
		background: #fff;
		color: #231815;
		font-size: 15px;
		line-height: 1.5;
		font-family: "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
			Meiryo, Osaka, sans-serif;
	}
	/*==================================
	SP_layout
	==================================*/
	#main {
		margin: 0 auto;
		width: 100%;
		max-width: 640px;
	}
	#main {
		overflow: hidden;
	}
	.conts {
		margin: 0 12px 16px;
	}
	.conts:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: "";
		clear: both;
		height: 0;
	}
	.conts .conts_inner {
		overflow: hidden;
	}
	.conts p:not([class]) {
		margin-bottom: 8px;
	}
	.ttl {
		margin: 0 4px 32px;
		text-align: center;
	}
	.bnr {
		margin: 0 4px 16px;
	}
	a:active img {
		-webkit-opacity: 0.7;
		opacity: 0.7;
	}
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	/*==================================
	SP_heading
	==================================*/
	.h_style01 {
		clear: both;
		margin: 24px 12px 16px 8px;
		padding: 8px;
		background: #f7f096;
		border: 2px solid #63af0b;
		box-shadow: 5px 5px 0 #63af0b;
		font-size: 20px;
	}
	.h_style01 a {
		color: inherit;
	}
	.h_style02,
	.post h3:not([class]),
	.block_wrapper h2:not(.nostyle) {
		clear: both;
		margin: 24px auto 16px;
		padding: 8px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background: #63af0b;
	}
	.h_style03,
	.post h4,
	.block_wrapper h3:not(.nostyle) {
		clear: both;
		margin: 32px 4px 24px;
		padding: 0 8px;
		font-size: 18px;
		border-left: solid 8px #ffba00;
		border-bottom: dotted 2px #cfcfc7;
	}
	.h_style04,
	.post h5,
	.block_wrapper h4:not(.nostyle) {
		clear: both;
		position: relative;
		overflow: hidden;
		margin: 24px 0 16px;
		padding: 0 8px 2px 32px;
		font-weight: bold;
		border-bottom: dotted 2px #cfcfc7;
		font-size: 16px;
	}
	.h_style04::before,
	.post h5::before,
	.block_wrapper h4:not(.nostyle)::before {
		position: absolute;
		margin-top: -0.25em;
		top: 50%;
		left: 0.5em;
		content: "";
		display: inline-block;
		background: #fff;
		width: 0.5em;
		height: 0.5em;
		border-radius: 50%;
		box-shadow: 0 0 0 8px #FF5B34;
	}
	.h_style05,
	.post h6,
	.block_wrapper h5:not(.nostyle) {
		clear: both;
		overflow: hidden;
		margin: 24px 0 16px;
		padding: 0 4px 2px;
		font-weight: bold;
		border-bottom: double 4px #cfcfc7;
		font-size: 16px;
	}
	/*==================================
	SP_wrapper
	==================================*/
	.wrapper01 {
		background-color: #ebebeb;
	}
	.wrapper02 {
		background-color: #f7f096;
	}
	/*==================================
	SP_header
	==================================*/
	.h_bg {
		background: #ffffff;
	}
	.h_inner {
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		width: 95%;
		max-width: 1240px;
	}
	.h_logo {
		margin: 8px auto 16px;
		width: 70%;
	}
	.header_conts {
		border-bottom: 1px solid #404040;
	}
	/*==================================
	SP_navigation
	==================================*/
	nav {
		width: 100%;
		background: #FFFFFF;
		border-top: 1px solid #231815;
	}
	.gnav_sp {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		-webkit-box-shadow: 0 5px 7px -2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 7px -2px rgba(0, 0, 0, 0.2);
	}
	.gnav_sp li {
		padding: 12px 0;
		width: 20%;
	}
	.gnav_sp img {
		width: 90%;
	}
	.fixed {
		position: fixed;
		top: 0;
		z-index: 9999;
	}
	/*ページ内リンク対策*/
	/* #ryoukin,#contact_ito,#contact_shima {
	margin-top: -128px;
	padding-top: 128px;
	} */
	.sp_fix_bt {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999999;
		width: 100%;
		display: flex;
		justify-content: center;
		background: #fff799;
	}
	.sp_fix_bt > * {
		margin: 2% 1%;
		width: 48%;
		max-width: 312px;
		box-sizing: border-box;
	}
	/*==================================
	SP_mainimg
	==================================*/
	.main_img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	/*==================================
	SP_contact
	==================================*/
	.contact_wrapper {
		background: url(../image/all/bg_contact.png) no-repeat center 5em #ebebeb;
		background-size: min(50vw,382px);
	}
	.contact_wrapper .top_heading02 {
		background-image: linear-gradient(90deg, #ebebeb 0% 40%, #ffba00 40% 60%, #ebebeb 60%);
	}
	.contact {
		padding: min(10vw,100px) 0;
	}
	.contact .center {
		width: 80%;
		margin: 0 auto;
	}
	.contact_conts {
		overflow: hidden;
		margin: 0 auto;
		padding: 8px 0;
		width: 95%;
		max-width: 1240px;
	}
	.contact_conts li {
		margin: 0 0 1em;
	}
	/*.contact_conts > * {
	margin: min(8vw,32px) auto;
	}
	.contact_tel {
	margin: 0 0 16px;
	}*/
	.contact_uketsuke {
		overflow: hidden;
	}
	.contact_uketsuke p {
		margin: 0 0 8px;
	}
	.contact_uketsuke span {
		margin: 0 auto;
		overflow: hidden;
		display: block;
		max-width: 304px;
	}
	.contact_add {
		margin: 0 0 16px;
	}
	.contact_add dt {
		/* margin: 16px 0 0; */
		font-weight: bold;
	}
	.contact_map {
		text-align: center;
	}
	/* .contact_bt_shops {
	display: flex;
	justify-content: center;
	gap: 1em;
	}
	.contact {
	padding: min(10vw,80px) 0;
	width: 48%;
	background-color: #fff;
	}
	.contact_box{
	display: flex;
	justify-content: space-around;
	}
	.contact .center {
	width: 80%;
	margin: 0 auto;
	}
	.contact_conts {
	overflow: hidden;
	margin: 0 auto;
	padding: 8px 0;
	width: 95%;
	max-width: 1240px;
	}
	.contact_conts ul li {
	margin: 0 0 1em;
	} */
	/*.contact_conts > * {
	margin: min(8vw,32px) auto;
	}
	.contact_tel {
	margin: 0 0 16px;
	}*/
	/* .contact_uketsuke {
	overflow: hidden;
	}
	.contact_uketsuke p {
	margin: 0 0 8px;
	}
	.contact_uketsuke span {
	margin: 0 auto;
	overflow: hidden;
	display: block;
	max-width: 304px;
	}
	.contact_add {
	margin: 0 0 16px;
	}
	.contact_add dt {
	margin: 16px 0 0;
	font-weight: bold;
	}
	.contact_map {
	text-align: center;
	}
	.contact_pic02 {
	padding-bottom: 20px;
	}
	.ad_ito{
	margin: 2em 1em 36px;
	}
	@media screen and (max-width: 745px) {
	.ad_ito{
	margin: 2em 1em 1em;
	}
	}
	@media screen and (max-width: 585px) {
	.ad_ito{
	margin: 2em 1em 2.6em;
	}
	}
	@media screen and (max-width: 419px) {
	.ad_ito{
	margin: 2em 1em 1em;
	}
	} */

	.page_top_pc {
		display: none;
	}
	.wpcf7-form {
		width: 96%;
		margin: 0 auto 30px;
	}
	.wpcf7-form p {
		margin: 0 auto 10px;
		line-height: 2em;
	}
	.privacy_policy {
		width: 92%;
		margin: 0 auto 30px;
		height: 300px;
		overflow: auto;
		border: solid 1px #999;
		box-sizing: border-box;
		padding: 10px;
	}
	.privacy_policy dl dt {
		margin: 0 auto 10px;
		font-weight: bold;
	}
	.privacy_policy dl dd {
		margin: 0 auto 2em;
	}
	.required {
		background: #FFE6E6;
		color: #FF7373;
		padding: 2px;
		border-radius: 5px;
		font-size: 90%;
	}
	.any {
		background: #FFE599;
		color: #FF8000;
		padding: 2px;
		border-radius: 5px;
		font-size: 90%;
	}
	.wpcf7-text, .wpcf7-textarea {
		width: 100%;
		line-height: 2em;
		font-size: 16px;
	}
	#form_contents article {
		margin: 0 auto;
		max-width: 640px;
	}
	.form_atention {
		background: #ffdfdf none repeat scroll 0 0;
		border: 1px solid #f2f2f2;
		margin: 0 auto 20px;
		padding: 15px;
		width: 96%;
		max-width: 640px;
		box-sizing: border-box;
	}
	.form-width {
		max-width: 100%;
	}
	.mail_form_chui {
		padding-left: 1em;
		text-indent: -1em;
	}
	.red_bold {
		color: red;
		font-weight: bold;
	}
	.wpcf7 input[type="submit"] {
		width: 100%;
		padding: 15px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border: none;
		box-shadow: 0 3px 0 #ddd;
		background:linear-gradient(to bottom, #FFA54D 12%, #FF8101 100%) ;
		transition: 0.3s;
		color: #fff;
		font-size: 20px;
	}
	.wpcf7-submit:hover {
		background: #a4dd6c;
		transform: translate3d(0px, 3px, 1px);
		-webkit-transform: translate3d(0px, 3px, 1px);
		-moz-transform: translate3d(0px, 3px, 1px);
	}
	.red_bold {
		color: red;
		font-weight: bold;
	}
	/*==================================
	SP_map
	==================================*/
	.map {
		position: relative;
		margin: 0 auto 1em;
		padding-bottom: 250px;
		width: 95%;
		max-width: 600px;
		height: 0;
		overflow: hidden;
	}
	.map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	address {
		text-align: center;
		margin: 2em 1em 1em;
	}
	/*==================================
	SP_menu
	==================================*/
	.sideUpper,
	.sideNav,
	.sideLower,
	.topUpper,
	.topLower,
	.blogNav {
		margin: 0 0 16px;
	}
	.side_fixed_menu {
		margin: 0 auto;
		border: none;
		width: 95%;
	}
	.side_fixed_menu a {
		border: none;
	}
	.side_fixed_menu li {
		margin: 0 auto 10px;
	}
	.side_fixed_menu li a/*PCサイドバーHOME・アクセスボタン*/ {
		color: #fff;
		display: inline-block;
		text-decoration: none;
		font-size: 18px;
		text-align: center;
		width: 100%;
		padding: 16px 0;
		background: #ff6600;
	}
	/*メニュー共通設定*/
	.widget_nav_menu p,
	.widget_categories p,
	.widget_recent_entries p {
		padding: 8px;
		background: #ffba00;
		text-align: center;
		color: #fff;
		font-size: 18px;
	}
	/*メニュー（固定ページ/関連メニュー）*/
	.widget_nav_menu,
	.widget_categories,
	.widget_recent_entries {
		margin: 0 auto 1em;
		width: 95%;
		max-width: 640px;
		border: solid 1px #ffba00;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.widget_nav_menu ul,
	.widget_categories ul,
	.widget_recent_entries ul  {
		margin: 8px 16px 16px;
	}
	.widget_nav_menu li,
	.widget_categories li,
	.widget_recent_entries li  {
		border-bottom: dotted 2px #543d24;
	}
	.widget_nav_menu li a::before,
	.widget_categories li a::before,
	.widget_recent_entries li a::before {
		content: '●';
		font-size: 10px;
		margin-right:4px;
	}
	.widget_nav_menu a,
	.widget_categories a,
	.widget_recent_entries a {
		display: block;
		padding: 10px 1em 10px .5em;
		text-decoration: none;
		color: inherit;
	}

	/*検索*/
	.widget_search {
		text-align: center;
	}
	.widget_search label {
		display: none;
	}
	/*月別アーカイブ*/
	.widget_archive {
		text-align: center;
	}
	.widget_archive label::before {
		content: "月別アーカイブ";
	}
	/*メタ情報*/
	.widget_meta {
		border-bottom: solid 1px #bdbdae;
	}
	.widget_meta p {
		padding: 8px;
		border-bottom: solid 1px #bdbdae;
		text-align: center;
	}
	.widget_meta ul {
		margin: 16px 8px 0;
	}
	.widget_meta li {
		position: relative;
		margin: 0 0 8px;
		border-bottom: dotted 1px #bdbdae;
		font-size: 14px;
	}
	.widget_meta li:last-child {
		border-bottom: none;
	}
	/*==================================
	SP_copyright
	==================================*/
	.copyright {
		background: #ffffff;
		text-align: center;
		margin: 10% 0 20%;
	}
	.copyright small {
		font-size: 1rem;
		font-size: 10px;
	}
	/*==================================
	SP_footer
	==================================*/
	.f_inner {
		display: none;
	}
	.footer_group{
		margin: 10% 10px;
	}
	.footer_group h2{
		text-align: center;
		background-image: linear-gradient(90deg, #ffffff 0% 40%, #ffba00 40% 60%, #ffffff 60%);
		margin: 2em 0 1em;
		font-size: clamp(22px, 5vw, 34px);
		position: relative;
		padding: 0.5rem 0 0.8rem;
		font-weight: bold;
		background-repeat: no-repeat;
		background-size: 100% 0.3rem;
		background-position: bottom;
	}
	.footer_group ul{
		margin: 8% auto 0;
		padding: 0 0 0 10px;
		max-width: 490px;
	}
	.footer_group li{
		margin: 0 0 4%;
	}
	.footer_group li a{
	/* 	text-decoration: none; */
		position: relative;
	}
	.footer_group li a:hover {
		opacity: .7;
	}
	/* .footer_group li a::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #000000;
		bottom: -1px;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform 0.6s;
	}
	.footer_group li .footer_group_link a::after {
		background: #FF6600;
	}

	.footer_group li a:hover::after {
		transform: scale(1, 1);
	} */

	.footer_group li a:visited {
		color: inherit;
	}
	.footer_group li a:link {
		color: inherit;
	}
	.footer_group li p {
		margin: 0 0 1%;
	}
	.footer_group li p:last-child {
		margin: 0;
	}
	.footer_group .footer_group_link{
		color: #FF6600;
		font-size: clamp(18px, 3vw, 22px);
		font-weight: 600;
	}
	.footer_group .footer_group_link span{
		color: #E60012;
		font-size: clamp(13px, 1vw, 16px);
		font-weight: 600;
		padding: 0 0 0 1em;
	}
	.footer_group .footer_group_address{
		font-size: 14px;
		font-weight: 500;
	}
	.footer_group .footer_group_tel{
		font-size: clamp(16px, 3vw, 18px);
		font-weight: 600;
	}
	/*==================================
	SP_voice
	==================================*/
	.voice {
		margin: 0;
	}
	.voice_list li {
		margin: 0 4px 16px;
		padding: 16px;
		background: #f0f0e1;
		border: solid 1px #bdbdae;
		border-radius: 8px;
	}
	.voice_conts {
		overflow: hidden;
		padding: 16px;
		background: #fff;
	}
	.voice_conts h3,
	.voice_tit {
		margin: 0 0 8px;
		padding: 8px 16px;
		background: #fff;
		border-bottom: dotted 2px #e3e3da;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.voice_txt p {
		margin: 0 0 1em;
	}
	.voice_pic {
		width: 150px;
		margin: 0 auto 16px;
	}
	.voice_pic p > :first-child {
		display: block;
		margin: 0 auto 8px;
	}
	.menseki {
		overflow: hidden;
		margin: 16px 0 0;
		font-size: 12px;
		color: #cc1818;
	}

	/*==================================
	SP_toppage
	==================================*/
	.top_inner {
		margin: 0 calc(50% - 50vw);
		padding: min(8vw,48px) calc(50vw - 48%);
	}
	.top_about {
		background: url(../image/top/bg_about.png) no-repeat 5% 5%;
		background-size: 70%;
		overflow: hidden;
    margin-top: 0;
	}
	.top_news {
		background: url(../image/top/bg_news.png) no-repeat center 3em;
		background-size: 50%;
	}
	.top_news li {
		border: 1px solid #231815;
		padding: 2em;
	}
	.top_nayami {
		padding: 1em 0;
	}
	.top_pickup {
		background: url(../image/top/bg_pickup.png) no-repeat center 0;
		background-size: 50%;
	}
	.top_pickup .top_heading02 {
		padding-top: 3em;
	}
	.top_point_wrap {
		background: url(../image/top/bg_point.png) no-repeat center 4em;
		background-size: 50%;
/* 		margin: 5em 0; */
	}
	.top_point_conts {
		background: linear-gradient(rgb(159 131 110 / 26%) 1px, transparent 0), linear-gradient(90deg, rgb(159 131 110 / 6%) 1px, transparent 0);
		background-size: 10px 10px;
		padding: 5em 0;
	}
	.top_suisen {
		background: url(../image/top/bg_suisen.png) no-repeat center 2em;
		background-size: 90%;
		padding: 0.5em 0 0;
		margin: 0 0 5em;
	}
	.top_media {
		background: url(../image/top/bg_media.png) no-repeat center 0;
		background-size: 50%;
		padding: 1em 0 0;
	}
	.top_voice {
		background: #f7f096 url(../image/top/bg_voice.png) no-repeat center 4em;
		background-size: 50%;
		padding: 5em 0;
	}
  .wp-site-blocks{
    .top_heading01,
    .top_heading02,
    .top_heading03  {
      margin: 3em 0 1em;
      font-size: clamp(22px, 5vw, 34px);
      position: relative;
      padding: 0.5rem 0 0.8rem;
      font-weight: bold;
      background-repeat: no-repeat;
      background-size: 100% 0.3rem;
      background-position: bottom;
    }
  }
	.top_heading01 {
		background-image: linear-gradient(90deg, #ffba00 0% 20%, #ebebeb 20% 60%, #ebebeb 60%);
	}
	.top_heading02 {
		text-align: center;
		background-image: linear-gradient(90deg, #ffffff 0% 40%, #ffba00 40% 60%, #ffffff 60%);
	}
	.top_heading03 {
		text-align: center;
		background-image: linear-gradient(90deg, #f7f096 0% 40%, #ffba00 40% 60%, #f7f096 60%);
	}
	.top_heading_ttl {
		font-size: clamp(20px, 5vw, 30px);
	}
	.top_heading_ttl,
	.top_heading_ttl02,
	.top_heading_ttl03 {
		font-weight: bold;
		margin: 0 0 1em;
	}
	.top_heading_ttl03 {
		font-size: clamp(30px, 5vw, 40px);
		letter-spacing: 2px;
	}
	.top_heading_ttl03 span {
		font-size: clamp(40px, 5vw, 60px);
		color: #88ba1e;
	}
	.top_heading_ttl02 {
		font-size: clamp(18px, 5vw, 25px);
		text-align: center;
		line-height: 2;
	}
	.top_nayami .top_heading_ttl02 {
		font-size: clamp(27px, 5vw, 40px);
	}
	.top_sejutsu_bt {
		margin: 3em 4px 16px;
		text-align: center;
	}
	.top_sejutsu_bt li {
		display: inline-block;
		margin: 0 0 8px;
		padding: 0 2px;
		width: 49%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top_osusume_list {
		margin: 4em 0 5em;
	}
	.top_osusume_list li {
		margin: 1.5em;
	}
	.top_jiko_wrap {
		position: relative;
	}
	.top_jiko {
		padding: 0 0 0;
	}
	.top_jiko img {
		width: 70%;
	}
	.top_jiko > p {
		margin: 0!important;
	}
	.top_jiko_wrap::before{
		width: 0;
		height: 0;
		position: absolute;
		left: 60%;
		margin: 0 0 0 -70px;
		border-top: 30px solid #fff;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
		content: '';
	}
	ul.top_point {
		counter-reset: blockPoint;
		padding: 0 1em;
	}
	li.top_point_list {
		background: #fff;
		overflow: hidden;
		padding: 24px;
		position: relative;
		border: solid 1px #88ba1e;
		margin: 0 0 2em;
	}
	p.top_point_list_ttl {
		position: relative;
		font-family:  "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
			"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
			"MS PGothic", sans-serif;
		font-size: clamp(16px, 3vw, 24px);
		font-weight: bold;
		line-height: 1.3;
		min-height: 3em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	figure.top_point_list_pic::before,
	figure.top_point_list_pic::after {
		font-weight: bold;
		position: absolute;
		text-align: center;
	}
	figure.top_point_list_pic::before {
		content: "point";
		vertical-align: bottom;
		color: #88ba1e;
		height: 3.8em;
		width: 3.8em;
		border-radius: 50%;
		font-size: 150%;
		line-height: 2.2em;
		left: 0;
		top: 0;
	}
	figure.top_point_list_pic::after {
		content: "0" counter(blockPoint);
		counter-increment: blockPoint;
		color: #88ba1e;
		font-size: 200%;
		top: 1em;
		left: .8em;
	}
	p.top_point_list_txt {
		clear: left;
		margin: 1em;
	}
	figure.top_point_list_pic {
		margin: 1.5em 0 1em;
	}
	.top_btn {
		background: #88ba1e;
		text-align: center;
		width: 60%;
		margin: 0 auto;
		padding: 1em 2em;
		position: relative;
		border-radius: 80px;
		display: grid;
	}
	.top_btn a {
		font-size: clamp(20px, 3vw, 32px);
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		letter-spacing: 2px;
	}
	.top_btn a::after {
		content: ">";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
	.top_suisen_list  {
		margin-bottom: 3em;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.top_suisen_list li {
		margin: 0.6em 0;
		width: calc(50% - min(2vw,40px));
	}
	#suisen_box{
		display: flex;
		flex-wrap: nowrap !important;
	}
	/*.top_point_list {
	margin: 0 8px 16px;
	}
	.top_point_list li {
	overflow: hidden;
	padding: 24px 0;
	border-bottom: dotted 2px #e3e3da;
	}
	.top_point_list li:first-child {
	padding: 0 0 24px;
	}
	.top_point_list h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 18px;
	margin: 0 0 16px;
	}
	.top_point_list h3 span {
	display: contents;
	}
	.top_point_list h3 img {
	max-width: 50px;
	margin: 0 2vw 0 0;
	}
	.top_point_txt {
	clear: left;
	font-size: 14px;
	}*/
	.top_flow_list {
		text-align: center;
	}
	.top_flow_list li {
		display: inline-block;
		width: 47.6%;
		vertical-align: top;
		margin: 0 0 22px;
		max-width: 198px;
		text-align: left;
	}
	.top_flow_list p {
		padding: 10px 0px;
	}
	.top_flow {
		margin: 0 0.5em;
		counter-reset: flow;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.top_flow li {
		width: 48.5%;
		margin-top: 2em;
	}

	.top_flow li h3 {
		color: #ff6600;
		font-size: 18px;
		line-height: 0.8;
		padding: 13px 0;
	}

	.top_flow li h3::before {
		counter-increment: flow;
		content: counter(flow) ".";
	}
	.top_flow li h3 span {
		font-size: 0.7em;
		display: inline-block;
		line-height: 30px;
		letter-spacing: 0.15em;
	}
	.top_flow li figure figcaption {
		line-height: 1.2em;
		margin-top: 0.5em;
	}
	/* キャンペーンバナー */
	.campaign-wrapper {
		background-color: #f7f096;
	}
	.campaign_conts{
		margin:2em 0 0;
	}

	/*アニメーション要素のスタイル*/
	.animation{
		opacity : 0;
		visibility: hidden;
		transition: 0.8s;
		transform: translate3d(0,30px,0);
	}
	/*アニメーション要素までスクロールした時のスタイル*/
	.active{
		opacity: 1;
		visibility: visible;
		transform: translate3d(0,0,0);
	}
	/*==================================
	SP_page
	==================================*/
	/*キャッチ*/
	.banner_area {
		margin: 0 0 32px;
	}
	.catch_list {
		overflow: hidden;
	}
	.catch_list ul {
		overflow: hidden;
		margin: 4px 0;
	}
	.catch_list li {
		margin: 0 0 4px;
		padding: 10px 0 8px 44px;
		background: url(../image/page/catch_ico01.png) no-repeat left 4px;
		font-size: 15px;
		border-bottom: dotted 2px #c9c9ba;
	}
	.catch_list .img_right img {
		width: auto;
		height: auto;
		max-width: 224px;
		max-height: 224px;
	}
	/*比較表*/
	.compare_chart {
		table-layout: fixed;
		margin-bottom: 50px;
	}
	.compare_chart tbody tr > * {
		padding: .5em;
		border: solid 2px #fff;
		vertical-align: top;
	}
	.compare_chart tbody tr th {
		text-align: center;
		vertical-align: middle;
	}
	.compare_chart tbody tr > :first-child {
		width: 6em;
		background: #AC662A;
		color: #fff;
		font-weight: normal;
	}
	.compare_chart tbody tr:first-child > :first-child {
		background: none;
	}
	.compare_chart tbody tr > :nth-child(2) {
		background: #fdfce7;
		width: 40%;
	}
	.compare_chart tbody tr > :last-child {
		background: #fed8cf;
		width: 40%;
	}
	.zutu_compare_chart tbody tr > * span,
	.youtu_compare_chart tbody tr > * span:first-child {
		display: block;
		margin: 0 auto .3em;
		font-size: 3em;
		font-weight: bold;
		text-align: center;
	}
	.youtu_compare_chart tbody tr > * span {
		font-weight: bold;
	}
	.compare_chart tbody tr > :nth-child(2) span {
		color: #4b5f86;
	}
	.compare_chart tbody tr > :last-child span {
		color: #901010;
	}
	.zutu_compare_chart tbody tr > * span.batsu,
	.youtu_compare_chart tbody tr > * span.batsu {
		margin: .3em auto .5em;
		font-size: 3em;
		font-weight: normal;
	}
	.zutu_compare_chart tbody tr > * span.hanamaru {
		width: 50px;
		margin: .1em auto;
	}
	.zutu_compare_chart tbody tr > * span.hanamaru img {
		max-width: 100%;
	}
	/*==================================
	SP_price
	==================================*/
	.ryoukin_list01,
	.ryoukin_list02 {
		margin: 0 auto 32px;
		width: 100%;
		text-align: center;
	}
	.ryoukin_list01 th,
	.ryoukin_list01 td {
		width: 50%;
	}
	.ryoukin_list02 th,
	.ryoukin_list02 td {
		width: 33.3%;
	}
	.ryoukin_list01 th,
	.ryoukin_list01 td,
	.ryoukin_list02 th,
	.ryoukin_list02 td {
		padding: 3px;
		border: solid 1px #ccc;
	}
	.ryoukin_list01 th,
	.ryoukin_list02 th {
		background: #f0f0e1;
	}
	.ryoukin_style01 {
		font-size: 20px;
		font-weight: bold;
		color: #000;
		margin-left: 50px;
	}
	.ryoukin_chui {
		text-indent: -1em;
		margin: 0 30px;
	}
	/*         料金表
	---------------------------------*/
	.ryoukin_list03 {
		margin: 0 auto 32px;
		width: 98%;
		max-width: 640px;
		text-align: center;
	}
	.ryoukin_list03 th, .ryoukin_list03 td{
		width: 30%;
	}
	.ryoukin_list03 th, .ryoukin_list03 td {
		padding: 10px 3px;
		border: solid 1px #CCC;
		vertical-align: middle;
	}
	.ryoukin_list03 th {
		background: #fdfce7;
		text-align: center;
		vertical-align: middle;
	}
	.ryoukin_style01 {
		font-size: 20px;
		font-weight: bold;
		color: #000;
		margin-left: 50px;
	}
	.ryoukin_en {
		font-size: 11px;
	}
	@media screen and (min-width: 540px) {
		.ryoukin_br01{
			display: none;
		}
	}
	@media screen and (max-width: 510px) {
		.ryoukin_txt01{
			font-size: 2.8vmin;
			padding: 0;
		}
	}
	@media screen and (max-width: 450px) {
		.ryoukin_list03 tr th span{
			font-size: 13px;
		}
	}
	/*==================================
	SP_form
	==================================*/
	.wpcf7-form {
		width: 96%;
		margin: 0 auto 30px;
	}
	.wpcf7-form p {
		margin: 0 auto 10px;
		line-height: 2em;
	}
	.privacy_policy {
		width: 92%;
		margin: 0 auto 30px;
		height: 300px;
		overflow: auto;
		border: solid 1px #999;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
	}
	.privacy_policy dl dt {
		margin: 0 auto 10px;
		font-weight: bold;
	}
	.privacy_policy dl dd {
		margin: 0 auto 2em;
	}
	.required {
		background: #ffe6e6;
		color: #ff7373;
		padding: 2px;
		border-radius: 5px;
		font-size: 90%;
	}
	.any {
		background: #ffe599;
		color: #ff8000;
		padding: 2px;
		border-radius: 5px;
		font-size: 90%;
	}
	.wpcf7-text,
	.wpcf7-textarea {
		width: 100%;
		line-height: 2em;
		font-size: 16px;
	}
	#form_contents article {
		margin: 0 auto;
		max-width: 640px;
	}
	.form_atention {
		background: #ffdfdf none repeat scroll 0 0;
		border: 1px solid #f2f2f2;
		margin: 0 auto 20px;
		padding: 15px;
		width: 96%;
		max-width: 640px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.form-width {
		max-width: 100%;
	}
	/*==================================
	SP_blog
	==================================*/
	ul.blog_list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 2em;
	}
	ul.blog_list li {
		width: 50%;
		margin-top: 0;
		padding: 0 0.2em;
		box-sizing: border-box;
	}
	.post_box {
		box-sizing: border-box;
		margin: 1em 0.5em;
	}
	h2.post_box_post_ttl {
		font-weight: 800;
		font-size: clamp(15px, 1.4vw, 22px);
	}
	h2.post_box_post_ttl a {
		color: inherit;
		text-decoration: none;
	}
	.post_box_post time {
		font-size: clamp(10px, 1vw, 14px);
	}
	.post_box_post time::before {
		font-family: "icomoon";
		content: "\e900";
		display: inline-block;
		margin-right: 2px;
		vertical-align: baseline;
	}
	.post_box_info {
		box-sizing: border-box;
	}
	p.post_box_info_cat a {
		display: inline-block;
		text-decoration: none;
		color: inherit;
		font-size: clamp(10px, 1vw, 14px);
		margin-right: 6px;
		transition: 0.4s;
	}
	p.post_box_info_cat a::before {
		font-family: "icomoon";
		content: "\e901";
		display: inline-block;
		margin-right: 2px;
		vertical-align: bottom;
	}
	p.post_box_info_cat a:hover {
		letter-spacing: 0.05em;
	}
	.post_box_thumb {
		overflow: hidden;
	}
	.post_box_thumb_img {
		width: 100%;
		background-size: cover;
		background-position: center;
		height: auto;
		padding-top: 68%;
		overflow: hidden;
		transition-duration: 0.3s;
	}
	a:hover .post_box_thumb_img {
		transform: scale(1.1, 1.1); /*画像の拡大*/
	}
	.date {
		font-size: 13px;
		text-align: right;
		border-bottom: solid 1px #231815;
	}
	@media screen and (min-width: 782px) {
		.post_box {
			margin: 14px;
			overflow: hidden;
		}
		.post_box_thumb {
			margin-bottom: 0.5em;
		}
	}

	/*==================================
	SP_pager
	==================================*/
	.pager {
		text-align: right;
		padding-bottom: 10px;
	}
	a.page-numbers,
	.pager .current {
		color: rgba(214, 176, 78, 1);
		border: solid 1px rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		padding: 5px 8px;
		margin: 0 2px;
	}
	.pager .current {
		background: rgba(214, 176, 78, 1);
		border: solid 1px rgba(0, 0, 0, 0.1);
		color: rgba(255, 255, 255, 1);
	}
	.navigation {
		overflow: hidden;
		margin: 0 auto;
		width: 95%;
	}
	.navigation .alignleft {
		width: 48%;
		float: left;
	}
	.navigation .alignright {
		width: 48%;
		float: right;
		text-align: right;
	}
	/*==================================
	for iPhone Landscape(iPhone 横)
	==================================*/
	@media screen and (min-width: 480px) {
		.gnav img {
			width: 48%;
		}
		.br_onoff {
			display: none;
		}
		.img_left,
		.alignleft {
			float: left;
			margin: 0 8px 8px 0;
		}
		.img_right,
		.alignright {
			float: right;
			margin: 0 0 8px 8px;
		}
		.voice_pic {
			float: left;
			margin: 0 16px 0 0;
		}
		.voice_pic p > :first-child {
			display: block;
			margin: 0 0 8px;
		}
		.catch_list .img_right {
			max-width: none;
			float: none;
			margin: 0 0 8px;
		}
		/*      スマホ横アクセス
		---------------------------------*/
		.access_box01 .img_left {
			width: 44.64%;
			max-width: none;
		}
		.access_info01 {
			float: right;
			width: 52.08%;
		}
		.access_pic {
			float: left;
			width: 47%;
		}
		.access_info02 {
			clear: both;
		}
	}
	/*==================================
	for iPhone Landscape(iPhone 480px~782px)
	==================================*/
	@media screen and (min-width: 480px) and (max-width: 782px) {
		.contact_conts .img_left {
			float: none;
		}
		.copyright {
			margin: 10% 0 15%;
		}
	}
	/*==================================
	for iPad~PC
	==================================*/
	@media screen and (min-width: 782px) {
		/*==================================
		PC_base
		==================================*/
		a:hover img,
		a:active img {
			-webkit-opacity: 0.7;
			opacity: 0.7;
		}
		.only_sp {
			display: none;
		}
		.only_pc {
			display: block;
		}
		body {
			line-height: 1.6;
			width: 100%;
			max-width: 1240px; /*main_imgの幅*/
			margin-top: 0 !important;
		}
		/*==================================
		PC_layout
		==================================*/

		#sidebar {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		#sidebar > div {
			width: 48%;
		}
		#sidebar > div:last-of-type {
			margin-right: auto;
		}
		.conts {
			margin: 0 24px 24px;
		}
		.ttl {
			margin: 0 0 32px;
		}
		.bnr {
			margin: 0 0 16px;
			text-align: center;
		}

		/*==================================
		PC_heading
		==================================*/
		.h_style01,
		.h_style02,
		.news_ttl {
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
				"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
				"MS PGothic", sans-serif;
		}
		#contents .h_style01 /*下層ページのh2などに利用してください*/ {
			margin: 24px 12px 2em 8px;
			padding: 20px;
			font-size: 34px;
		}
		.h_style02,
		.post h3:not([class]),
		.block_wrapper h2:not(.nostyle)
		/*トップのh2、下層のh3*/ {
			margin: 32px 0 24px;
			padding: 8px 16px;
			font-size: 18px;
		}
		.h_style03,
		.post h4,
		.block_wrapper h3:not(.nostyle)
		/*トップのh3、下層のh4*/ {
			clear: both;
			overflow: hidden;
			margin: 32px 0 24px;
		}
		.h_style04,
		.post h5,
		.block_wrapper h4:not(.nostyle)
		/*ブログ見出し*/ {
			margin: 24px 0 16px;
			padding: 0 8px 2px 32px;
			font-size: 18px;
		}
		/*==================================
		PC_header
		==================================*/
		.h_inner {
			padding: 8px 0;
		}
		.h_inner,.f_inner {
			display: flex;
			flex-direction: row;
      align-items: center;
			justify-content: space-between;
		}
		div.h_logo {
      margin: .5em 0 0;
      width: min(40%, 329px);
		}
    .header_pc.only_pc{
      margin-top: 6px;
    }
		.h_contact {
			width: min(55%,450px);
      margin-top: 0;
      a{
        display: block;
        img{
          height: 30px;
          width: auto;
        }
      }
		}
		.h_bt {
			display: flex;
			justify-content: center;
			gap: 1em;
		}
		.h_add {
			margin: 2% auto 0;
			padding: 8px;
			border-top: dotted 1px #231815;
			text-align: right;
			font-size: 14px;
			font-weight: bold;
		}
		/*==================================
		PC_navigation
		==================================*/
		ul.gnav_pc {
			max-width: 1240px;
			margin: 0 auto;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
      width: 100%;
      background-color: white;
		}
		.gnav_pc li {
			text-align: center;
			width: 24.9%;
			border-left: 1px solid #fff;
			display: inline-block;
			list-style-type: none;
			/* 		position: relative; */
		}
		.gnav_pc li:last-child {
			border-right: 1px solid #fff;
		}
		.gnav_pc li a {
			display: block;
			padding: 15px 10px;
			color: inherit;
			text-decoration: none;
			font-weight: bold;
		}
		.gnav_pc li:hover {
			opacity: 0.7;
		}
		.access_x2_box:hover {
			opacity: 1!important;
		}
		/*==================================
		PC_headerドロップダウンメニュー
		==================================*/
		#header {
			position: relative;
			z-index: 9999;
		}
		.access_x2_box{
			position: relative;
		}
		.access_x2_box::after{
			position: absolute;
			content: '';
			width: 60px;
			height: 2px;
			display: inline-block;
			background-color: orange;
			bottom: 10px;
			right: 0;
			left: 0;
			margin: auto;
		}
		.access_x2_box:hover::after{
			content: none;
		}
		.gnav_pc .access_x2_box .access_x2 {
			display: none;
			margin: 0px;
			padding: 0px;
			top: 50px;
			width: 100%;
			-webkit-transition: all .2s ease;
			transition: all .2s ease;
			position: relative;
			z-index: 9999;
			padding-bottom: 12px;
		}
		.gnav_pc .access_x2_box:hover .access_x2 {
			display:block;
			position: absolute;
			left: 0;
			right: 0;
			z-index: 9999;
			background-color: #fff;
			width: 170px;
			margin: auto;
		}
		.gnav_pc .access_x2_box .access_x2 li {
			width: 134px;
			/* 		border-bottom: 1px solid pink; */
		}
		.gnav_pc .access_x2_box .access_x2 li a {
			line-height: 20px;
			text-align: center;
			position: relative;
		}
		.gnav_pc .access_x2_box .access_x2 li a::after {
			position: absolute;
			content: '';
			width: 60px;
			height: 1px;
			display: inline-block;
			background-color: orange;
			bottom: 10px;
			right: 0;
			left: 0;
			margin: auto;
		}
		.gnav_pc .access_x2_box .access_x2 li a:hover {
			color: orange;
		}

		/*==================================
		PC_mainimg
		==================================*/
		.main_img {
			background-color: #fdf7d2;
			text-align: center;
			margin-bottom: 0;
			position: -webkit-sticky;
			position: sticky;
			z-index: 2;
      img{
        max-width: 1308px;
      }
		}
		.main_img_bottom {
			padding: 0 0.5em 0;
			background-color: #88ba1e;
		}
		.main_img_bottom img {
			margin-top: -2.5%;
			position: -webkit-sticky;
			position: sticky;
			z-index: 3;
		}
		/*==================================
		PC_contact
		==================================*/
		/*.contact_conts {
		margin: 0 24px 32px;
		padding: 32px;
	}*/
		.contact_conts {
			max-width: 1020px;
			margin: 0 auto;
		}
		.contact_conts p {
			margin:0!important;
		}
		.contact_conts ul {
			display: flex;
			justify-content: center;
			gap: 1em;
			margin: 0 auto 3em;
		}
		/* .contact_conts ul li {
		margin: 0 1em;
	} */
		.contact_pic {
			float: left;
			margin: 0 1% 1% 0;
			width: 43%;
		}
		.contact_uketsuke {
			margin-bottom: 3em;
		}
		.contact_uketsuke02{
		}
		.contact_pic02{
			width: 100%;
			padding-bottom: 30px;
		}
		.contact_info {
			float: right;
			width: 54%;
		}
    /*
		.contact_info02{
			width: 100%;
		} */
		.contact_add {
			margin: 0 0 16px;
		}
		.contact_add dt {
			/* margin: 16px 0 0; */
			font-weight: bold;
		}
		.contact_map {
			margin: 0 auto;
			width: 100%;
			height: 490px;
		}
		.page_top_pc {
			display: block;
			margin: 0 32px 0 0;
			text-align: right;
			font-size: 13px;
		}
		.page_top_pc a {
			color: #6c4c3d;
		}
		.page_top_pc a:hover,
		.page_top_pc a:active {
			color: #baea83;
		}
		.ad_ito{
			margin: 2em 1em 2.6em;
		}
		/*         コンタクトフォーム
		---------------------------------*/
		#form_contents h4 {
			margin: 0 0 24px 16px;
		}
		.mailform_wrap {
			border: 1px solid #CCC;
			width: 92%;
			margin: 0 auto;
			padding-top: 24px;
		}
		.wpcf7-form {
			width: 96%;
			margin: 0 auto 30px;
		}
		.wpcf7-form p {
			margin: 0 auto 10px;
			line-height: 2em;
		}
		.form_atention {
			width: 92%;
			margin: 0 auto 20px;
			border: solid 1px #F2F2F2;
			background: #FFDFDF;
			padding: 15px;
		}
		.privacy_policy {
			width: 92%;
			margin: 0 auto 30px;
			height: 150px;
			overflow: auto;
			border: solid 1px #999;
			box-sizing: border-box;
			padding: 10px;
		}
		.privacy_policy dl dt {
			margin: 0 auto 10px;
			font-weight: bold;
		}
		.privacy_policy dl dd {
			margin: 0 auto 2em;
		}
		.required {
			background: #FFE6E6;
			color: #FF7373;
			padding: 2px;
			border-radius: 5px;
			font-size: 90%;
		}
		.any {
			background: #FFE599;
			color: #FF8000;
			padding: 2px;
			border-radius: 5px;
			font-size: 90%;
		}
		.mail_form_chui {
			padding-left: 1em;
			text-indent: -1em;
		}
		.wpcf7 input[type="submit"] {
			width: 100%;
			padding: 15px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border: none;
			box-shadow: 0 3px 0 #ddd;
			background:linear-gradient(to bottom, #FFA54D 12%, #FF8101 100%) ;
			transition: 0.3s;
			color: #fff;
			font-size: 20px;
		}
		.wpcf7-submit:hover {
			background: #a4dd6c;
			transform: translate3d(0px, 3px, 1px);
			-webkit-transform: translate3d(0px, 3px, 1px);
			-moz-transform: translate3d(0px, 3px, 1px);
		}
		.red_bold {
			color: red;
			font-weight: bold;
		}
		/*==================================
		PC_menu sidemenu
		==================================*/
		.side_fixed_menu li {
			margin: 0 auto 16px;
		}
		.side_fixed_menu li a/*PCサイドバーHOME・アクセスボタン*/ {
			padding: 16px 0;
		}
		.side_fixed_menu li a:hover {
			opacity: 0.7;
		}
		/*メニュー（固定ページ/関連メニュー）*/
		.widget_nav_menu,
		#custom_html-13,
		.widget_categories,
		.widget_recent_entries,
		.widget_search,
		.widget_archive,
		.widget_meta {
			width: 100%;
		}
		.widget_nav_menu li a:hover,
		.widget_categories li a:hover,
		.widget_recent_entries li a:hover {
			opacity: 0.7;
		}
		/*==================================
		PC_copyright
		==================================*/
		.copyright {
			padding: 16px 0;
			margin: 0;
		}
		.copyright small {
			font-size: 14px;
		}
		.copyright a {
			color: inherit;
		}
		.copyright a:hover,
		.copyright a:active {
			color: #baea83;
		}
		/*==================================
		PC_footer
		==================================*/
		.f_inner {
			display: block;
			overflow: hidden;
			margin: 0 auto;
			padding: 16px 0;
			width: 95%;
			max-width: 1024px;
		}
		.footer_group {
			margin: 4% 10px;
		}
		.footer_group ul {
			margin: 5% auto 0;
			padding: 0 0 0 10px;
			max-width: 600px;
		}
		.footer_br01{
			display: none;
		}
		@media screen and (min-width: 1400px) {
			.footer_group ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				gap: 20px;
				max-width: 1430px;
			}
			.footer_group li {
				margin: 0 0 1%;
				width: 32%;
			}
		}
		/*==================================
		PC_voice
		==================================*/
		.voice {
			margin: 0 0 40px;
		}
		.voice_list li {
			margin: 0 24px 32px;
			padding: 24px;
		}
		.voice_conts {
			padding: 24px;
		}
		.voice_conts h3 {
			width: 100%;
		}
		.voice_txt {
			clear: right;
			overflow: hidden;
			padding: 0 0 0 16px;
		}
		.voice_pic {
			float: left;
			margin: 0 16px 0 0;
		}
		.voice_pic img {
			display: inline-block;
			margin: 0 0 8px;
			max-width: 100%;
			height: auto;
		}
		/*==================================
		PC_toppage
		==================================*/
		.wrapper02 {
			margin-top: 10em;

		}
		.top_heading_ttl {
			margin: 0 0 1em .5em;
		}
		.top_about {
			background: url(../image/top/bg_about.png) no-repeat 30% 4em;
			background-size: auto;
		}
		.top_news {
			background: url(../image/top/bg_news.png) no-repeat center 6em;
			background-size: auto;
			margin-top: 6em;
		}
		.top_pickup {
			background-size: auto;
		}
		.top_point_wrap {
			background:url(../image/top/bg_point.png) no-repeat center 7em;
			background-size: auto;
			margin: 0;
		}
		.top_suisen {
			background:url(../image/top/bg_suisen.png) no-repeat center 4em;
			background-size: auto;
			margin-top: 6em;
			padding-top: 4em;
		}
		.top_media {
			background-size: auto;
		}
		.top_voice {
			background-size: auto;
		}
		.wp-site-blocks{
      .top_heading01, .top_heading02, .top_heading03 {
			  margin: 3em 0 2em;
      }
		}
		.top_heading01 {
			background-image: linear-gradient(90deg, #ffba00 0% 10%, #ebebeb 0% 60%, #ebebeb 60%);
		}
		.top_heading02 {
			background-image: linear-gradient(90deg, #fff 0% 45%, #ffba00 0% 55%, #fff 55%);
		}
		.top_heading03 {
			background-image: linear-gradient(90deg, #f7f096 0% 45%, #ffba00 45% 55%, #f7f096 55%);
		}
		.top_about .img_right {
			width: 45%;
			margin: 10em 0 16px 16px;
		}
		.top_about_l {
			width: 50%;
			float: left;
		}
		.wp-site-blocks .top_sejutsu_bt {
			max-width: 1000px;
			margin: 7em auto 24px;
		}
		.top_sejutsu_bt li {
			margin: 0 0 3em;
			width: 32.5%;
			text-align: center;
		}
		.top_pickup ul {
			display: flex;
		}
		.top_jiko_wrap {
			position: relative;
			padding-bottom: 0;
		}
		.top_jiko_wrap::before {
			width: 0;
			height: 0;
			position: absolute;
			left: 50%;
			margin: -50px 0 0 -70px;
			border-top: 50px solid #fff;
			border-left: 90px solid transparent;
			border-right: 90px solid transparent;
			content: '';
		}
		.top_jiko {
			display: flex;
			align-items: center;
		}
		.top_jiko img {
			width: 100%;
		}
		.top_point_conts {
			padding: 7em 0;
		}
		.top_point {
			max-width: 1000px;
			margin: 5em auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 1em;
		}
		li.top_point_list {
			width: calc(50% - 1em);
			text-align: left;
			box-sizing: border-box;
		}
		figure.top_point_list_pic::before {
			left: 1em;
			font-size: 140%;
		}
		figure.top_point_list_pic::after {
			font-size: 300%;
			top: 0.5em;
			left: 0.7em;
		}
		li.top_point_list {
			padding: 30px 24px;
		}

		.top_suisen_list {
			margin: min(8vw,64px) auto;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			gap: min(8vw,64px) min(5vw,40px) ;
		}
		.top_suisen_list li {
			width: calc(50% - min(5vw,40px));
			box-sizing: border-box;
			margin: 0;
		}
		.top_btn {
			width: 50%;
			padding: 2em;
		}
		.top_btn a::after {
			right: 80px;
		}
		.top_flow li {
			width: 32%;
		}

		.top_flow li h3 {
			font-size: 21px;
		}
		/* キャンペーンバナー */
	.campaign_conts {
		padding: 4em 0 0;
	}
		.campaign_bnr {
		margin-bottom: 36px;
	}
		/*アニメーション要素のスタイル*/
		.animation{
			opacity : 0;
			visibility: hidden;
			transition: 0.8s;
			transform: translate3d(0,30px,0);
		}
		/*アニメーション要素までスクロールした時のスタイル*/
		.active{
			opacity: 1;
			visibility: visible;
			transform: translate3d(0,0,0);
		}
		/*==================================
		PC_page
		==================================*/
		.banner_area {
			text-align: center;
		}
		.catch_list ul {
			margin: 4px 0;
			float: left;
			width: 432px;
		}
		.catch_list li {
			padding: 6px 0 6px 44px;
			font-size: 18px;
		}
		.catch_list .img_right {
			width: 224px;
			float: right;
		}
		.catch_list .img_right img {
			width: auto;
			height: auto;
			max-width: 224px;
			max-height: 224px;
		}
		/*==================================
		PC_access
		==================================*/
		.access_info01 p {
			margin: 0;
		}
		.access_info02 {
			clear: both;
		}
		.access_info03 {
			margin: 0 auto;
			width: 500px;
		}
		/*==================================
		PC_form
		==================================*/
		.form_atention {
			width: 92%;
		}
		.privacy_policy {
			height: 150px;
		}
		/*==================================
		PC_Blog
		==================================*/
		/*.date {
		font-size: 13px;
		color: #ccc;
		text-align: right;
	}*/
		/*==================================
		PC_pager
		==================================*/
		.navigation {
			width: 630px;
		}
	}
	/*==================================
	PC iPad landscape ~
	==================================*/
	@media screen and (min-width: 960px) {
		img {
			image-rendering: -webkit-optimize-contrast;
		}
		#contents {
			margin: 0 auto;
			width: 96%;
			max-width: 1200px;
			padding: 0 36px 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		#contents::after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: "";
			clear: both;
			height: 0;
		}
		#form_contents {
			width: 720px;
			margin: 0 auto;
		}
		#main {
			/* z-index: -1; */
			/*float: right;*/
			width: 74%;
			max-width: 820px;
		}
    #main:has( + div #sidebar ){
      float: right;;
    }
		#sidebar {
			display: block;
			float: left;
			width: 25%;
			max-width: 256px;
		}
		#sidebar > div {
			width: 100%;
		}
		/* img */
		.img_left {
			margin: 0 16px 16px 0;
			float: left;
		}
		.img_right {
			margin: 0 0 16px 16px;
			float: right;
		}
		.side_fixed_menu {
			width: 100%;
		}
	}
	/*==================================
	PC iPad landscape ~
	==================================*/
	@media screen and (max-width: 820px) {
		.top_about .img_right {
			float: none;
		}
		.top_heading_ttl {
			width: auto;
		}
	}
	/*==================================
	PC iPad landscape ~
	==================================*/
	@media screen and (max-width: 768px) {
		.top_about .img_right {
			float: none;
		}
		.top_heading_ttl {
			width: auto;
		}
		.top_jiko_wrap::before {
			left: 55%;
			margin: -50px 0 0 -70px;
		}
	}
	/*==================================
	PC Wide
	==================================*/
	@media screen and (min-width: 1240px) {
		body {
			min-width: 1240px;
			max-width: none;
		}
		.side_fixed_menu {
			width: 100%;
		}
	}

/*--------------------------------------------
BLOCKS
---------------------------------------------*/
/*==================================
Gutenberg_Basic
==================================*/
/*
* ベースカラーの設定
*/
:root {
	--bordercolor01: #323232;
	--bordercolor02: #5c4a3c;
	--bordercolor03: #cce198;
	--bgcolor01: #fff;
	--bgcolor02: #fff;
	--bgcolor03: #7cb500;
	--pointcolor: #ff6600;
	--txtcolor01: #fff;
	--txtcolor02: #533a22;
}
.editor-styles-wrapper h2 {
	background: var(--bgcolor03);
}
.editor-styles-wrapper h3 {
	border-left: solid 8px var(--bordercolor03);
	border-bottom: dotted 2px var(--bordercolor02);
}
/*==================================
Custom_Block
==================================*/
/*
* お客様の声ブロック
*/
div.block_voice {
	position: relative;
	width: 90%;
	padding: 16px;
	margin: min(12vw,72px) auto;
	background: var(--bgcolor02);
	box-sizing: border-box;
	border: 10px solid #f7f096;
}
div.block_voice::after {
	position: absolute;
	z-index: -1;
	top: max(-4vw,-24px);
	left: max(-4vw,-24px);
	content: '';
	display: block;
	width: calc(100% + min(8vw,48px));
	height: calc(100% + min(8vw,48px));
}
.block_voice_ttl {
	margin: 0 0 8px;
	padding: 8px 16px;
	border-bottom: dotted 2px var(--bordercolor02);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.1em;
	font-weight:bold;
}
.block_voice_container_pic figure img {
	margin: 0 auto 16px;
}
div.block_voice_container_txt p {
	margin: 0 0 1em;
  &.menseki{
    margin-top: 1em;
  }
}
p.block_voice_menseki {
	overflow: hidden;
	margin: 16px 0 0;
	font-size: 12px;
}
@media screen and (min-width: 782px) {
	.block_voice_container {
		margin-top: 1em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.block_voice_container_pic {
		width: 40%;
	}
	.block_voice_container_txt {
		width: 54%;
	}
}
/*
* キャッチリスト
*/
ol.block_catch_list {
	overflow: hidden;
	padding: 1em;
}
li.block_catch_list_li {
	list-style: none;
	margin: 0 0 4px;
	padding: 10px 0 8px 34px;
	background: url(../../image/page/catch_ico01.png) no-repeat left center;
	font-size: 20px;
	border-bottom: dotted 2px var(--bordercolor01);
}
/*
* イラストつきキャッチリスト
*/
ol.block_image_catch_list_list {
	margin-top: 0;
}
@media screen and (min-width: 782px) {
	div.block_image_catch_list_wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	ol.block_image_catch_list_list {
		width: 60%;
	}
	figure.block_catch_img {
		width: 40%;
	}
}
/*
* よくある質問
*/
dl.block_faq_list {
	margin-top: 1em;
	padding: 1em;
}
dt.block_faq_list_q {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	color: var(--bgcolor03);
	line-height: 2em;
	margin: 0 0 0.7em;
	border-bottom: dashed 2px var(--bgcolor03);
	padding: 0 0 8px 0;
}
dd.block_faq_list_a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
dt.block_faq_list_q::before,
dd.block_faq_list_a::before {
	font-size: 2em;
	font-weight: bold;
	padding-right: 0.4em;
	margin-right: 0.4em;
}
dt.block_faq_list_q::before {
	content: "Q.";
	color: var(--bgcolor03);
}
dd.block_faq_list_a::before {
	content: "A.";
	color: var(--pointcolor);
}

/*
* 〇つのポイント
*/
ul.block_point {
	counter-reset: blockPoint;
	padding: 0 1em;
}
li.block_point_list {
	overflow: hidden;
	padding: 24px 0;
	position: relative;
	border-bottom: dotted 2px var(--bordercolor01);
}
li.block_point_list:last-child {
	border-bottom: none;
}
p.block_point_list_ttl {
	position: relative;
	font-family:  "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	margin: 0 0 24px;
	padding-left: 3.5em;
	font-size: clamp(16px, 3vw, 24px);
	font-weight: bold;
	line-height: 1.3;
	min-height: 3em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
p.block_point_list_ttl::before,
p.block_point_list_ttl::after {
	position: absolute;
	text-align: center;
}
p.block_point_list_ttl::before {
	content: "Point";
	vertical-align: bottom;
	background: var(--bgcolor03);
	color: var(--txtcolor01);
	height: 3.8em;
	width: 3.8em;
	border-radius: 50%;
	font-size: 80%;
	line-height: 2.2em;
	left: 0;
	top: 0;
}
p.block_point_list_ttl::after {
	content: counter(blockPoint);
	counter-increment: blockPoint;
	color: var(--txtcolor01);
	font-size: 140%;
	top: .8em;
	left: .8em;
}
p.block_point_list_txt {
	clear: left;
}
figure.block_point_list_pic {
	margin: 0 0 1em;
}
@media screen and (min-width: 782px) {
	p.block_point_list_ttl {
		align-items: flex-start;
	}
	figure.block_point_list_pic {
		float: right;
		margin-left: 1em;
	}
	figure.block_point_list_pic img {
		max-width: 300px;
	}
}


/*
*料金表
*/
table.block_price {
	margin: 2em auto;
	width: 98%;
	text-align: center;
}
th.block_price_th,
td.block_price_td {
	vertical-align: middle;
	padding: 3px;
	border: solid 1px var(--bordercolor02);
}
th.block_price_th {
	background-color: var(--bgcolor02);
}

/*
*受付時間
*/
table.block_uketsuke {
	margin: 2em auto .5em;
	width: 98%;
}
.block_uketsuke tr {
	border-bottom: 2px solid var(--txtcolor02);
}
.block_uketsuke th,
.block_uketsuke td {
	padding: 12px 8px;
	text-align: center;
	vertical-align: middle;
}
.block_uketsuke th {
	font-weight: normal;
}
.block_uketsuke tr > :first-child {
	width: 10em;
}
.uketsuke_block_notes {
	margin: 0 auto 2em;
	text-align: center;
	font-size: clamp(14px,2.5vw,20px);
}

/*
*施術の流れ
*/
ul.block_flow {
	list-style: none;
	counter-reset: blockflow;
}
ul.block_flow li {
	padding: 24px 0;
	margin: 0 0 24px;
	border-bottom: solid 2px var(--bordercolor03);
	position: relative;
}
ul.block_flow li:first-child {
	padding: 0 0 24px;
}
ul.block_flow li::before {
	border-color: var(--bordercolor03) transparent transparent;
	border-style: solid;
	border-width: 60px 80px 0 80px;
	border-width: clamp(16px, 4.83vw, 26px) clamp(20px, 6.45vw, 80px) 0;
	bottom: 60px;
	bottom: calc(clamp(16px, 4.83vw, 27.4px) * -1);
	content: "";
	height: 0;
	left: calc(50% - 80px);
	left: calc(50% - clamp(20px, 6.45vw, 80px));
	position: absolute;
	width: 0;
}
ul.block_flow li::after {
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 60px 80px 0 80px;
	border-width: clamp(16px, 4.83vw, 26px) clamp(20px, 6.45vw, 80px) 0;
	bottom: 60px;
	bottom: calc((clamp(16px, 4.83vw, 28px) * -1) + 3px);
	content: "";
	height: 0;
	left: calc(50% - 80px);
	left: calc(50% - clamp(20px, 6.45vw, 80px));
	position: absolute;
	width: 0;
}
ul.block_flow li:last-child,
ul.block_flow li:last-child::before,
ul.block_flow li:last-child::after {
	border: none;
}
li.block_flow_list dl {
	overflow: hidden;
	padding: 0 1em;
}
li.block_flow_list dl dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
li.block_flow_list dl dt::before {
	counter-increment: blockflow;
	content: "STEP" counter(blockflow);
	background: var(--bgcolor03);
	color: var(--txtcolor01);
	border-radius: 90px;
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 0.1em;
	padding: 0 0.5em;
}
p.block_flow_list_ttl {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	margin-bottom: 16px;
	margin-left: 8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.7em;
}
figure.block_flow_list_pic {
	margin: 0 0 16px;
}
ul.block_flow_list_txt {
	clear: left;
}
@media screen and (min-width: 782px) {
	figure.block_flow_list_pic {
		float: right;
		margin: 0 0 16px 16px;
	}
	figure.block_flow_list_pic img {
		max-width: 300px;
	}
	p.block_flow_list_txt {
		clear: left;
	}
}

/*
* クーポンブロック
*/
dl.block_coupon {
	border: 1px solid var(--bordercolor01);
	padding: 1em;
	margin: 2em 0.5em;
}
/* クーポンタイトル */
dt.block_coupon_ttl {
	padding-left: 2.4em;
	margin-bottom: 1em;
	font-weight: bold;
	position: relative;
}
dt.block_coupon_ttl::before {
	position: absolute;
	display: flex;
	align-items: center;
	left: -0.2em;
	width: 1em;
	height: 100%;
	padding: 0 0.5em;
	color: #fff;
}
/* クーポンラベルカラー */
dt.block_coupon_ttl.new::before {
	content: "新規";
	background: #ef7b7b;
}
dt.block_coupon_ttl.repeat::before {
	content: "再来";
	background: #ef7b7b;
}
dt.block_coupon_ttl.all::before {
	content: "全員";
	background: #ef7b7b;
}
dt.block_coupon_ttl.limited::before {
	content: "限定";
	background: #ef7b7b;
}
dt.block_coupon_ttl span {
	display: block;
}
span.block_coupon_ttl_price {
	text-align: right;
	color: var(--pointcolor);
}
/* クーポン内容 */
figure.block_coupon_conts_area {
	display: flex;
	align-items: flex-start;
	font-size: 12px;
}
figure.block_coupon_conts_area img {
	width: 35%;
}
figcaption.block_coupon_conts_area_info {
	width: 65%;
	margin: 0 0 1em 1em;
}
figcaption.block_coupon_conts_area_info dl {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--bordercolor03);
}
figcaption.block_coupon_conts_area_info dl dt {
	float: left;
	font-weight: bold;
}
figcaption.block_coupon_conts_area_info dl dd {
	margin-left: 5em;
}
span.presentations_span:not(:last-of-type)::after {
	content: "&";
	display: inline-block;
	margin-left: 0.2em;
}
ul.block_coupon_conts_yoyaku {
	margin-top: 1em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.block_coupon_conts_yoyaku li {
	width: 45%;
	margin: 0 0.5em 0.8em;
	text-align: center;
}
ul.block_coupon_conts_yoyaku li a {
	display: block;
	padding: 0.8em 1em;
	background-color: var(--bgcolor03);
	color: var(--txtcolor01);
}
ul.block_coupon_conts_yoyaku li a.tel {
	background-color: var(--bgcolor03);
}
ul.block_coupon_conts_yoyaku li a.web {
	background-color: var(--pointcolor);
}
ul.block_coupon_conts_yoyaku li a.line {
	background-color: #00b900;
}
@media screen and (min-width: 782px) {
	figure.block_coupon_conts_area {
		font-size: 14px;
	}
	ul.block_coupon_conts_yoyaku {
		flex-wrap: nowrap;
	}
}

.top_inner02{
  img{
    width: auto;
  }
}
@media screen and ( 782px > width ){
  .top_inner02 {
		margin: 0 calc(50% - 50vw);
		padding: min(8vw,48px) calc(50vw - 48%);
    img{
      width: auto;
    }
	}
  footer{
    .totop{
      display: block;
      margin-bottom: 20%;
    }
    .totop img {
      width: 45px;
    }
    .f_nav {
      display: flex;
      position: fixed;
      bottom: 0;
      li{
        flex:1 1 0;
      }
      img{
        width: auto;
      }
    }
  }
}
@media screen and ( 782px <= width ){
  .wp-site-blocks .top_inner02{
    max-width: 800px;
    margin: 7em auto 24px;
  }
  footer .header_sp, footer #gnav{
    display: none;
  }
}