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




	
input[type=text]{
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	padding: 7px 0 7px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: 1px solid #999;
	background: #eee;
	background: right 50% no-repeat, -moz-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, -ms-linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	text-indent:1em;
}

select{
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	padding: 7px 0 7px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow01.png) right 5px bottom 50% no-repeat, -moz-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/arrow01.png) right 5px bottom 50% no-repeat, -ms-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/arrow01.png) right 5px bottom 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/arrow01.png) right 5px bottom 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	text-indent:0.7em;
}

input[type=checkbox]{
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	padding: 7px 0 7px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

    border:1px solid #C0C0C0;
	width:20px;
	height:20px;
	border:1px solid #999;
	background: #eee;
	background:  right 50% no-repeat, -moz-linear-gradient(top, #fff 0%,#efebe1 100%);
	background:  right 50% no-repeat, -ms-linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background:  right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background:  right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}

input[type="checkbox"]:checked{
  background:#4D48F9;
  opacity:1;
}

textarea{
	 border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

	padding: 7px 0 7px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: 1px solid #999;
	background: #eee;
	background: right 50% no-repeat, -moz-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, -ms-linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	text-indent:1em;
}


#button{
	display: block;
	width:140px;
	text-align: center;
	text-decoration: none;
	padding:0.6em 1em;
	color: #FFF;
	background: #23bd52;
	box-sizing:border-box;
	text-transform: uppercase;     
	font-weight: bold; 
	border-radius: 4px;

    background-image: -moz-linear-gradient(top, #23bd52, #1ea347);
    background-image: -ms-linear-gradient(top, #23bd52, #1ea347);
    background-image: -webkit-linear-gradient(top, #23bd52, #1ea347);
    background-image: linear-gradient(top, #23bd52, #1ea347);
    background-clip: padding-box;
}



/*　IE11,IE10　*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
select{
    padding-right:0;
    background-image:none;
}
}


/*PC用ソース*/
@media screen and (min-width:980px) {

select ,input[type=text] ,textarea{
	font-size:16px;
	margin:0 0 30px 0;
}

dl#contact12{
	margin:30px 0 0 0;
}

dl dt{
	font-size:16px;
	padding:10px 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:2px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-5px;
	font-size:16px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:100%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:46.1%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:28.5%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:24%;
}

textarea[name="message"]{
	width:100%;
	height:100px;
}

#mailform{
	margin:0 0 50px 30px;
    width:650px;
    overflow: hidden;
}

#textArea{
	overflow: hidden;
	font-size:14px;
}

#textArea p{
	margin:0 0 30px 0;
    text-align:right;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:220px;
    float:left;
}

dl.contact dd{
	width:420px;
    float:left;
}

dl#contact-check{
	clear:both;
	overflow: hidden;
}

dl#contact-check{
	margin:0 0 0 0;
}

dl#contact-check dt{
	width:220px;
	float:left;	
}

dl#contact-check dd{
	width:200px;
	float:left;	
	overflow: hidden;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 15px 0 15px;
}




}
			

/*タブレット用ソース*/
@media screen and (max-width: 979px){

select ,input[type=text] ,textarea{
	font-size:16px;
	margin:0 0 5% 0;
}

dl#contact12{
	margin:5% 0 0 0;
}

dl dt{
	font-size:16px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-2px;
	font-size:16px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:46.1%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:28.5%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:24%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 auto 10% auto;
    overflow: hidden;
}

#textArea{
	overflow: hidden;
	font-size:14px;
}

#textArea p{
	margin:5% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:220px;
    float:left;
}

dl.contact dd{
	width:420px;
    float:left;
}

dl#contact-check{
	clear:both;
	overflow: hidden;
}

dl#contact-check{
	margin:0 0 0 0;
}

dl#contact-check dt{
	width:220px;
	float:left;	
}

dl#contact-check dd{
	width:32%;
	float:left;	
	overflow: hidden;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 0 0 30px;
}

}

/*タブレット用ソース2*/
@media screen and (max-width: 700px){

select ,input[type=text] ,textarea{
	font-size:16px;
	margin:0 0 5% 0;
}

dl#contact12{
	margin:5% 0 0 0;
}

dl dt{
	font-size:16px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-2px;
	font-size:16px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:46.1%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:29%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:24%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 0 15% 10%;
    overflow: hidden;
	clear:both;
}

#textArea{
	overflow: hidden;
	font-size:14px;
}

#textArea p{
	margin:5% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:90%;
}

dl.contact dd{
	width:90%;
}

dl#contact-check{
	overflow: hidden;
	width:100%;
}

dl#contact-check dt{
	width:100%;
}

dl#contact-check dd{
	width:50%;
}

dl dt a.nopc{
	display:none;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 30px 0 0;
}
}


/*スマホ用ソース1*/
@media screen and (max-width:540px){

select ,input[type=text] ,textarea{
	font-size:16px;
	margin:0 0 5% 0;
}

dl#contact12{
	margin:5% 0 0 0;
}

dl dt{
	font-size:16px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-2px;
	font-size:16px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:45.5%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:28%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:24%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 0 15% 3%;
    overflow: hidden;
	clear:both;
}

#textArea{
	overflow: hidden;
	font-size:14px;
}

#textArea p{
	margin:8% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:97%;
}

dl.contact dd{
	width:97%;
}

dl#contact-check{
	overflow: hidden;
	width:100%;
}

dl#contact-check dt{
	width:100%;
}

dl#contact-check dd{
	width:50%;
}

dl dt a.nopc{
	display:none;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 15px 0 15px;

}

#button{
	width:140px;
}
}


/*スマホ用ソース2*/
@media screen and (max-width:480px){

select ,input ,textarea{
	font-size:14px;
	margin:0 0 5% 0;
}

dl dt{
	font-size:14px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-8px;
	font-size:14px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:45.5%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:28%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:24%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 0 15% 3%;
    overflow: hidden;
	clear:both;
}

#textArea{
	overflow: hidden;
	font-size:12px;
}

#textArea p{
	margin:8% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:97%;
}

dl.contact dd{
	width:97%;
}

dl#contact-check{
	overflow: hidden;
	width:100%;
}

dl#contact-check dt{
	width:100%;
}

dl#contact-check dd{
	width:50%;
}

dl dt a.nopc{
	display:none;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 15px 0 15px;

}

#button{
	width:120px;
}
}

/*スマホ用ソース3*/
@media screen and (max-width:410px){

select ,input ,textarea{
	font-size:14px;
	margin:0 0 5% 0;
}

dl dt{
	font-size:14px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-8px;
	font-size:14px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:45.5%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:28%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:48%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 0 15% 3%;
    overflow: hidden;
	clear:both;
}

#textArea{
	overflow: hidden;
	font-size:12px;
}

#textArea p{
	margin:10% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:97%;
}

dl.contact dd{
	width:97%;
}

dl#contact-check{
	overflow: hidden;
	width:100%;
}

dl#contact-check dt{
	width:100%;
}

dl#contact-check dd{
	width:50%;
}

dl dt a.nopc{
	display:none;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 15px 0 15px;

}

#button{
	width:120px;
}

}

/*スマホ用ソース4*/
@media screen and (max-width:380px){

select ,input ,textarea{
	font-size:12px;
	margin:0 0 5% 0;
}

dl dt{
	font-size:12px;
	padding:1% 0 0 0;
}

dl dd input[type="checkbox"]{
    position:relative;
    top:5px;
}

dl dd label span{
	padding:0 0 0 10px;
    position:relative;
    top:-8px;
	font-size:12px;
}

select[name="request_s"] ,
input[type=text]#email ,
input[type=text]#emailcheck ,
select[name="charge"]{
	width:98%;
}

input[type=text]#name_1 ,
input[type=text]#name_2{
	width:44%;
}

input[type=text]#tel_1 ,
input[type=text]#tel_2 ,
input[type=text]#tel_3{
	width:26%;
}

select[name="month_1"] ,
select[name="day_1"] ,
select[name="hour_1"] ,
select[name="min_1"] ,
select[name="month_2"] ,
select[name="day_2"] ,
select[name="hour_2"] ,
select[name="min_2"]{
	width:48%;
}

textarea[name="message"]{
	width:98%;
	height:100px;
}

#mailform{
	display:table;
	margin:0 0 15% 3%;
    overflow: hidden;
	clear:both;
}

#textArea{
	overflow: hidden;
	font-size:12px;
}

#textArea p{
	margin:10% 0 10% 0;
    text-align:center;	
}

.red{
    color:#F00;
}

dl.contact{
	clear:both;
	overflow: hidden;
}

dl.contact dt{
	width:97%;
	margin:0 0 0 0;
 } 

dl.contact dd{
	width:97%;
}

dl#contact-check{
	overflow: hidden;
	width:100%;
}

dl#contact-check dt{
	width:100%;
}

dl#contact-check dd{
	width:50%;
}

dl dt a.nopc{
	display:none;
}

dl#contact12{
	margin:5% 0 0 0;
}

.send p{
    text-align:center;	  
}

dl#buttons{
	margin:20px auto 0 auto;
	overflow: hidden;
	display: table; 
}

dl#buttons dt{
}

dl#buttons dd{
	display: table-cell;
	padding:0 15px 0 15px;

}

#button{
	width:100px;
}


}