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

form dl,
form dt,
form dd {
  box-sizing: border-box;
}

form dl:nth-of-type(odd) {
	background-color: #F0F0F0;
}

form dt {
  width: 240px;
  float: left;
	font-weight: bold;
	padding: 20px;
}
form dd {
  margin-left: 240px;
  padding: 20px;
}

form dd:after {
  content: '';
  display: block;
  clear: both;
}

form input {
height: 40px;
}

form input#doui {
height: auto;
}

form select {
height: 50px;
width: 120px;
}

form input.w400 {
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
}

form input.w800 {
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
}

form input.w100 {
	width: 25%;
	max-width: 100px;
	box-sizing: border-box;
}

form textarea {
	width: 100%;
	height: 100px;
	max-width: 800px;
	box-sizing: border-box;
}

form .mast {
	color: #CC3333;
}

form dt .mast {
font-weight: normal;
}

form .pp {
margin-bottom: 30px;
	padding: 15px;
	border: solid 1px #CC3333;
	text-align: center;
}

.form_btn {
display: flex;
justify-content: center;
margin-top: 30px;
}

.form_btn input,
.form_btn a {
width: 45%;
max-width: 160px;
height: 50px;
margin: 0 2.5%;
box-sizing: border-box;
background: #0093E7;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 95%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border: none;
transition: 0.4s;
}

.form_btn input:hover {
opacity: 0.7;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.pt{display: block;}
.pc{display: none;}
.ps{display: none;}
.tb{display: block;}
.ts{display: block;}
.sp{display: none;}



}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
.pt{display: none;}
.pc{display: none;}
.ps{display: block;}
.tb{display: none;}
.ts{display: block;}
.sp{display: block;}

form dt {
  width: 100%;
  float: none;
  padding: 15px 15px 5px;
}
form dd {
  margin-left: 0;
  padding: 0 15px 15px;
}

form .pp {
	text-align: left;
}

}