@media(max-width:768px) {

	/* =====================================
　メインビジュアル
===================================== */

	.mv {
		width: 88vw;
		height: 80vw;
		margin: 25.33vw auto 0
	}

	.mv .headline {
		position: s;
		z-index: 200;
		top: 43vw;
		left: 8.5vw
	}

	.mv .headline picture {
		top: 15px;
	}

	.mv .headline img {
		width: 70.67vw;
		margin-bottom: 1.33vw
	}

	.mv .headline h1:before {
		content: "";
		display: block;
		width: 100%;
		height: 100px;
		background-color: rgba(19, 115, 162, .7);
		position: absolute;
		top: 45px;
		left: 0;
		z-index: -1;
	}

	.mv .headline h1 span {
		text-align: center
	}

	.mv .headline h1 span:first-child {
		font-size: 2.67vw;
		left: 0
	}

	.mv .headline h1 span:nth-child(2) {
		font-size: 4.4vw
	}

	.mv .headline h1 span:last-child {
		font-size: 2.27vw
	}

	.mv .slider {
		height: 80vw
	}

	.mv .slider .slick-slide {
		height: 80vw;
	}

	.mv .slider img {
		margin-top: 0
	}

	.mv .background {
		height: 80vw;
		background: url(/wp-content/uploads/images/index/webp/mv-background-sp.webp) no-repeat;
		background-size: contain;
		bottom: -2.67vw;
		right: -2.67vw
	}

	.no-webp .mv .background {
		background: url(/wp-content/uploads/images/index/mv-background-sp.png) no-repeat;
		background-size: contain;
	}

	.mv+picture img {
		display: none
	}

	/* =====================================
　セクション News
===================================== */
	.top-part {
		/* margin-top: -13.33vw; */
		margin-top: -55.33vw;
		/* padding: 26.67vw 0; */
		padding: 68.67vw 0 50px;
	}

	section.news_sec {
		background: #efefef;
		padding: 50px 0 50px;
		margin-top: -50px;
		margin-bottom: -50px;
	}

	.news {
		width: 89.33vw;
		padding: 8vw 6.67vw;
		display: block;
		top: 50px;
	}

	.news h2 {
		font-family: dita-cd, sans-serif;
		font-size: 40px;
		width: auto;
		border-right: 0;
		text-align: center;
		line-height: 1;
		padding-left: 0;
		height: auto;
	}

	.news h2::after {
		content: '';
		display: block;
		width: 6.67vw;
		height: .13vw;
		background: #0091d7;
		margin: 3vw auto 6vw
	}

	.news a:first-of-type {
		margin-left: 0;
		display: block;
		text-align: center
	}

	.news a:first-of-type span:nth-child(2) {
		margin: 0;
		text-align: center;
		display: block;
		margin-bottom: 7vw
	}

	a.s-button::after {
		width: 4vw;
		height: 1.33vw;
		margin-left: 3.33vw;
		top: -0.8vw
	}

	.news a.s-button {
		margin: 0 auto
	}

	/* =====================================
　セクション クレジット
===================================== */

	.credit {
		width: 89.33vw;
		margin: 6.67vw auto 0;
		padding: 8vw 6.67vw 21vw;
		background: #fff;
		-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 20%);
		box-shadow: 0 0 30px rgb(0 0 0 / 20%);
		display: block;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
	}

	.credit h2 {
		font-family: dita-cd, sans-serif;
		font-size: 8vw;
		width: auto;
		border-right: 0;
		text-align: center;
		line-height: 1;
		height: auto;
		padding: 0;
	}

	.credit h2::after {
		content: '';
		display: block;
		width: 6.67vw;
		height: .13vw;
		background: #0091d7;
		margin: 3vw auto 6vw;
	}

	.cre-right {
		width: 100%;
	}

	.credit h3 {
		font-size: 5vw;
	}

	.header-top {
		padding: 0;
	}

	.credit a.s-button {
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
	}

	a.s-button {
		width: 34.67vw;
		height: 8vw;
		font-size: 3.47vw;
		padding: .13vw;
		text-align: center;
		display: block
	}


	/* =====================================
　セクション ポリシー
===================================== */
	.policy {
		/* widows: 100%; */
		height: auto;
		margin: 100px 0 0;
		background: 0;
		position: relative;
	}

	.policy .inner {
		width: 100%;
		background-color: #F2F8FB;
	}

	.policy .content {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 200px 0 0;
	}

	.policy h2 {
		font-size: 60px;
		font-family: dita-cd, sans-serif;
		text-align: center;
		line-height: 1;
		width: 180px;
		color: #0091D7;
		background: url(/wp-content/uploads/images/index/webp/policy-h2-bg.webp) no-repeat !important;
		background-size: contain !important;
		background-position: center !important;
		padding: 40px 20px;
		letter-spacing: 0;
	}

	h2.title span {
		font-family: tbudrgothic-std, sans-serif;
		font-size: 18px;
		color: #0091D7;
		position: relative;
		top: 15px;
		display: block;
		text-align: center;
		letter-spacing: .2em;
		letter-spacing: .1em;
		line-height: 2;
	}

	.policy dl {
		max-width: 100%;
		margin: 40px 30px;
	}

	.policy dl dt {
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 15px;
		color: #0091D7;
	}

	.policy dl dd {
		/* color: #fff; */
		margin-bottom: 2em;
	}

	.policy p {
		margin-bottom: 2em
	}

	.policy .image {
		position: absolute;
		padding: 20px;
		top: -150px;
	}

	.policy .image img {
		position: relative;
		width: 100%;
	}

	.policy .image .background {
		width: calc(100% - 40px);
		height: 240px;
		background: url(/wp-content/uploads/images/index/policy_img-bg.png) no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 15px;
		right: 10px;
		z-index: 0;
	}


	.prevention {
		width: 89.33vw;
		margin: 5.33vw auto 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.prevention .item {
		width: 89.33vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background: #fff;
		-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
		box-shadow: 0 0 30px rgba(0, 0, 0, .2);
		margin-bottom: 6.67vw
	}

	.prevention .item dl {
		width: 100%;
		padding: 4.67vw;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.prevention .item dl::after {
		width: 5.33vw;
		height: 5.33vw;
		right: 2.67vw;
		bottom: 2.67vw
	}

	.prevention .item dl dt {
		font-size: 5.33vw;
		height: 32vw;
		padding: 6.67vw;
		margin-bottom: 4vw
	}

	.prevention .item dl dd {
		font-size: 3.47vw
	}

	.prevention .item img {
		width: 100%;
		align-self: flex-start;
	}

	h2.title {
		font-size: 13.33vw;
		height: 40vw;
		padding: 10vw 0
	}

	.treatments h2.title {
		font-size: 50px;
		height: 40vw;
		padding: 10vw 0
	}

	h2.title span {
		font-size: 4.27vw;
		top: 1vw;
		line-height: 1.5
	}

	/* .policy-img {
		width: 100%
	}

	.policy {
		widows: 100%;
		height: auto;
		background: 0;
		position: relative
	}

	.no-webp .policy {
		background: 0;
	}

	.policy .inner {
		width: 100%;
		background: rgba(0, 145, 215, 1);
		position: static
	}

	.policy .content {
		width: 86.67vw;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 13.33vw 0
	}

	.policy h2 {
		width: 100%;
		margin-bottom: 10.67vw
	}


	.policy dl {
		width: 100%
	}

	.policy dl dt {
		font-size: 5.33vw;
		margin-bottom: 13.33vw;
		text-align: center
	}

	.policy dl dd {
		color: #fff
	} */

	/* =====================================
　セクション ポイント
===================================== */
	.point {
		padding: 60px 0;
	}

	.point .content {
		width: 89.33vw;
		margin: 15.33vw auto 6.67vw;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.point .item {
		width: 89.33vw;
		height: auto;
		margin-bottom: 6.67vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.point .item p {
		width: 100%;
		display: block;
		height: 40vw;
		font-size: 5.33vw;
		padding: 7vw 0 0;
		line-height: 1.8;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.point .item:nth-last-child(-n+3) p {
		padding: 7vw 0 0
	}

	.point .item:nth-child(2) p {
		padding: 3.5vw 0 0
	}

	.point .item p span {
		font-size: 3.73vw;
		margin-top: 2vw
	}

	.point .item p span:nth-child(3) {
		font-size: 3.47vw;
		margin-top: 0
	}

	.point .item img {
		position: relative;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.point::after {
		display: none
	}

	.no-webp .point::after {
		display: none
	}

	/* =====================================
　セクション ドクター
===================================== */

	.doctor {
		width: 100%;
		/* background: url(/wp-content/uploads/images/index/webp/doctor-bg-sp.webp) no-repeat;
		background-size: cover; */
		background-color: #F2F8FB;
		margin: 50px 0;
		padding-bottom: 70px;
		position: relative;
		padding: 13.33vw 0;
	}

	.doctor::before {
		height: 25px;
		position: absolute;
		top: -25px;
	}

	.doctor::after {
		height: 25px;
		position: absolute;
		bottom: -25px;
	}

	/* .no-webp .doctor {
		background: url(/wp-content/uploads/images/index/doctor-bg-sp.jpg) no-repeat;
		background-size: cover;
	} */

	.doctor .content1 {
		/* width: 89.33vw; */
		width: 100%;
		padding: 0 20px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.doctor .content1 .left {
		width: 100%;
		padding: 0;
		margin-top: 0;
	}

	.doctor .content1 .left img {
		width: 100%;
	}

	.doctor .content1 .left p:first-of-type {
		font-size: 5.33vw;
		left: 0;
		text-align: center
	}

	.doctor .content1 .right {
		width: 100%;
		margin: 0 auto
	}

	.doctor .content1 .right img {
		width: 100%;
		margin: 0 0 3vw
	}

	.doctor .content1 .left p:first-of-type {
		font-size: 5.33vw;
		left: 0;
		text-align: center
	}

	.doctor .content1 .left p.name {
		margin: 5vw auto 0 0;
		padding: 56px 0 0;
		width: 40vw;
		font-size: 6.67vw;
		line-height: 1.8;
		position: relative;
		left: -3vw
	}

	.doctor .content1 .right p.name span:first-of-type {
		font-size: 4vw;
		margin-bottom: 2vw
	}

	.doctor .content1 .right p.name span:nth-of-type(2) {
		font-size: 5.33vw;
		position: relative;
		top: -4vw;
		letter-spacing: 0
	}

	.doctor .content1 .left p.name::before {
		content: '';
		display: block;
		width: 53.33vw;
		height: 53.33vw;
		background: url(/wp-content/uploads/img_kuroki_sp.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -54vw
	}

	.no-webp .doctor .content1 .right p.name::before {
		background: url(/wp-content/uploads/images/index/img_kuroki_sp.png) no-repeat;
		background-size: contain;
	}

	.doctor .content2 {
		width: 89.33vw;
		margin-top: 40px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.doctor .content2 .left {
		width: 100%;
		border-left: none;
		/* border-bottom: .13vw solid #505050; */
		padding: 0 0 6vw 0;
		/* margin-bottom: 12vw; */
	}

	.doctor .content2 .left p {
		/* font-size: 3.2vw; */
		font-size: 14px;
		left: -2.13vw;
		margin-bottom: 4vw;
		padding: 0;
		line-height: 2.5;
		letter-spacing: .05em;
	}

	.doctor .content2 .left ul li {
		font-size: 3.2vw;
		line-height: 2
	}

	.doctor .content2 .left ul li span {
		display: inline-block;
		width: 18vw;
		letter-spacing: 0
	}

	.doctor .content2 .right {
		width: 100% !important;
		position: relative;
		top: 0;
	}

	.doctor .content2 .right p {
		line-height: 2.1;
		margin-left: 0;
	}

	.doctor .content2 .right ul {
		border-left: none;
		border-bottom: 1px solid #505050;
		padding-left: 0;
		padding-bottom: 2em;
		align-self: flex-start;
		margin-bottom: 2em;
	}

	.doctor a.button {
		margin: 11.33vw auto 0
	}

	.doctor .top-d-bunner {
		width: 100%;
		padding: 0 20px;
	}

	.doctor .top-d-bunner img {
		width: 100%;
	}

	/* ===================================
　セクション トリートメント
================================== */
	.treatments {
		/* padding: 26.67vw 0 */
		padding: 0 !important;
	}

	.treatments .content {
		width: 89.33vw;
		margin: 12vw auto;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.treatments .content .item {
		width: 27.67vw;
		margin: 0 0 6vw 0
	}

	.treatments .content .item:nth-child(6),
	.treatments .content .item:nth-child(12) {
		margin: 0
	}

	.treatments .content .item:nth-last-child(-n+6) {
		margin-bottom: 6vw
	}

	.treatments .content .item:nth-last-child(2) {
		white-space: nowrap;
		letter-spacing: 0
	}

	.treatments .content .item .icon {
		width: 26.67vw;
		height: 26.67vw;
		margin-bottom: 2.5vw
	}

	.treatments .content .item .icon:hover {
		background: url(/wp-content/uploads/images/index/webp/treatment-hover.webp) no-repeat;
		background-size: contain
	}

	.no-webp .treatments .content .item .icon:hover {
		background: url(/wp-content/uploads/images/index/treatment-hover.png) no-repeat;
		background-size: contain
	}

	.treatments .content .item:first-child .icon img {
		width: 13.33vw
	}

	.treatments .content .item:nth-child(2) .icon img {
		width: 18.67vw;
		position: relative;
		left: 2.67vw;
		top: -1.33vw
	}

	.treatments .content .item:nth-child(3) .icon img {
		width: 13.6vw
	}

	.treatments .content .item:nth-child(4) .icon img {
		width: 17.33vw
	}

	.treatments .content .item:nth-child(5) .icon img {
		width: 9.33vw
	}

	.treatments .content .item:nth-child(6) .icon img {
		width: 19.47vw
	}

	.treatments .content .item:nth-child(7) .icon img {
		width: 13.07vw
	}

	.treatments .content .item:nth-child(8) .icon img {
		width: 17.33vw
	}

	.treatments .content .item:nth-child(9) .icon img {
		width: 18.13vw
	}

	.treatments .content .item:nth-child(10) .icon img {
		width: 13.07vw
	}

	.treatments .content .item:nth-child(11) .icon img {
		width: 13.07vw
	}

	.treatments .content .item:nth-child(11) .icon {
		letter-spacing: 0
	}

	.treatments .content .item:nth-child(12) .icon img {
		width: 20.27vw
	}

	/* ===================================
　セクション 治療の流れ
================================== */
	.flow h2 {
		width: 89.33vw;
		height: 26.67vw;
		font-size: 6.67vw;
		padding: 7vw 0;
		background-size: cover
	}

	.no-webp .flow h2 {
		background-size: cover
	}

	.flow .content {
		width: 89.33vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 13.33vw auto;
		/* margin: 3.33vw auto; */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/* background: url(/wp-content/uploads/images/index/webp/flow-line-sp.webp) no-repeat;
		background-size: 30.13vw;
		background-position: center */
	}

	.no-webp section.flow .content {
		background: url(/wp-content/uploads/images/index/flow-line-sp.png) no-repeat;
		background-size: 30.13vw;
		background-position: center
	}

	.flow .content::after {
		display: none
	}

	.no-webp .flow .content::after {
		display: none
	}

	.flow .content .item {
		width: 40vw;
		height: 40vw;
		border-radius: 40vw;
		font-size: 4.27vw;
		padding-top: 6vw
	}

	.flow .content .item:nth-child(2) {
		margin-top: 26.67vw
	}

	.flow .content .item:nth-child(3),
	.flow .content .item:nth-child(5) {
		margin-top: -13.33vw
	}

	.flow .content .item:nth-child(4),
	.flow .content .item:nth-child(6) {
		margin-top: 13.33vw
	}

	.flow .content .item:first-child span,
	.flow .content .item:nth-child(3) span {
		margin-bottom: 2.67vw
	}

	.flow .content .item span {
		font-size: 13.33vw;
		font-family: dita-cd, sans-serif
	}

	/* ===================================
　セクション 治療費⽤
================================== */
	.cost {
		padding: 26.67vw 0
	}

	.cost h2 {
		width: 89.33vw;
		height: 42.67vw;
		background: url(/wp-content/uploads/images/index/webp/flow-bg.webp) no-repeat;
		background-size: cover;
		font-size: 7.47vw;
		padding: 5vw 0
	}

	.no-webp .cost h2 {
		background: url(/wp-content/uploads/images/index/flow-bg.png) no-repeat;
		background-size: cover;
	}

	.cost h2 span {
		font-size: 4.27vw
	}

	.cost .content {
		margin: 10.67vw auto;
		width: 89.33vw;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.cost .content .left,
	.cost .content .right {
		width: 100%
	}

	.cost .content .left {
		margin-bottom: 10.67vw
	}

	.cost .content h3 {
		text-align: center;
		margin-bottom: 8.67vw
	}

	.cost .content h3 span {
		font-size: 5.33vw;
		top: 0
	}

	.cost .content .left h3 img {
		display: block;
		width: 13.33vw;
		margin: 0 auto 3vw
	}

	.cost .content .right h3 img {
		display: block;
		width: 10.67vw;
		margin: 0 auto 3vw
	}

	.transparent {
		margin-bottom: 0;
	}
	.transparent .heading {
		width: 100%;
		height: 106.67vw;
		background: url(/wp-content/uploads/images/index/webp/tranparent-img1-sp.webp) no-repeat;
		background-size: cover;
		padding-top: 10vw
	}

	.no-webp .transparent .heading {
		background: url(/wp-content/uploads/images/index/tranparent-img1-sp.jpg) no-repeat;
		background-size: cover;
	}

	.transparent .heading h2 {
		width: 89.33vw;
		font-size: 7.47vw;
		text-align: center
	}

	.transparent .heading h2 span {
		font-size: 4.27vw;
		text-align: center
	}

	.transparent .heading p {
		width: 89.33vw;
		margin: 2vw auto 0;
		font-size: 3.5vw;
	}

	.transparent .content {
		width: 89.33vw;
		margin: -10.33vw auto 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.transparent .content h3 {
		font-size: 5.33vw
	}

	.transparent .content .grey {
		margin-bottom: 0;
		height: auto;
		width: 100%;
		padding: 12vw 5.33vw;
		-ms-flex-item-align: end;
		align-self: flex-end;
		background: #fafafa
	}
	.transparent .content .grey + a.button {
		margin: 30px auto;
	}

	.transparent .content .left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 89.33vw;
		height: auto;
		padding: 4.67vw;
		margin-bottom: 6.67vw
	}

	.transparent .content .left::after {
		width: 45.73vw;
		height: 68.67vw;
		top: 4vw;
		right: 0
	}

	.transparent .content .left h3 {
		width: 49.07vw;
		text-align: left;
		margin: 8vw 0
	}

	.transparent .content .left ul {
		margin-top: 0
	}

	.transparent .content .left ul li {
		font-size: 4vw;
		white-space: nowrap
	}

	.transparent .content .left ul li::before {
		width: 6.67vw;
		height: 5.6vw;
		margin-right: 2.67vw;
		bottom: -1vw
	}

	.transparent .content .left p {
		margin-top: 12.67vw
	}

	.transparent .content .right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 89.33vw;
		height: auto;
		padding: 4.67vw;
		margin-bottom: 6.67vw
	}

	.transparent .content .right h3 {
		margin: 8vw 0
	}

	.transparent .content .right .inner {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 auto
	}

	.transparent .content .right .inner .item {
		width: 30vw;
		text-align: center;
		margin-bottom: 4vw
	}

	.transparent .content .right .inner .item img {
		width: auto;
		height: 13.33vw;
		margin: 0 auto 5px
	}

	.transparent .content .right .inner .item p {
		text-align: center;
		white-space: nowrap;
		letter-spacing: 0
	}

	.transparent .content .bottom {
		width: 89.33vw;
		height: auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative
	}

	.transparent .content .bottom img {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		height: auto;
	}

	.transparent .content .bottom .inner {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 80vw;
		margin: 0 auto;
		position: static;
		padding-bottom: 13.33vw
	}

	.transparent .content .bottom .inner h3 {
		width: 100%;
		height: 24.67vw;
		font-size: 5.33vw;
		padding: 3vw;
		margin: 6.67vw 0;
		background: url(/wp-content/uploads/images/index/webp/bottom-frame-sp.webp) no-repeat;
		background-size: 100% 100%;
		line-height: 1.8
	}

	.no-webp .transparent .content .bottom .inner h3 {
		background: url(/wp-content/uploads/images/index/bottom-frame-sp.png) no-repeat;
		background-size: 100% 100%;
	}

	.transparent .content .bottom .inner p {
		color: #fff
	}

	.transparent .content .bottom .inner::after {
		width: 5.33vw;
		height: 5.33vw;
		bottom: 2.67vw;
		right: 2.67vw
	}

	.transparent::after {
		display: none;
	}

	.no-webp .transparent::after {
		display: none;
	}


	/* ===================================
　セクション イントロダクション
================================== */
	.introduction {
		margin-top: 13.67vw
	}

	.introduction h2 {
		margin-bottom: 6.67vw
	}

	.introduction .content {
		width: 89.33vw;
		margin: 0 auto;
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		padding: 0
	}

	.introduction .content .left {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2
	}

	.introduction .content .left h3 {
		font-size: 6.4vw;
		margin: 5.33vw 0
	}

	.introduction .content .left p {
		font-size: 4vw;
		margin-bottom: 12vw
	}

	.introduction .content .left dl dt {
		font-size: 4.8vw;
		padding: 1.33vw 2.67vw;
		margin-bottom: 5.33vw
	}

	.introduction .content .left dl dd {
		font-size: 4vw;
		margin-bottom: 0
	}

	.introduction .content .left dl dd:nth-of-type(2) {
		font-size: 3.2vw;
		margin-bottom: 10vw
	}

	.introduction .content .right {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.introduction .intro-nav .slick-slide {
		width: 14.8vw !important
	}

	.introduction .content a.button {
		display: block;
		margin: 0 auto 0;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.introduction::after {
		display: none
	}

	.no-webp .introduction::after {
		display: none
	}


	/* ===================================
　セクション Blog
================================== */
	.blog {
		margin: 13.67vw 0;
	}

	.blog h2 {
		margin-bottom: 10vw
	}

	.blog .content {
		width: 89.33vw;
		margin: 0 auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog .content .item {
		width: 100%;
		height: 26.67vw;
		padding-bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 5.33vw;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2)
	}

	.blog .content .item:hover {
		background: #ffffc5
	}

	.blog .content .item img {
		width: 27.67vw;
		height: auto;
	}

	.blog .content .item p {
		font-size: 4vw;
		text-align: left;
		width: auto;
		margin: 0;
		padding: 3.5vw 5.33vw;
		line-height: 1.8
	}

	.blog .content .item p span {
		display: block;
		font-size: 3.73vw;
		top: 0;
		text-align: left
	}

	.blog .content .item::after {
		width: 2.67vw;
		height: 2.67vw;
		bottom: 1.33vw;
		right: 1.33vw
	}

	.blog a.button {
		margin: 6vw auto 0
	}

	.recruit {
		margin: 26.67vw 0
	}

	.recruit .content {
		width: 89.33vw;
		height: 85.33vw;
		background: url(/wp-content/uploads/images/index/webp/recruit-img-sp.webp) no-repeat;
		background-size: contain;
		margin: 0 auto;
		padding: 6.67vw 6vw
	}

	.no-webp .recruit .content {
		background: url(/wp-content/uploads/images/index/recruit-img-sp.jpg) no-repeat;
		background-size: contain;
	}

	.recruit .content .inner {
		width: 100%;
		margin: 0
	}

	.recruit .content .inner h2 {
		font-size: 13.33vw;
		width: 43vw;
		margin-left: auto;
		line-height: 1.7
	}

	.recruit .content .inner h2 span {
		font-size: 3.73vw
	}

	.recruit .content .inner h2.title::after {
		display: none
	}

	.recruit .content .inner a {
		width: 100%;
		margin: 6vw 0 0
	}

	.top-d-bunner {
		margin: 0px auto;
	}

	/* =====================================
　セクション カウンセリング
===================================== */
	.counseling {
		width: calc(100% - 40px);
		/* height: 300px; */
		margin: 6.67vw auto 0;
		position: relative;
	}

	.counseling .img {
		width: 95%;
		position: relative;
		top: 0;
		left: 0;
		z-index: 50;
	}

	.counseling .inner {
		width: 95%;
		padding: 40px 20px;
		background: url(/wp-content/uploads/images/common/counseling_bg.webp) no-repeat;
		background-size: cover;
		background-position: -220px 0;
		position: relative;
		top: 0;
		right: 0px;
	}

	.counseling h3 {
		font-size: 20px;
		color: #fff;
		text-align: center;
		line-height: 8vw;
		margin-bottom: 10px;
	}

	.counseling p {
		color: #fff;
		font-size: 100%;
	}

	.counseling .inner:after {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: url(/wp-content/uploads/images/common/caret-w.png) no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}


}