@charset "utf-8";
/*================================
ここから全サイズ適用
================================*/






/* リンクボタン
================================*/
.link_btn {
	position: relative;
	z-index: 1;
	-webkit-transition: .4s;
	transition: .4s;
	display: inline-block;
	padding: 2px 50px 2px 20px;
	border-radius: 30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.link_btn:hover {
	opacity: 0.7;
}
.link_btn.-color01 {
	background: #00b7ee;
}
.link_btn.-color02 {
	background: #ec6b6c;
}
.link_btn.-color03 {
	background: #ff9300;
}
.link_btn.-color04 {
	background: #f8b551;
}
.link_btn.-color05 {
	background: #8fc771;
}
.link_btn.-color06 {
	background: #f29c9f;
}
.link_btn::before {
	position: absolute;
	z-index: -1;
	content: "→";
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}
/*nolink*/
.link_btn.-nolink {
	background: #ccc;
}


/*================================
スクロールアニメーション
================================*/
/*---------------------------
下からふわっとフェードイン1
---------------------------*/
/*初期状態*/
.action01 .action01_01,
.action01 .action01_02 {
	opacity: 0;
}
/*指定その１*/
.anime01 .action01_01 {
	-webkit-animation: fadeInUp 1.6s 0s ease both;
	animation: fadeInUp 1.6s 0s ease both;
}
/*タイミング遅延*/
.anime01 .action01_02 {
	-webkit-animation: fadeInUp 1.6s 0.2s ease both;
	animation: fadeInUp 1.6s 0.2s ease both;
}
.anime01 .action01_03 {
	-webkit-animation: fadeInUp 1.6s 0.4s ease both;
	animation: fadeInUp 1.6s 0.4s ease both;
}

/*アニメーション内容*/
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/*================================
メインビジュアル
================================*/
#main-visual {
	position: relative;
	z-index: 1;
	background: #fff;
}
.main-slider {
	position: relative;
	z-index: 1;
}
.main-slider::after {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:
		url(img/mv_deco.png)top center repeat-x,
		url(img/mv_kumo01.png)left 4% top 50% no-repeat,
		url(img/mv_kumo02.png)right 2% top 12% no-repeat,
		url(img/mv_kumo03.png)right bottom 20% no-repeat,
		url(img/mv_cover.png)bottom center no-repeat;
}
.swiper-slide {
	width: 100%;
	max-height: 865px;
	height: 865px;
	height: 100vh;
}

/*スライド画像
--------------------------------*/
.main_slide01 {
	background: url(img/slide01.jpg)top center/auto 100% no-repeat;
}
.main_slide02 {
	background: url(img/slide02_v02.jpg?02)top left/auto 100% no-repeat;
}
.main_slide03 {
	background: url(img/slide03.jpg)top center/auto 100% no-repeat;
}
.main_slide04 {
	background: url(img/slide04.jpg)top center/auto 100% no-repeat;
}
.main_slide05 {
	background: url(img/slide05.jpg)top center/auto 100% no-repeat;
}

/*スライドカバー
--------------------------------*/
.slider_cover01,
.slider_cover02 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.slider_cover01 {
	max-width: 1400px;
}
.slider_cover02 {
	max-width: 1500px;
}

.mv_catch {
	position: absolute;
	top: 80px;
	left: 0;
}
.mv_open {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 4px dashed #ffda68;
}
.mv_open_img {
	margin: 0 auto;
}
.mv_first-visit {
	position: absolute;
	left: 0;
	top: 450px;
	-webkit-transition: .3s;
	transition: .3s;
}
.mv_first-visit:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
/*
.mv_first-visit .link {
	-webkit-transition: .3s;
	transition: .3s;
}
*/
.mv_features {
	position: absolute;
	right: 0;
	top: 400px;
	max-width: 570px;
}
.mv_features_text {}
.mv_features_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
}
.mv_features_lists li {
	width: calc(100%/3 - 12px/3);
}

/*================================
トピックス
================================*/
.topics {
	background: #fff;
}
.topics .inner {
	max-width: calc(1200px + 120px);
	/*padding-top: 20px;*/
	padding-bottom: 50px;
}
/*バナー
--------------------------------*/
.topics_bnr_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px 40px;
	padding-bottom: 40px;
}
.topics_bnr_item {
	width: calc(50% - 20px);
}
/*新着情報＆カレンダー
--------------------------------*/
.topics_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 40px;
}
/*新着情報
--------------------------------*/
.news {
	width: 60%;
}
.news_title {
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.4;
	color: #563718;	
}
.news_title .color {
	font-size: 3.6rem;
	color: #5ba54c;
}
.news_list_frame {
	overflow-y: scroll;
	padding: 40px 40px 0;
	height: 380px;
	background: #fff;
	border: 3px solid #5ba54c;
}
.news_list {}
.news_list dt {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.8;
	color: #97d38b;	
}
.news_list dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dashed #97d38b;
	text-align: left;
	color: #555;
}
/*カレンダー
--------------------------------*/
.calendar {
	width: calc(40% - 40px);
}
.calendar_title {
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.4;
	color: #563718;	
}
.calendar_title .color {
	font-size: 3.6rem;
	color: #839fdb;
}
.calendar iframe {
	width: 100%;
	height: 380px;
}

/*================================
新型コロナウイルス対策について
================================*/
.covid-measures {
	background-image: linear-gradient(135deg, #def6ff 33.33%, #f1faff 33.33%, #f1faff 50%, #def6ff 50%, #def6ff 83.33%, #f1faff 83.33%, #f1faff 100%);
	background-size: 25.46px 25.46px;
}
.covid-measures .inner {
	position: relative;
	z-index: 1;
	max-width: calc(1200px + 120px);
	padding-top: 50px;
	padding-bottom: 50px;
}
.covid-measures .inner::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: -40px;
	right: -160px;
	width: 308px;
	height: 155px;
	background: url(img/covid-measures_deco01.png)center/contain no-repeat;
}
.covid-measures .inner::after {
	position: absolute;
	z-index: 1;
	content: "";
	bottom: -70px;
	left: -140px;
	width: 308px;
	height: 155px;
	background: url(img/covid-measures_deco01.png)center/contain no-repeat;
}
.covid-measures_frame {
	padding: 36px 100px;
	background: #fff;
	border: 6px solid #b7ddf1;
	border-radius: 20px;
}
.covid-measures_frame02 {
	padding: 30px;
	background: #e3f5ff;
	text-align: center;
}
.covid-measures_btn_wrap {}
.covid-measures_btn {}
.covid-measures_title {
	margin-bottom: 20px;
	padding: 0 20px;
	background: #b7ddf1;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.4;
	color: #563718;	
}
.covid-measures_sub-title01 {
	margin-bottom: 20px;
	padding: 0 20px;
	background: #fff;
	border: 2px solid #1c567f;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #0068b7;	
}
.covid-measures_sub-title02 {
	margin-bottom: 30px;
	text-align: center;
}
.covid-measures_sub-title02 .word {
	display: inline-block;
	padding: 0 10px;
	background: -webkit-gradient(linear,left top, left bottom,color-stop(60%, transparent),color-stop(60%, #fff));
	background: linear-gradient(transparent 60%,#fff 60%);
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #563718;
}
.covid-measures_lists {
	display: inline-block;
	margin-bottom: 20px;
}
.covid-measures_lists li {
	position: relative;
	padding-left: 24px;
	text-align: left;
	color: #555;
}
.covid-measures_lists li::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 17px;
	left: 4px;
	width: 4px;
	height: 4px;
	background: #0068b7;
	border-radius: 50%;
}
.covid-measures_text {
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	color: #563718;
}
.covid-measures_lead {
	margin-bottom: 10px;
	text-align: center;
}
.covid-measures_lead .brackets {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	max-width: 830px;
	margin: 0 auto;
	padding: 0 80px;
	background:
		url(img/covid-measures_lead_brackets02.png)left center no-repeat,
		url(img/covid-measures_lead_brackets01.png)right center no-repeat;
}
.covid-measures_lead .word {
	display: inline-block;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	line-height: 1.7;
	color: #0e9dc9;
}
.covid-measures_link_btn {
	display: block;
	padding: 6px 60px;
	background: #f6b37f;
	text-align: center;
}
.covid-measures_link_text {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-right: 30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	line-height: 1.7;
	color: #fff;
}
.covid-measures_link_text::after {
	position: absolute;
	content: "→";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*開閉ボタン*/
.switch_btn {
	display: inline-block;
	min-width: 176px;
	padding: 10px 30px;
	background: #0068b7;
	border-radius: 30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.switch_btn_text {
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
	display: inline-block;
	padding-right: 34px;
}
.switch_btn_text::after {
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%)rotate(180deg);
	transform: translateY(-50%)rotate(180deg);
	width: 30px;
	height: 30px;
	background: url(img/switch_icon.png)center/contain no-repeat;
}
.switch_btn_text.closed::after {
	-webkit-transform: translateY(-50%)rotate(0);
	transform: translateY(-50%)rotate(0);
}
.switch_cont {
	-webkit-transition: .5s;
	transition: .5s;
	overflow: hidden;
	max-height: 0;
}
.switch_cont.closed {
	padding-top: 30px;
	max-height: 10000px;
}

/*================================
ごあいさつ
================================*/
.greeting {
	background: url(img/greeting_bg_pic.png)bottom left 30px no-repeat #fff;
}
.greeting .inner {
	max-width: calc(1500px + 120px);
	padding-top: 60px;
	padding-bottom: 120px;
}
.greeting_flex {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 60px 40px;
	/*others*/
}
.greeting_sentence {
	position: relative;
	z-index: 2;
	width: 52%;
	padding-top: 30px;
}
.greeting_title {
	margin-bottom: 40px;
	text-align: left;
}
.greeting_title .word {
	display: inline;
	padding-bottom: 6px;
	border-bottom: 4px dashed #ffda68;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	color: #563718;
}
.greeting_title .big {
	font-size: 3.6rem;
	color: #158f15;
}
.greeting_text {
	text-align: left;
	line-height: 2.66;
	color: #563718;
}
.greeting_text .color {
	color: #158f15;
}
.greeting_doctor {
	position: relative;
	z-index: 1;
	width: calc(48% - 40px);
}
.greeting_doctor_pic {
	margin: 0 auto;
}
.greeting_name_wrap {
	position: absolute;
	z-index: 1;
	right: -60px;
	bottom: -40px;
	padding-top: 60px;
	width: 427px;
	height: 240px;
	background: url(img/greeting_name_bg.png)center/contain no-repeat;;
	text-align: center;
}
.greeting_post {
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.4;
	color: #563718;
}
.greeting_name_jp {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.2;
	color: #563718;
}
.greeting_name_en {
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	line-height: 1.2;
	color: #563718;
}
.greeting_link {}

/*================================
SORALAND
================================*/
.soraland {
	background:
		url(img/soraland_tree01.png)top 60px left 96px no-repeat,
		url(img/soraland_tree02.png)top 70px right 100px no-repeat,
		url(img/soraland_chara01.png)top 300px left 160px no-repeat,
		url(img/soraland_chara02.png)top 430px right 150px no-repeat,
		url(img/soraland_bg_img.png)top 180px center no-repeat,
		linear-gradient(to bottom, #fff 270px,#cce198 270px,#cce198 75%,#fff 100%);
}
.soraland .inner {
	max-width: calc(1200px + 120px);
	padding-top: 0;
	padding-bottom: 200px;
}
.soraland_book {
	position: relative;
	z-index: 1;
	padding-top: 90px;
	min-height: 870px;
	background:
		url(img/soraland_book_deco01.png)left 80px top 90px no-repeat,
		url(img/soraland_book_deco02.png)left 90px top 240px no-repeat,
		url(img/soraland_book_deco03.png)right 100px top 70px no-repeat,
		url(img/soraland_book_bg.png)top center/100% auto no-repeat;
}
.soraland_book-small {}
.soraland_title {
	margin-bottom: 30px;
	padding: 20px 0 10px;
	background: url(img/soraland_title_bg.png)center/contain no-repeat;
	text-align: center;
	line-height: 1.6
}
.soraland_title_jp {
	margin-bottom: 10px;
	padding: 0 30px;
	border-bottom: 4px dashed #fff799;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3.3rem;
	text-align: center;
	color: #563718;
}
.soraland_title_jp .big {
	font-size: 4.5rem;
}
.soraland_title_en {
	display: inline-block;
	border-bottom: 4px dashed #fff799;
	padding: 0 30px 10px;
}
.soraland_title_en_img {
	display: inline;
}
.soraland_lead {
	margin-bottom: 30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.5;
	color: #563718;
}
.soraland_lead .color {
	font-weight: 700;
	color: #ec6b6c;
}
.soraland_pic {
	position: absolute;
	z-index: -1;
	top: 200px;
	right: 50px;
}
.soraland_lists {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	/*others*/
	margin: 0 auto 10px;
}
.soraland_lists_item {
	width: calc(100%/5);
	margin: 0 -24px;
}
.soraland_lists_item.-even {
	padding-top: 110px;
}
.soraland_link {}

/*================================
予防歯科プログラム
================================*/
.preventive-prog {
	margin-top: -180px;
	background: 
		url(img/preventive-prog_moon.png)top 90px left calc(50% - 440px) no-repeat,
		url(img/preventive-prog_sign01.png)center left 100px no-repeat,
		url(img/preventive-prog_sign02.png)center right 100px no-repeat,
		url(img/preventive-prog_bg_img.png)top center no-repeat,
		linear-gradient(to bottom, transparent 150px,#0068b7 150px,#0068b7 85%,#fff 100%);
}
.preventive-prog .inner {
	max-width: calc(1700px + 120px);
	padding-top: 140px;
	padding-bottom: 140px;
}
.preventive-prog_title {
	text-align: center;
}
.preventive-prog_title .word {}
.preventive-prog_title_img {
	margin: 0 auto;
}
.preventive-prog_sub-title_img {
	margin: 0 auto;
}
.preventive-prog_flex {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	/*others*/
	background: url(img/preventive-prog_item_deco.png)center no-repeat;
}
.preventive-prog_item {
	width: calc(100%/5);
	margin: 0 -40px;
}
.preventive-prog_item.-even {
	padding-top: 220px;
}
.preventive-prog_item .link {
	display: block;
	position: relative;
	z-index: 1;
	-webkit-transition: .4s;
	transition: .4s;
}
.preventive-prog_item .link::before {
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: "";
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
}
.preventive-prog_item .link:hover::before {
	opacity: 1;
}
.preventive-prog_item.-type01 .link::before {
	background-image: url(img/preventive-prog_item01_on.png)
}
.preventive-prog_item.-type02 .link::before {
	background-image: url(img/preventive-prog_item02_on.png)
}
.preventive-prog_item.-type03 .link::before {
	background-image: url(img/preventive-prog_item03_on.png)
}
.preventive-prog_item.-type04 .link::before {
	background-image: url(img/preventive-prog_item04_on.png)
}
.preventive-prog_item.-type05 .link::before {
	background-image: url(img/preventive-prog_item05_on.png)
}
.preventive-prog_item .link_img {
	-webkit-transition: .5s;
	transition: .5s;
	margin: 0 auto;
}
.preventive-prog_item .link:hover .link_img {
	opacity: 0;
}

/*================================
スマイルプログラム
================================*/
.smile-prog {
	margin-top: -140px;
	background: 
		url(img/smile-prog_kumo01.png)top 90px left calc(50% - 400px) no-repeat,
		url(img/smile-prog_kumo02.png)bottom 30% left 130px no-repeat,
		url(img/smile-prog_kumo03.png)bottom 10% right 160px no-repeat,
		url(img/smile-prog_bg_img.png)top center no-repeat,
		linear-gradient(to bottom, transparent 220px,#fabd61 220px);
}
.smile-prog .inner {
	max-width: calc(1000px + 120px);
	padding-top: 140px;
	padding-bottom: 40px;
}
.smile-prog_chatch {
	margin-bottom: 10px;
	text-align: center;
}
.smile-prog_chatch_text01 {
	position: relative;
	display: inline-block;
	padding: 0 26px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.6;
	color: #fff;
}
.smile-prog_chatch_text01::before {
	position: absolute;
	content: "～";
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.smile-prog_chatch_text01::after {
	position: absolute;
	content: "～";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.smile-prog_chatch_text02 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.6;
	color: #563718;
}
.smile-prog_chatch_text02 .color {
	font-size: 3.6rem;
	color: #158f15;
}
.smile-prog_title {
	margin-bottom: 10px;
	text-align: center;
}
.smile-prog_title_wrap {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.smile-prog_title_wrap::before {
	position: absolute;
	z-index: -1;
	content: "";
	bottom: 0;
	left: -20px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 202px;
	height: 271px;
	background: url(img/smile-prog_chara01.png)center/contain no-repeat;
}
.smile-prog_title_wrap::after {
	position: absolute;
	z-index: -1;
	content: "";
	bottom: 0;
	right: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	width: 231px;
	height: 248px;
	background: url(img/smile-prog_chara02.png)center/contain no-repeat;
}
.smile-prog_title .en {
	display: inline-block;
}
.smile-prog_title .en_img {
	display: inline;
}
.smile-prog_title .jp {
	display: inline-block;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	color: #563718;
}
.smile-prog_frame_title {
	padding: 0 30px;
	background: #50b3df;
	border-radius: 30px 30px 0 0;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	text-align: center;
	color: #fff;
}
.smile-prog_frame {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 0 0 30px 30px;
	background:
		url(img/smile-prog_lists_img01.png)left 70px center no-repeat,
		url(img/smile-prog_lists_img02.png)right 40px center no-repeat #fff;
	text-align: center;
}
.smile-prog_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 0 40px;
}
.smile-prog_lists {}
.smile-prog_lists li {
	padding-left: 30px;
	background: url(img/check_icon01.png)left top 12px no-repeat;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: left;
	color: #563718;
}
.smile-prog_text {
	text-align: center;
}
.smile-prog_link {}

/*================================
0歳からのあかり歯科の特長
================================*/
.features {
	padding-top: 50px;
	background:
		url(img/features_border_deco.png)top center repeat-x,
		url(img/features_bg_pattern.jpg)top center;
}
.features_sec_title {
	margin-bottom: 10px;
	padding-top: 70px;
	text-align: center;
	background: url(img/features_title_deco.png)top center no-repeat;
}
.features_sec_title .jp {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 4.8rem;
	line-height: 1.4rem;
	color: #64512d;
}
.features_sec_title .en {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	line-height: 1.4rem;
	color: #64512d;
}

/*--------------------------------
特長 第1、第2のあかり
--------------------------------*/
.akari {}
.akari .inner {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 40px;
	/*others*/
	padding-bottom: 40px;
	max-width: calc(1500px + 120px);
}
.akari_item {
	position: relative;
	z-index: 1;
	width: calc(50% - 20px);
}
.akari_item_chara01 {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.akari_item_chara02 {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
}
.akari_sentence {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	/*others*/
	width: 600px;
	height: 300px;
}
.akari_sentence.-type01 {
	margin-left: auto;
	background: url(img/akari_sentence_bg01.png)center/contain no-repeat;
}
.akari_sentence.-type02 {
	margin-right: auto;
	background: url(img/akari_sentence_bg02.png)center/contain no-repeat;
}
.akari_sentence.-type02 {}
.akari_sentence_title {
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3.6rem;
	text-align: center;
	line-height: 1;
	color: #64512d;
}
.akari_sentence_title .color {
	font-size: 4.8rem;
	color: #fff;
}
.akari_sentence_text {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.2rem;
	text-align: center;
	color: #64512d;
}

/*--------------------------------
特長 当院が大切にしていること
--------------------------------*/
.priority {}
.priority .inner {
	max-width: calc(1800px + 120px);
	padding-top: 40px;
	padding-bottom: 40px;
}
.priority_frame_title {
	padding: 10px 30px;
	background: #f29c9f;
	border-radius: 30px 30px 0 0;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3rem;
	text-align: center;
	line-height: 1.6;
	color: #563718;
}
.priority_frame_title .color {
	font-size: 3.6rem;
	color: #fff;
}
.priority_frame {
	padding: 20px 40px;
	background: #fff;
	border-radius: 0 0 30px 30px;
}
.priority_lists {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 20px;
	/*others*/
	max-width: 1500px;
	margin: 0 auto;
}
.priority_lists_item {
	position: relative;
	z-index: 1;
	min-height: 470px;
	width: calc(100%/4 - 60px/4);
}
.priority_lists_catch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.priority_lists_catch .word {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.8;
	color: #fff;
}
.priority_lists_catch.-type01 {
	height: 322px;
	background: url(img/priority_lists_catch01.png)center/contain no-repeat;
}
.priority_lists_catch.-type02 {
	margin-top: 30px;
	height: 341px;
	background: url(img/priority_lists_catch02.png)center/contain no-repeat;
}
.priority_lists_catch.-type03 {
	margin-top: 30px;
	height: 345px;
	background: url(img/priority_lists_catch03.png)center/contain no-repeat;
}
.priority_lists_catch.-type04 {
	height: 331px;
	background: url(img/priority_lists_catch04.png)center/contain no-repeat;
}
.priority_lists_img {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*--------------------------------
特長 4つの特長
--------------------------------*/
.feature {}
.feature .inner {
	position: relative;
	z-index: 1;
	padding-bottom: 50px;
}
.feature01 .inner {
	background: url(img/feature_kumo01.png)bottom right 40px no-repeat;
	padding-top: 50px;
	padding-bottom: 150px;
}
.feature02 .inner {
	background:
		url(img/feature_kumo02.png)top 60px left 60px no-repeat,
		url(img/feature_kumo03.png)bottom right 70px no-repeat,
		url(img/feature_balloon01.png)bottom left 140px no-repeat;
}
.feature03 .inner {
	background:
		url(img/feature_kumo04.png)bottom 80px left 70px no-repeat;
}
.feature_flex {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	/*others*/
	max-width: 1500px;
	margin: 0 auto;
}
.feature_sentence {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	position: relative;
	z-index: 1;
	width: 55%;
	height: 767px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
/*背景*/
.feature01 .feature_sentence {
	background-image: url(img/feature01_sentence_bg.png);
}
.feature02 .feature_sentence {
	background-image: url(img/feature02_sentence_bg.png);
}
.feature03 .feature_sentence {
	background-image: url(img/feature03_sentence_bg.png);
}
.feature04 .feature_sentence {
	background-image: url(img/feature04_sentence_bg.png);
}
.feature_sentence_inner {
	max-width: 500px;
}
.feature_number {
	position: absolute;
	left: 0;
	top: 0;
}
.feature_title {
	margin-bottom: 20px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 3.6rem;
	text-align: left;
	line-height: 1.7;
	color: #64512d;
}
.feature_title .word {
	border-bottom: 4px dashed #fff;
}
.feature_text {
	text-align: left;
	color: #563718;
}
.feature_pic {
	width: 45%;
	position: relative;
	z-index: 2;
	margin-left: -100px;
}
.feature_pic_img {}
.feature_pic_fukidashi {
	position: absolute;
	right: 0;
	top: 0;
}

/*feature02,04
--------------------------------*/
.feature02 .feature_flex,
.feature04 .feature_flex {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.feature02 .feature_pic,
.feature04 .feature_pic {
	margin-right: -100px;
}

/*キッズルーム・おむつ交換台・キッズトイレ*/
.feature01_3item {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	/*others*/
	max-width: 840px;
	position: absolute;
	bottom: 50px;
	z-index: 2;
	left: 40%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.feature01_3item_item {
	width: calc(100%/3 - 20px/3);
}


/*================================
診療内容
================================*/
.services {
	background: url(img/services_bg.png)top/cover;
}
.services .inner {
	max-width: calc(1000px + 120px);
	padding-top: 30px;
	padding-bottom: 100px;
}
.services_title {
	margin-bottom: 40px;
	padding-top: 60px;
	background: url(img/services_title_deco.png)top center no-repeat;
	text-align: center;
}
.services_title_jp {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 4.8rem;
	line-height: 1.5;
	color: #fff;
}
.services_title_en {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.4rem;
	line-height: 1.5;
	color: #fff;
}
.services_lists {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	gap: 26px 40px;
}
.services_item {
	-webkit-transition: .4s;
	transition: .4s;
	position: relative;
	z-index: 1;
	top: 0;
	padding-top: 30px;
}
.services_item_caption {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 190px;
}
.services_item .link_item {
	/*flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*others*/
	-webkit-transition: .4s;
	transition: .4s;
	position: relative;
	z-index: 1;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 59%;
}
.services_item .link_item::before {
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0;
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(0,0,0,0.2);
}
.services_item .link_title {
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	text-shadow:
		1px  1px 5px rgba(0,0,0,0.2),
		-1px  1px 5px rgba(0,0,0,0.2),
		1px -1px 5px rgba(0,0,0,0.2),
		-1px -1px 5px rgba(0,0,0,0.2),
		1px  0px 5px rgba(0,0,0,0.2),
		0px  1px 5px rgba(0,0,0,0.2),
		-1px  0px 5px rgba(0,0,0,0.2),
		0px -1px 5px rgba(0,0,0,0.2);
}

/* color,icon
--------------------------------*/
/*-type01*/
.services_item.-type01 .link_item {
	background-color: #b9e1f0;
	background-image: url(img/services_icon01.png);
}
/*-type02*/
.services_item.-type02 .link_item {
	background-color: #e9b8b8;
	background-image: url(img/services_icon02.png);
}
/*-type03*/
.services_item.-type03 .link_item {
	background-color: #efe0b5;
	background-image: url(img/services_icon03.png);
}
/*-type04*/
.services_item.-type04 .link_item {
	background-color: #b5d3a7;
	background-image: url(img/services_icon04.png);
}
/*-type05*/
.services_item.-type05 .link_item {
	background-color: #debbc6;
	background-image: url(img/services_icon05.png);
}
/*-type06*/
.services_item.-type06 .link_item {
	background-color: #9ecdc9;
	background-image: url(img/services_icon06.png);
}
/*-type07*/
.services_item.-type07 .link_item {
	background-color: #c4afc4;
	background-image: url(img/services_icon07.png);
}
/*-type08*/
.services_item.-type08 .link_item {
	background-color: #adb9d6;
	background-image: url(img/services_icon08.png);
}
/*-type09*/
.services_item.-type09 .link_item {
	background-color: #e9baaa;
	background-image: url(img/services_icon09.png);
}
/*-type10*/
.services_item.-type10 .link_item {
	background-color: #e8c395;
	background-image: url(img/services_icon10.png);
}

/* hover
--------------------------------*/
.services_item:hover {
	top: -4px;
}
.services_item .link_item:hover .link_title {
	opacity: 1;
}
.services_item .link_item:hover::before {
	opacity: 1;
}


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

	/*================================
	メインビジュアル
	================================*/
	.main-slider::after {
		background:
			url(img/mv_deco.png)top center repeat-x,
			url(img/mv_kumo01.png)left -20px top 50%/16% auto no-repeat,
			url(img/mv_kumo02.png)right 2% top 12%/18% auto no-repeat,
			url(img/mv_kumo03.png)right -30px bottom 20%/20% auto no-repeat,
			url(img/mv_cover.png)bottom center/100% no-repeat;
	}

	/*スライドカバー
	--------------------------------*/
	.slider_cover01 {
		max-width: calc(100% - 120px);
	}
	.slider_cover02 {
		max-width: calc(100% - 120px);
	}

	.mv_catch {
		max-width: 60%;
	}
	.mv_open_img {
		width: 25%;
	}
	.mv_first-visit {
		max-width: 22%;
	}
	.mv_features {
		max-width: 38%;
	}
	.mv_features_text {
		max-width: 96%;
		margin: 0 auto;
	}

	/*================================
	トピックス
	================================*/
	.topics {}

	/*================================
	新型コロナウイルス対策について
	================================*/
	.covid-measures {}
	.covid-measures .inner {}
	.covid-measures .inner::before {
		top: -40px;
		right: -20px;
		width: 220px;
		height: 116px;
	}
	.covid-measures .inner::after {
		bottom: -60px;
		left: -80px;
		width: 260px;
		height: 134px;
	}

	/*================================
	ごあいさつ
	================================*/
	.greeting {
		background: url(img/greeting_bg_pic.png)bottom left 30px/26% auto no-repeat #fff;
	}

	/*================================
	SORALAND
	================================*/
	.soraland {
	background:
		url(img/soraland_tree01.png)top 60px left 96px no-repeat,
		url(img/soraland_tree02.png)top 70px right 100px no-repeat,
		url(img/soraland_chara01.png)top 60px left 36% no-repeat,
		url(img/soraland_chara02.png)top 100px right 30% no-repeat,
		url(img/soraland_bg_img.png)top 180px center no-repeat,
		linear-gradient(to bottom, #fff 270px,#cce198 270px,#cce198 75%,#fff 100%);
}
	.soraland .inner {
		padding-top: 360px;
	}

	/*================================
	予防歯科プログラム
	================================*/
	.preventive-prog {
		background: 
			url(img/preventive-prog_moon.png)top 90px left calc(50% - 440px)/8% auto no-repeat,
			url(img/preventive-prog_sign01.png)bottom 200px left 40px/120px auto no-repeat,
			url(img/preventive-prog_sign02.png)bottom 120px right 50px/100px auto no-repeat,
			url(img/preventive-prog_bg_img.png)top center no-repeat,
			linear-gradient(to bottom, transparent 150px,#0068b7 150px,#0068b7 85%,#fff 100%);
	}
	.preventive-prog_item {
		min-width: 300px;
	}

	/*================================
	スマイルプログラム
	================================*/
	.smile-prog {
		background: 
			url(img/smile-prog_kumo01.png)top 90px left calc(50% - 400px) no-repeat,
			url(img/smile-prog_kumo02.png)bottom 30% left -60px/140px auto no-repeat,
			url(img/smile-prog_kumo03.png)bottom 5% right -30px/140px auto no-repeat,
			url(img/smile-prog_bg_img.png)top center no-repeat,
			linear-gradient(to bottom, transparent 220px,#fabd61 220px);
	}

	/*================================
	0歳からのあかり歯科の特長
	================================*/
	.features {}

	/*--------------------------------
	特長 第1、第2のあかり
	--------------------------------*/
	.akari_item {
		padding: 40px 0 0;
	}
	.akari_item_chara01 {
		width: 20%;
	}
	.akari_item_chara02 {
		width: 22%;
		top: 20px;
		bottom: auto;
	}

	/*--------------------------------
	特長 当院が大切にしていること
	--------------------------------*/
	.priority_lists_item {
		min-height: 36vw;
	}
	.priority_lists_catch .word {
		font-size: 2rem;
	}
	.priority_lists_catch.-type01,
	.priority_lists_catch.-type02,
	.priority_lists_catch.-type03,
	.priority_lists_catch.-type04 {
		height: 20vw
	}
	.priority_lists_catch.-type02 {
		margin-top: 80px;
	}

	/*--------------------------------
	特長 4つの特長
	--------------------------------*/
	.feature_sentence {
		height: auto;
	}
	.feature_sentence_inner {
		max-width: 400px;
		padding: 160px 0;
	}
	.feature_number {
		width: 160px;
	}
	.feature_title {
		font-size: 3rem;
	}
	.feature_pic {
		margin-left: -5%;
	}
	.feature_pic_fukidashi {
		width: 220px;
	}
	
	/*feature02,04
	--------------------------------*/
	.feature02 .feature_pic,
	.feature04 .feature_pic {
		margin-right: -5%;
	}

	/*キッズルーム・おむつ交換台・キッズトイレ*/
	.feature01_3item {
		max-width: 56%;
	}


	/*================================
	診療内容
	================================*/
	.services {}

	
	
}


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


	/*================================
	メインビジュアル
	================================*/
	.swiper-slide {
		max-height: 700px;
	}

	/*スライド画像
	--------------------------------*/
	.main_slide02 {
		background: url(img/slide02_v02.jpg?02)top left -180px/auto 100% no-repeat;
	}

	/*================================
	ごあいさつ
	================================*/
	.greeting_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.greeting_sentence {
		width: 100%;
	}
	.greeting_text {
		line-height: 2;
	}
	.greeting_doctor {
		max-width: 656px;
		width: auto;
		margin: -100px auto 0;
	}
	.greeting_name_wrap {
		width: 400px;
	}

	/*================================
	SORALAND
	================================*/
	.soraland_book {
		background:
			url(img/soraland_book_deco01.png)left 80px top 90px/10% auto no-repeat,
			url(img/soraland_book_deco02.png)left 90px top 240px/8% auto no-repeat,
			url(img/soraland_book_deco03.png)right 100px top 70px/8% auto no-repeat,
			url(img/soraland_book_bg.png)top center/100% auto no-repeat;
		min-height: auto;
	}
	.soraland_lead {
		font-size: 2rem;
	}
	.soraland_pic {
		width: 20%;
		top: 180px;
	}
	.soraland_lists_item {
		width: calc(100%/5);
		margin: 0 -16px;
	}

	/*================================
	予防歯科プログラム
	================================*/
	.preventive-prog .inner {
		padding-top: 60px;
	}
	.preventive-prog_title_img {
		width: 50%;
	}
	.preventive-prog_sub-title_img {
		width: 54%;
	}
	.preventive-prog_flex {
		background: url(img/preventive-prog_item_deco.png)center/80% auto no-repeat;
	}
	.preventive-prog_item {
		min-width: 260px;
		margin: 0 -4vw;
	}
	.preventive-prog_item.-even {
		padding-top: 16vw;
	}

	/*================================
	スマイルプログラム
	================================*/
	.smile-prog_title_wrap::before {
		width: 140px;
		height: 190px;
	}
	.smile-prog_title_wrap::after {
		width: 190px;
		height: 206px;
	}
	.smile-prog_title .en_img {
		width: 50vw;
	}

	/*================================
	0歳からのあかり歯科の特長
	================================*/
	.features {}

	/*--------------------------------
	特長 第1、第2のあかり
	--------------------------------*/
	.akari {}
	.akari .inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.akari_item {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		padding: 0;
	}
	.akari_sentence.-type01 {
		margin: 0 auto;
	}
	.akari_sentence.-type02 {
		margin: 0 auto;
	}

	/*--------------------------------
	特長 当院が大切にしていること
	--------------------------------*/
	.priority {}

	/*--------------------------------
	特長 4つの特長
	--------------------------------*/
	.feature01 .inner {
		background: url(img/feature_kumo01.png)bottom right 20px/18% auto no-repeat;
		padding-bottom: 190px;
	}
	.feature02 .inner {
		background: url(img/feature_kumo02.png)top 60px left -20px/14% auto no-repeat, url(img/feature_kumo03.png)bottom right 40px/14% auto no-repeat, url(img/feature_balloon01.png)bottom left 80px/8% auto no-repeat;
	}
	.feature03 .inner {
		background: url(img/feature_kumo04.png)bottom 80px left 20px/12% auto no-repeat;
	}
	.feature_sentence {
		width: 60%;
		background-position: center bottom;
	}
	.feature_sentence_inner {
		padding: 160px 0 80px;
	}
	.feature_pic {
		width: 40%;
	}
	.feature_pic_fukidashi {
		width: 44%;
		max-width: 270px;
	}
	
	/*================================
	診療内容
	================================*/
	.services_item_caption {
		width: 164px;
	}
	.services_item .link_item {
		width: 140px;
		height: 140px;
	}
	.services_item .link_title {
		opacity: 1;
	}

	/* hover
	--------------------------------*/
	.services_item .link_item:hover::before {
		opacity: 0;
	}

}


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


	/*================================
	メインビジュアル
	================================*/
	.swiper-slide {
		max-height: 600px;
	}

	/*スライドカバー
	--------------------------------*/
	.slider_cover02 {
		/*flex*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		/*others*/
		position: relative;
		left: 0;
		-webkit-transform: none;
		transform: none;
		margin-top: -100px;
		padding-bottom: 45px;
	}

	.mv_catch {
		max-width: 80%;
	}
	
	.mv_first-visit {
		position: static;
		max-width: 30%;
	}
	.mv_features {
		position: static;
		max-width: 50%;
	}

	/*================================
	トピックス
	================================*/
	/*新着情報＆カレンダー
	--------------------------------*/
	.topics_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	/*新着情報
	--------------------------------*/
	.news {
		width: 100%;
	}
	.news_list_frame {
		height: 300px;
	}
	/*カレンダー
	--------------------------------*/
	.calendar {
		width: 100%;
	}

	/*================================
	新型コロナウイルス対策について
	================================*/
	.covid-measures_frame {
		padding: 40px;
	}

	/*================================
	SORALAND
	================================*/
	.soraland {
		background: url(img/soraland_tree01.png)top left 10px/20% auto no-repeat, url(img/soraland_tree02.png)top right 10px/16% auto no-repeat, url(img/soraland_chara01.png)top 10px left 30%/20% auto no-repeat, url(img/soraland_chara02.png)top 20px right 20%/20% auto no-repeat, url(img/soraland_bg_img.png)top 100px center no-repeat, linear-gradient(to bottom, #fff 180px,#cce198 180px,#cce198 75%,#fff 100%);
	}
	.soraland .inner {
		padding-top: 200px;
	}
	.soraland_book {
		padding-top: 0;
		background: none;
	}
	.soraland_book-small {
		/*flex*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/*others*/
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
		padding-bottom: 60px;
		background: url(img/soraland_book_deco01.png)left 80px top 90px/10% auto no-repeat, url(img/soraland_book_deco02.png)left 90px top 240px/8% auto no-repeat, url(img/soraland_book_deco03.png)right 100px top 70px/8% auto no-repeat, url(img/soraland_book_bg.png)top center/auto 100% no-repeat;
		min-height: 60vw;
	}
	.soraland_pic {
		width: 32%;
		top: auto;
		right: 0;
		bottom: 0;
	}
	.soraland_lists {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		gap: 0 20px;
	}
	.soraland_lists_item {
		width: calc(100%/3 - 40px/3);
		margin: 0;
	}
	.soraland_lists_item.-even {
		padding-top: 0;
	}

	/*================================
	予防歯科プログラム
	================================*/
	.preventive-prog {
		background: url(img/preventive-prog_moon.png)top 60px left 60px/8% auto no-repeat, url(img/preventive-prog_sign01.png)bottom 200px left -40px/120px auto no-repeat, url(img/preventive-prog_sign02.png)bottom 140px right 20px/80px auto no-repeat, url(img/preventive-prog_bg_img.png)top center no-repeat, linear-gradient(to bottom, transparent 150px,#0068b7 150px,#0068b7 85%,#fff 100%);
	}
	.preventive-prog_item {
		min-width: 200px;
	}

	/*================================
	スマイルプログラム
	================================*/
	.smile-prog_flex {
		display: inline-block;
	}

	/*================================
	0歳からのあかり歯科の特長
	================================*/

	/*--------------------------------
	特長 第1、第2のあかり
	--------------------------------*/
	.akari {}

	/*--------------------------------
	特長 当院が大切にしていること
	--------------------------------*/
	.priority_lists {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.priority_lists_item {
		width: 100%;
		min-height: auto;
		overflow: hidden;
		padding: 4px;
	}
	.priority_lists_catch .word {
		font-size: 2.6rem;
	}
	.priority_lists_catch.-type01,
	.priority_lists_catch.-type02,
	.priority_lists_catch.-type03,
	.priority_lists_catch.-type04 {
		height: auto;
		min-height: 140px;
		padding: 20px;
		border: 2px dashed #fff;
		border-radius: 20px;
	}
	.priority_lists_catch.-type01 {
		background: #90c7e1;
		-webkit-box-shadow: 0 0 0 3px #90c7e1;
		box-shadow: 0 0 0 3px #90c7e1;
	}
	.priority_lists_catch.-type02 {
		margin-top: 0;
		background: #fcce54;
		-webkit-box-shadow: 0 0 0 3px #fcce54;
		box-shadow: 0 0 0 3px #fcce54;
	}
	.priority_lists_catch.-type03 {
		margin-top: 0;
		background: #8fc771;
		-webkit-box-shadow: 0 0 0 3px #8fc771;
		box-shadow: 0 0 0 3px #8fc771;
	}
	.priority_lists_catch.-type04 {
		background: #fcb8cb;
		-webkit-box-shadow: 0 0 0 3px #fcb8cb;
		box-shadow: 0 0 0 3px #fcb8cb;
	}
	.priority_lists_img {
		top: 20px;
		left: 20px;
		-webkit-transform: none;
		transform: none;
	}

	/*--------------------------------
	特長 4つの特長
	--------------------------------*/
	.feature01 .inner {
		padding-bottom: 50px;
	}
	.feature_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.feature_sentence {
		width: 100%;
		margin-top: -100px;
		z-index: 2;
	}
	.feature_pic {
		width: 100%;
		margin: 0 auto;
		max-width: 500px;
	}
	.feature_pic_fukidashi {
		width: 40%;
	}

	/*feature02,04
	--------------------------------*/
	.feature02 .feature_flex,
	.feature04 .feature_flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.feature02 .feature_pic,
	.feature04 .feature_pic {
		width: 100%;
		margin: 0 auto;
		max-width: 500px;
	}

	/*キッズルーム・おむつ交換台・キッズトイレ*/
	.feature01_3item {
		max-width: 90%;
		-webkit-transform: none;
		transform: none;
		position: static;
		margin: 0 auto;
		padding-top: 20px;
	}


	/*================================
	診療内容
	================================*/
	.services_item_caption {
		width: 190px;
	}
	.services_item .link_item {
		width: 165px;
		height: 165px;
	}


}


/*================================
SP表示 480px～0px
================================*/
@media (max-width: 480px) {
	
	.link_btn {
		font-size: 1.6rem;
	}


	/*================================
	メインビジュアル
	================================*/
	.swiper-slide {
		max-height: 400px;
	}

	/*スライド画像
	--------------------------------*/
	.main_slide01 {
		background: url(img/slide01_sp.jpg)top center/auto 100% no-repeat;
	}
	.main_slide02 {
		background: url(img/slide02_v02_sp.jpg?02)top left/auto 100% no-repeat;
	}
	.main_slide03 {
		background: url(img/slide03_sp.jpg)top center/auto 100% no-repeat;
	}
	.main_slide04 {
		background: url(img/slide04_sp.jpg)top center/auto 100% no-repeat;
	}
	.main_slide05 {
		background: url(img/slide05_sp.jpg)top center/auto 100% no-repeat;
	}

	/*スライドカバー
	--------------------------------*/
	.slider_cover01,
	.slider_cover02 {}
	.slider_cover01 {
		max-width: calc(100% - 40px);
	}
	.slider_cover02 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: calc(100% - 40px);
		/*padding-bottom: 120px;*/
	}
	
	.mv_catch {
		max-width: 70%;
		top: 60px;
	}
	.mv_open_img {
		width: 180px;
	}
	.mv_first-visit {
		max-width: 200px;
	}
	.mv_features {
		max-width: 100%;
		/*margin-bottom: 30px;*/
	}

	/*================================
	トピックス
	================================*/
	/*バナー
	--------------------------------*/
	.topics_bnr_wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.topics_bnr_item {
		width: 100%;
	}

	/*================================
	新型コロナウイルス対策について
	================================*/
	.covid-measures .inner::before {
		width: 120px;
		height: 64px;
	}
	.covid-measures .inner::after {
		width: 120px;
		height: 64px;
		left: 0;
		bottom: -30px;
	}
	.covid-measures_frame {
		padding: 30px 24px;
		border: 4px solid #b7ddf1;
	}
	.covid-measures_frame02 {
		padding: 20px;
	}
	.covid-measures_title {
		padding: 0 20px;
		font-size: 2.25rem;
	}
	.covid-measures_sub-title01 {
		font-size: 2rem;
	}
	.covid-measures_sub-title02 .word {
		font-size: 2rem;
	}
	.covid-measures_lists li {
		padding-left: 20px;
		font-size: 1.75rem;
	}
	.covid-measures_lists li::before {
		top: 12px;
	}
	.covid-measures_text {
		font-size: 1.6rem;
	}
	.covid-measures_lead .brackets {
		padding: 0;
		background: no-repeat;
	}
	.covid-measures_lead .word {
		font-size: 1.75rem;
	}
	.covid-measures_link_btn {
		padding: 6px 20px;
	}
	.covid-measures_link_text {
		font-size: 1.75rem;
	}
	/*開閉ボタン*/
	.switch_btn {
		padding: 0 30px 8px;
	}
	.switch_btn_text {
		padding-right: 26px;
		font-size: 1.6rem;
	}
	.switch_btn_text::after {
		width: 20px;
		height: 20px;
	}

	/*================================
	ごあいさつ
	================================*/
	.greeting {
		background: url(img/greeting_bg_pic.png)bottom 30px left -30px/40% auto no-repeat #fff;
	}
	.greeting_title .word {
		font-size: 2.25rem;
	}
	.greeting_title .big {
		font-size: 3rem;
	}
	.greeting_name_wrap {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		margin-top: -100px;
	}

	/*================================
	SORALAND
	================================*/
	.soraland {
		background: url(img/soraland_tree01.png)top left 10px/20% auto no-repeat, url(img/soraland_tree02.png)top right 10px/16% auto no-repeat, url(img/soraland_chara01.png)top left 30%/30% auto no-repeat, url(img/soraland_chara02.png)top 30px right 20%/30% auto no-repeat, url(img/soraland_bg_img.png)top 40px center no-repeat, linear-gradient(to bottom, #fff 80px,#cce198 80px,#cce198 75%,#fff 100%);
	}
	.soraland .inner {
		padding-top: 140px;
	}
	.soraland_book-small {
		padding: 30px 0 0;
		background: url(img/soraland_book_deco01.png)left 40px top 20px/10% auto no-repeat, url(img/soraland_book_deco02.png)left 20px top 50px/8% auto no-repeat, url(img/soraland_book_deco03.png)right 16px top 30px/8% auto no-repeat, url(img/soraland_book_bg.png)top center/contain no-repeat;
		min-height: auto;
	}
	.soraland_title {
		margin-bottom: 20px;
		padding: 10px 0 6px;
	}
	.soraland_title_jp {
		border-bottom: 2px dashed #fff799;
		font-size: 2rem;
	}
	.soraland_title_jp .big {
		font-size: 2.5rem;
	}
	.soraland_title_en_img {
		width: 50vw;
	}
	.soraland_lead {
		margin-bottom: 60px;
		font-size: 1.75rem;
	}
	.soraland_pic {
		position: static;
		width: auto;
	}
	.soraland_lists_item {
		width: calc(100%/2 - 20px/2);
	}

	/*================================
	予防歯科プログラム
	================================*/
	.preventive-prog {
		background: url(img/preventive-prog_moon.png)top 20px left 10px/8% auto no-repeat, url(img/preventive-prog_sign01.png)bottom 200px left -40px/100px auto no-repeat, url(img/preventive-prog_sign02.png)bottom 140px right 20px/70px auto no-repeat, url(img/preventive-prog_bg_img.png)top center no-repeat, linear-gradient(to bottom, transparent 150px,#0068b7 150px,#0068b7 85%,#fff 100%);
	}
	.preventive-prog_title {
		margin-bottom: 30px;
	}
	.preventive-prog_title_img {
		width: 90%;
	}
	.preventive-prog_sub-title_img {
		width: 100%;
	}
	.preventive-prog_flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		background: none;
	}
	.preventive-prog_item {
		width: 50%;
		min-width: auto;
		margin: 0;
	}
	.preventive-prog_item.-even {
		padding-top: 0;
	}

	/*================================
	スマイルプログラム
	================================*/
	.smile-prog {
		background: url(img/smile-prog_kumo03.png)bottom 5% right -30px/140px auto no-repeat, url(img/smile-prog_bg_img.png)top center no-repeat, linear-gradient(to bottom, transparent 220px,#fabd61 220px)
	}
	.smile-prog_chatch_text01 {
		font-size: 2rem;
	}
	.smile-prog_chatch_text02 {
		font-size: 2.25rem;
	}
	.smile-prog_chatch_text02 .color {
		font-size: 3rem;
	}
	.smile-prog_title .en_img {
		width: 100%;
	}
	.smile-prog_title .jp {
		font-size: 2rem;
	}
	.smile-prog_frame_title {
		font-size: 2rem;
	}
	.smile-prog_frame {
		padding: 20px 20px 150px;
		background: url(img/smile-prog_lists_img01.png)left 40px bottom 20px/80px auto no-repeat, url(img/smile-prog_lists_img02.png)right 40px bottom/120px auto no-repeat #fff;
		text-align: center;
	}

	/*================================
	0歳からのあかり歯科の特長
	================================*/
	.features {}
	.features_sec_title {
		padding: 70px 20px 0;
	}
	.features_sec_title .jp {
		font-size: 3rem;
	}
	.features_sec_title .en {
		font-size: 1.75rem;
	}

	/*--------------------------------
	特長 第1、第2のあかり
	--------------------------------*/
	.akari_item_chara01 {
		top: -20px;
	}
	.akari_item_chara02 {
		top: -20px;
	}
	.akari_sentence.-type01 {
		width: auto;
		height: 50vw;
	}
	.akari_sentence.-type02 {
		width: auto;
		height: 50vw;
	}
	.akari_sentence_title {
		font-size: 2.25rem;
	}
	.akari_sentence_title .color {
		font-size: 3rem;
	}
	.akari_sentence_text {
		font-size: 2rem;
	}

	/*--------------------------------
	特長 当院が大切にしていること
	--------------------------------*/
	.priority_frame_title {
		font-size: 2.25rem;
	}
	.priority_frame_title .color {
		font-size: 3rem;
	}
	.priority_frame {
		padding: 20px;
	}
	.priority_lists_catch .word {
		font-size: 2rem;
	}
	.priority_lists_catch.-type01,
	.priority_lists_catch.-type02,
	.priority_lists_catch.-type03,
	.priority_lists_catch.-type04 {
		padding-left: 80px;
	}
	.priority_lists_img {
		max-width: 60px;
	}
	
	/*--------------------------------
	特長 4つの特長
	--------------------------------*/
	.feature_sentence {
		padding-top: 80px;
	}
	.feature01 .feature_sentence,
	.feature02 .feature_sentence,
	.feature03 .feature_sentence,
	.feature04 .feature_sentence {
		background: none;
	}
	.feature_sentence_inner {
		padding: 40px 36px;
		border-radius: 40px;
	}
	.feature01 .feature_sentence_inner {
		background: #ffd495;
	}
	.feature02 .feature_sentence_inner {
		background: #93d7eb;
	}
	.feature03 .feature_sentence_inner {
		background: #c0e8ab;
	}
	.feature04 .feature_sentence_inner {
		background: #ffd0d2;
	}
	.feature_number {
		width: 120px;
	}
	.feature_title {
		font-size: 2.5rem;
	}
	.feature_title .word {
		border-bottom: 2px dashed #fff;
	}
	.feature_text {
		font-size: 1.8rem;
	}
	.feature_pic_fukidashi {
		width: 52%;
		top: -60px;
		right: -20px;
	}
	
	/*キッズルーム・おむつ交換台・キッズトイレ*/
	.feature01_3item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		max-width: 100%;
	}
	.feature01_3item_item {
		width: calc(100%/2 - 10px);
	}

	/*================================
	診療内容
	================================*/
	.services_item_caption {
		width: 164px;
	}
	.services_item .link_item {
		width: 140px;
		height: 140px;
	}


}