
.main_bg{
	padding:180px 100px 30px;
	box-sizing:border-box;
}



h3{
	text-align:center;
	font-size:48px;
	color:#7da6da;
	background: -webkit-linear-gradient(0deg,#7d7dc5, #7dbee6);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 line-height:200%;
}

@media screen and (max-width: 768px) {		/*スマホ用CSS*/
.main_bg{
	padding:80px 5% 30px;
}

h3{
	font-size:30px;
	 line-height:100%;
}

h3 span {
	font-size:20px;
}
}

/* お問い合わせ
---------------------------------*/

article#contact{
	margin-bottom:5%;
}

article#contact .attention{
	color:#FF0000;
	font-size:13px;
	line-height:160%;
	margin-top:20px;
}

#how{
	margin-bottom:40px;
}

#how ul {
display:flex;
width:100%;
flex-wrap:wrap;
justify-content:space-around;
}

#how li:first-child{
	width:48%;
	background:url(../img/contact/tel.png) no-repeat left center; 
	padding:0 0 0 70px;
	margin-bottom:30px;
	box-sizing:border-box;

}

a#policy {
text-align:center;
display:block;
}

/*#how li:nth-child(2){
	background:url(../img/contact/fax.png) no-repeat left center; 
	padding:0 70px;
	float:left;
	box-sizing:border-box;
}*/

#how li span{
	font-size:200%;
	font-weight:bold;
	color:#7d7dc5;
}

#how li:nth-of-type(2){
	width:48%;
	background:url(../img/contact/mail.png) no-repeat left center; 
	padding:0 0 0 70px;
	box-sizing:border-box;
}

@media screen and (max-width:1280px) {		/*タブレット用CSS*/
#how{
	margin-bottom:20px;
}

#how li:first-child{
	width:100%;
	background:url(../img/contact/tel.png) no-repeat left top; 
	margin-bottom:20px;
	padding:0 0 0 70px;
	line-height:180%;
}

#how li:nth-of-type(2){
	width:100%;
	background:url(../img/contact/mail.png) no-repeat left top; 
	line-height:180%;
}

#how a{
	color:#7d7dc5;
}
} 

@media screen and (min-width: 769px) {		/*PC用CSS*/
.pcNon {
display:none;
}
}
@media screen and (max-width: 768px) {		/*スマホ用CSS*/

#how li span{
	font-size:24px;
}


}


article#contact .errorTxt{
	color:#FF0000;
}

article#contact .required{
	background-color:#ae0301;
	color:#fff;
	display:inline-block;
	font-size:12px;
	margin:0 5px;
	padding:0;
	text-align:center;
	line-height:23px;
	width:40px;
	border-radius:3px;
}

article#contact table{
	margin:3% 0 2%;
}

article#contact th,article#contact td{
	border:solid 1px #CCC;
	padding:1% 1%;
}

article#contact th{
	background-color:#efefef;
	width:25%;
}

article#contact td.cts{
	padding:0;
}

article#contact td.cts li{
	padding:1% 1% 0;
}

article#contact td.cts ul li:nth-child(2n){
	background-color:#f7f3ee;
}

article#contact td.cts li:last-child{
	padding-bottom:1%;
}


article#contact input[type=text]{
	border:1px solid #999;
	transition:all 0.3s ease-in-out 0s;
    width:200px;
	margin:1% 1%;
}

article#contact input[type="text"]:focus,article#contact textarea:focus {
	border:1px solid #39c;
	box-shadow:0 0 5px #39c;
	outline:medium none;
	transition:all 0.3s ease-in-out 0s;
}

article#contact input.number{
    width:80px;
}

article#contact input.long{
    width:370px;
}

article#contact input.short{
    width:370px;
}


article#contact textarea{
	border:1px solid #999;
	transition:all 0.3s ease-in-out 0s;
    width:500px;
	height:100px;
	margin:1% 1%;
}

article#contact div#btn{
	text-align:center;
	margin:2% 0 0;
}

article#contact div#btn input{
    width:100px;
	padding:10px;
    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #999;

}

@media screen and (max-width:1280px) {		/*タブレット用CSS*/
article#contact div#how li:first-child{
	width:50%;
	padding:0 0 0 70px;
}

article#contact div#how li:nth-child(2){
	width:50%;
	padding:0 0 0 70px;
}
}


@media screen and (max-width: 768px) {		/*スマホ用CSS*/
article#contact th,article#contact td{
	font-size:12px;
}

article#contact div#how li:first-child,article#contact div#how li:nth-child(2){
	width:100%;
}


article#contact div#how li span{
	font-size:20px;
white-space: nowrap;
}

article#contact input.number{
    width:25%;
}

article#contact input[type=text]{
	width:98%;
	height:20px;
}


article#contact input.long{
    width:98%;
}

article#contact input.short{
    width:50%;
}

article#contact textarea{
    width:98%;
}

article#contact input.number{
    width:25%;
	height:20px;
}
}

/* プライバシーポリシー
---------------------------------*/
#policy{
	font-size:15px;
}

#policy .sign{
	width:100%;
	text-align:right;
}

#policy h4{
	margin:20px 0;
}

#policy table{
	width:100%;
	margin:30px auto 60px;
	border:solid 1px #c9c9c9;
	padding:55px;
	box-sizing:border-box;
	position:relative;
}

#policy th,#policy td{
	border:solid 1px #c9c9c9;
	padding:20px 15px;
	line-height:160%;
}

#policy th{
	font-size:30px;
	font-weight:bold;
	width:50%;
	text-align:center;
}

@media screen and (max-width: 768px) {		/*スマホ用CSS*/
#policy h3{
	margin-bottom:15px;
}

#policy h4{
	margin:20px 0;
	line-height:130%;
}

#policy th{
	font-size:18px;
}
}



