@charset "UTF-8";
/* CSS Document */

.page_ba{
width: 100%;
height: 100vh;
position: fixed;
top: 0;
right: 0;
}

.page_main_ba_01{
padding-left: 250px;
background: url("../img/top/main_ba_02.jpg") no-repeat center center;
background-size: cover;
}

.page_main_ba_02{
padding-left: 250px;
background: url("../img/top/main_ba_04.jpg") no-repeat center center;
background-size: cover;
}

.page_section_01{
width: 100%;
height: 80vh;
position: relative;
}

.page_main_midashi{
text-align: center;
color: #FFF;
font-size: 4.5rem;
line-height: 100%;
position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.page_main_midashi span{
font-size: 2.3rem;
}

.page_midashi_01{
font-size: 3.0rem;
font-family: vdl-admin, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.1em;
margin-bottom: 15px;
}

.margin30{
margin: 30px 0;
}

.page_two_column_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.page_two_column_section_01 div:nth-of-type(1){
width: 25%;
}

.page_two_column_section_01 div:nth-of-type(2){
width: 70%;
}

.reverse{
flex-direction: row-reverse;
}

.align_items_flex-end{
align-items: flex-end;
}

.margintop_100{
margin-top: -100px;
}

.page_three_column_section_01{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.page_three_column_section_01 div{
width: 28%;
margin-bottom: 60px;
}

.page_midashi_02{
font-size: 1.8rem;
font-family: maru-maru-gothic-bsr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
margin: 10px 0 5px 0;
font-weight: bold;
}

.honbun_02{
font-size: 1.3rem;
line-height: 190%;
}

.margintop30{
margin-top: 30px;
}

.page_section_02{
position: relative;
width: 1000px;
margin: 60px auto;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.tab-label {
    background: #fff;
	width: 19%;
    padding: 15px 0;
	text-align: center;
    order: -1;
	font-size: 1.8rem;
	cursor: pointer;
	font-family: maru-maru-gothic-bsr-stdn, sans-serif;
font-weight: 400;
font-style: normal;
}
.tab-content {
    width: 100%;
    display: none;
	margin-top: 10px;
	background: #fff;
	padding: 30px 40px 40px 40px;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: #fff;
	position: relative;
}


.tab-switch:checked+.tab-label::after {
content:"";
display:inline-block;
background: url("../img/page/ba_01.png") no-repeat center center;
background-size: 100% 100%;
width: 100%;
height: 10px;
position: absolute;
bottom: -10px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

.tab-label:nth-of-type(1){
border-top: #A960A2 5px solid;
}
.tab-label:nth-of-type(2){
border-top: #E50012 5px solid;
}
.tab-label:nth-of-type(3){
border-top: #2167B1 5px solid;
}
.tab-label:nth-of-type(4){
border-top: #EDE700 5px solid;
}
.tab-label:nth-of-type(5){
border-top: #CBCBCB 5px solid;
}


.contact_box{
width: 600px;
margin: 3% auto 10% auto;
}

#form-tbl{
	}

#form{
	width:100%;
	}

#form tr{
	font-size:1.4rem;
	}

#form tr th{
	font-size:1.4rem;
	width:50%;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:#666666 1px dotted;
	}

#form tr th span{
	background:#ED1C24;
	color:#FFFFFF;
	font-size:1.1rem;
	padding:1% 5%;
	font-weight:bold;
	margin-right:3px;
	}

#form tr td{
	width:50%;
	font-size:1.4rem;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom:#666666 1px dotted;
text-align: left;

	}

#form input{
	font-size:1.5rem;
	border-radius:5px;
	border:#999 1px solid;
	background:#F7F8F8;
	padding:1%;
	margin-bottom:5px;
	margin-top:5px
	}
#form select{
	border-radius:5px;
	font-size:1.5rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	}
	
#form textarea{
	border-radius:5px;
	font-size:1.5rem;
	padding:1%;
	border:#999 1px solid;
	background:#F7F8F8;
	width:98%;
	}

.btn_04{
background-size:100% 100%;
width: 234px;
margin: 0 auto;
display: block;
font-size: 1.4rem;
padding: 2.5% 0;
line-height: 100%;
border: none;
margin-top: 4%;
cursor: pointer;
background: url("../img/top/ba_01.png");
}

.flexstart{
align-items: flex-start;
}