@charset "UTF-8";
/*SP*/
	h2 span.en_sans {
		font-size: 1.2em;
	}
	.top01 { margin-top: 30px; }
	.top02 { margin-top: 50px; }
	.top03 {
		background-image: url("../img/bg03_sp.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		z-index: 100;
		margin-top: 20px;
		min-height: 800px;
		padding: 30px 0 80px 0;
		display: block;
		position: relative;
	}
	.top04 {}
	.top05 { position: relative; margin-top: 50px; }
	.top06 { position: relative; }
	.top07 {
		background-image: url("../img/bg04_sp.png");
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		z-index: 100;
		padding: 50px 0 70px 0;
		display: block;
		position: relative;
	}
	
	/* ========/ イントロ /========*/
	.top_intro_copy {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		width: 80%;
	}
	.top_intro_copy img {
		width: 100%;
	}
	.top01 .col4_pc figure {
		width: calc(100% / 3 - 2px);
	}
	.top_intro_img02 {
		margin-top: 80px;
	}
	.top_intro_img03 {
		margin-top: 100px;
	}
	.top_intro_img04 {
		margin-top: 120px;
	}

	/* ========/ こだわり /========*/
	.top02 h2 {
		letter-spacing: 0.06em;
	}
	h2 span.sp-size_down,
	h2 span.txt-small {
		font-size: 0.8em;
	}
	.commitment01 { margin-top: 30px; }
	.commitment02 { margin-top: 30px; }
	.commitment03 { margin-top: 30px; }
	.commitment04 { margin-top: 30px; }
	.commitment01 > div { width: calc(63%); }
	.commitment01 > figure { width: calc(35%); }
	.commitment02 > div { width: calc(100%); }
	.commitment02 > figure { width: calc(90%); margin: 0 auto; }
	.commitment03 > div { width: calc(100%); }
	.commitment03 > figure { width: calc(90%); margin: 0 auto; }
	.commitment04 > div { width: calc(100%); }
	.commitment04 > figure { width: calc(90%); margin: 0 auto; }
	
	.commitment01 div p.discription { border-top: 2px solid #4da9d5; padding-top: 0.8em; padding-bottom: 0em; display: inline-block; }
	.commitment02 div p.discription { border-top: 2px solid #9c75ab; padding-top: 0.8em; padding-bottom: 0em; display: inline-block; }
	.commitment03 div p.discription { border-top: 2px solid #e77faa; padding-top: 0.8em; padding-bottom: 0em; display: inline-block; }
	.commitment04 div p.discription { border-top: 2px solid #9fc459; padding-top: 0.8em; padding-bottom: 0em; display: inline-block; }
	.commitment01 div h3,
	.commitment02 div h3,
	.commitment03 div h3,
	.commitment04 div h3 {
		display: inline-block;
		position: relative;
	}
	.commitment01 div h3 {
		margin-top: 0;
	}
	.commitment01 div h3 img,
	.commitment02 div h3 img,
	.commitment03 div h3 img,
	.commitment04 div h3 img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.commitment01 p .btn,
	.commitment02 p .btn,
	.commitment03 p .btn,
	.commitment04 p .btn {
		min-width: 66%;
		text-align: left;
		padding: 0.4em 2em 0.4 1em;
	}
	/* ========/ コンサル /========*/
	.top03 h2 {
		background-image: url("../img/title_line_w.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		display: inline-block;
		padding-bottom: 30px;
	}
	.consult01 { position: relative; padding: 10px; margin-top: 30px; background-color: #f4f8f9; width: calc(90%); border-radius: 20px; margin-left: 5%; }
	.consult02 { position: relative; padding: 10px; margin-top: 30px; background-color: #ffffff; width: calc(90%); border-radius: 20px; }
	.consult01 div:first-child,
	.consult02 div:first-child {
		width: calc(100%);
		margin-top: 0px;
	}
	.consult01 div:nth-child(2),
	.consult02 div:nth-child(2) {
		width: calc(100%);
	}
	.consult01 img,
	.consult02 img {
		width: 88%;
		display: block;
		margin: 0 auto;
	}
	.consult01 .btn,
	.consult02 .btn {
		min-width: 75%;
		padding: 0.6em 3em 0.6em 2em;
	}
	ul.point {
		margin-top: 0;
		list-style: none;
	}
	.consult01 ul.point {
		margin-left: -35px;
	}
	.consult02 ul.point {
		margin-right: -35px;
	}
	ul.point li {
		padding: 10px;
		margin: 2px 0;
	}
	ul.point li::before {
		display: inline-block;
		content: url(../img/check_mark-s.png);
		padding-right: 6px;
		padding-left: 0px;
	}
	.consult01 ul.point li {
		background-color: rgba(76,160,200,1);
	}
	.consult02 ul.point li {
		background-color: rgba(156,204,116,1);
	}
	/* ========/ 現在採用 /========*/
	.now_hiring01 { position: relative; margin-top: 30px; background-color: #fff; width: calc(99%); box-shadow: 6px 6px #e2e1e1; padding-bottom: 20px; }
	.now_hiring02 { position: relative; margin-top: 30px; background-color: #fff; width: calc(99%); box-shadow: 6px 6px #e2e1e1; padding-bottom: 20px; }
	.now_hiring01 figure,
	.now_hiring02 figure {
		width: calc(100%);
		position: relative;
	}
	.now_hiring01 figure .bagde,
	.now_hiring02 figure .bagde {
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		padding: 30px 20px;
		min-height: 117px;
		font-size: 1.2em;
		font-weight: 600;
	}
	.now_hiring01 figure .bagde {
		background-image: url("../img/badge_b.png");
		background-repeat: no-repeat;
	}
	.now_hiring02 figure .bagde {
		background-image: url("../img/badge_g.png");
		background-repeat: no-repeat;
	}
	.now_hiring01 div,
	.now_hiring02 div {
		width: calc(92% - 2.5%);
		margin: 0 auto;
		padding: 0;
	}
	.now_hiring01 h2,
	.now_hiring02 h2{
		margin-top: 0.5em;
	}
	.now_hiring01 h2 span,
	.now_hiring02 h2 span{
		font-size: 0.7em;
		font-weight: 400;
		letter-spacing: 0;
		display: inline-block;
		padding-top: 0.4em;
		float: right;
	}
	.now_hiring01 h2::after,
	.now_hiring02 h2::after {
		display: block;
		clear: both;
		height: 1px;
	}
	.now_hiring01 .g-btn,
	.now_hiring02 .g-btn {
		font-size: 1.2em;
		letter-spacing: 0.05em;
		min-width: 85%;
		font-weight: normal;
	}

	/* ========/ メッセージビデオ /========*/
	.message_video01 {
		background-image: url("../img/topimg_bg01_sp.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 250px;
		position: relative;
	}
	.message_video02 {
		background-image: url("../img/topimg_bg02_sp.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 250px;
		position: relative;
	}
	.video_title {
		margin-top: 120px;
		text-align: center;
		z-index: 100;
	}
	.video_title h3 {
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.06em;
		font-size: 1.2em;
	}
	/* ========/ 医院紹介ビデオ /========*/
	.about_clinic,
	.about_kidspark { margin-top: 50px; }
	.about_clinic { text-align: end; }
	.about_clinic h3 {
		text-align: center;
		display: inline-block;
		margin: 0 0 0 0;
	}
	.about_kidspark h3 {
		text-align: center;
		display: inline-block;
		margin: 0 0 0 0;
		width: 230px;
	}
	.about_kidspark h3 img {
		width: 100%;
	}
	.about_clinic p {
		margin: 2em 1em 0 0;
		padding: 0 10px;
		text-align: left;
	}
	.about_kidspark p {
		margin: 2em 0 0 0;
		padding: 0 10px;
	}
	.about_clinic figure,
	.about_kidspark figure { margin-top: 20px; }
	.about_clinic figure,
	.about_kidspark figure {
		position: relative;
	}
	.about_clinic figure .play_bt_area,
	.about_kidspark figure .play_bt_area {
		position: absolute;
		top: 30%;
		width: 100%;
		height: 100%;
		text-align: center;
		cursor: pointer;
	}
	p.note_line {
		line-height: 40px;
		text-align: left;
		background-image: url("../img/note_line.png");
		background-position: bottom;
		background-repeat: repeat-y;
	}
	.about_clinic p .btn,
	.about_kidspark p .btn {
		width: 80%;
		text-align: center;
	}
	.img_layer03 {
		position: absolute;
		z-index: 200;
		top: -10px;
		right: 65%;
		width: 130px;
	}
	.img_layer05 {
		position: absolute;
		z-index: 200;
		top: 15px;
		left: 63%;
		width: 140px;
	}
	.img_layer03 img,
	.img_layer05 img {
		width: 100%;
	}

	/* ========/ お知らせ・バナー /========*/
	.top07 h2 {
		background-image: url("../img/title_line.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		display: inline-block;
		padding-bottom: 30px;
		line-height: 1em;
	}
	.top07 h2 span.txt-small {
		font-size: 0.6em;
		line-height: 0.2em;
		font-weight: normal;
	}
	.news_flame {
		margin-top: 30px;
		max-height: 550px;
		overflow: scroll;
		padding-right: 10px;
	}
	dl.news {
		background-color: #fff;
		padding: 1em;
		margin-top: 10px;
	}
	dl.news dt {
		width: calc(100%);
		display: block;
		text-align: left;
	}
	dl.news dt span.type01,
	dl.news dt span.type02 {
		display: inline-block;
		padding: 0.4em 0.8em;
		color: #fff;
	}
	dl.news dt span.type01 {
		background-color: #4ca0c8;
	}
	dl.news dt span.type02 {
		background-color: #336ba5;
	}
	dl.news dt span.date {
		font-size: 0.9em;
		margin-left: 1em;
	}
	dl.news dd {
		width: calc(100%);
		display: block;
		margin-left: 0em;
		margin-top: 0em;
		text-align: left;
	}
	dl.news dd h4.type01 {
		border-bottom: 2px solid #4ca0c8;
		padding-bottom: 0.3em;
		margin-top: 0.8em;
	}
	dl.news dd h4.type02 {
		border-bottom: 2px solid #336ba5;
		padding-bottom: 0.3em;
		margin-top: 0.8em;
	}
	.banner_area {
		margin-top: 50px;
	}
	.banner_area.col4_pc > figure {
		width: calc(100% / 2 - 8px);
		margin-bottom: 5px;
	}











.top01 {
    margin-top: 16px;
}
.top01 .w1024.col4_pc {
    width: calc(100%);
}
.top_intro_copy img {
    width: 85%;
}
.top_intro_img02 {
    margin-top: 72px;
}
.top_intro_img03 {
    margin-top: 88px;
}
.top_intro_img04 {
    margin-top: 104px;
}
.top01 .col4_pc figure {
    width: calc(100% / 3 - 6px);
}
.top02 {
    margin-top: 36px;
}
.top02 h2 {
    font-size: 6.4vw;
    line-height: 1.64;
    margin-bottom: 72px;
}
h2 span.txt-small {
    font-size: 0.68em;
    letter-spacing: 0;
}
.commitment01 > div {
    width: calc(62%);
    padding-left: 2.5%;
    position: relative;
    left: -35.5%;
}
.commitment01 > figure {
    width: calc(48%);
    position: absolute;
    z-index: 0;
}
.txt_emphasis {
    color: #ffe000;
    text-shadow: none;
    font-feature-settings: 'palt';
    font-size: 1.4em;
    margin-right: 1px;
    margin-left: 1px;
    position: relative;
    bottom: -4px;
    letter-spacing: -0.05em;
}
.commitment01 {
    margin-top: 0;
}
.commitment02 {
    margin-top: 80px;
}
.commitment03 {
    margin-top: 80px;
}
.commitment04 {
    margin-top: 88px;
}
.commitment02 div h3,
.commitment03 div h3,
.commitment04 div h3 {
    margin-top: 0;
}
.commitment01 div h3 img {
    top: -16px;
}
.commitment02 div h3 img {
    top: -232px;
    left: 50%;
    transform: rotate(13deg);
}
.commitment03 div h3 img {
    top: -276px;
    transform: rotate(-12deg);
}
.commitment04 div h3 img {
    top: -224px;
    left: 48%;
    transform: rotate(6deg);
}


.commitment01.sp-tb > p {
    max-width: 95%;
    margin: 32px auto 0;
}
.commitment02 div p.discription,
.commitment03 div p.discription,
.commitment04 div p.discription {
    margin-bottom: 16px;
}

.commitment02 > div,
.commitment03 > div,
.commitment04 > div {
    width: calc(95%);
    margin-right: auto;
    margin-left: auto;
}
.commitment03 > figure {
    margin-bottom: -8px;
}
.commitment04 > figure {
    width: calc(110%);
    max-width: 110%;
    margin-right: -5%;
    margin-left: -5%;
    margin-bottom: -16px;
}
.commitment01 p .btn,
.commitment02 p .btn,
.commitment03 p .btn,
.commitment04 p .btn {
    background-position-x: 92%;
    box-sizing: border-box;
    min-width: unset;
    width: 100%;
    padding: 16px 0 12px 32px;
}
.top03 .consult01 ul.point li {
    background-color: rgb(160,204,224);
}
.top03 .consult02 ul.point li {
    background-color: rgb(176,208,144);
}
.top03 ul.point > li:first-of-type {
    margin-top: 0;
}
.top03 ul.point > li:last-of-type {
    margin-bottom: 0;
}
.top03 ul.point li {
    margin: 8px 0;
}
.top03 .consult01 .btn, .top03 .consult02 .btn {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 3px #ddd;
    border-right: solid 3px #ddd;
}
.top03 .btn.col-blue {
    color: #4da9d5;
    background-color: #fff;
    background-image: url(../img/btn_arrow_b.png);
    background-position-x: 92%;
}
.top03 .btn.col-green {
    color: #7caf1b;
    background-color: #f9f9f9;
    background-image: url(../img/btn_arrow_g.png);
    background-position-x: 92%;
}
.consult01,
.consult02 {
    padding: 16px;
    border-radius: 24px;
    padding-bottom: 24px;
    padding-top: 10px;
}
.consult01 {

}
.consult02 {
    padding-top: 0;
}
.consult01 ul.point {
    margin-left: -32px;
    margin-bottom: 24px;
}
.consult02 ul.point {
    margin-right: -28px;
    margin-bottom: 24px;
}
.top04 .btn-grd01 span,
.top04 .btn-grd02 span,
.top04 .btn-grd03 span,
.top04 .btn-grd04 span {
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.top04 .icon-chevron-right:before {
    content: "";
    background-image: url(/img/btn_arrow_w.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 16px;
}
.now_hiring01 h2, .now_hiring02 h2 {
    margin-top: 0.55em;
}
.about_clinic figure h3, .about_kidspark figure h3 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
    text-shadow: 1px 1px 3px rgba(0,0,0,.25);
}

.message_video01,
.message_video02 {
    background-size: cover;
}
.video_title h3 {
    font-size: 1.3em;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 16px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
}

.about_clinic figure::before,
.about_kidspark figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
}
.about_clinic figure::before {
    background-color: rgba(0,0,0,.2);
}
.about_kidspark figure::before {
    background-color: rgba(0,0,0,.08);
}

.MV_flame{
    background-image: url(../img/top_spmv_pv_v3-1_bg.png);
    margin-top: -40px;
    background-repeat: no-repeat;
    min-height: unset;
    height: 156vw;
    background-size: contain;
    background-position: center;
}
.header_bottom img{
    display: none;
}
.bg_mv_area .bg-stripe {
    padding-top: 64px;
    padding-bottom: 24px;
}
.nobackimage{
    background-image: none !important;
    margin: 0 !important;
}
.bg_mv_area {
    background-color: #cfeaf1;
    position: relative;
}
.movieshow_logo {
    display: none;
    position: absolute;
    z-index: 9;
    top: 18px;
    left: 24px;
    max-width: 344px;
    width: 30%;
}
.topMV_area .play_movie_top {
    display: flex;
    background: #1bb1de;
    max-width: 426px;
    justify-content: center;
    text-indent: 0;
    /* height: 82px; */
    margin: auto;
    transform: translate(-50%, 0);
    top: 55%;
    left: 76%;
    width: 110px;
    height: 110px;
    align-items: center;
    color: #fff;
    border-radius: 70px;
    flex-direction: column;
    margin-top: 0;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    background-image: none;
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: 77% 50%;
    z-index: 1;
}
.topMV_area .play_movie_top em {
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
}
.topMV_area .play_movie_top:hover {
    background: #129ec7;
    background-image: url(../img/btn_play_white.png);
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: 77% 50%;
}
#douga {
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    display: none;
    position: absolute;
    top: 0;
    z-index: 2;
}
.now_playing_btn {
    display: none;
}
.top_movie_flex {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 32px;
    right: 24px;
    z-index: 3;
    width: 420px;
}
.top_mv_pause,
.top_mv_start,
.top_mv_close {
    display: flex;
    height: 48px;
    width: 200px;
    background-color: #4da9d5;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0 16px 2px;
    border-radius: 32px;
    cursor: pointer;
}
.top_mv_start {
    background-color: #81bf4d;
}
.top_mv_close {
    background-color: #e77faa;
}
.top_mv_pause:hover{
    background-color: rgb(77 169 213 / 80%);
}
.top_mv_start:hover {
    background-color: rgb(129 191 77 / 80%);
}
.top_mv_close:hover{
    background-color: rgb(231 127 170 / 80%);
}

@media (min-width: 280px) and (max-width: 768px) {
.about_clinic h3,
.about_kidspark h3 {
    font-weight: 800;
    letter-spacing: 0.03em;
    font-size: 6.4vw;
}
.now_hiring01 h2, .now_hiring02 h2 {
    font-size: 1.5em;
}
h2 span.en_sans {
    font-size: 1em;
}
.top06 {
    margin-top: 0;
}
.top04 h2 span.en_sans {
    font-size: 0.56em;
    font-weight: bold;
}
.top03 h2,
.top07 h2,
.footer_map00 h2 {
    background-size: 56px;
}
}

@media (min-width: 280px) and (max-width: 365px) {
	
.top02 {
    margin-top: 28px;
}
.commitment01 div h3 img,
.commitment02 div h3 img,
.commitment03 div h3 img,
.commitment04 div h3 img {
    width: 152px;
}
.commitment01 div h3,
.commitment02 div h3,
.commitment03 div h3,
.commitment04 div h3 {
    font-size: 6.2vw;
}
.commitment01 p .btn, .commitment02 p .btn, .commitment03 p .btn, .commitment04 p .btn {
    padding-top: 12px;
    padding-bottom: 10px;
}

.commitment02 div h3 img {
    top: -204px;
}
.commitment03 div h3 img {
    top: -236px;
}
.commitment04 div h3 img {
    top: -192px;
}
.top03 ul.point li {
    font-size: 4.6vw;
}
.consult01 {
    margin-left: 3%;
}
.consult02 {
    left: -8px;
}
.img_layer03 {
    top: 16px;
    right: 68%;
    width: 104px;
}

article section.top06 {
    margin-top: -24px;
}
}

@media (min-width: 280px) and (max-width: 767px) {
.message_video01 .video_title {
    margin-right: 0;
    margin-left: auto;
    margin-top: 104px;
}
.message_video02 .video_title {
    margin-right: auto;
    margin-left: 0;
    margin-top: 124px;
}
.message_video02 .video_title h3 {
    margin-bottom: 24px;
}
.message_video02 {
     position: relative;
}
.message_video02::before {
     content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.08);
    z-index: 0;
}
.message_video02 > div {
    z-index: 1;
}
.about_clinic h3 img {
    max-width: 86%;
    margin-bottom: 8px;
    position: relative;
    left: 10px;
}
.about_kidspark h3 img {

}
.about_clinic, .about_kidspark {
    width: 100%;
}
.about_clinic p.note_line,
.about_kidspark p.note_line {
    padding: 0;
    margin: 40px auto 0;
}
.about_clinic figure, .about_kidspark figure {
    margin-top: 32px;
}
.about_clinic p.note_line + p,
.about_kidspark p.note_line + p{
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin-top: 30px;
}
.about_clinic p .btn,
.about_kidspark p .btn {
    width: 100%;
    padding: 16px 8px;
}
.img_layer05 {
    top: 8px;
}
article .top07 {
    margin-top: 24px;
    padding-bottom: 48px;
}
.banner_area {
    margin-top: 32px;
}
.banner_area.col4_pc > figure {
    width: calc(49%);
}
.banner_area.col4_pc > figure {
    width: calc(49%);
    margin-bottom: 8px;
}

}
@media (min-width: 280px) and (max-width: 365px) {
.img_layer05 {
    top: unset;
    top: 24px;
    left: 64%;
    width: 120px;
}
.top06 {
    overflow: hidden;
}
.top04 .btn-grd01 span,
.top04 .btn-grd02 span,
.top04 .btn-grd03 span,
.top04 .btn-grd04 span {
    font-size: 5.2vw;
}
}



	
/*X-11*/
@media screen and (min-width: 375px) {
}
/*-12promax(414・428)*/
@media screen and (min-width: 414px) {
	/* ========/ メッセージビデオ /========*/
	.message_video01 {
		background-size: cover;
		min-height: 250px;
	}
	.message_video02 {
		background-size: cover;
		min-height: 250px;
	}
}
@media screen and (min-width: 428px) {
}




/*iPad*/
@media screen and (min-width: 768px) {
	h2 span.en_sans {
		font-size: 1.2em;
	}
	.top01 { margin-top: 70px; }
	.top02 { margin-top: 70px; }
	.top03 {
		background-image: url("../img/bg03.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		z-index: 5;
		margin-top: -116px;
		min-height: 818px;
		padding: 100px 0 50px 0;
		display: block;
		position: relative;
	}
	.top04 {}
	.top05 { position: relative; min-height: 530px; margin-top: 70px; }
	.top06 { position: relative; }
	.top07 {
		background-image: url("../img/bg04.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		z-index: 5;
		padding: 130px 0 70px 0;
		display: block;
		position: relative;
	}
	
	/* ========/ イントロ /========*/
	.top_intro_copy {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 370px;
	}
	.top_intro_copy img {
		width: 100%;
	}
	.top01 .col4_pc figure {
		width: calc(100% / 4 - 8px);
	}
	.top_intro_img01 {
		margin-top: 110px;
	}
	.top_intro_img02 {
		margin-top: 125px;
	}
	.top_intro_img03 {
		margin-top: 40px;
	}
	.top_intro_img04 {
		margin-top: 70px;
	}
	
	/* ========/ こだわり /========*/
	.top02 h2 {
		letter-spacing: 0.1em;
	}
	h2 span.sp-size_down {
		font-size: 1em;
	}
	h2 span.txt-small {
		font-size: 0.8em;
	}
	.commitment01 { margin-top: 30px; }
	.commitment02 { margin-top: 30px; }
	.commitment03 { margin-top: 30px; }
	.commitment04 { margin-top: 30px; }
	.commitment01 > div { width: calc(68%); }
	.commitment01 > figure {
    width: calc(32%);
    position: relative;
    left: -36px;
	}
	.commitment02 > div { width: calc(58%); }
	.commitment02 > figure { width: calc(40%); }
	.commitment03 > div { width: calc(58%); }
	.commitment03 > figure { width: calc(40%); }
	.commitment04 > div { width: calc(58%); }
	.commitment04 > figure { width: calc(40%); }
	
	.commitment01 div p.discription { border-top: 2px solid #4da9d5; padding-top: 0.8em; padding-bottom: 1.5em; display: inline-block; }
	.commitment02 div p.discription { border-top: 2px solid #9c75ab; padding-top: 0.8em; padding-bottom: 1.5em; display: inline-block; }
	.commitment03 div p.discription { border-top: 2px solid #e77faa; padding-top: 0.8em; padding-bottom: 1.5em; display: inline-block; }
	.commitment04 div p.discription { border-top: 2px solid #9fc459; padding-top: 0.8em; padding-bottom: 1.5em; display: inline-block; }
	.commitment01 div h3,
	.commitment02 div h3,
	.commitment03 div h3,
	.commitment04 div h3 {
		display: inline-block;
		position: relative;
	}
	.commitment01 div h3 {
		margin-top: 1.3em;
	}
	.commitment01 div h3 img,
	.commitment02 div h3 img,
	.commitment03 div h3 img,
	.commitment04 div h3 img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.commitment01 p .btn,
	.commitment02 p .btn,
	.commitment03 p .btn,
	.commitment04 p .btn {
		min-width: 190px;
		text-align: left;
		padding: 0.6em 2em 0.6 1em;
	}
	.bg_commitment04 {
		background-image: url("../img/topimg_08.png");
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 63%;
		min-height: 476px;
	}
	
	/* ========/ コンサル /========*/
	.top03 h2 {
		background-image: url("../img/title_line_w.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		display: inline-block;
		padding-bottom: 30px;
	}
	.consult01 { position: relative; padding: 20px; margin-top: 50px; background-color: #f4f8f9; width: calc(80%); border-radius: 20px; margin-left: 17%; }
	.consult02 { position: relative; padding: 20px; margin-top: 50px; background-color: #ffffff; width: calc(80%); border-radius: 20px; }
	.consult01 div:first-child,
	.consult02 div:first-child {
		width: calc(40%);
		margin-top: 30px;
	}
	.consult01 div:nth-child(2),
	.consult02 div:nth-child(2) {
		width: calc(55%);
	}
	.consult01 img,
	.consult02 img {
		width: 88%;
		display: block;
		margin: 0 auto;
	}
	.consult01 p,
	.consult02 p {
		margin-top: 0;
	}
	.consult01 .btn,
	.consult02 .btn {
		min-width: 70%;
		padding: 0.6em 3em 0.6em 2em;
	}

	ul.point {
		margin-top: 0;
		list-style: none;
	}
	.consult01 ul.point {
		margin-left: -35px;
	}
	.consult02 ul.point {
		margin-right: -35px;
	}
	ul.point li {
		padding: 10px;
		margin: 2px 0;
	}
	ul.point li::before {
		display: inline-block;
		content: url(../img/check_mark.png);
		padding-right: 10px;
		padding-left: 10px;
	}
	.consult01 ul.point li {
		background-color: rgba(76,160,200,1);
	}
	.consult02 ul.point li {
		background-color: rgba(156,204,116,1);
	}
	.img_layer01 {
		position: absolute;
		z-index: 10;
		top: -20px;
		width: 150px;
	}
	.img_layer02 {
		position: absolute;
		z-index: 10;
		right: 0;
		bottom: -50px;
		width: 180px;
	}
	.img_layer01 img,
	.img_layer02 img {
		width: 100%;
	}
	
	/* ========/ 現在採用 /========*/
	.now_hiring01 { position: relative; margin-top: 60px; background-color: #fff; width: calc(99%); box-shadow: 6px 6px #e2e1e1; padding-bottom: 0px; }
	.now_hiring02 { position: relative; margin-top: 40px; background-color: #fff; width: calc(99%); box-shadow: 6px 6px #e2e1e1; padding-bottom: 0px; }
	.now_hiring01 figure,
	.now_hiring02 figure {
		width: calc(45%);
		position: relative;
	}
	.now_hiring01 figure .bagde,
	.now_hiring02 figure .bagde {
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		padding: 30px 20px;
		min-height: 117px;
		font-size: 1.2em;
		font-weight: 600;
	}
	.now_hiring01 figure .bagde {
		background-image: url("../img/badge_b.png");
		background-repeat: no-repeat;
	}
	.now_hiring02 figure .bagde {
		background-image: url("../img/badge_g.png");
		background-repeat: no-repeat;
	}
	.now_hiring01 div,
	.now_hiring02 div {
		width: calc(48%);
		padding: 0px 2% 0 0%;
	}
	.now_hiring01 h2,
	.now_hiring02 h2{
		margin-top: 0.5em;
	}
	.now_hiring01 h2 span,
	.now_hiring02 h2 span{
		font-size: 0.7em;
		font-weight: 400;
		letter-spacing: 0;
		display: inline-block;
		padding-top: 0.4em;
		float: right;
	}
	.now_hiring01 h2::after,
	.now_hiring02 h2::after {
		display: block;
		clear: both;
		height: 1px;
	}
	.now_hiring01 .g-btn,
	.now_hiring02 .g-btn {
		font-size: 1.2em;
		letter-spacing: 0.05em;
		min-width: 85%;
		font-weight: normal;
	}
	
	/* ========/ メッセージビデオ /========*/
	.message_video01 {
		background-image: url("../img/topimg_bg01_tb.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 380px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.message_video02 {
		background-image: url("../img/topimg_bg02_tb.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 380px;
		position: absolute;
		right: 0;
		top: 130px;
	}
	.video_title {
		margin-top: 200px;
		text-align: center;
		z-index: 100;
	}
	.video_title h3 {
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.06em;
		font-size: 1.26em;
	}
	
	/* ========/ 医院紹介ビデオ /========*/
	.about_clinic,
	.about_kidspark { margin-top: 80px; }
	.about_clinic { text-align: left; }
	.about_clinic h3 {
		text-align: center;
		display: inline-block;
		margin: 0 0 0 0;
	}
	.about_kidspark h3 {
		text-align: center;
		display: inline-block;
		margin: 0 0 0 2em;
		width: auto;
	}
	.about_kidspark h3 img {
		width: 100%;
	}
	.about_clinic p {
		margin: 2em 1em 0 0;
		padding: 0 10px;
		text-align: left;
	}
	.about_kidspark p {
		margin: 2em 0 0 0;
		padding: 0 10px;
	}
	.about_clinic figure,
	.about_kidspark figure { margin-top: 0px; }
	.about_clinic figure,
	.about_kidspark figure {
		position: relative;
	}
	.about_clinic figure .play_bt_area,
	.about_kidspark figure .play_bt_area {
		position: absolute;
		top: 36%;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	p.note_line {
		line-height: 40px;
		text-align: left;
		background-image: url("../img/note_line.png");
		background-position: bottom;
		background-repeat: repeat-y;
	}
	.about_clinic p .btn,
	.about_kidspark p .btn {
		width: auto;
		text-align: left;
	}
	.img_layer03 {
		position: absolute;
		z-index: 200;
		top: 250px;
		right: 45%;
		width: 120px;
	}
	.img_layer04 {
		position: absolute;
		z-index: 200;
		top: -35px;
		right: 0;
		width: 120px;
	}
	.img_layer05 {
		position: absolute;
		z-index: 200;
		top: 220px;
		left: 40%;
		width: 180px;
	}
	.img_layer06 {
		position: absolute;
		z-index: 200;
		top: 15px;
		left: 0;
		width: 150px;
	}
	.img_layer03 img,
	.img_layer04 img,
	.img_layer05 img,
	.img_layer06 img{
		width: 100%;
	}

	/* ========/ お知らせ・バナー /========*/
	.top07 h2 {
		background-image: url("../img/title_line.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		display: inline-block;
		padding-bottom: 30px;
		line-height: 1em;
	}
	.top07 h2 span.txt-small {
		font-size: 0.6em;
		line-height: 0.2em;
		font-weight: normal;
	}
	.news_flame {
		margin-top: 30px;
		max-height: 550px;
		overflow: scroll;
		padding-right: 10px;
	}
	dl.news {
		background-color: #fff;
		padding: 2em;
		margin-top: 20px;
	}
	dl.news dt {
		width: calc(14%);
		display: inline-block;
		text-align: left;
	}
	dl.news dt span.type01,
	dl.news dt span.type02 {
		display: inline-block;
		padding: 0.4em 0.8em;
		color: #fff;
	}
	dl.news dt span.type01 {
		background-color: #4ca0c8;
	}
	dl.news dt span.type02 {
		background-color: #336ba5;
	}
	dl.news dt span.date {
		font-size: 0.9em;
		margin-left: 0em;
	}
	dl.news dd {
		width: calc(81%);
		display: inline-block;
		margin-left: 2em;
		margin-top: -1.9em;
		text-align: left;
	}
	dl.news dd h4.type01 {
		border-bottom: 2px solid #4ca0c8;
		padding-bottom: 0.3em;
		margin-top: 1.4em;
	}
	dl.news dd h4.type02 {
		border-bottom: 2px solid #336ba5;
		padding-bottom: 0.3em;
		margin-top: 1.4em;
	}
	.banner_area {
		margin-top: 50px;
	}
	.banner_area.col4_pc > figure {
		width: calc(100% / 4 - 8px);
	}
.top01 .w1024.col4_pc {
    width: calc(100% - 120px);
}
.commitment01 div h3 img,
.commitment02 div h3 img,
.commitment03 div h3 img,
.commitment04 div h3 img {
    transform: unset;
}


.commitment01 > div {
    padding-left: unset;
    position: relative;
    left: unset;
}
.commitment01 > figure {
    width: calc(31%);
}
.topMV_area .play_movie_top {
    display: flex;
    background: #1bb1de;
    max-width: 36vw;
    justify-content: center;
    text-indent: -0.3em;
    height: 4.8vw;
    margin: auto;
    transform: translate(-50%, 0);
    top: 62%;
    left: 50%;
    width: 100%;
    align-items: center;
    color: #fff;
    border-radius: 70px;
    flex-direction: column;
    cursor: pointer;
    font-size: 1.7vw;
    font-weight: 600;
    position: absolute;
    background-image: url(../img/btn_play_white.png);
    background-size: 4%;
    background-repeat: no-repeat;
    background-position: 70% 50%;
    z-index: 1;
}
.topMV_area .play_movie_top em {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9vw;
}
.topMV_area .play_movie_top:hover {
    background: #129ec7;
    background-image: url(../img/btn_play_white.png);
     background-size: 4%;
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.MV_flame {
    border-radius: 16px;
    position: relative;
    background-image: url(../img/top_mv_pv_v3_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: unset;
    background-size: cover;
    height: 40vw;
    max-width: 1858px;
    margin: 40px auto 0;
}
.MV_flame::before{
    position: absolute;
    transform: translate(0,-50%);
    content: "";
    background-image: url(/img/newtop_mv_pv_v3-left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    width: 31vw;
    height: 100%;
    top: 46%;
    left: 0;
}
.MV_flame::after{
    position: absolute;
    transform: translate(0,-50%);
    content: "";
    background-image: url(/img/top_mv_pv_v3-right-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    width: 41vw;
    height: 100%;
    top: 44%;
    right: 0;
}
.MV_flame.nobackimage::before,
.MV_flame.nobackimage::after{
    display: none;
}
.mv_topmesages {
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    top: 23%;
    width: 100%;
    max-width: 37vw;
    z-index: 2;
}
.MV_flame h1.top_copy {
    text-align: center;
    padding-top: 210px;
    color: #fff;
    font-size: 3.5em;
    font-weight: 500;
    text-shadow: 1px 2px 3px #808080;
    line-height: 1.1em;
}
.bg_article_area.playingmovie_bottom {
    margin: 120px auto 0 auto;
}
#topmv_str{
    padding-bottom: 0;
}
.top_movie_flex{
    right: 88px;
}
}

/*PC(1024)*/
@media screen and (min-width: 801px) {
	#top{
		overflow-x: hidden;
	}
	/* ========/ イントロ /========*/
	.top_intro_copy {
		width: 430px;
	}
	/* ========/ こだわり /========*/
	.commitment02,
	.commitment04 {
		text-align: end;
	}
	.bg_commitment04 {
		background-size: 73%;
	}
.bg_commitment04::after {
    content: "";
    background-image: url(/img/topimg_08.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50%;
    height: 100%;
    position: absolute;
    top: -3%;
    left: -2%;
}

.bg_commitment04 {
    background-image: none;
    min-height: unset;
    padding-bottom: 72px;
}
.commitment04 > div {
    width: 40%;
}
	.commitment01 p .btn,
	.commitment02 p .btn,
	.commitment03 p .btn,
	.commitment04 p .btn {
		min-width: 210px;
	}
	/* ========/ コンサル /========*/
	.consult01 div:first-child,
	.consult02 div:first-child {
		margin-top: 20px;
	}
	.consult01 img,
	.consult02 img {
		width: 88%;
		display: block;
		margin: 0 auto;
	}
	.img_layer01 {
		position: absolute;
		z-index: 200;
		top: -20px;
		width: 190px;
	}
	.img_layer01 img {
		width: 100%;
	}
	.img_layer02 {
		position: absolute;
		z-index: 200;
		right: 0px;
		bottom: -50px;
		width: 230px;
	}
	.img_layer02 img {
		width: 100%;
	}
	/* ========/ メッセージビデオ /========*/
	.video_title {
		margin-top: 220px;
	}
	.video_title h3 {
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 1.5em;
	}
	/* ========/ 現在採用 /========*/
	.now_hiring01 h2,
	.now_hiring02 h2{
		margin-top: 1em;
	}
	.now_hiring01 div,
	.now_hiring02 div {
		width: calc(47%);
		padding: 20px 4% 0 4%;
	}
	.now_hiring01 .g-btn,
	.now_hiring02 .g-btn {
		width: 88%;
		font-size: 1.4em;
	}
	/* ========/ 医院紹介ビデオ /========*/
	.about_clinic,
	.about_kidspark { margin-top: 80px; }
	.about_clinic { text-align: end; }
	.about_clinic h3,
	.about_kidspark h3 {
		text-align: center;
		display: inline-block;
		margin: 0 2em 0 2em;
	}
	.about_clinic p {
		margin: 2em 4em 0 0;
		padding: 0 10px;
	}
	.about_kidspark p {
		margin: 2em 0 0 7em;
		padding: 0 10px;
	}
	.about_kidspark p:nth-child(3) {
		text-align: right;
	}
	.img_layer03 {
		position: absolute;
		z-index: 200;
		top: -35px;
		left: 50%;
		width: 150px;
	}
	.img_layer04 {
		position: absolute;
		z-index: 200;
		top: 210px;
		right: 0%;
		width: 150px;
	}
	.img_layer05 {
		position: absolute;
		z-index: 200;
		top: -20px;
		left: 36%;
		width: 200px;
	}
	.img_layer06 {
		position: absolute;
		z-index: 200;
		top: 200px;
		left: 0%;
		width: 245px;
	}
	.about_clinic h3,
	.about_kidspark h3 {
    	font-weight: 800;
	}
	.about_clinic h3 > span,
	.about_kidspark h3 > span {
    	font-size: 32px;
	}
	.about_clinic h3 img,
	.about_kidspark h3 img {
    	position: relative;
	}
	.about_clinic h3 img {
    	right: -10px;
	}
	.img_layer06 {
    	top: 176px;
    }
	.about_kidspark h3 img {
	    left: -12px;
	}
	.about_clinic p .btn, .about_kidspark p .btn{
    	font-size: 18px;
    	letter-spacing: 0;
	}
}
@media screen and (min-width: 1200px) {
	
	.top05 { position: relative; min-height: 595px; }
	
	/* ========/ イントロ /========*/
	.top_intro_copy {
		width: 442px;
	}
	/* ========/ こだわり /========*/
	.bg_commitment04 {
		background-size: auto;
	}
	/* ========/ コンサル /========*/
	.consult01 { position: relative; padding: 20px; margin-top: 50px; background-color: #f4f8f9; width: calc(84%); border-radius: 20px; margin-left: 12%; }
	.consult02 { position: relative; padding: 20px; margin-top: 50px; background-color: #ffffff; width: calc(84%); border-radius: 20px; }
	.consult01 div:first-child,
	.consult02 div:first-child {
		margin-top: 0px;
	}
	.img_layer01 {
		position: absolute;
		z-index: 200;
		top: -20px;
		width: 205px;
	}
	.img_layer02 {
		position: absolute;
		z-index: 200;
		right: 0px;
		bottom: -50px;
		width: 250px;
	}

	/* ========/ メッセージビデオ /========*/
	.message_video01 {
		background-image: url("../img/topimg_bg01.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 445px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.message_video02 {
		background-image: url("../img/topimg_bg02.png");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center top;
		min-height: 445px;
		position: absolute;
		right: 0;
		top: 150px;
	}
	.video_title {
		margin-top: 285px;
	}
	.video_title h3 {
		font-size: 1.6em;
	}
	/* ========/ 現在採用 /========*/
	.now_hiring01 h2,
	.now_hiring02 h2{
		margin-top: 1.2em;
	}
	.now_hiring01 div,
	.now_hiring02 div {
		width: calc(39%);
		padding: 20px 8% 0 8%;
	}
	.now_hiring01 .g-btn,
	.now_hiring02 .g-btn {
		font-size: 1.5em;
		letter-spacing: 0.1em;
		min-width: 350px;
		font-weight: normal;
	}
	/* ========/ 医院紹介ビデオ /========*/
	.about_clinic,
	.about_kidspark { margin-top: 80px; }
	.about_clinic { text-align: end; }
	.about_clinic h3,
	.about_kidspark h3 {
		text-align: center;
		display: inline-block;
		margin: 0 2em 0 2em;
	}
	.about_clinic p {
		margin: 2em 3em 0 3em;
		padding: 0 10px;
	}
	.about_kidspark p {
		margin: 2em 2em 0 5em;
		padding: 0 10px;
	}
	.img_layer03 {
		width: 150px;
	}
	.img_layer04 {
		width: 150px;
	}
	.img_layer05 {
		width: 200px;
	}
	.img_layer06 {
		width: 245px;
	}
}
@media screen and (min-width: 1280px) {
}
@media screen and (min-width: 1366px) {
}




@media screen and (min-width: 801px) {
.top02 h2 {
    font-size: 32px;
    line-height: 2.2;
    margin-bottom: 56px;
}
.top02 h2 span.txt-small {
    font-size: 0.72em;
    letter-spacing: 0.05em;
}
.top02 .txt_emphasis {
    color: #ffc800;
    text-shadow: none;
    font-feature-settings: 'palt';
    font-size: 1.5em;
    margin-right: 2px;
    margin-left: 3px;
    position: relative;
    bottom: -4px;
}
.commitment01 div h3 > img,
.commitment02 div h3 > img,
.commitment03 div h3 > img,
.commitment04 div h3 > img {
    top: -12px;
}
.top02 .btn {
    background-position: center right 24px;
    padding-left: 40px;
}
.commitment02 {
    margin-bottom: 72px;
}
.commitment02,
.commitment04 {
    text-align: left;
}
.commitment02 > div, .commitment04 > div {
    width: calc(50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.commitment02 > div > p:last-of-type,
.commitment04 > div > p:last-of-type{
    margin-right: 0;
    margin-left: auto;
}
.top03 ul.point li {
    margin: 8px 0;
}
.top03 ul.point > li:first-of-type {
    margin-top: 0;
}
.top03 ul.point > li:last-of-type {
    margin-bottom: 0;
}
.top03 .consult01 ul.point li {
    background-color: rgb(160,204,224);
}
.top03 .consult02 ul.point li {
    background-color: rgb(176,208,144);
}
.top03 .consult01 img,
.top03 .consult02 img {
    width: 100%;
}
.top03 .consult01 img {
    margin-bottom: 16px;
}
.top03 .consult02 img {
    margin-bottom: 2px;
}
.top03 .consult01 div:first-child,
.top03 .consult02 div:first-child {
    width: calc(40%);
    margin-top: 0;
    position: relative;
}
.top03 .consult01 .btn,
.top03 .consult02 .btn {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 3px #ddd;
    border-right: solid 3px #ddd;
}
.top03 .btn.col-blue {
    color: #4da9d5;
    background-color: #fff;
    background-image: url(../img/btn_arrow_b.png);
    background-position-x: 92%;
}
.top03 .btn.col-green {
    color: #7caf1b;
    background-color: #f9f9f9;
    background-image: url(../img/btn_arrow_g.png);
    background-position-x: 92%;
}
.top03 .consult01 div:first-child {
    left: -8px;
}
.top03 .consult02 div:first-child {
    right: -12px;
}
.top04 .btn-grd01 span,
.top04 .btn-grd02 span,
.top04 .btn-grd03 span,
.top04 .btn-grd04 span {
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.top04 .icon-chevron-right:before {
    content: "";
    background-image: url(/img/btn_arrow_w.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 18px;
    background-size: 100%;
    position: absolute;
    top: 15px;
    right: 16px;
}
.top04 .now_hiring01 h2,
.top04 .now_hiring02 h2 {
    margin-top: 0.5em;
    margin-bottom: 30px;
}
.news_flame {
    overflow-y: scroll;
    overflow-x: hidden;
}
.bg_article_area {
	margin-top: 0;
    padding-top: 1px;
}
.header_bottom{
	min-height: 0;
}
.video_title h3 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 32px;
    text-shadow: 1px 1px 3px rgba(0,0,0,.25);
}
.btn.play.col-blue,
.btn.play.col-green {
    background-image: url(../img/btn_play_white.png);
}
.about_clinic figure h3,
.about_kidspark figure h3 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
}
.about_clinic p .btn, .about_kidspark p .btn {
    max-width: 65%;
    width: 256px;
    position: relative;
    z-index: 1;
}
.about_clinic p .btn:hover,
.about_kidspark p .btn:hover{
	color: #fff;
}
.about_clinic p .btn::before,
.about_kidspark p .btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: #4da9d5;
  background-image: url(../img/btn_arrow_w.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.about_kidspark p .btn::before{
  background: #9fc459;
  background-image: url(../img/btn_arrow_w.png);
  background-repeat: no-repeat;
  background-position: center right 15px;
  transform-origin: right top;
}
.about_clinic p .btn:hover::before,
.about_kidspark p .btn:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.about_clinic figure .play_bt_area,
.about_kidspark figure .play_bt_area {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 64px;
}
.about_clinic figure::before,
.about_kidspark figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 30px;
}
.about_clinic figure::before {
    background-color: rgba(0,0,0,.2);
}
.about_kidspark figure::before {
    background-color: rgba(0,0,0,.08);
}
dl.news {
    border-bottom-right-radius: 40px;
}
.txt_emphasis {
    color: #ffe000;
}


.commitment01 p .btn,
.commitment02 p .btn,
.commitment03 p .btn,
.commitment04 p .btn {
    min-width: unset;
    width: 100%;
    max-width: 344px;
}
.commitment04 > div {
width: 45%;
    margin-right: 0;
}
.commitment02 {
    padding-top: 32px;
}
.commitment03 {
    padding-bottom: 48px;
}
.consult01 ul.point,
.consult02 ul.point {
    margin-bottom: 0;
}
.btn.round.col-purple.txt-r,
.btn.round.col-green.txt-r {
    max-width: 100%;
    width: 344px;
}

.about_clinic h3, .about_kidspark h3 {
    letter-spacing: 0.05em;
}
}
@media screen and (min-width: 1858px){
.topMV_area .play_movie_top {
    max-width: 664px;
    height: 85px;
    font-size: 31px;
}
.topMV_area .play_movie_top em {
    font-size: 16px;
}
.MV_flame {
    height: 742px;
}
.MV_flame::before{
    width: 575px;
    height: 736px;
}
.MV_flame::after{
    width: 762px;
    height: 742px;
}
.mv_topmesages {
    max-width: 684px;
}
}