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

@media print, screen and (min-width: 769px){
	
	.s_form_base{
		display:none;
	}
	
	.telUl{
	width:780px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	margin-top:26px;
	border-top:2px solid #7FB5FF;
		border-bottom:2px solid #7FB5FF;
		color:#699AD1;
		text-align:center;
}
.telUl h2{
	font-size:20px;
	font-weight:normal;
	margin-bottom:14px;
	margin-top:14px;
}
.telUl h1{
	font-size:44px;
	font-family: "メイリオ", sans-serif;
	margin-bottom:16px;
}
.telUl h3{
	font-size:24px;
	font-family: "メイリオ", sans-serif;
}
	/*-----------------*/
	
	
	.mail_tit2{
	font-size:20px;
	color:#7FB5FF;
	width:780px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:1px solid #7FB5FF;
	margin-top:50px;
	line-height:36px;
}
.mail_read{
	width:780px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	}
	.mail_tit{
	width:780px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:bold;
	margin-top:66px;
	text-align:center;
}
/*--------------*/
.tables{
	width:780px;
	height:auto;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #EEEEEE;*/
	
}
.tables tr:nth-child(odd){
	background-color:#D4D4D4;
}
.tables td{
	padding-top:12px;
	padding-bottom:12px;
	padding-left:20px;
}
.tables td:first-child{
	width:16em;
	font-weight:bold;
}
.tables td span{
	color:#69A9D1;
	margin-left:0.5em;
}
.tables td p{
	font-size:12px;
	font-weight:normal;
	margin-top:-5px;
}

.tables input[type=text] {
	font-size:14px;
	height:18px;
	width:400px;
	color:#505050;
	border:1px solid #d2d2d2;
}
.tables textarea {
	font-size:14px;
	width:400px;
	color:#505050;
	border:1px solid #d2d2d2;
}
.submitbg{
	width: 400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
    text-align: center;
	margin-top:20px;

}
input#submit_button {
    padding: 10px 20px;
    font-size: 1.2em;
    background-color:#484848;
    color: #fff;
    border-style: none;
	margin-bottom:40px;
	
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;

}
input#submit_button:hover{
	cursor:pointer;
	background-color:#9b9b9b;
}
select{
	font-size:16px;
}
.mail_read a{
	color:#363636;
	text-decoration:underline;
}

/*-----------------*/

input#submit_button2{
	padding: 10px 20px;
    font-size: 1.2em;
    background-color:#484848;
    color: #fff;
    border-style: none;
	margin-bottom:40px;
	
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
input#back_button{
	padding: 10px 20px;
    font-size: 1.2em;
    background-color:#484848;
    color: #fff;
    border-style: none;
	margin-bottom:40px;
	
	margin-right:5px;
	
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
input#submit_button2:hover{
	cursor:pointer;
	background-color:#9b9b9b;
}
input#back_button:hover{
	cursor:pointer;
	background-color:#9b9b9b;
}
/*------------------*/
.tables2 input[type=text] {
	font-size:14px;
	height:18px;
	width:400px;
	color:#505050;
	border:none;
}
.tables2 tr:nth-child(odd) input[type=text] {
	background-color:#EEEEEE;
}
.tables2 textarea {
	font-size:14px;
	width:400px;
	color:#505050;
	border:none;
}
.tables2 h2{/*---エラー用の文字phpで使用--*/
	font-size:12px;
	font-weight:normal;
	color:#FD8100;
}

/*------------------*/
.tables3 input[type=text] {
	font-size:14px;
	height:18px;
	width:400px;
	color:#505050;
}
.tables3 textarea {
	font-size:14px;
	width:400px;
	color:#505050;
}
.tables3 h2{/*---エラー用の文字phpで使用--*/
	font-size:12px;
	font-weight:normal;
	color:#FD8100;
}

/*------------------*/
.thank_txt{
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	line-height:32px;
	margin-top:100px;
}
.thank_txt p a{
	
	width:360px;
	line-height:40px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#0073BF;
	margin-top:20px;
	color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
}
.mail_read a{
	color:#363636;
	text-decoration:underline;
}



}




/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/




@media screen and (max-width: 768px){
	
	.pc_form_base{
		display:none;
	}
	
	
    .telUl{
	width:94vw;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	margin-top:26px;
	border-top:2px solid #7FB5FF;
		border-bottom:2px solid #7FB5FF;
		color:#699AD1;
		text-align:center;
}
.telUl h2{
	font-size:20px;
	font-weight:normal;
	margin-bottom:14px;
	margin-top:14px;
}
.telUl h1{
	font-size:44px;
	font-family: "メイリオ", sans-serif;
	margin-bottom:16px;
}
.telUl h3{
	font-size:24px;
	font-family: "メイリオ", sans-serif;
}
	/*-----------------*/
	
	
	.mail_tit2{
	font-size:20px;
	color:#7FB5FF;
	width:94vw;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:1px solid #7FB5FF;
	margin-top:50px;
	line-height:36px;
}
.mail_read{
	width:94vw;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
	}
	.mail_tit{
	width:94vw;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:bold;
	margin-top:66px;
	text-align:center;
}
/*--------------*/
	
	
	
	
/*--------------smart_form--------------*/
.smart_form{
	width:90vw;
	height:auto;
	margin-left:3vw;
	color:#838383;
	font-size:14px;
	line-height:20px;
	margin-top:10px;
}
.smart_form span{
	font-size:12px;
	height:auto;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	
	background-color:#FF5F00;
	color:#FFFFFF;
}
.smart_form dt{
	margin-top:16px;
	margin-bottom:2px;
}
.smart_form input[type=text] {
	font-size:15px;
	height:26px;
	width:100%;
	color:#505050;
	border:1px solid #848484;
}
.smart_form textarea {
	font-size:13px;
	width:100%;
	color:#505050;
	border:1px solid #848484;
}
.smart_form h2{
	font-size:12px;
	font-weight:normal;
	color:#FD8100;
}

.smart_form input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

.smart_form input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #CC0000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.smart_form td p{
	margin-top:10px;
}
.smart_form select {
	font-size:16px;
    border:1px solid #686868;
	width:90vw;
	height:32px;
	}
	
	
	.submitbg{
	width: 50vw;
	height:auto;
	margin-left:25vw;
    text-align: center;
	margin-top:20px;

}
.submitbgUl{
	width:90vw;
	height:auto;
	list-style:none;
	margin-top:20px;
}
.submitbgUl li:first-child{
	float:left;
	width:40vw;
	height:auto;
	font-size:12px;
	margin-left:3vw;
}
.submitbgUl li:last-child{
	float:right;
	width:40vw;
	height:auto;
	font-size:12px;
	margin-right:3vw;
}
input#submit_button {
    padding: 10px 20px;
    font-size: 4.5vw;
    background-color:#484848;
    color: #fff;
    border-style: none;
	margin-bottom:40px;

	}
	input#submit_button_s {
    padding: 10px 20px;
    font-size: 1.2em;
    background-color:#484848;
    color: #fff;
    border-style: none;
	margin-bottom:40px;
	
	
	
	
	
/*------------------*/
.tables2 input[type=text] {
	font-size:14px;
	height:18px;
	width:94vw;
	color:#505050;
	border:none;
}
.tables2 tr:nth-child(odd) input[type=text] {
	background-color:#EEEEEE;
}
.tables2 textarea {
	font-size:14px;
	width:94vw;
	color:#505050;
	border:none;
}
.tables2 h2{/*---エラー用の文字phpで使用--*/
	font-size:12px;
	font-weight:normal;
	color:#FD8100;
}

/*------------------*/
.tables3 input[type=text] {
	font-size:14px;
	height:18px;
	width:94vw;
	color:#505050;
}
.tables3 textarea {
	font-size:14px;
	width:94vw;
	color:#505050;
}
.tables3 h2{/*---エラー用の文字phpで使用--*/
	font-size:12px;
	font-weight:normal;
	color:#FD8100;
}

/*------------------*/
.thank_txt{
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	line-height:32px;
	margin-top:100px;
}
.thank_txt p a{
	
	width:94vw;
	line-height:40px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#0073BF;
	margin-top:20px;
	color:#FFFFFF;
	border-radius: 5px 5px 5px 5px;
}
.mail_read a{
	color:#363636;
	text-decoration:underline;
		}
		
		
		.smart_form input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}
.smart_form input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 14px;
    height: 14px;
    background: #CC0000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
		}
		

}