@charset "UTF-8";


#kv{
	margin: 0 auto 60px;
	padding: 0 0 0 0;
	position:relative;
	height: 280px;
	min-width: auto;
	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: 600;
	font-size: 24px;
	letter-spacing: 0.05em;
	line-height: 1.8;
	color: #fff;
}

#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: auto;
	position:relative;
	text-align:center;
}

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

.mask_style1 {
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;
mask-position:0 0,center top;
mask-size:100% auto,375px auto;
mask-composite: intersect;
z-index:-1;
}


.tab-wrap {
	margin: 0 0px 0 ;
	padding: 0 0;
	position:relative;
	display: flex;
	align-items:flex-end;
	justify-content:center;
	flex-wrap: wrap;
	width:auto;

}
.tab-wrap:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #ff8c00;
	display: block;
	order: -1;
}
.tab-wrap:before {
	content: '';
	position:absolute;
	bottom:0;
	width: 100%;
	height: 2px;
	background: #ff8c00;
	display: block;
	order: -1;
}
.tab-label {
	margin: 0 1px 0 ;
	padding: 10px 20px;
	position:relative;
	display:block;
	cursor: pointer;
	order: -1;
	z-index: 1;
	
	font-weight:bold;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	background: #ff8c00;
	white-space: nowrap;
	border-radius:6px 6px 0 0;
}

.tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	background-color:#fff;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	color:#f38624;
	border-bottom:4px solid #f38624;
	
	margin: 0 1px -2px ;
	padding: 12px 20px;
	font-size: 15px;
	line-height: 15px;
	color:#f38624;
	background: #fff;
	border-top:2px solid #f38624;
	border-left:2px solid #f38624;
	border-right:2px solid #f38624;
	border-bottom:2px solid #fff;
}

.tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 30px 0 30px;
	opacity: 1;
	transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}


.tab-content_inner{
	margin: 0 20px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:auto;
}

.tab-content h3{
	margin: 0 0 0;
	padding: 0 0 15px 20px;
	position:relative;
	text-align:left;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 17px;
	text-align: left;
	color: #f38624;
	border-bottom:2px solid #f38624;
}

ul.tenpo_list{
	margin: 0 auto 40px;
	padding: 0 0;
	position:relative;
	text-align:center;
	width:auto;
}

ul.tenpo_list li{
	margin: 0 0 0;
	padding: 0 20px ;
	position:relative;
	text-align:left;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	color: #222;
}

ul.tenpo_list li.tenpo_list_li{
	padding: 20px 20px 0;
}
ul.tenpo_list li em{
	color: #e60012;
	padding-left:0.5em;
}

ul.tenpo_list li h4{
	margin: 0 0;
	padding: 20px 0 10px 0;
	position:relative;
font-family: "Noto Sans JP";
font-weight: 600;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 15px;
text-align: left;
color: #222;
}




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

.mask_style2 {
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,377px auto;
mask-composite: intersect;
z-index:-1;
}

.block2 h3{
	margin: 0 auto 30px;
	padding: 0 0 ;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 1.5;
color: #222;
}

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