/* CSS Document */


header {
	text-align:left;
}


#contact #content section {padding:0;background:none;}


#contact h2.title:after {
	background-image:url(../../contact/images/sub_contact.png);
}



@media screen and (min-width:750px){ /*PC*/
#contact .flow {
	padding:50px 0 30px 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact .flow {
	padding:5vw 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact .flow img {
	margin:0 auto;
	width:90vw;
	height:auto;
}
}



@media screen and (max-width:749px){ /*スマホ*/
#contact #content .guide {
	font-size:1.5rem;
}
}


#contact #content dt,
#contact #content dd {
	display:inline-block;
	text-align:left;
}




#contact #content.alert {
	padding:100px 0;
}



#contact #content .pp {
	margin:0 auto;
	background-color:#c1d5e7;
}
@media screen and (min-width:750px){ /*PC*/
#contact #content .pp {
	padding:20px;
	width:450px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content .pp {
	padding:2vw;
	width:85vw;
}
}


#contact #content .pp h3::before,
#contact #content .pp h3::after {
	content: "";
	background-color:#444;
	display:inline-block;
	position:relative;
}

@media screen and (min-width:750px){ /*PC*/
#contact #content .pp h3::before,
#contact #content .pp h3::after {
	margin:0 8px;
	width:30px;
	height:1px;
	top:-9px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content .pp h3::before,
#contact #content .pp h3::after {
	margin:0 1vw;
	width:4vw;
	height:0.25vw;
	top:-1.5vw;
}
}




@media screen and (min-width:750px){ /*PC*/
#contact #content .pp h3 {
	margin:0 0 15px 0;
	font-size:2rem;
}
}
@media screen and (max-width:749px){ /*スマホ*/
#contact #content .pp h3 {
	margin:0 0 2vw 0;
	font-size:1.5rem;
}
}

#contact #content .pp p{
	padding:10px 0;
}



#contact #content .button {
	margin:0 auto;
	padding:8vw 0 20vw 0;
	width:100%;
	text-align:center;
}



@media screen and (min-device-width:750px){ /*PC*/

#contact #header .com li {
	padding:0 0 0 20px;
	background-image:url(../images/ic00.png);
	background-repeat:no-repeat;
	background-position:0 7px;
	background-size:10px 10px;
}


#contact #content.kakunin dl {
	margin:50px auto;
}




#contact #content dl,
#contact #content dt,
#contact #content dd {
	margin:0 auto;
	width:500px;
}

#contact #content dt {
	padding:20px 0 10px 0;
}
#contact #content dd {
	padding:0 0 20px 0;
}


#contact #content dd.name input {width:250px;}
#contact #content dd.address input {width:500px;}
#contact #content dd.tel input {width:250px;}
#contact #content dd.email input {width:500px;}
#contact #content dd.cartype input {width:250px;}
#contact #content dd.comment textarea {width:500px;}


}




@media screen and (max-device-width:749px){ /*スマホ*/





#contact #content dl {
	margin:10vw auto;
	width:90vw;
}

#contact #content dt,
#contact #content dd {
	width:100%;
	line-height:2;
	text-align:left;
}

#contact #content dt {
	padding:5vw 0 0 0;
}

#contact #content dd {
	padding:0 0 5vw 0;
}

#contact #content input.text {
	display:inline-block;
}

#contact #content input,
#contact #content textarea {
	transform:scale(0.9);
}

#contact #content dd.cate {
	padding:0 0 8vw 5vw;
}

#contact #content dd.name input,
#contact #content dd.address input,
#contact #content dd.tel input,
#contact #content dd.email input,
#contact #content dd.cartype input,
#contact #content dd.comment textarea {
	margin:0 auto;
	width:100%;
	position:relative;
	left:-4vw;
}


}




@media screen and (min-width:750px){ /*PC*/
#contact #content.kakunin dl {border-top:1px solid #ccc;}
#contact #content.kakunin dd {border-bottom:1px solid #ccc;} 
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content.kakunin dl {border-top:0.25vw solid #ccc;}
#contact #content.kakunin dd {border-bottom:0.25vw solid #ccc;} 
}








@media screen and (min-width:750px){ /*PC*/
#contact #content.thanks h3 {
	font-size:2.5rem;
}
}


@media screen and (max-width:749px){ /*スマホ*/
#contact #content.thanks h3 {
	font-size:2rem;
}
}



#contact #content.thanks .guide {
	margin:0 auto;
	text-align:left;
}
@media screen and (min-width:750px){ /*PC*/
#contact #content.thanks .guide {
	padding:50px 0 0 0;
	width:500px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content.thanks .guide {
	padding:15vw 0 0 0;
	width:80vw;
}
}


@media screen and (min-width:750px){ /*PC*/
#contact #content.thanks .guide ul {
	padding:20px 0;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content.thanks .guide ul {
	padding:10vw 0;
}
}


#contact #content.thanks .guide ul li {
	list-style-type:circle;
}
@media screen and (min-width:750px){ /*PC*/
#contact #content.thanks .guide ul li {
	margin:0 0 0 25px;
}
}

@media screen and (max-width:749px){ /*スマホ*/
#contact #content.thanks .guide ul li {
	margin:0 0 0 5vw;
}
}