@charset "utf-8";
/* CSS Document */
.check-box p {
  cursor: pointer; /* マウスカーソルを指マークに */
}
.tab-box{
	gap: 0 10px;
}
.tab-box .bt{
	max-width: 50%;
	min-width: 220px;
	text-align: center;
	padding: 10px 20px;
	background-color: #B6B6B6;
	cursor: pointer;
	transition: ease 0.3s;
	border-radius: 3px 3px 0 0;
}
.tab-box .bt:hover{
	background-color: rgba(0,0,0,0.5);
}
.tab-box .bt.on{
	background-color: #0A183E;
	pointer-events: none;
}
.tab-box .bt p{
	font-weight: 600;
	transition: ease 0.3s;
}
.tab-box .bt p{
}
.tab-box .bt.on p{
	color: #fff;
}
.send .send-bt{border-color: #181818;}

.mailform{
	padding: 80px  50px;
	background-color: #FFFFFF;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
.tab-box .bt{
	max-width: 50%;
	min-width: 120px;
	text-align: center;
	padding: 10px 20px;
	background-color: #B6B6B6;
	cursor: pointer;
	transition: ease 0.3s;
	border-radius: 3px 3px 0 0;
}
	.mailform{
		padding: 50px 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}