@charset "UTF-8";

#kv{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	height: 860px;
	min-width: 1180px;
	background:  url(../images/about/kv_p1.jpg) no-repeat center bottom;
	background-size:cover;
}




#document{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0;
	position: relative;
	text-align:center;
	overflow: visible;
	z-index:10;
}

.mask_inner{
	margin: 0 auto 0;
	padding: 100px 0 0;
	width: 1180px;
	position:relative;
	text-align:center;
}

.block1{
	margin: -140px auto 0;
	padding: 60px 0 220px;
	min-width: 1180px;
	position:relative;
	text-align:center;
}

.mask_style1 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #fff;
mask-image: linear-gradient(#000, #000), url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400.26%205779.95%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22b%22%20d%3D%22M0%2C52.95S236.11-22.61%2C523.03%2C6.79c286.93%2C29.4%2C359.08%2C90.68%2C545.3%2C90.68s331.93-44.42%2C331.93-44.42V5779.95H.34L0%2C52.95Z%22%2F%3E%3C%2Fsvg%3E');
mask-repeat: no-repeat, repeat-x;
mask-position:0 0,center top;
mask-size:100% auto,1400px auto;
mask-composite: intersect;
z-index:-1;
}

.block1 h3{
	margin: 0 auto 50px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 40px;
letter-spacing: 0.05em;
line-height: 40px;
color:#ff8c00;
}
.block1 h4{
	margin: 0 auto 50px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
.block1 h4 em{
color: #ff8c00;
}
.block1 p{
	margin: 0 auto 30px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}

ul.about_list{
	margin: 0 auto 50px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:center;
}
ul.about_list li{
	margin: 0 20px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	width:284px;
	font-weight: 600;
font-size: 21px;
letter-spacing: 0.00em;
line-height: 1.8;
color: #222;
}
ul.about_list li img{
	margin: 0 0 20px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
}
ul.about_list li small{
font-size: 17px;
font-weight: 500;
padding-left:10px;
}

.therapist_box{
	margin: 80px auto 80px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	display: flex;
	align-items:flex-end;
	justify-content:center;
}
.therapist_box h4{
	margin: 0 auto 30px;
}
.therapist_box p{
	margin: 0 auto 0;
}
.therapist_box .therapist_p{
	margin: 0 40px 0 0;
}




.block2{
	margin: -140px auto 0;
	padding: 60px 0 220px;
	min-width: 1180px;
	position:relative;
	text-align:center;
}

.mask_style2 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #f4f4f4;;
mask-image: linear-gradient(#000, #000), url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400.26%205779.95%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22b%22%20d%3D%22M1400.26%2C52.95S1164.15-22.61%2C877.22%2C6.79c-286.93%2C29.4-359.08%2C90.68-545.3%2C90.68S0%2C53.05%2C0%2C53.05V5779.95H1399.92l.34-5727Z%22%2F%3E%3C%2Fsvg%3E");
mask-repeat: no-repeat, repeat-x;
mask-position:0 0,center top;
mask-size:100% auto,1400px auto;
mask-composite: intersect;
z-index:-1;
}

.block2 h3{
	margin: 0 auto 70px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 40px;
letter-spacing: 0.05em;
line-height: 40px;
color: #222;
}
.block2 h4{
	margin: 0 auto 50px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
.block2 p{
	margin: 0 auto 30px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}

.block2_img1{
	position:absolute;
	top:-80px;
	left:120px;
}
.block2_img2{
	position:absolute;
	bottom:-120px;
	right:100px;
}

.block2 .btn_style a{
background: url(../images/base/btn_arr2.svg) no-repeat right 20px top 50%;
background-color: #ff8c00;
color: #fff;
}

.block2 .btn_style a:hover{
background: url(../images/base/btn_arr2.svg) no-repeat right 10px top 50%;
background-color: #ff8c00;
}




.block3{
	margin: -140px auto 0;
	padding: 60px 0 100px;
	min-width: 1180px;
	position:relative;
	z-index:93;
	text-align:center;
}

.mask_style3 {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background:#fff;
mask-image: linear-gradient(#fff, #fff), url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400.26%205779.95%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22b%22%20d%3D%22M0%2C52.95S236.11-22.61%2C523.03%2C6.79c286.93%2C29.4%2C359.08%2C90.68%2C545.3%2C90.68s331.93-44.42%2C331.93-44.42V5779.95H.34L0%2C52.95Z%22%2F%3E%3C%2Fsvg%3E');
mask-repeat: no-repeat, repeat-x;
mask-position:0 0,center top;
mask-size:100% auto,1400px auto;
mask-composite: intersect;
z-index:-1;
}
.mask_style3 .call_circle{display:none;}
.block3 h3{
	margin: 0 auto 70px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 40px;
letter-spacing: 0.05em;
line-height: 40px;
color: #222;
}

.call_column{
	margin: 0 auto 60px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:center;
}

.call_column .call_txt{
	margin: 0 0 ;
	padding: 0 0 ;
	position:relative;
	text-align:center;
}

.block3 h4{
	margin: 0 auto 50px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
.block3 p{
	margin: 0 auto 30px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}

.block3_img{
	margin: 0 0 0 40px;
	padding: 70px 0 0 0;
	position:relative;
	text-align:center;
}

.call_circle {
position: absolute;
top:-40px;
right:-50px;
display: inline-block;
width: 180px;
height: 180px;
border-radius: 50%;
background: linear-gradient(90deg, #ff8c00 11%, #fdc84a 80%);
}

.call_circle span {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :180px;
text-align:center;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #fff;
}

ul.call_list{
	margin: 0 auto;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	display: flex;
	align-items:stretch;
	justify-content:center;
}

ul.call_list li{
	margin: 0 0 0;
	padding: 40px 0 20px;
	position:relative;
	text-align:center;
	width:530px;
	background-color:#ffeddb;
	box-sizing: border-box;
}
ul.call_list li:nth-child(2){
	margin: 0 0 0 40px;
	padding: 40px 0 20px;
	position:relative;
	text-align:center;
	width:330px;
	background-color:#ffeddb;
	box-sizing: border-box;
}
ul.call_list li h5{
	margin: 0 auto 20px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
font-weight: 700;
font-size: 27px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
ul.call_list li h5 small{
font-size: 18px;
}
ul.call_list li p{
	margin: 0 auto 0;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.3;
color: #222;
}
ul.call_list li p small{
font-size: 16px;
}
ul.call_list li p em{
font-size: 29px;
}
ul.call_list li p  img{
vertical-align:middle;
margin:0 5px 10px 0;
width:40px;
height:auto;
}
ul.call_list li:nth-child(2) .btn_call{
	margin: 0 0 40px;
}
.btn_call{
	margin: 0 0 20px;
	padding: 0 0 0 0;
	position:relative;
	text-align:center;
}

.btn_call a{
	margin: 0 auto;
	padding: 10px 30px;
	position:relative;
	text-align:center;
	font-weight: 500;
	font-size: 28px;
	line-height:60px;
	letter-spacing: 0.05em;
	color: #fff;
	width: auto;
	border: 0px solid #222;
	border-radius:50px;
	display:inline-block;
	transition-duration: .2s;
background-color: #fe8d2c;
}
.btn_call a img{
vertical-align:middle;
margin:0 10px 10px 0;
}
.btn_call a strong{
font-size: 40px;
line-height:60px;
display:inline-block;
}
.btn_call a:hover{
transition : 0.3s;
opacity:0.7;
text-decoration:none;
}