/*
Theme Name: TDR Coaching V2
Theme URI: http://tokyodesignroom.com
Author: The TDR Team
Author URI: http://tokyodesignroom.com
Version: 1.0
Description: The WP theme, which is developed by TDR Team.
*/
@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;

}
:focus {
	outline: 0 !important;
	text-decoration: none !important;
}
html, body {
	margin: 0 !important;
	padding: 0;
	color: #1540AC !important;
	font-size: 21px !important;
}
html {
	scroll-behavior: smooth;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
input, textarea {
	max-width: 100%;
	font-size: inherit;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	padding: 5px 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, time {
	display: block;
}
a {
	color: #191919;
	text-decoration: none;
}
a:hover, a:active {
	color:#00bcd4;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, span {
	margin:0px;
	padding:0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
figure {
	max-width: 100%;
}
/*page
----------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 21px !important;
	font-weight: normal;
	color: #39464f;
	text-decoration: none;
	line-height: 1.7;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.mobile {
	display: none;
}
.relative {
	position: relative;
}
.translateY {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.transition {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}
table td, table th {
	border: 1px solid #d8d8d8;
	padding: 10px;
	vertical-align: middle;
	width: auto !important;
}
input, textarea {
	border: 1px solid #d8d8d8;
	padding: 3px 10px;
}
a:hover img {
	opacity: 0.8;
}

.search_form {
	margin: 5px 0 0 20px;
}
.search_form input {
	width: 158px;
	float: left;
}
#searchsubmit {
	background: url(../img/bnt-search.png) no-repeat center center #00bcd4;
	float: left;
	height: 32px;
	width: 32px;
	border: none;
	cursor: pointer;
	color: transparent;
}
#searchsubmit:hover {
	background-color: #f44336;
}
.nav_header_r {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
#nav {
	position: relative;
	z-index: 9999;
}
#nav > ul > li {
	float: left;
	position: relative;
	display: block;
}
#nav ul {
	white-space: nowrap;
}
#nav > ul > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	font-size: 18px;
}
#nav > ul > li > a:hover {
	
}

#nav > ul > li:first-child > a > span {
	border-left: none;
}
#nav_menu_top #nav > ul > li > ul li {
	border-top: 1px solid #fff;
	display: block;
	position: relative;
	width: auto;
}
#nav_menu_top #nav > ul > li > ul {
	display: none;
	left: 0;
	position: absolute;
}
#nav_menu_top #nav > ul > li > ul li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	background: #f44336;
}
#nav_menu_top #nav > ul > li > ul > li > ul {
	display:none;
	position:absolute;
	top:0;
	left:100%;
}
#nav_menu_top #nav > ul > li > ul > li:hover > ul {
	display:block;
}
#nav_menu_top #nav > ul > li > ul > li > ul > li {
	display:block;
	width:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	position:relative;
}
#nav_menu_top #nav > ul > li > ul > li > ul > li >a {
	display:block;
	padding:10px;
}
#nav_menu_top #nav > ul>li:hover>ul {
	display:block;
}
#nav_menu_top #nav > ul > li > ul > li a:hover {
	background: #00bcd4;
}
#nav > ul > li.current-menu-item a, #nav > ul > li.current-menu-ancestor a {
	color: #00bcd4;
}
#nav > ul > li > ul li.current-menu-item a {
	background: #00bcd4 !important;
}
#right-menu span {
	background: #76b3e4;
	border-radius: 5px;
	display: block;
	height: 4px;
	margin: 4px 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	width: 25px;
}
.sidr-open #right-menu span:nth-child(1) {
	transform: rotate(45deg) translate(5px,10px);
	-ms-transform: rotate(45deg) translate(5px,10px);
	-webkit-transform: rotate(45deg) translate(5px,5px);
}
.sidr-open #right-menu span:nth-child(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}
.sidr-open #right-menu span:nth-child(3) {
	transform: rotate(135deg) translate(-5px,10px);
	-ms-transform: rotate(135deg) translate(-5px,10px);
	-webkit-transform: rotate(135deg) translate(-5px,7px);
}
#head_menu_nav_mobi {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.m-menu-wrap.show {
	right: 0;
}
.m-menu-wrap {
	height: 100%;
	position: fixed;
	right: -260px;
	top: 0;
	transition: all 0.2s ease 0s;
	width: 260px;
	z-index: 99999;
}

.no_stuck {
	position: absolute;
	z-index: 9999;
	right: 20px;
	top: -40px;
}
.stuck {
	bottom: 20px;
	position: fixed;
	right: 20px;
	z-index: 9999;
}
.pocity-0{
	opacity: 0;
}
#back-top a {
	background: #888;
	display: block;
	color: #fff;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
}
#back-top a:hover {
	background: #f44336;
	color: #fff !important;
}
.back-home-bottom{
	bottom: 40px !important;
}
.flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.flex-center{
	display: flex;
	justify-content: center;
}


/* Clearfix
-----------------------------------------*/
.clear {
	zoom: 1;
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/*=======================*/
.header{
	background-image: url('../upload/files/backgr_top.jpg');
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.header .scroll{
	position: absolute;
	bottom: -30px;
	right: 70px;
	background: url('../upload/files/arrow_scroll.png') no-repeat;
	height: 115px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center 1px;
	color: #00cfff;
	font-size: 12px;
}

.container{
	max-width: 980px;
}
.pc{
	display: block;
}
.mobi{
	display: none;
}

.logo {
	position: absolute;
	top: 55px;
	left: 50px;
}

.socails a{
	color: #fff;
}
.socails .fa{
	font-size: 30px;
}
.left-footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.tit_img_on_circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 8%;
}
.circle_under_tit_top{
	position: relative;
	display: block;
	margin: auto;
}

.tit-main-top {
	/*height: inherit;*/
	display: block;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	padding: 50px 8%;
}
.tit-main-top-text{
	font-size: 28px;
	position: absolute;
	top: 100px;
	color: #fff;
	font-weight: bold;
}

.tit-main-sec{
	margin: 0px 0 30px 0;
}
.tit-child-sec{
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	margin-bottom: 50px;
}
.underline-yellow{
	background: linear-gradient(180deg,rgba(255,255,255,0) 60%, #ffec00 50%);
}
.underline-blue{
	background: linear-gradient(180deg,rgba(255,255,255,0) 60%, #00CFFF 50%);
}
.blue-think{
	color: #008CFF;
}
.color-yellow{
	color: #FFE000;
}
.text-sm{
	display: block;
	font-size: 14px;
}
.reroom-text{
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
}
.fs-25{
	font-size: 25px;
}
.mt-50{
	margin-top: 50px;
}
.line-break-mobi{
	display: block;
}

.line-break-991{
	display: block;
}

/*section 02: intro*/
#intro{
	/*background-color: #DAE9EF;*/
	padding-bottom: 50px;
	position: relative;
	background:linear-gradient(199deg, #DAE9EF, #DAE9EF 75%, white 60%, white);
}

#intro:before{
	/*content: "";
	width: 100%;
	height: 100%;
	background:linear-gradient(199deg, #DAE9EF, #DAE9EF 75%, white 60%, white);
	position: absolute;*/
}

.cont-item-circle{
	font-weight: bold;
	text-align: center;
	z-index: 100;
	font-size: 21px;
}

.item-circle-intro {
	position: relative;
	height: 430px;
	/*width: 60%;
	margin: 0 auto;*/
}

.wrap-item-circle:nth-child(1) {
	position: absolute;
	top: 100px;
	left: 0px;
}
.wrap-item-circle:nth-child(2) {
	position: absolute;
	left: 40%;
	top: 0;
}
.wrap-item-circle:nth-child(3) {
	position: absolute;
	right:0px;
	top: 150px;
}

.circle-blue{
	background-color: #008CFF;
	color: #fff;
	width: 330px; 
	height: 320px;
}
.circle-blue-sm{
	background-color: #008CFF;
	color: #fff;
	width: 300px; 
	height: 280px;
}
.circle-white{
	background-color: #fff;
	color: #008CFF;
	width: 250px;
	height: 240px;
}

.item-circle{
	/*background-image: linear-gradient(120deg, #34e0f0 0%, #b400ff 100%);*/
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	
	animation: morph 3s linear infinite; 
	transform-style: preserve-3d;
	outline: 1px solid transparent;
	will-change: border-radius;
	display: flex;
	justify-content: center;
	align-items: center;
}


.item-circle:before,
.item-circle:after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0; top: 0;
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	will-change: border-radius, transform, opacity;
	animation-delay: 200ms;
	/*background-image: linear-gradient(120deg, rgba(0,67,255,.55) 0%, rgba(0,103,255,.89) 100%);*/
	
}

.item-circle:before{
	animation: morph 4s linear infinite;
	opacity: .21;
	animation-duration: 1.5s;
}

.item-circle:after{
	animation: morph 4s linear infinite;
	animation-delay: 400ms;
	opacity: .89;
	content: " ";
	line-height: 120px;
	text-indent: -21px;
}

.wrap-item-circle:nth-child(1) .item-circle:after {
	border: 3px solid #1540AC ;
}
.wrap-item-circle:nth-child(2) .item-circle:after {
	border: 3px solid #008CFF;
}
.wrap-item-circle:nth-child(3) .item-circle:after {
	border: 3px solid #fff;
}


@keyframes morph{
	0%,100%{
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	}
	34%{
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
		transform:  translate3d(0,5px,0) rotateZ(0.01deg);
	}
	50%{
		opacity: .89;
		transform: translate3d(0,0,0) rotateZ(0.01deg);
	}
	67%{
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
		transform: translate3d(0,-3px,0) rotateZ(0.01deg);
	}
}

@keyframes fadeIn{
	100%{
		transform: scale(1.03);
		opacity: 0;
	}
}
/*end section 02*/

.cont-under-circle-item{
	padding: 50px 0 95px 0;
	text-align: center;
}
.wrap-icon-intro {
	background: #fff;
	text-align: center;
	box-shadow: -1px 0px 4px 2px #0a8efe45;
	border-radius: 4px;
	padding: 30px 0 20px 0; 
}

.wrap-icon-intro p{
	margin: 5px 0 0 0 !important;
}

.wrap-row02{
	counter-reset: section;
}
.wrap-col02{
	position: relative;
}

.wrap-col02:first-child::before
{
	left: calc(50% + 5px) !important;
}
.wrap-col02:last-child::before {
	left: calc(50% - 5px) !important;
}
.wrap-col02::before {
	counter-increment: section;
	content: "0"counter(section);
	font-size: 15px;
	color: #fff;
	font-style: italic;
	text-align: left;
	position: absolute;
	line-height: 1;
	left: 50%;
	transform: translateX(-50%);
	background: #008CFF;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -15px;
	font-style: normal;
}

.wrap-3main-item-more .wrap-icon-intro{
	color: #008CFF;
}
.arrow-to-moreitem {
	text-align: center;
	margin: 40px 0 50px 0;
}
.info-bottom-intro{
	margin: 60px 0 40px 0;
	text-align: center;
}
.info-bottom-intro p{
	margin-bottom: 40px;
}
.wave-line{
	animation: animates 10s linear infinite;
}

@keyframes animate {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}

/*recover*/
#recovery {
	padding: 50px 0;
	position: relative;
}
.wrap-avt-recovery {
	position: relative;
}
.text-img-on-avt {
	position: absolute;
	max-width: 100px;
	right: 27px;
	top: 6%;
}


.tit-recover{
	background: #008CFF;
	padding: 15px 40px;
	color: #fff;
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
}
.tit-recover:before{
	background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 80px;
	content: " ";
	display: block;
	position: absolute;
	top: 0px;
	left: -15px;
	width: 76px;
	height: 100%;
	transform: rotate(90deg);
}
.tit-recover:after{
	background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 80px;
	content: " ";
	display: block;
	position: absolute;
	top: 0px;
	right: -15px;
	width: 76px;
	height: 100%;
	transform: rotate(-90deg);
}
.tit-img-recover{
	position: absolute;
	top: -44px;
	left: 12px;
}
.cont-undet-tit-recover{
	text-align: center;
	margin-top: 40px;
}
.cont-undet-tit-recover p{
	margin-bottom: 40px;
}
.row-recovery{
	counter-reset: section;
	position: relative;
	margin-top: 100px;
}
.wrap-item-recovery:before{
	counter-increment: section;
	content: "0"counter(section);
	font-size: 15px;
	color: #fff;
	font-style: italic;
	text-align: left;
	position: absolute;
	line-height: 1;
	left: 20px;
	background: #1540AC;
	width: 30px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -15px;
	border-bottom: 7px solid #eee;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	z-index: 10;
	font-style: normal;
}
.wrap-item-recovery {
	/*#251a25 #F6F5F6*/
	background-color: #F6F5F6;
	padding: 50px 30px 40px 30px;
	position: relative;
	margin-bottom: 40px;
	z-index: 10;
}
.zigzag{
	position: relative;

	height: 100%;
}
.zigzag:before{
	background: linear-gradient(-45deg, #F6F5F6 16px, transparent 0), linear-gradient(45deg, #F6F5F6 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 32px;
	content: " ";
	display: block;
	position: absolute;
	top: -69px;
	left: -30px;
	width: calc(100% + 60px);
	height: 32px;
	transform: rotate(360deg);
}
.zigzag:after{
	background: linear-gradient(-45deg, #F6F5F6 16px, transparent 0), linear-gradient(45deg, #F6F5F6 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 32px;
	content: " ";
	display: block;
	position: absolute;
	bottom: -84px;
	left: -30px;
	width: calc(100% + 60px);
	height: 32px;
	transform: rotate(180deg);
}
.tit-item-rcry {
	font-size: 28px;
	font-weight: bold;
	margin: 16px 0 40px 0;
}
.wrap-item-recovery p{
	margin-bottom: 30px;
	font-size: 15px;
}
.wrap-icon-recovery{
	background: #fff;
	border-radius: 50%;
	width: 108px inherit;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto
}

.cont-wrap p{
	margin: 0 !important;
}
.row-virus{
	width: 90%;
	margin: auto !important;
	padding-bottom: 30px;
}
/*end recover*/

/*our_service*/
#our_service{

	/*background: linear-gradient(199deg, #DAE9EF, #DAE9EF 75%, white 60%, white);*/

	padding: 150px 0 0 0;
	position: relative;
}
#our_service:before{
/*position: absolute;
content: "";
width: 100%;
height: 99%;
 background: linear-gradient(199deg, #DAE9EF, #DAE9EF 75%, white 60%, white); 
 /*clip-path: polygon(1% 53%, 19% 89%, 100% 100%);*/
 transform: skew(0deg, 18deg);
 background: #DAE9EF;
 position: absolute;
 content: "";
 width: 100%;
 height: 98%;
 top: 6px;
}

.tit-ourservice{
	margin-bottom: 0;
	position: relative;
	font-weight: bold;
	font-size: 43px;
}
.tit-img-ourservice{
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
}
.sub-tit-ourservice{
	text-transform: uppercase;
	font-size: 30px;
}
.cont-ourservice{
	padding: 125px 0 50px 0;
}
.item-oursv{
	background-color: #fff;
	padding: 150px 0 50px 0;
	position: relative;
	margin-bottom: 170px;
	box-shadow: -1px 0px 4px 2px #0a8efe45;
	border-radius: 4px;
}
.item-oursv:last-child{
	margin-bottom: 150px;
}
.item-oursv img{
	padding-right: 20px;
	width: 100%;
}
.tit-item-oursv{
	margin-bottom: 50px;
	font-size: 21px;
}
.circle-oursv {
	width: 216px !important;
	height: 175px !important;
	font-size: 25px !important;
}
.item-oursv .wrap-item-circle{
	left: 50% !important;
	transform: translateX(-50%);
	top: -85px !important;
}
.circle-oursv:after{
	border: none !important;
}
.wrap-power{
	padding: 30px 0 0px 0;
}
.item-power{
	padding: 0 40px;
}
.numcalm {
	position: relative;
	margin-bottom: 50px;
}
.numcalm:before{
	content: "";
	height: 80%;
	border: 1px solid;
	border-style: dashed;
	position: absolute;
	top: 60px;
	left: 10px;
	border-color: #1540ac73;
}
.tit-itempw-detail{
	font-size: 36px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.cont-itempw-detail {
	padding-left: 90px;
}
.p-first-pw{
	font-size: 18px !important;
}
.cont-itempw-detail p{
	margin-bottom: 20px;
	font-size: 15px;
}
.btn-exform {
	border: 1px solid #1540AC;
	padding: 5px 40px;
	border-radius: 30px;
	color: #1540AC;
	font-size: 25px;
}
.btn-exform:hover{
	text-decoration: none;
	background: #1540AC;
	color: #fff;
}
.wrap-p p{
	margin-bottom:20px;
	font-size: 15px;
}
/*end our_service*/
/*first use*/
.tit-first-use{
	font-size: 48px;
	position: relative;
	z-index: 10;
}
.cont-fuse-top{
	text-align: center;
	margin: 60px 0 40px 0;
}
.cont-fuse-top p{
	margin-bottom: 40px;
}
.cont-fuse-center {
	background-color: #1540AC;
	text-align: center;
	color: #fff;
	padding: 60px;
	font-weight: bold;
	font-size: 25px;
	position: relative;
}
.cont-fuse-center:before{
	background: linear-gradient(-45deg, #fff 16px, transparent 0), linear-gradient(45deg, #fff 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 32px;
	content: " ";
	display: block;
	position: absolute;
	top: -12px;
	left: 0px;
	width: 100%;
	height: 32px;
	transform: rotate(180deg);
}
.cont-fuse-center:after{
	background: linear-gradient(-45deg, #fff 16px, transparent 0), linear-gradient(45deg, #fff 16px, transparent 0);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 8px 32px;
	content: " ";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
}
.img-price-first{
	margin: 10px 0;
}
.wrap-present-for-you {
	margin-top: 60px;
}
.cont-fuse-bottom{
	text-align: center;
	padding-top: 60px;
}
.cont-fuse-bottom p{
	margin-bottom: 40px;
}
/*end first use*/
/*aceess*/
#access{
	padding: 70px 0 100px 0;
}
.cont-under-map{
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
}
.cont-under-map p{
	margin-bottom: 40px;
}
.tax-text{
	font-size: 21px;
	font-weight: normal;
}
/*end access*/
/*footer*/
.cont-footer {
	background-color: #DAE9EF;
	padding: 70px 0 50px 0;
}

.cont-left-footer {
	padding-left: 20px;
	font-size: 15px;
}
.wrap-lg-text-footer {
	padding-right: 20px;
}
.text-bold-footer{
	font-weight: bold;
	font-size: 29px;
	line-height: 25px;
	display: block;
}
.link-footer{
	background: #1540AC;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 100px;
}

.link-footer .btn-exform{
	background: #fff;
}
.link-footer .btn-exform:hover{
	background: #1540AC;
	color: #fff;
	border: 1px solid #fff;
}
.name-footer{
	color: #fff;
	margin: 0 15px 0 0;
	font-size: 15px;
}
a.facebook{
	margin-left: 5px;
}
/*end footer*/
.scroll-bar-mobi {
	position: fixed;
	bottom: 0px;
	left: 0;
	padding: 10px 30px;
	background: #fff;
	width: 100%;
	z-index: 999;
	display: none;
	box-shadow: 1px 2px 3px 4px #1540ac66;
}
.link-exform-mobi{
	color: #fff;
	background: #1540AC;
}
.back-top {
	position: fixed;
	bottom: 116px;
	background: #000000;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	right: 15px;
	z-index: 9999;
	display: none;
	opacity: .7;
	text-align: center;
}
.active-back-home{
	display: block; 
}
.icon-back{
	color: #fff;
	font-size: 30px !important;
	text-align: center;
	line-height: 36px;
}
.text-foot-move {
	margin-bottom: 25px;
}
.sec_booking_form{
	background: #DAE9EF;
	padding: 80px 0;
}
.sec_booking_form .form-content{
	background: #FFF;
	padding: 20px;
	border-radius: 12px;
	box-shadow: -1px 0px 4px 2px #0a8efe45;
	margin-bottom: 30px;
}
label.ip-radio input[type="radio"] {
	display: none;
	width: inherit;
}
label.ip-radio input[type="radio"]:checked + .date-label {
	background-position: 0px 0px;
}
label.ip-radio input[type="radio"] + .date-label {
	background: url('../img/radio-btn.png') no-repeat 0px -19px;
	height: 19px;
	padding-left: 19px;
	display: inline-block;
	margin: 5px 10px 0;
	font-size: 15px;
	line-height: 1.4;
	cursor: pointer;
}
.date-label {
	font-size: 14px !important;
}
.fc-ltr .fc-basic-view .fc-day-number{
	text-align: center !important;
}
.fc-day-grid-event .fc-content{
	text-align: center;
}
.fc-event{
	background: #fff !important;
	border: none !important;
	color: #1540ac !important;
}
#calendar .fc-prev-button,
#calendar .fc-next-button{
	border: none;
	background: none;
}
#booking_date{
	text-align: center;
	font-size: 18px;
	color: #1540AC;
	font-weight: bold;
	margin-bottom: 15px;
}
#page-booking{
	background: #DAE9EF;
	padding: 80px 0;
}
.wrap-booking {
	padding: 30px;
	background: #fff;
}
.booking-schedule {
	height: 400px;
	background: #f2f2f2;
}
.note{
	background: #DAE9EF;
	padding: 20px;
	border-radius: 15px;
	margin-top: 20px;
}
.tit-note{
	font-size: 18px;
	font-weight: bold;
}
.cont-note{
	font-size: 16px;
}
.cont-note{
	list-style:inside;
	padding-left: 8px;
}
.sec_booking_form .form-group{
	font-size: 18px;
}
.boder-form{
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
	margin:0 !important;
}
.boder-form-top{
	border-top: 1px solid #f2f2f2;
}

.btn-submit {
	border: 1px solid #1540AC;
	padding: 5px 0;
	text-align: center;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	background: #1540AC;
	font-weight: bold;
	margin-right: 10px;
	width: 270px;
}
a.confirm-booking{
	background: #5B5B5B !important;
	border: none;
}

.btn-submit:hover{
	background: #fff;
	color: #1540AC;
	border: 1px solid #1540AC;
}
a.confirm-booking:hover{
	background: #fff !important;
	color: #1540AC !important;
	border: 1px solid #5B5B5B !important;
}

.form-control{
	background: #F2F2F2 !important;
	border: none;
}

#frmcf_booking .form-control{
	color: #1540AC !important;
	background: #fff !important;
}
.custom-radio .custom-control-label::before{
	border: 1px solid !important;
	background: #fff !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #007bff !important;
}
.heading-page{
	/*height: 305px;*/
	background-color: #1540AC !important;
	background-image: none;
	color: #fff;
	padding: 50px;
}
.logo-page{
	max-width: 140px;
}
.menu-page{
	display: flex;
	justify-content: space-between;
}
.link-home{
	color: #1540AC;
	border-color: #fff;
	font-size: 16px;
	background: #fff;
	padding: 8px 40px;
}

.link-right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.link-home:hover{
	color: #1540AC;
	color: #fff;
}
.logo-left{
	display: flex;
	align-items: center;

}
.tit-logo-text{
	font-size: 22px;
	margin: 0px 0 0 20px;
}
.text-room-page{
	font-size: 35px;
	font-weight: bold;
}
.tit-page {
	text-align: center;
	font-size: 36px;
	margin-top: 40px;
}
#calendar {
	padding-bottom: 30px;
	font-size: 16px;
}
#nut_oxy-error,
#gender-error,
#sick-error {
	position: absolute;
	width: 537px;
	display: block;
	bottom: -22px;
	left: 0;
}
.error,#booking_err{
	color: #dc3545;
	font-size: 14px;
}
.but-submit{
	margin-top: 35px;
}
#calendar .fc-toolbar .fc-left {
	font-weight: bold;
	position: absolute;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
}
#calendar .fc-toolbar .fc-left span{
	float: right;
}
#calendar .fc-toolbar .fc-center h2, #calendar .fc-toolbar .fc-center button{
	display: inline-block;
}
#calendar .fc-toolbar .fc-center h2{
	font-size: 28pt;
}
#calendar .fc-toolbar .fc-center h2>span{
	font-size: 18pt;
}

#calendar .fc-toolbar .fc-center button{
	color: #008CFF;
	font-weight: bold;
	vertical-align: super;
}
#calendar .fc-toolbar .fc-center button>span.year{
	padding-left: 10px;
}
#calendar .fc-next-button{
	padding-left: 0;
}
#calendar .fc button{
	padding: 0 10px;
}
#calendar .fc-toolbar{
	position: relative;
}
#calendar .fc-toolbar .fc-center {
	float: right;
}
/*end page booking*/
.wrap-pc-457{
	display: block;
}
.wrap-mobi-457{
	display: none;
}

.icon-thanks{
	font-size: 60px;
}
.text-center.tit-thanks {
    margin: 15px 0 45px 0;
}

/* Media queries

-----------------------------------------*/
@media screen and (max-width:1024px) {
	.header{
		height: auto;
	}
	.tit-main-top{
		transform: none;
	}
	.circle_under_tit_top{
		width: 70%;
		max-width: 550px;
	}
	.tit_img_on_circle{
		width: 80%;
		max-width: 800px;
	}
}
@media screen and (max-width:1199px) {
	.circle-blue-sm {
		width: 260px;
		height: 240px;
	}
	.circle-white {
		width: 210px;
		height: 200px;
	}
	.circle-blue {
		width: 290px;
		height: 280px;
	}
	.cont-item-circle{
		font-size: 18px;
	}
	.wrap-item-circle:nth-child(1){
		left: 30px;
	}
	.wrap-item-circle:nth-child(3){
		right: 30px;
	}
	
}
@media screen and (max-width:991px) {
	.logo {
		position: absolute;
		top: 20px;
		left: 30px;
	}
	.logo img{
		max-width: 80%;
	}
	.wrap-item-circle:nth-child(1){
		left: 0;
	}
	.wrap-item-circle:nth-child(3){
		right: 0;
	}
	.tit-recover{
		font-size: 25px;
	}
	.tit-recover:before{
		left: -16px;
		width: 66px;
	}
	.tit-recover:after{
		right: -16px;
		width: 66px;
	}
	#intro {
		background: linear-gradient(199deg, #DAE9EF, #DAE9EF 78%, white 60%, white);
	}
	/*page*/
	.heading-page{
		padding: 50px 15px;
	}
	.logo_footer{
		max-width: 300px;
	}
}

@media screen and (max-width:936px) {
	.line-break-991 {
		display: unset;
	}
}


@media screen and (max-width:767px) {
	html, body {
		font-size: 17px !important;
	}
	.numcalm{
		margin-bottom: 25px;
	}
	.item-oursv{
		margin-bottom: 130px;
	}
	.item-oursv:last-child {
		margin-bottom: 120px;
	}
	.cont-ourservice{
		padding: 125px 0 5px 0;
	}
	.cont-fuse-bottom{
		padding-top: 15px;
	}
	.cont-under-map{
		font-size: 17px;
	}
	.mt-50 {
		margin-top: 40px;
	}
	.cont-fuse-bottom p,
	.cont-under-map p,
	.cont-fuse-top p {
		margin-bottom: 20px;
	}
	.cont-fuse-top {
		margin: 30px 0 30px 0;
	}
	.row-recovery{
		margin-top:80px;
	}
	.arrow-to-moreitem {
		margin: 30px 0 40px 0;
	}
	.info-bottom-intro{
		margin: 35px 0 40px 0;
	}
	.cont-undet-tit-recover {
		margin-top: 25px;
	}
	
	.logo img{
		max-width: 70%;
	}
	.logo{
		left: 2%;
	}
	.flex-nowrap{
		flex-wrap: nowrap !important;
	}

	.item-circle-intro {
		height: 724px;
	}
	.wrap-item-circle:nth-child(1){
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.wrap-item-circle:nth-child(2){
		top: 40%;
		left: 10%;
	}
	.wrap-item-circle:nth-child(3){
		bottom: -15px;
		top: unset;
		left: 50%;
		transform: translateX(-50%);
	}
	.tit-recover{
		font-size: 24px;
	}
	.tit-item-rcry{
		font-size: 24px;
	}
	.tit-child-sec{
		font-size: 20px;
	}
	.tit-recover:before{
		left: -14px;
		width: 61px;
	}
	.tit-recover:after{
		right: -14px;
		width: 61px;
	}
	.tit-img-recover{
		width: 130px;
	}
	.tit-ourservice{
		font-size: 30px;
	}
	.circle-oursv {
		width: 180px !important;
		height: 140px !important;
	}
	.tit-item-oursv{
		font-size: 15px;
		padding: 0 40px;
	}
	.tit-itempw-detail{
		font-size: 24px;
	}
	.cont-itempw-detail{
		padding: 0;
	}
	.numcalm:before{
		border: none;
	}
	.p-first-pw{
		font-size: 16px;
	}
	.btn-exform{
		font-size: 20px;
	}
	.tit-first-use{
		font-size: 24px;
	}
	.cont-fuse-center{
		font-size: 18px;
	}
	.logo_footer {
		width: 300px;
		max-width: 40%;
	}
	
	
	.row-virus{
		width: 100%;
		flex-wrap: nowrap !important;
	}
	
	.wrap-icon-recovery{
		/*width: 140px;
		height: 140px;*/
		margin-bottom: 10px;
	}
	.img-tit-intro{
		width: 767px;
	}
	
	.wrap-item-recovery{
		padding: 50px 20px 40px 20px;
	}
	.zigzag:before{
		width: calc(100% + 40px);
		left: -20px;
		top: -67px;
	}
	.zigzag:after{
		width: calc(100% + 40px);
		left: -20px;
		bottom: -70px;
	}
	.sub-tit-ourservice{
		font-size: 22px;
	}
	.item-power {
		padding: 0 20px;
	}
	.item-oursv{
		padding: 110px 0 30px 0;
	}
	.cont-fuse-center{
		padding: 40px 20px;
	}
	.line-break-mobi{
		display: unset;
	}
	.cont-under-circle-item,
	.info-bottom-intro,
	.cont-undet-tit-recover,
	.cont-fuse-top,
	.left-mb,
	.cont-under-map{
		text-align: left;
	}
	.info-bottom-intro p{
		margin-bottom: 20px;
	}
	.cont-under-circle-item{
		padding: 50px 0;
	}
	.cont-undet-tit-recover p,
	.tit-item-rcry{
		margin-bottom: 20px;
	}
	.wrap-item-recovery p{
		margin-bottom: 15px;
	}
	.row-virus .wrap-item-recovery p{
		margin-bottom: 0;
	}

	#our_service{
		padding: 130px 0 0 0;
	}
	#recovery{
		padding: 20px 0;
	}
	#access {
		padding: 50px 0 10px 0;
	}
	
	.cont-left-footer,
	.wrap-lg-text-footer{
		padding-left: 0;
	}
	.wrap-present-for-you{
		margin-top: 30px;
	}
	.pc{
		display: none;
	}
	.mobi{
		display: block;
	}
	.tit-main-sec.mobi{
		padding-top:20px;
	}
	#intro {
		background: linear-gradient(199deg, #DAE9EF, #DAE9EF 83%, white 60%, white);
	}
	/*page*/
	.logo-page {
		max-width: 115px;
	}
	.tit-logo-text {
		font-size: 20px;
		margin: 30px 0 0 15px;
	}
	.text-room-page{
		font-size: 30px;
	}
	.link-home{
		font-size: 14px !important;
	}
	
	.link-home{
		padding: 8px 30px;
	}
	

	.fc-row.fc-week.ui-widget-content.fc-rigid{
		height: 65px !important;
	}
	.fc-day-grid-container.fc-scroller{
		height: 100% !important;
		overflow: hidden;
	}
	.sec_booking_form .form-group,
	.tit-note, .btn-submit  {
		font-size: 16px;
	}
	.cont-note {
		font-size: 15px;
	}
	.back-top{
		bottom: 110px;
	}
	#calendar .fc-toolbar .fc-left{
		font-size: 15px;
	}
	.text-img-on-avt{
		right: 4px;
	}
	.cont-note{
		list-style: unset;
		padding-left: 26px;
	}
	.sec_booking_form {
		padding: 30px 0;
	}
	.heading-page {
		padding: 20px 15px 50px 15px;
	}
	.row-virus .col-md-4{
		padding: 0 5px;
	}
	.wrap-lg-text-footer {
		display: flex;
		align-items: center;
		margin-bottom: 25px;
	}
	.text-foot-move.mobi{
		padding-left: 20px;
		text-align: left;
	}
	.cont-footer {
		padding: 30px 0 20px 0;
	}
	.link-footer{
		padding: 25px 15px;
	}



}

@media screen and (max-width:600px) {
	.text-img-on-avt {
		right: 0;
	}
} 

@media screen and (max-width:575px) {
	.tit-recover:before{
		left: 4px;
	}
	.tit-recover:after{
		right: 4px;
	}
	span.line-break{
		display: block;
	}
	.tit-recover:before {
		left: -16px;
		width: 92px;
	}
	.tit-recover:after {
		right: -16px;
		width: 92px;
	}
	
	.logo{
		left: 8%;
		top: 13px;
	}
	.tit-img-ourservice{
		width: 170px;
	}
	.link-footer{
		padding: 10px 20px;
	}
	.btn-exform{
		font-size: 15px;
	}
	.wrap-col02, .wrap-col02-mb{
		padding: 0 10px;
	}
	.wrap-col02:first-child, .wrap-col02-mb:first-child{
		padding: 0 10px 0 15px !important;
	}
	.wrap-col02:last-child, .wrap-col02-mb:last-child{
		padding: 0 15px 0 10px !important;
	}
	.wrap-item-circle:nth-child(2){
		left: 0;
	}
	.wrap-item-circle:nth-child(3) {
		left: 49%;
	}
	.wrap-item-circle:nth-child(1) {
		left: 55%;
	}
	.arrow-to-moreitem img{
		max-width: 80px;
	}
	#our_service {
		padding: 110px 0 0 0;
	}
	.tit-main-sec{
		margin: 0px 0 20px 0;
	}
	
	.tit-img-recover{
		top: -35px;
	}

	
	.row-recovery {
		margin-top: 50px;
	}
	#our_service:before {
		transform: skew(0deg, 30deg);
	}
	#intro {
		background: linear-gradient(199deg, #DAE9EF, #DAE9EF 79%, white 60%, white);
	}
	.sec_booking_form .form-group,
	.tit-note,
	.btn-submit  {
		font-size: 15px;
	}
	.tit-logo-text{
		display: none;
	}
	#calendar .fc-toolbar .fc-left{
		bottom: -14px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		top: unset;
	}
	#calendar .fc-toolbar .fc-center{
		float: unset;
	}
	#calendar .fc-toolbar .fc-left span{
		float: unset;
	}
	.item-oursv {
		padding: 90px 0 30px 0;
	}
	.tit-item-oursv{
		margin-bottom: 25px;
	}
	.text-img-on-avt {
		max-width: 80px;
	}
	.wrap-icon-recovery img{
		max-width: 50px;
	}
	.wrap-mobi-457 .wrap-icon-recovery img{
		max-width: unset !important;
	}
	.confirm-booking{
		padding: 5px 70px;
		margin-top: 10px;
	}
	.but-submit-confirm{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.tit_img_on_circle {
		width: 95%;
	}
	.circle_under_tit_top {
		width: 90%;
	}
	.logo_footer {
		max-width: 50%;
	}
	.back-top {
		bottom: 72px;
	}

}

@media screen and (max-width:475px) {

	.header .scroll{
		display: none;
	}
	.active-scroll-mobi{
		display: block;
	}
	.logo img {
		max-width: 50%;
	}
	.wrap-col02, .wrap-col02-mb{
		padding: 0 5px;
	}
	.wrap-col02:first-child, .wrap-col02-mb:first-child{
		padding: 0 5px 0 15px !important;
	}
	.wrap-col02:last-child, .wrap-col02-mb:last-child{
		padding: 0 15px 0 5px !important;
	}
	
	
	.btn-exform{
		padding: 5px 30px;
	}
	/*page*/
	.logo-page {
		max-width: 100px;
	}
	.tit-logo-text{
		font-size: 20px;
	}
	.tit-page{
		font-size: 30px;
	}
	
	.link-home{
		padding: 5px 20px !important;
	}
	.cls-full-slot{
		font-size: 10px;
	}
	.fc-day-number{
		font-size: 12px;
	}
	.fc-day-header{
		font-size: 14px;
	}
	label.ip-radio input[type="radio"] + .date-label {
		background: url('../img/radio-btn.png') no-repeat 0px -15px;
		height: 15px;
		background-size: 15px;
		padding-left: 15px;
		margin: 0 10px;
	}
	.back-top {
		bottom: 74px;
	}
	.back-home-bottom {
		bottom: 74px !important;
	}
	.text-img-on-avt {
		right: -4px;
		max-width: 70px;
	}
	
	.row-virus .cont-wrap p{
		font-size: 15px;
	}
	.row-virus{
		padding-bottom: 0;
	}
	.confirm-booking {
		padding: 5px 50px !important;
	}
	.wrap-pc-457{
		display: none;
	}
	.wrap-mobi-457{
		display: block;
	}
	.wrap-mobi-457 .col-md-4{
		max-width: 33.33%;
	}
	.tit_img_on_circle,
	.circle_under_tit_top {
		width: 95%;
	}
}

@media screen and (max-width:375px) {
	.tit-recover {
		font-size: 23px;
	}
	/*.wrap-item-circle:nth-child(3){
		left: 42%;
		}*/
		.wrap-icon-intro p{
			font-size: 15px;
		}

		.cont-item-circle{
			font-size: 15px;
		}
		.text-sm{
			font-size: 13px;
		}
		.circle-blue {
			width: 250px;
			height: 220px;
		}
		.circle-white {
			width: 170px;
			height: 160px;
		}
		.circle-blue-sm {
			width: 220px;
			height: 200px;
		}
		.wrap-item-circle:nth-child(2){
			top: 37%;
		}
		.wrap-item-circle:nth-child(3) {
			bottom: 33px;
		}
		.item-circle-intro {
			height: 630px;
		}
		.circle-oursv {
			width: 160px !important;
			height: 120px !important;
		}
		.item-oursv .wrap-item-circle{
			top: -60px !important;
		}
		.tit-ourservice{
			font-size: 28px;
		}
		.sub-tit-ourservice {
			font-size: 18px;
		}
		.btn-exform {
			font-size: 15px;
		}
		.logo img {
			max-width: 40%;
		}
		.logo {
			left: 3%;
			top: 7px;
		}
		.cont-under-circle-item {
			padding: 0px 0 50px 0;
		}
		

		.btn-exform{
			padding: 5px 25px;
		}
		.cont-fuse-center {
			font-size: 15px;
		}
		.arrow-to-moreitem img {
			max-width: 70px;
		}
		.btn-submit{
			padding: 5px 65px;
		}
		.tit-logo-text {
			margin: 30px 0 0 8px;
			font-size: 19px;
		}
		.logo-page {
			max-width: 95px;
		}
		#calendar .fc-toolbar .fc-center h2{
			font-size: 27pt;
		}
		#calendar .fc-toolbar .fc-center h2>span {
			font-size: 15pt;
		}
		.text-img-on-avt {
			right: -6px;
			max-width: 60px;
		}
		.row-virus .cont-wrap p{
			font-size: 12px;
		}
		.confirm-booking {
			padding: 5px 40px !important;
		}
		.cont-note{
			padding: 20px;
		}
		.wrap-mobi-457 .wrap-icon-recovery img{
			max-width: 76px !important;
		}
		.text-bold-footer{
			font-size: 20px;
		}
		.wrap-icon-recovery img {
			max-width: 40px;
		}
		.row-virus .cont-wrap p {
			font-size: 10px;
		}
		.left-footer{
			flex-direction: column;
			align-items: flex-start;
		}



	}