﻿#section1 form{
	display:block;
	background:#eff2f4;
	max-width:1040px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
form ul{
	max-width:890px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#section1 li:last-child{
	padding-bottom:0;
	margin-bottom:0;
}
#section1 h4{
	font-weight:500;
}
input,textarea,select{
	appearance: none;
	-moz-appearance:none;
	-webkit-appearance: none;
}
input[type="text"],.select,textarea{
	font-family:Quicksand,Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	border:1px solid #dddddd;
	display:block;
}
select{
	font-family:Quicksand,Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
input[type="text"]{
	border-radius:50px;
	width:100%;
	box-sizing:border-box;
}
#section1 li label{
	display:block;
}
.itext,.section{
	width:100%;
}
.select{
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:25px;
	width:100%;
	height:1em;
	background:#ffffff;
	cursor:pointer;
}
/*
.select select:after{
	content:"";
	display:block;
}*/
.select select{
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	border:0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:10;
	cursor:pointer;
}
/*
.select select{
	display:block;
	width:100%;
	padding-right:1.5em;
	box-sizing:border-box;
	border:0;
	cursor:pointer;
	background:#ffffff;
}*/
.select i{
	display: block;
	width:1em;
	height:100%;
	position:absolute;
	background:#dddddd;
	top:0;
	right:0;
	margin:auto;
}
.select i:before{
	content:"";
	display:block;
	border-width:0.5em;
	border-style:solid;
	border-color:#94c5e1 transparent transparent transparent;
	width:0;
	height:0;
	font-size:0.6em;
	position:absolute;
	top:0.5em;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
}
#form_area ul:not(.confArea) .textarea >.parts{
	width:100%;
}
textarea{
	width:100%;
	box-sizing: border-box;
	border-radius:20px;
	height:10em;
}
input[type="submit"],input[type="button"]{
	display:block;
	font-family:Quicksand,Noto Sans Japanese,'游ゴシック', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-align:center;
	border:0;
	width:100%;
	border-radius:50px;
	font-weight:500;
	cursor:pointer;
}
.radio{
	cursor:pointer;
}
.radio input[type="radio"]{
	display:inline-block;
	position:relative;
	width:1.5em;
	height:1.5em;
	cursor:pointer;
	box-shadow: 0;
	border:0;
}
.radio input[type="radio"]:before{
	content:"";
	display:block;
	width:1.5em;
	height:1.5em;
	background:#ffffff;
	border:1px solid;
	border-radius:50%;
	box-sizing:border-box;
	color:#dddddd;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
}
.radio input[type="radio"]:after{
	transition:opacity 0.2s;
	opacity:0;
}
.radio input[type="radio"]:checked:after{
	content:"";
	display:block;
	width:0.9em;
	height:0.9em;
	opacity:1;
	background:#94c5e1;
	position:absolute;
	z-index:20;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	border-radius:50%;

}
.btn_wrap{
	display:table;
	table-layout:fixed;
	width:100%;
}
.btn_wrap >div{
	display:table-cell;
}
.btn input{
	transition: background-color 0.3s,color 0.3s;
}
.btn .back input{
	color:#ffffff;
	background:#898989;
	border:0;
}
.btn .submit input,.btn .conf input{
	color:#94c5e1;
	background:#000000;
	position:relative;
}
.btn .submit input:hover,.btn .conf input:hover{
	background-color:#94c5e1;
	color:#000000;
}
.btn .back input:hover{
	background-color:#000000;
}
#section2{
	max-width:1040px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#section2 .address i{
	color:#94c5e1;
	vertical-align: middle;
	margin-right:0.3em;
}
#section2 .address{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	font-weight:400;
}
#section2 .address li{
	border:1px solid #dddddd;
	max-width:500px;
	width:48%;
	text-align:center;
	position:relative;
	display:flex;
	align-items:center;
}
#section2 .address li a{
	display:block;
	width:100%;
	transition:background-color 0.3s;
}
#section2 .address li a:hover{
	background-color:#f4f4f4;
}
.attention{
	text-align:right;
	color:#d6000e;
	font-weight:400;
	margin-right:auto;
	margin-left:auto;
}
.required{
	font-size:0.7em;
	color:#d6000e;
	position:relative;
	top:-0.3em;
}
.att_text{
	color:#d6000e;
	font-weight:400;
	margin-right:auto;
	margin-left:auto;
	font-size:1.176em;
}
.att_text p{
	margin-bottom:10px;
}
.att_text p:last-child{
	margin-bottom:0;
}
/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#topvisual{
		margin-bottom:80px;
	}
	#section1 form{
		padding-top:60px;
		padding-bottom:60px;
	}
	#section1 li{
		font-size:1.412em;
		padding-bottom:20px;
		margin-bottom:20px;
	}

	#section1 h4{
		width:310px;
		align-self: flex-start;
	}

	#section1 .textbox{
		padding-bottom:50px;
		padding-top:60px;
	}
	.parts{
		width:calc(100% - 310px);
		display:flex;
		flex-wrap:wrap;
	}
	input[type="text"],.select,textarea{
		font-size:0.833em;
		padding:30px;
	}
	.select{
		padding-right:90px;
	}
	.select select{
		padding-left:30px;
		font-size:1em;
	}
	.select i{
		width:80px;
		font-size:50px;
	}
	.radio{
		margin-top:30px;
		width:130px;
	}
	textarea{
		margin-top:30px;
	}
	.btn_wrap{
		margin-top:60px;
	}
	.btn_wrap input{
		width:90%;
		max-width:370px;
		font-size:1.765em;
		letter-spacing: 0.08em;
		padding-top:30px;
		padding-bottom:30px;
		margin-right:auto;
		margin-left:auto;
	}
	#section2{
		margin-top:70px;
	}
	#section2 .address li{
		font-size:1.882em;
	}
	#section2 .address li a{
		padding-top:60px;
		padding-bottom:60px;
	}
	.attention{
		width:1040px;
		margin-bottom:10px;
	}
	.att_text{
		width:890px;
		margin-top:20px;
	}
	.att_text p{
		margin-bottom:10px;
	}
	

}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	#topvisual:after{
		background-image:url(../image/tv_pc1.jpg);
	}
	#section1 .textbox{
		text-align:center;
	}
	#section1 li{
		overflow:hidden;
		clear:both;
		display:flex;
		flex-wrap:wrap;
	}
	#section1 h4{
		overflow:hidden;
	}
	#section1 .parts{
		overflow:hidden;
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#section1 h4{
		width:10em;
/*		padding-top:4%;*/
	}
	#section1 .confArea li:nth-child(5) h4{
		padding-top:0;
	}
	#section1 li:nth-child(5) h4{
		align-self:flex-start;
		padding-top:4%;
	}
	.parts{
		width:calc(100% - 10em);
	}
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	#bleadList{
		padding-top:1%;
		padding-bottom:1%;
	}
	#topvisual{
		margin-bottom:10%;
	}
	#section1 ul{
		margin-bottom:5%;
	}
	#section1 li{
		overflow:hidden;
		clear:both;
		margin-bottom:1.5em;
		align-items: center;
	}
	#section1 .confArea li{
		align-items: flex-start;
	}
	/*
	#section1 h4{
		margin-bottom:3%;
	}*/
	#section1 .textarea h4{
		padding-top:0;
	}
	#section1 .textbox{
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	#section1 .textbox{
		padding-top:2%;
		padding-bottom:2%;
		margin-bottom:5%;
	}
	#section1 form{
		padding-top:5%;
		padding-bottom:5%;
	}
	#section1 input[type="text"],select,textarea{
		padding:5%;
	}
	#section1 .select{
		padding-top:5%;
		padding-bottom:5%;
		height:1.5em;
	}
	#section1 .select select{
		padding-right:2.5em;
	}
	#section1 .select i{
		width:2em;
	}
	#section1 .radio{
		display:flex;
		align-items: center;
		width:40%;
		margin-top:3%;
		vertical-align: middle;
		float:left;
	}
	textarea{
		margin-top:3%;
	}
	#section1 .btn input{
		padding:4%;
		width:60%;
		margin:auto;
		font-size:1.412em;
	}
	#section2 .address a{
		padding-top:7%;
		padding-bottom:7%;
	}
	.attention{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:2%;
	}
	.att_text{
		width:90%;
		margin-bottom:5%;
	}
	.att_text p{
		margin-bottom:1%;
	}
	

	
}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#topvisual:after{
		background-image:url(../image/tv_phone1.jpg);
	}
	input,textarea,select{
		font-size:1em;
		box-sizing: border-box;
		outline: none;
	}
	#section1 label{
		margin-top:2%;
	}
	#section2 .address >li{
		width:100%;
		margin-right:auto;
		margin-bottom:3%;
		margin-left:auto;
}
	#section2 .address >li:last-child{
		margin-bottom:0;
	}
}