@charset "utf-8";


/*===========================================

↓↓↓↓↓機能、構成やレイアウトに関するcss

===========================================*/


/*===============================
フレックスボックス
===============================*/
.flex {
	display: flex;
}
.fl_btw_str {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.fl_btw_sta {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.fl_btw_cen {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fl_aro_str {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}
.fl_aro_sta {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.fl_aro_cen {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.fl_cen_str {
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.fl_cen_sta {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.fl_cen_cen {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fl_sta_str {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.fl_sta_sta {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.fl_sta_cen {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
/* flex-flow */
.col_wrap{
	flex-flow: column wrap;
}
.col_nowrap{
	flex-flow: column nowrap;
}
.col_wrap-rev{
	flex-flow: column wrap-reverse;
}
.row_wrap{
	flex-flow: row wrap;
}
.row_nowrap{
	flex-flow: row nowrap;
}
.row-rev_wrap{
	flex-flow: row-reverse wrap;
}
.row-rev_nowrap{
	flex-flow: row-reverse nowrap;
}
.row_wrap-rev{
	flex-flow: row wrap-reverse;
}
.row-rev_wrap-rev{
	flex-flow: row-reverse wrap-reverse;
}

/*フレックスボックスの均等分割
-------------------------------*/
*[class^="fl_"] {
	/*background: red;*/
}
.-cut2,
.-cut3,
.-cut4,
.-cut5,
.-cut6,
.-cut7,
.-cut8 {
	column-gap: 4rem;
}
/* 1/2 */
.-cut2 > .fl_item {
	width: calc(100%/2 - (4rem/2));
}
.-cut2.gap-c0 > .fl_item {
	width: 50%;
}
/* 1/3 */
.-cut3 > .fl_item {
	width: calc(100%/3 - (4rem*2/3));
}
.-cut3.gap-c0 > .fl_item {
	width: calc(100%/3);
}
/* 1/4 */
.-cut4 > .fl_item {
	width: calc(100%/4 - (4rem*3/4));
}
.-cut4.gap-c0 > .fl_item {
	width: calc(100%/4);
}
/* 1/5 */
.-cut5 > .fl_item {
	width: calc(100%/5 - (4rem*4/5));
}
.-cut5.gap-c0 > .fl_item {
	width: calc(100%/5);
}
/* 1/6 */
.-cut6 > .fl_item {
	width: calc(100%/6 - (4rem*5/6));
}
.-cut6.gap-c0 > .fl_item {
	width: calc(100%/6);
}
/* 1/7 */
.-cut7 > .fl_item {
	width: calc(100%/7 - (4rem*6/7));
}
.-cut7.gap-c0 > .fl_item {
	width: calc(100%/7);
}
/* 1/8 */
.-cut8 > .fl_item {
	width: calc(100%/8 - (4rem*7/8));
}
.-cut8.gap-c0 > .fl_item {
	width: calc(100%/8);
}

/*フレックスボックスのgap
-------------------------------*/
/*
左右のgapを1rem＝10pxにすることで
タブレット表示の際に1rem＝8pxとなり
少し隙間を小さくする
*/
/*左右の隙間*/
.gap-c0 {
	column-gap: 0;
}
.gap-c10 {
	column-gap: 1rem;
}
.gap-c20 {
	column-gap: 2rem;
}
.gap-c30 {
	column-gap: 3rem;
}
.gap-c40 {
	column-gap: 4rem;
}
/*上下の隙間*/
.gap-r0 {
	row-gap: 0;
}
.gap-r10 {
	row-gap: 1rem;
}
.gap-r20 {
	row-gap: 2rem;
}
.gap-r30 {
	row-gap: 3rem;
}
.gap-r40 {
	row-gap: 4rem;
}
.gap-r50 {
	row-gap: 5rem;
}
.gap-r60 {
	row-gap: 6rem;
}
.gap-r70 {
	row-gap: 7rem;
}
.gap-r80 {
	row-gap: 8rem;
}

/*fl_itemの割合
-------------------------------*/
/*flex boxで左右に並ぶ2つのアイテムの幅を％で管理*/
.fl_item.-w20per {
	width: calc(20% - 2rem);
}
.fl_item.-w21per {
	width: calc(21% - 2rem);
}
.fl_item.-w22per {
	width: calc(22% - 2rem);
}
.fl_item.-w23per {
	width: calc(23% - 2rem);
}
.fl_item.-w24per {
	width: calc(24% - 2rem);
}
.fl_item.-w25per {
	width: calc(25% - 2rem);
}
.fl_item.-w26per {
	width: calc(26% - 2rem);
}
.fl_item.-w27per {
	width: calc(27% - 2rem);
}
.fl_item.-w28per {
	width: calc(28% - 2rem);
}
.fl_item.-w29per {
	width: calc(29% - 2rem);
}
.fl_item.-w30per {
	width: calc(30% - 2rem);
}
.fl_item.-w31per {
	width: calc(31% - 2rem);
}
.fl_item.-w32per {
	width: calc(32% - 2rem);
}
.fl_item.-w33per {
	width: calc(33% - 2rem);
}
.fl_item.-w34per {
	width: calc(34% - 2rem);
}
.fl_item.-w35per {
	width: calc(35% - 2rem);
}
.fl_item.-w36per {
	width: calc(36% - 2rem);
}
.fl_item.-w37per {
	width: calc(37% - 2rem);
}
.fl_item.-w38per {
	width: calc(38% - 2rem);
}
.fl_item.-w39per {
	width: calc(39% - 2rem);
}
.fl_item.-w40per {
	width: calc(40% - 2rem);
}
.fl_item.-w41per {
	width: calc(41% - 2rem);
}
.fl_item.-w42per {
	width: calc(42% - 2rem);
}
.fl_item.-w43per {
	width: calc(43% - 2rem);
}
.fl_item.-w44per {
	width: calc(44% - 2rem);
}
.fl_item.-w45per {
	width: calc(45% - 2rem);
}
.fl_item.-w46per {
	width: calc(46% - 2rem);
}
.fl_item.-w47per {
	width: calc(47% - 2rem);
}
.fl_item.-w48per {
	width: calc(48% - 2rem);
}
.fl_item.-w49per {
	width: calc(49% - 2rem);
}
.fl_item.-w50per {
	width: calc(50% - 2rem);
}
.fl_item.-w51per {
	width: calc(51% - 2rem);
}
.fl_item.-w52per {
	width: calc(52% - 2rem);
}
.fl_item.-w53per {
	width: calc(53% - 2rem);
}
.fl_item.-w54per {
	width: calc(54% - 2rem);
}
.fl_item.-w55per {
	width: calc(55% - 2rem);
}
.fl_item.-w56per {
	width: calc(56% - 2rem);
}
.fl_item.-w57per {
	width: calc(57% - 2rem);
}
.fl_item.-w58per {
	width: calc(58% - 2rem);
}
.fl_item.-w59per {
	width: calc(59% - 2rem);
}
.fl_item.-w60per {
	width: calc(60% - 2rem);
}
.fl_item.-w61per {
	width: calc(61% - 2rem);
}
.fl_item.-w62per {
	width: calc(62% - 2rem);
}
.fl_item.-w63per {
	width: calc(63% - 2rem);
}
.fl_item.-w64per {
	width: calc(64% - 2rem);
}
.fl_item.-w65per {
	width: calc(65% - 2rem);
}
.fl_item.-w66per {
	width: calc(66% - 2rem);
}
.fl_item.-w67per {
	width: calc(67% - 2rem);
}
.fl_item.-w68per {
	width: calc(68% - 2rem);
}
.fl_item.-w69per {
	width: calc(69% - 2rem);
}
.fl_item.-w70per {
	width: calc(70% - 2rem);
}
.fl_item.-w71per {
	width: calc(71% - 2rem);
}
.fl_item.-w72per {
	width: calc(72% - 2rem);
}
.fl_item.-w73per {
	width: calc(73% - 2rem);
}
.fl_item.-w74per {
	width: calc(74% - 2rem);
}
.fl_item.-w75per {
	width: calc(75% - 2rem);
}
.fl_item.-w76per {
	width: calc(76% - 2rem);
}
.fl_item.-w77per {
	width: calc(77% - 2rem);
}
.fl_item.-w78per {
	width: calc(78% - 2rem);
}
.fl_item.-w79per {
	width: calc(79% - 2rem);
}
.fl_item.-w80per {
	width: calc(80% - 2rem);
}

/*マージントップ
-------------------------------*/
.mt_auto {
	margin-top: auto;
}


/*================================
幅と高さの指定
================================*/

/*※幅と高さのpx指定、％指定について*/
/*================================

幅と高さの指定は以下の6種
・width と height
・max width と max height
・min width と min height

6種それぞれにpx指定した場合と、％指定した場合の2パターンがあります。

------------------------------
例：width, height（px指定）
------------------------------
width: 480px; → .w480, w480-tab, w480-sp
height: 480px; → .h480, h480-tab, h480-sp

.w〇-tab = タブレットの際に〇px
.w〇-sp = スマホの際に〇px


------------------------------
例：width, height（％指定）
------------------------------
・末尾にpercentの意味でperを追加

width: 100%; → .w100per, w100per-tab, w100per-sp
height: 100%; → .h100per, h100per-tab, h100per-sp


------------------------------
例：max width, max height（px指定）
------------------------------
・頭にmaxの意味でmx-を追加

max width: 480px; → .mx-w480, .mx-w480-tab, .mx-w480-sp
max height: 480px; → .mx-h480, .mx-h480-tab, .mx-h480-sp


------------------------------
例：max width, max height（％指定）
------------------------------
・末尾にpercentの意味でpを追加

max width: 100%; → .mx-w100per, .mx-w100per-tab, .mx-w100per-sp
max height: 100%; → .mx-h100per, .mx-h100per-tab, .mx-h100per-sp


------------------------------
例：min width, min height（px指定）
------------------------------
・頭にminの意味でmn-を追加

min width: 480px; → .mn-w480, .mn-w480-tab, .mn-w480-sp
min height: 480px; → .mn-h480, .mn-h480-tab, .mn-h480-sp


------------------------------
例：min width, min height（％指定）
------------------------------
・末尾にpercentの意味でpを追加

min width: 100%; → .mn-w100per, .mn-w100per-tab, .mn-w100per-sp
min height: 100%; → .mn-h100per, .mn-h100per-tab, .mn-h100per-sp

================================*/


/*width（px指定）
-------------------------------*/
.w480 {
	width: 480px;
}
.w490 {
	width: 490px;
}

/*width（％指定）
-------------------------------*/
.w24per {
	width: 24%;
}
.w37per {
	width: 37%;
}
.w38per {
	width: 38%;
}
.w39per {
	width: 39%;
}
.w40per {
	width: 40%;
}
.w50per {
	width: 50%;
}
.w60per {
	width: 60%;
}
.w61per {
	width: 61%;
}
.w62per {
	width: 62%;
}
.w100per {
	width: 100%;
}

/*width（その他）
-------------------------------*/
.w-fit {
	width: fit-content;
}

/*height（px指定）
-------------------------------*/
.h00 {
	height: 00px;
}

/*height（％指定）
-------------------------------*/
.h100per {
	height: 100%;
}

/*max width（px指定）
-------------------------------*/
.mx-w260 {
	max-width: 260px;
	width: 100%;
}
.mx-w280 {
	max-width: 280px;
	width: 100%;
}
.mx-w350 {
	max-width: 350px;
	width: 100%;
}
.mx-w360 {
	max-width: 360px;
	width: 100%;
}
.mx-w390 {
	max-width: 390px;
	width: 100%;
}
.mx-w400 {
	max-width: 400px;
	width: 100%;
}
.mx-w480 {
	max-width: 480px;
	width: 100%;
}
.mx-w490 {
	max-width: 490px;
	width: 100%;
}
.mx-w500 {
	max-width: 500px;
	width: 100%;
}
.mx-w520 {
	max-width: 520px;
	width: 100%;
}
.mx-w530 {
	max-width: 530px;
	width: 100%;
}
.mx-w560 {
	max-width: 560px;
	width: 100%;
}
.mx-w580 {
	max-width: 580px;
	width: 100%;
}
.mx-w600 {
	max-width: 600px;
	width: 100%;
}
.mx-w610 {
	max-width: 610px;
	width: 100%;
}
.mx-w670 {
	max-width: 670px;
	width: 100%;
}
.mx-w755 {
	max-width: 755px;
	width: 100%;
}
.mx-w800 {
	max-width: 800px;
	width: 100%;
}
.mx-w840 {
	max-width: 840px;
	width: 100%;
}
.mx-w860 {
	max-width: 860px;
	width: 100%;
}
.mx-w860 {
	max-width: 860px;
	width: 100%;
}
.mx-w1000 {
	max-width: 1000px;
	width: 100%;
}

/*max width（％指定）
-------------------------------*/
.mx-w100per {
	max-width: 100%;
	width: 100%;
}

/*max height（px指定）
-------------------------------*/
.mx-h00 {
	max-height: 00px;
}

/*max height（％指定）
-------------------------------*/
.mx-h100per {
	max-height: 100%;
}

/*min width（px指定）
-------------------------------*/
.mn-w00 {
	min-width: 00px;
}

/*min width（％指定）
-------------------------------*/
.mn-w100per {
	min-width: 100%;
}

/*min height（px指定）
-------------------------------*/
.mn-h00 {
	min-height: 00px;
}

/*min height（％指定）
-------------------------------*/
.mn-h100per {
	min-height: 100%;
}

/* padding
================================*/
.pd0 {
	padding: 0 !important;
}
.pd10 {
	padding: 1rem !important;
}
.pd20 {
	padding: 2rem !important;
}
.pd30 {
	padding: 3rem !important;
}
.pd40 {
	padding: 4rem !important;
}
.pd50 {
	padding: 5rem !important;
}
/*padding-top*/
.pdt0 {
	padding-top: 0 !important;
}
.pdt10 {
	padding-top: 1rem !important;
}
.pdt20 {
	padding-top: 2rem !important;
}
.pdt30 {
	padding-top: 3rem !important;
}
.pdt40 {
	padding-top: 4rem !important;
}
.pdt50 {
	padding-top: 5rem !important;
}
/*padding-bottom*/
.pdb0 {
	padding-bottom: 0 !important;
}







/*================================
↓　各ブレイクポイント毎の flex-direction
==================================
横並びのアイテムのflex-direction を column に変更して
タブレット・スマホ幅で見やすいように変更する
==================================
.col_wrap-pc…………………ノートPCで縦並びにする
.col_wrap-tab_lg………タブレット(横画面)で縦並びにする
.col_wrap-tab………………タブレット(縦画面)で縦並びにする
.col_wrap-sp…………………スマホで縦並びにする
================================*/



/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {
	/* flex-flow　縦並び
	-------------------------------*/
	.col_wrap-pc {
		flex-flow: column wrap;
	}
	.col_wrap-pc > .fl_item {
		width: 100%!important;
	}
}


/*================================
TABLET横 1080px～0px
================================*/
@media screen and (max-width: 1080px) {
	/* flex-flow　縦並び
	-------------------------------*/
	.col_wrap-tab_lg {
		flex-flow: column wrap;
	}
	.col_wrap-tab_lg > .fl_item {
		width: 100%!important;
	}
}


/*================================
TABLET縦 834px～0px
================================*/
@media screen and (max-width: 834px) {
	/* flex-flow　縦並び
	-------------------------------*/
	.col_wrap-tab {
		flex-flow: column wrap;
	}
	.col_wrap-tab > .fl_item {
		width: 100%!important;
	}

	/*フレックスボックスの均等分割
	-------------------------------*/
	.-cut2-tab,
	.-cut3-tab,
	.-cut4-tab {
		flex-flow: row wrap;
	}
	/* 1/2 */
	.-cut2-tab > .fl_item {
		width: calc(100%/2 - (4rem/2));
	}
	.-cut2-tab.gap-c0 > .fl_item {
		width: 50%;
	}
	/* 1/3 */
	.-cut3-tab > .fl_item {
		width: calc(100%/3 - (4rem*2/3));
	}
	.-cut3-tab.gap-c0 > .fl_item {
		width: calc(100%/3);
	}
	/* 1/4 */
	.-cut4-tab > .fl_item {
		width: calc(100%/4 - (4rem*3/4));
	}
	.-cut4-tab.gap-c0 > .fl_item {
		width: calc(100%/4);
	}

	/*================================
	幅と高さの指定
	================================*/

	/*width（px指定）
	-------------------------------*/
	.w00-tab {
		width: 00px;
	}

	/*width（％指定）
	-------------------------------*/
	.w100per-tab {
		width: 100%;
	}

	/*height（px指定）
	-------------------------------*/
	.h00-tab {
		height: 00px;
	}

	/*height（％指定）
	-------------------------------*/
	.h100per-tab {
		height: 100%;
	}

	/*max width（px指定）
	-------------------------------*/
	.mx-w00-tab {
		max-width: 00px;
		width: 100%;
	}
	.mx-w200-tab {
		max-width: 200px;
		width: 100%;
	}
	.mx-w450-tab {
		max-width: 450px;
		width: 100%;
	}
	.mx-w460-tab {
		max-width: 460px;
		width: 100%;
	}
	.mx-w480-tab {
		max-width: 480px;
		width: 100%;
	}

	/*max width（％指定）
	-------------------------------*/
	.mx-w100per-tab {
		max-width: 100%;
		width: 100%;
	}

	/*max height（px指定）
	-------------------------------*/
	.mx-h00-tab {
		max-height: 00px;
	}

	/*max height（％指定）
	-------------------------------*/
	.mx-h100per-tab {
		max-height: 100%;
	}

	/*min width（px指定）
	-------------------------------*/
	.mn-w00-tab {
		min-width: 00px;
	}

	/*min width（％指定）
	-------------------------------*/
	.mn-w100per-tab {
		min-width: 100%;
	}

	/*min height（px指定）
	-------------------------------*/
	.mn-h00-tab {
		min-height: 00px;
	}

	/*min height（％指定）
	-------------------------------*/
	.mn-h100per-tab {
		min-height: 100%;
	}


}


/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px)  {
	/* flex-flow　縦並び
	-------------------------------*/
	.col_wrap-sp {
		flex-flow: column wrap;
	}
	.col_wrap-sp > .fl_item {
		width: 100%!important;
	}

	/*フレックスボックスの均等分割
	-------------------------------*/
	.-cut2,
	.-cut3,
	.-cut4,
	.-cut5,
	.-cut6,
	.-cut7,
	.-cut8 {
		column-gap: 20px;
	}
	/* 1/2 */
	.-cut2 > .fl_item {
		width: calc(100%/2 - (20px/2));
	}
	/* 1/3 */
	.-cut3 > .fl_item {
		width: calc(100%/3 - (40px/3));
	}
	/* 1/4 */
	.-cut4 > .fl_item {
		width: calc(100%/4 - (60px/4));
	}

	/*フレックスボックスの均等分割
	-------------------------------*/
	/* 1/2 */
	.-cut2-tab > .fl_item {
		width: calc(100%/2 - (20px/2));
	}
	/* 1/3 */
	.-cut3-tab > .fl_item {
		width: calc(100%/3 - (40px/3));
	}
	/* 1/4 */
	.-cut4-tab > .fl_item {
		width: calc(100%/4 - (60px/4));
	}

	/*フレックスボックスの均等分割
	-------------------------------*/
	/* 1/2 */
	.-cut2-sp > .fl_item {
		width: calc(100%/2 - (20px/2));
	}
	/* 1/3 */
	.-cut3-sp > .fl_item {
		width: calc(100%/3 - (40px/3));
	}
	/* 1/4 */
	.-cut4-sp > .fl_item {
		width: calc(100%/4 - (60px/4));
	}

	/*フレックスボックスのgap
	-------------------------------*/
	/*上下の隙間*/
	.gap-r0-sp {
		row-gap: 0;
	}
	.gap-r10-sp {
		row-gap: 10px;
	}
	.gap-r20-sp {
		row-gap: 20px;
	}
	.gap-r30-sp {
		row-gap: 30px;
	}
	.gap-r40-sp {
		row-gap: 40px;
	}


	/*================================
	幅と高さの指定
	================================*/

	/*width（px指定）
	-------------------------------*/
	.w00-sp {
		width: 00px;
	}
	.w200-sp {
		width: 200px;
	}

	/*width（％指定）
	-------------------------------*/
	.w100per-sp {
		width: 100%;
	}

	/*height（px指定）
	-------------------------------*/
	.h00-sp {
		height: 00px;
	}

	/*height（％指定）
	-------------------------------*/
	.h100per-sp {
		height: 100%;
	}

	/*max width（px指定）
	-------------------------------*/
	.mx-w00-sp {
		max-width: 00px;
		width: 100%;
	}
	.mx-w120-sp {
		max-width: 120px;
		width: 100%;
	}
	.mx-w140-sp {
		max-width: 140px;
		width: 100%;
	}
	.mx-w180-sp {
		max-width: 180px;
		width: 100%;
	}
	.mx-w200-sp {
		max-width: 200px;
		width: 100%;
	}
	.mx-w240-sp {
		max-width: 240px;
		width: 100%;
	}
	.mx-w300-sp {
		max-width: 300px;
		width: 100%;
	}

	/*max width（％指定）
	-------------------------------*/
	.mx-w100per-sp {
		max-width: 100%;
		width: 100%;
	}

	/*max height（px指定）
	-------------------------------*/
	.mx-h00-sp {
		max-height: 00px;
	}

	/*max height（％指定）
	-------------------------------*/
	.mx-h100per-sp {
		max-height: 100%;
	}

	/*min width（px指定）
	-------------------------------*/
	.mn-w00-sp {
		min-width: 00px;
	}

	/*min width（％指定）
	-------------------------------*/
	.mn-w100per-sp {
		min-width: 100%;
	}

	/*min height（px指定）
	-------------------------------*/
	.mn-h00-sp {
		min-height: 00px;
	}

	/*min height（％指定）
	-------------------------------*/
	.mn-h100per-sp {
		min-height: 100%;
	}


}

/*===========================================

↑↑↑↑↑機能、構成やレイアウトに関するcss

===========================================*/







/*===========================================

↓↓↓↓↓外観、デザインや飾りに関するcss

===========================================*/


/*================================
コンテナ類、幅制御
===============================*/
.main {
	background: #fff8f0;
}
.section {
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.section:nth-of-type(1) {
	/*padding-top: 3rem;*/
}
.section .inner {
	max-width: calc(1200px + 14rem);
}
.content {}
.content:not(:last-of-type) {
	margin-bottom: 9rem;
}

/*================================
メインビジュアル
===============================*/
.mv {
	background-image: url(../img/mv_sky.png);
	background-position: top center;
	background-size: 192rem auto;
	background-color: #c5ecff;
	position: relative;
	z-index: 1;
}
.mv::before,
.mv::after {
	position: absolute;
	z-index: -1;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
}
.mv::before {
	height: 8rem;
	background-image: url(../img/bg_lawn.png);
	background-position: bottom center;
	background-size: 192rem auto;
}
.mv::after {
	height: 21rem;
	background-image: url(../img/mv_bg_top.png);
	background-position: top center;
	background-size: 192rem auto;
}
.mv .inner {
	max-width: calc(1300px + 14rem);
	padding-top: 14rem;
	padding-bottom: 6rem;
}
.mv-content {
	position: relative;
	z-index: 1;
}
/* スライド飾り
-------------------------------*/
.mv_deco {
	position: absolute;
	z-index: 1;
	content: "";
	background-position: center;
	background-size: contain;
}
.mv_deco.-img01 {
	background-image: url(../img/mv_baloon.png);
	width: 9.5%;
	aspect-ratio: 0.55/1;
	left: -1.4%;
	top: 28%;
}
.mv_deco.-img02 {
	background-image: url(../img/mv_sakura01.png);
	width: 9.4%;
	aspect-ratio: 0.8/1;
	right: -5.5%;
	top: 30%;
}
.mv_deco.-img03 {
	background-image: url(../img/mv_sakura02.png);
	width: 11%;
	aspect-ratio: 1/1;
	left: -5.5%;
	bottom: -9%;
}
.mv_deco.-img04 {
	background-image: url(../img/mv_tree.png);
	width: 32%;
	aspect-ratio: 2.24/1;
	right: -10%;
	bottom: -9%;
}
.mv_deco.-img05 {
	background-image: url(../img/mv_dog.png);
	width: 11.1%;
	aspect-ratio: 1.4/1;
	right: 0;
	bottom: -8%;
}
/* スライド飾りアニメーション
-------------------------------*/
.floating {
	animation: floating 4s ease-in-out infinite;
}
@keyframes floating {
	0% {
		translate: 0 0;
	}
	50% {
		translate: 0 -6%;
	}
	100% {
		translate: 0 0;
	}
}
.walking {
	animation: walking 8s ease-in-out infinite;
}
@keyframes walking {
	/*左右*/
	0% {
		translate: 0 0;
		scale: 1;
	}
	46% {
		scale: 1;
	}
	50% {
		translate: -70% 0;
		scale: -1 1;
	}
	96% {
		scale: -1 1;
	}
	100% {
		translate: 0 0;
		scale: 1;
	}
	/*上下*/
	0% {
		transform: translateY(-4%);
	}
	5% {
		transform: translateY(0);
	}
	15% {
		transform: translateY(-4%);
	}
	20% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(-4%);
	}
	30% {
		transform: translateY(0);
	}
	35% {
		transform: translateY(-4%);
	}
	40% {
		transform: translateY(0);
	}
	45% {
		transform: translateY(-4%);
	}
	50% {
		transform: translateY(0);
	}
	55% {
		transform: translateY(-4%);
	}
	60% {
		transform: translateY(0);
	}
	65% {
		transform: translateY(-4%);
	}
	70% {
		transform: translateY(0);
	}
	75% {
		transform: translateY(-4%);
	}
	80% {
		transform: translateY(0);
	}
	85% {
		transform: translateY(-4%);
	}
	90% {
		transform: translateY(0);
	}
	95% {
		transform: translateY(-4%);
	}
	100% {
		transform: translateY(0);
	}
}
/*-------------------------------
ページタイトル
-------------------------------*/
.mv-title_area {
	height: 40rem;
	padding-top: 19rem;
	clip-path: polygon(50% 0%, 100% 45%, 100% 100%, 0 100%, 0% 45%);
	background-size: cover;
	background-position: center;
	/*↓背景写真*/
	background-image: url(../img/mv_img.jpg?02);
}
.page-title {
	padding-top: 3.6rem;
	background-position: top center;
	background-size: 4rem auto;
	filter:
	drop-shadow(1px 1px 0 #ffffff)
	drop-shadow(-1px 1px 0 #ffffff)
	drop-shadow(1px -1px 0 #ffffff)
	drop-shadow(-1px -1px 0 #ffffff)
	drop-shadow(1px 0px 0 #ffffff)
	drop-shadow(0px 1px 0 #ffffff)
	drop-shadow(-1px 0px 0 #ffffff)
	drop-shadow(0px -1px 0 #ffffff);
	/*
	filter:
		drop-shadow(1px 1px 1px #ffffff)
		drop-shadow(-1px 1px 1px #ffffff)
		drop-shadow(1px -1px 1px #ffffff)
		drop-shadow(-1px -1px 1px #ffffff)
		drop-shadow(1px 0px 1px #ffffff)
		drop-shadow(0px 1px 1px #ffffff)
		drop-shadow(-1px 0px 1px #ffffff)
		drop-shadow(0px -1px 1px #ffffff);
		*/
}
.page-title_jp {
	padding-bottom: 0.2em;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: var(--theme-color01);
}
.page-title_en {
	padding-bottom: 0.3em;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #6e3708;
}

/* パンくずリスト
================================*/
.breadcrumb {}
.breadcrumb .inner {
	max-width: calc(1200px + 14rem);
	padding-top: 2rem;
}
.breadcrumb_lists {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-flow: row wrap;
	gap: 0.5em;
}
.breadcrumb_lists li {
	position: relative;
	z-index: 1;
	font-size: 1.8rem;
	line-height: 1.2;
}
.breadcrumb_lists a {
	color: var(--theme-color01);
}
.breadcrumb_lists li:not(:last-child) {}
.breadcrumb_lists li:not(:last-child)::after {
	content: ">";
	margin-left: 0.5em;
}

/* 見出し
================================*/
/*section_heading*/
/*-----------------------------*/
.sec_hgroup {
	margin-bottom: 6rem;
	padding-top: 2rem;
	background: url(../img/sec_hgroup_deco.png)top center/1.9rem no-repeat;
}
.sec_heading_jp {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: var(--theme-color01);
}
.sec_heading_en {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: var(--theme-color02);
}

/*content_heading*/
/*-----------------------------*/
.cont_heading01_wrap {
	padding-top: 3rem;
	background-image: url(../img/h_deco01.png);
	background-position: top center;
	background-size: auto 3rem;
}
.cont_heading01 {
	margin-bottom: 4rem;
	padding: 1rem 1rem;
	background: #8a7257;
	border-radius: 0.8rem;
	font-size: 2.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	color: #fff;
}
.cont_heading02 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
	padding: 0.4rem 1rem 0.4rem;
	background: #fff;
	border-top: 1px solid #6eb92b;
	border-bottom: 1px solid #6eb92b;
}
.cont_heading02 .main {
	padding-left: 1.6em;
	background: url(../img/deco_sakura01.png)left 0.2em top 0.2em/1em auto no-repeat;
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.4;
	color: #8a7257;
}
.cont_heading03 {}

/*item_heading*/
/*-----------------------------*/
.item_heading01 {
	margin-bottom: 4rem;
	padding-left: 1.6em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #6eb92b;
	background: url(../img/deco_sakura01.png)left 0.2em top 0.2em/1em auto no-repeat;
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.4;
	color: #8a7257;
}
.item_heading02 {
	position: relative;
	z-index: 1;
	margin-bottom: 3rem;
	padding-left: 6rem;
	padding-bottom: 1rem;
	background-image: url(../img/deco_home.png);
	background-position: left top 0.4rem;
	background-size: 3.8rem auto;
	border-bottom: 3px solid var(--theme-color03);
	font-size: 3rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.4;
	color: var(--theme-color01);
}
.item_heading02::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	bottom: -3px;
	width: 5.5rem;
	height: 3px;
	background: #ee8d7a;
}
.item_heading03 {}

/*その他タイトル*/
/*-----------------------------*/
/*.aaa_heading01 {}*/

/* フレーム
================================*/
.frame-01 {
	background: #fff;
}
.frame-02 {
	background: #fff;
	border: 2px solid #ccc;
}
.frame-03 {
	background: #fff;
	border: 2px solid #6eb92b;
}
/*padding*/
[class*="frame-"].-pd10 {
	padding: 1rem;
}
[class*="frame-"].-pd20 {
	padding: 2rem;
}
[class*="frame-"].-pd30 {
	padding: 3rem;
}
[class*="frame-"].-pd40 {
	padding: 4rem;
}
[class*="frame-"].-pd50 {
	padding: 5rem;
}
/*rounded*/
[class*="frame-"].-br10 {
	border-radius: 1rem;
}
[class*="frame-"].-br20 {
	border-radius: 2rem;
}
/*
[class*="frame-"].-br_type02 {
	border-radius: 10px 0 10px 0;
}
*/

/* 背景（コンテンツ幅）
================================*/
.bg-theme01 {
	background-color: var(--theme-color01);
}
.bg-fff {
	background-color: #fff;
}
.bg-fff8f0 {
	background-color: #fff8f0;
}
.bg-acd598 {
	background-color: #acd598;
}
.bg-ffaaae {
	background-color: #ffaaae;
}
.pattern01 {
	background: url(../img/pattern01.jpg)top center/54.4rem auto;
}
.pattern02 {
	position: relative;
	z-index: 1;
	background: url(../img/pattern02.jpg)top center/31.6rem auto;
}
.pattern03 {
	background: url(../img/pattern03.jpg)top center/80rem auto;
}

/*波ライン*/
/*-----------------------------*/
.pattern02.-wave::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 1px;
	width: 100%;
	height: 8.2rem;
	background-image: url(../img/pattern02_top.png);
	background-position: center bottom;
	background-size: 192rem auto;
	translate: 0 -100%;
}

/* 背景（ブラウザ幅100％）
================================*/
/*
.bg-fff_w100per {
	position: relative;
	z-index: 1;
}
.bg-fff_w100per::before {
	position: absolute;
	z-index: -1;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 102vw;
	height: 100%;
	background: #fff;
}
*/

/* 背景（デザイン）
================================*/
.bg-design01 {
	position: relative;
	z-index: 1;
	padding-bottom: 4rem;
}
.bg-design01_item {
	position: absolute;
	z-index: -1;
	left: 50%;
	bottom: 0;
	translate: -50%;
	width: 110vw;
	height: 36rem;
	max-height: calc(100% - 3rem);
	background: url(../img/pattern01.jpg)top center/54.4rem auto;
}
.bg-design01_item::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: -9rem;
	left: 50%;
	translate: -50%;
	width: 120vw;
	max-width: 1920px;
	height: 33rem;
	background-image: url(../img/bg-design01_deco01.png),url(../img/bg-design01_deco02.png);
	background-position: left center,right center;
	background-size: 36rem auto;
}

/* 文字サイズ
================================*/
.fs14 {
	font-size: 1.4rem;
	vertical-align: baseline;
}
.fs15 {
	font-size: 1.5rem;
	vertical-align: baseline;
}
.fs16 {
	font-size: 1.6rem;
	vertical-align: baseline;
}
.fs18 {
	font-size: 1.8rem;
	vertical-align: baseline;
}
.fs20 {
	font-size: 2rem;
	vertical-align: baseline;
}
.fs22 {
	font-size: 2.2rem;
	vertical-align: baseline;
}
.fs24 {
	font-size: 2.4rem;
	vertical-align: baseline;
}
.fs26 {
	font-size: 2.6rem;
	vertical-align: baseline;
}
.fs30 {
	font-size: 3rem;
	vertical-align: baseline;
}

/* 行の高さ
================================*/
.lh140 {
	line-height: 1.4;
}
.lh150 {
	line-height: 1.5;
}
.lh160 {
	line-height: 1.6;
}
.lh180 {
	line-height: 1.8;
}
.lh200 {
	line-height: 2;
}

/* 締め括りテキスト
================================*/
.conclusion {
	padding: 1.2rem 0;
	border-top: 2px dashed #cddf7a;
	border-bottom: 2px dashed #cddf7a;
	text-align: center;
	color: var(--theme-color01);
}

/* チェックリストなど
================================*/
/*check*/
.li-check {
	padding-left: 1.6em;
	background: url(../img/li-check_icon.png)left top 0.4em /1.05em auto no-repeat;
	text-align: left;
}
.li-check:not(:last-child) {
	/*margin-bottom: 1rem;*/
}
/*dot*/
.li-dot01 {
	position: relative;
	padding-left: 1.1em;
	text-align: left;
}
.li-dot01::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0.6em;
	width: 0.56em;
	height: 0.56em;
	background: var(--theme-color01);
	border-radius: 50%;
}
.li-dot01:not(:last-child) {
	margin-bottom: 1rem;
}
/*square*/
/*
.li-square {
	position: relative;
	padding-left: 1.4em;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.li-square::before {
	position: absolute;
	content: "";
	left: 0.2em;
	top: 0.4em;
	width: 1.4rem;
	height: 1.4rem;
	background: var(--theme-color01);
	border-radius: 2px;
}
.li-square:not(:last-child) {
	margin-bottom: 2rem;
}
*/

/* テーブル
================================*/
.table01 {
	max-width: 580px;
}
.tbl01_th {
	padding: 0.6rem 2rem;
	background: var(--theme-color01);
	border: 1px solid #333;
	font-size: 2rem;
	text-align: left;
	line-height: 1.4;
	color: #fff;
	vertical-align: middle;
}
.tbl01_td {
	padding: 0.6rem 2rem;
	background: #fff;
	border: 1px solid #333;
	text-align: right;
	line-height: 1.4;
	vertical-align: middle;
}

/*================================
その他
===============================*/

/*吹き出し*/
/*-----------------------------*/
.speech {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.speech::before {
	content: "＼";
	margin-right: 0.2em;
}
.speech::after {
	content: "／";
	margin-left: 0.2em;
}

/*ボーダー*/
/*-----------------------------*/
.btm_border01 {
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-bottom: 3px dashed #959595;
}

/*ページ内リンク一覧*/
/*-----------------------------*/
.within_page_group {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 1rem 2rem;
}
.within_page_item {
	width: calc(100%/2 - 2rem/2);
	position: relative;
	z-index: 1;
	padding-left: 0.8em;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.4;
}
.within_page_item::before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0.4em;
	width: 0.5em;
	height: 0.7em;
	background: var(--theme-color01);
	clip-path: polygon(0 0,100% 50%,0 100%);
}
.within_page_link {
	display: inline-block;
	color: #6e3708;
	transition: 0.3s;
}
.within_page_link:hover {
	color: #f29b76;
}

/*Q&A*/
/*-----------------------------*/
.question {
	margin-bottom: 1rem;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #6eb92b;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 1rem;
}
.question .icon {
	width: 3.6rem;
	height: 3.6rem;
	padding-top: 0.14em;
	background: #6eb92b;
	border-radius: 50%;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.question .text {
	width: calc(100% - (3.6rem + 1rem));
	font-size: 2.4rem;
	text-align: left;
	line-height: 1.4;
	color: #8a7257;
}
.answer {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	gap: 1rem;
	padding-left: calc(3.6rem + 1rem);
}
.answer .icon {
	width: 3.6rem;
	height: 3.6rem;
	padding-top: 0.14em;
	background: #f29b76;
	border-radius: 50%;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.answer .text {
	width: calc(100% - (3.6rem + 1rem));
	text-align: left;
}

/* リンク
================================*/
/*外部リンク*/
/*
.link_ex {
	padding-right: 1.4em;
	background-image: url(../img/link_ex_icon02.png);
	background-position: right bottom 0.3em;
	background-size: auto 0.8em;
	background-repeat: no-repeat;
}
*/

/*================================
治療に関してのご質問など
================================*/
.lower-contact {
	padding-bottom: 9rem;
}
.lower-contact .inner {
	position: relative;
	z-index: 1;
	padding-top: 4rem;
	padding-bottom: 6rem;
	background: url(../img/pattern01.jpg)top center/54.4rem auto;
}
.lower-contact .inner::before,
.lower-contact .inner::after {
	position: absolute;
	z-index: -1;
	content: "";
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: 110vw;
	height: calc(100% - 1rem*2);
}
.lower-contact .inner::before {
	background: #fff;
}
.lower-contact .inner::after {
	width: 150vw;
	max-width: 1600px;
	background-image: url(../img/lower-contact_bg01.png),url(../img/lower-contact_bg02.png);
	background-position: left top,right bottom;
	background-size: 46rem auto;
}
.lower-contact_lead {
	width: fit-content;
	margin-inline: auto;
	padding: 3rem 2.4rem 0;
	background-image: url(../img/lower-contact_lead_deco01.png),url(../img/lower-contact_speech01.png),url(../img/lower-contact_speech02.png);
	background-position: top center,left bottom,right bottom;
	background-size: 5rem auto,2rem auto,2rem auto;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #8a7257;
}
.lower-contact_lead .marker {
	text-decoration: underline;
	text-decoration-thickness: 0.6em;
	text-decoration-color: #fff799;
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;
}
.lower-contact_content {
	max-width: 56rem;
	margin-inline: auto;
	background-image: url(../img/lower-contact_deco01.png),url(../img/lower-contact_deco02.png);
	background-position: left center,right center;
	background-size: 12rem auto;
}

/*================================
ノートPC 1366px～0px
================================*/
@media (max-width: 1366px) {}


/*================================
TABLET横 1080px～0px
================================*/
@media (max-width: 1080px) {}


/*================================
TABLET縦 834px～0px
================================*/
@media (max-width: 834px) {

	/* 横スクロール
	================================*/
	.scroll-tab {
		overflow-x: scroll;
		position: relative;
		z-index: 1;
	}
	.scroll_text {
		text-align: center;
	}
	.scroll_text .word {
		position: relative;
		z-index: 1;
		display: inline-block;
		padding-right: 2.2rem;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1;
	}
	.scroll_text .word::after {
		position: absolute;
		z-index: 1;
		content: "";
		right: 0;
		top: calc(50% + 0.1rem);
		transform: translateY(-50%);
		width: 0.8rem;
		height: 1rem;
		background: var(--theme-color01);
		clip-path: polygon(12% 0, 100% 44%, 100% 56%, 12% 100%, 0 88%, 0 12%);
	}

	/*================================
	コンテナ類、幅制御
	===============================*/
	.main {}
	.section {}
	.section:nth-of-type(1) {}
	.section .inner {
		padding-left: 40px;
		padding-right: 40px;
	}
	.content {}
	/*-----------------------------*/
	


	/*================================
	メインビジュアル
	===============================*/
	.mv {
		background-size: 140vw
	}
	.mv::before {
		height: 16vw;
	}
	.mv::after {
		height: 27vw;
	}
	.mv .inner {}
	.mv-content {}
	/* スライド飾り
	-------------------------------*/
	.mv_deco {}
	.mv_deco.-img01 {}
	.mv_deco.-img02 {}
	.mv_deco.-img03 {}
	.mv_deco.-img04 {}
	.mv_deco.-img05 {}
	/*-------------------------------
	ページタイトル
	-------------------------------*/
	.mv-title_area {}
	.page-title {}
	.page-title_jp {}
	.page-title_en {}
	/* パンくずリスト
	================================*/
	.breadcrumb {}
	.breadcrumb .inner {}
	.breadcrumb_lists {}
	.breadcrumb_lists li {}

	/* 見出し
	================================*/
	/*section_heading*/
	/*-----------------------------*/
	.sec_hgroup {}
	.sec_heading_jp {}
	.sec_heading_en {}

	/*content_heading*/
	/*-----------------------------*/
	.cont_heading01_wrap {}
	.cont_heading01 {}
	.cont_heading02 {}
	.cont_heading02 .main {}
	.cont_heading03 {}

	/*item_heading*/
	/*-----------------------------*/
	.item_heading01 {}
	.item_heading02 {}
	.item_heading03 {}

	/* 背景（デザイン）
	================================*/
	.bg-design01 {}
	.bg-design01_item {
		height: 240px;
	}

	/* チェックリストなど
	================================*/
	/*check*/
	.li-check {}
	/*dot*/
	.li-dot01 {}

	/* テーブル
	================================*/
	.table01 {}
	.tbl01_th {}
	.tbl01_td {}

	/*================================
	その他
	===============================*/

	/*吹き出し*/
	/*-----------------------------*/
	.speech {}

	/*ページ内リンク一覧*/
	/*-----------------------------*/
	.within_page_group {}
	.within_page_item {}
	.within_page_link {}

	/*Q&A*/
	/*-----------------------------*/
	.question {}
	.question .icon {}
	.question .text {}
	.answer {}
	.answer .icon {}
	.answer .text {}
	
	/*================================
	治療に関してのご質問など
	================================*/
	.lower-contact {}
	.lower-contact .inner {}
	.lower-contact .inner::before {}
	.lower-contact .inner::after {}
	.lower-contact_lead {}
	.lower-contact_lead .marker {}
	.lower-contact_content {}



}



/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px) {

	/* 横スクロール
	================================*/
	.scroll-sp {
		overflow-x: scroll;
		position: relative;
		z-index: 1;
	}

	/* 文字サイズ
	================================*/
	.fs16-sp {
		font-size: 1.6rem;
		vertical-align: baseline;
	}
	.fs18-sp {
		font-size: 1.8rem;
		vertical-align: baseline;
	}
	.fs20-sp {
		font-size: 2rem;
		vertical-align: baseline;
	}
	.fs22-sp {
		font-size: 2.2rem;
		vertical-align: baseline;
	}
	.fs24-sp {
		font-size: 2.4rem;
		vertical-align: baseline;
	}
	.fs26-sp {
		font-size: 2.6rem;
		vertical-align: baseline;
	}
	.fs30-sp {
		font-size: 3rem;
		vertical-align: baseline;
	}


	/*================================
	コンテナ類、幅制御
	===============================*/
	.main {}
	.section {}
	.section:nth-of-type(1) {}
	.section .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.content {}

	/* フレーム
	================================*/
	/*padding*/
	[class*="frame-"].-pd20,
	[class*="frame-"].-pd30,
	[class*="frame-"].-pd40,
	[class*="frame-"].-pd50 {
		padding: 16px;
	}

	/*-----------------------------*/




	/*================================
	メインビジュアル
	===============================*/
	.mv {
		background-image: url(../img/mv_sky_sp.png);
		background-size: 100% auto;
	}
	.mv::before {
		background-image: url(../img/bg_lawn_sp.png);
		background-size: 100% auto;
		height: 100px;
	}
	.mv::after {
		background-image: url(../img/mv_bg_top_sp.png);
		background-size: 100% auto;
		height: 140px;
	}
	.mv .inner {
		padding-top: 90px;
	}
	.mv-content {}
	/* スライド飾り
	-------------------------------*/
	.mv_deco {}
	.mv_deco.-img01 {
		width: 14vw;
		left: -6%;
		top: 12%;
	}
	.mv_deco.-img02 {
		width: 12vw;
		right: -6%;
		top: 22%;
	}
	.mv_deco.-img03 {
		width: 11vw;
	}
	.mv_deco.-img04 {
		width: 40vw;
		right: -8%;
	}
	.mv_deco.-img05 {
		width: 15vw;
	}
	/*-------------------------------
	ページタイトル
	-------------------------------*/
	.mv-title_area {
		height: auto;
		min-height: 160px;
		padding-top: 14vw;
		padding-bottom: 20px;
	}
	.page-title {}
	.page-title_jp {
		font-size: 3rem;
	}
	.page-title_en {
		font-size: 1.5rem;
	}
	/* パンくずリスト
	================================*/
	.breadcrumb {}
	.breadcrumb .inner {}
	.breadcrumb_lists {}
	.breadcrumb_lists li {}

	/* 見出し
	================================*/
	/*section_heading*/
	/*-----------------------------*/
	.sec_hgroup {}
	.sec_heading_jp {}
	.sec_heading_en {}

	/*content_heading*/
	/*-----------------------------*/
	.cont_heading01_wrap {
		padding-top: 18px;
		background-size: auto 18px;
	}
	.cont_heading01 {
		padding: 6px;
		font-size: 2.2rem;
	}
	.cont_heading02 {}
	.cont_heading02 .main {}
	.cont_heading03 {}

	/*item_heading*/
	/*-----------------------------*/
	.item_heading01 {
		font-size: 2.2rem;
	}
	.item_heading02 {
		font-size: 2.4rem;
	}
	.item_heading03 {}

	/* 背景（コンテンツ幅）
	================================*/

	/*波ライン*/
	/*-----------------------------*/
	.pattern02.-wave::before {
		height: 60px;
		background-image: url(../img/pattern02_top_sp.png);
		background-size: 66.7rem auto;
	}

	/* 背景（デザイン）
	================================*/
	.bg-design01 {}
	.bg-design01_item,
	.bg-design01_item::before {
		width: 130vw;
		background-size: 140px auto;
	}

	/* 締め括りテキスト
	================================*/
	.conclusion {
		text-align: left;
	}

	/* チェックリストなど
	================================*/
	/*check*/
	.li-check {}
	/*dot*/
	.li-dot01 {}

	/* テーブル
	================================*/
	.table01 {}
	.tbl01_th {
		display: block;
		width: 100%;
	}
	.tbl01_td {
		display: block;
		width: 100%;
		border-top: none;
	}

	/*================================
	その他
	===============================*/

	/*吹き出し*/
	/*-----------------------------*/
	.speech {}

	/*ページ内リンク一覧*/
	/*-----------------------------*/
	.within_page_group {}
	.within_page_item {
		width: 100%;
	}
	.within_page_link {}
	
	/*Q&A*/
	/*-----------------------------*/
	.question {}
	.question .icon {
		width: 3.2rem;
		height: 3.2rem;
		font-size: 2.2rem;
	}
	.question .text {
		width: calc(100% - (3.2rem + 1rem));
		font-size: 2.2rem;
	}
	.answer {
		padding-left: 0;
	}
	.answer .icon {
		width: 3.2rem;
		height: 3.2rem;
		font-size: 2.2rem;
	}
	.answer .text {
		width: calc(100% - (3.2rem + 1rem));
	}

	/*================================
	治療に関してのご質問など
	================================*/
	.lower-contact {}
	.lower-contact .inner {}
	.lower-contact .inner::before {}
	.lower-contact .inner::after {
		width: 160vw;
		background-size: 200px auto;
	}
	.lower-contact_lead {}
	.lower-contact_lead .marker {}
	.lower-contact_content {
		background-size: 24% auto;
	}
	
	
}