@charset "UTF-8";

#kv{
	margin: 0 auto;
	padding: 0 0 0 0;
	position:relative;
	height: 500px;
	min-width: 1180px;
	background: linear-gradient(270deg, #ff8c00 11%, #fdc84a 80%);
display: flex;
align-items:center;
justify-content:center;
}

#kv h2{
	margin: 0 auto;
	padding: 60px 0 0 0;
	position:relative;
	text-align:center;
font-weight: 400;
font-size: 68px;
letter-spacing: 0.15em;
line-height: 68px;
color: #fff;
font-family: "M PLUS Rounded 1c", sans-serif;
}
#kv h2 small{
	margin: 10px auto 0;
	padding: 0 0 ;
	position:relative;
	text-align:center;
	display:block;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 16px;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
}

#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: 0 0 0;
	width: 1180px;
	position:relative;
	text-align:center;
}

.block1{
	margin: -100px auto 0;
	padding: 130px 0 30px;
	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%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;
}


.mask_inner .menu_column{
	margin: 0 auto 50px;
	padding: 0 0;
	position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
width:800px;
}

.mask_inner .menu_column .menu_txt{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	text-align:left;
}
.mask_inner .menu_column .menu_txt h3{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;
	width: auto;
text-align:left;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
.mask_inner .menu_column .menu_txt p{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
	width: auto;
text-align:left;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}
.mask_inner .menu_column .menu_txt p em{
color: #e60012;
}
.mask_inner .menu_column .menu_p{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
text-align:center;
}

.mask_inner h3{
	margin: 0 auto 20px;
	padding: 0 0 0;
	width: 800px;
	position:relative;
text-align:left;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}
.mask_inner p{
	margin: 10px auto 0;
	padding: 0 0 0;
	position:relative;
text-align:center;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}

.mask_inner p.set_menu_txt{
	margin: 10px auto 0;
	padding: 0 0 0;
	position:relative;
	width: 800px;
text-align:left;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
color: #222;
}
.mask_inner p.set_menu_txt em{
color: #e60012;
}

.price_column{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
display: flex;
align-items:center;
justify-content:center;
}


.price_circle {
	margin: 0 20px 0;
	padding: 0 0;
	position:relative;
display: inline-block;
width: 190px;
height: 190px;
border-radius: 50%;
background-color: #fdd34e;
}

.price_circle .circle_wrap {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :190px;
text-align:center;
}
.price_circle .circle_wrap .circle_top{
	margin: 0 auto 10px;
	padding: 0 0 15px;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 28px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
border-bottom:1px solid #222;
width:80%;
}
.price_circle .circle_wrap .circle_top em{
line-height: 1.2;
font-size: 24px;
display:block;
}
.price_circle .circle_wrap .circle_top small{
font-size: 18px;
}
.price_circle .circle_wrap .circle_bot{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
}
.price_circle .circle_wrap .circle_bot em{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 32px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
}
.price_circle .circle_wrap .circle_bot small{
font-size: 16px;
display:block;
}


.price_circle .circle_wrap .circle_top.set_menu{
	margin: 0 auto 0;
	padding: 10px 0 5px;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 28px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
border-bottom:1px solid #222;
width:80%;
}
.price_circle .circle_wrap .circle_top.set_menu em{
line-height: 1.0;
font-size: 21px;
display:inline-block;
}
.price_circle .circle_wrap .circle_top.set_menu small{
font-size: 18px;
}


.set_box{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:center;
}
.set_box span{
	margin: 0 2px;
	padding: 0 8px;
	position:relative;
text-align:center;
display: inline-block;
text-align:center;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.00em;
line-height: 1.2;
color: #222;
background-color:#fff;
border-radius:10px;
}






.price_column_appoint{
	margin: 0 0 0;
	padding: 0 0;
	position:relative;
display: flex;
align-items:center;
justify-content:center;
}

.price_column_appoint1{
	margin: 0 0 0;
	padding: 10px 0;
	position:relative;
display: flex;
align-items:center;
justify-content:center;
border-radius: 100px;
background-color: #fff;
border:2px solid #fdd34e;
}


.price_column_appoint2{
	margin: 0 0 0 15px;
	padding: 10px 0;
	position:relative;
display: flex;
align-items:center;
justify-content:center;
border-radius: 100px;
background-color: #fff;
border:2px solid #fdd34e;
}


.price_circle_appoint {
	margin: 0 10px 0;
	padding: 0 0;
	position:relative;
display: inline-block;
width: 140px;
height: 140px;
border-radius: 50%;
background-color: #fdd34e;
}

.price_circle_appoint .circle_wrap {
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :140px;
text-align:center;
}
.price_circle_appoint .circle_wrap .circle_top{
	margin: 0 auto 3px;
	padding: 0 0 3px;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
border-bottom:1px solid #222;
width:80%;
}
.price_circle_appoint .circle_wrap .circle_top em{
line-height: 1.2;
font-size: 18px;
display:block;
}
.price_circle_appoint .circle_wrap .circle_top small{
font-size: 23px;
display:block;
}
.price_circle_appoint .circle_wrap .circle_bot{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
}
.price_circle_appoint .circle_wrap .circle_bot em{
	margin: 0 auto 0;
	padding: 0 0;
	position:relative;
text-align:center;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.2;
color: #222;
}
.price_circle_appoint .circle_wrap .circle_bot small{
font-size: 15px;
display:block;
}




.block2{
	margin: 0px auto 0;
	padding: 130px 0 150px;
	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(#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;
}


.block1 .btn_style{
	margin: 50px auto 100px;
}

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

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