@charset "UTF-8";

header {
	
	position: relative;
	width:  100%;
	height: 20.4rem;
	background-image: url('../img/header_bg.webp');
	background-size: cover;
	background-position: center center;
	border-bottom: 1rem solid #333;
	box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

}

header h1 {
	
	width: 100%;
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-style: normal;
  font-weight: 900;
	font-size: 3.6rem;
	letter-spacing: 0.06em;

}

header h1 span {
	
	display: inline-block;
	margin-left: 0.1em;
	letter-spacing: 0.16em;

}

header h1 img {
	
	width: 8.9rem;
	margin-right: 2.5rem;

}

header h1 a {

	color: #fff;

}

#contact {

	padding-top: 12rem;
	background: #DCD6D3;

}

#contact .contact {

	margin-bottom: 33.2rem;
	text-align: center;
	font-family: poiret-one, sans-serif;
	font-size: 3rem;
	font-style: normal;
  font-weight: 700;
 	letter-spacing: 0.25em;
 	transform: translateX(0.1em);

}

#contact .contact img {

	display: block;
	width: 4.5rem;
	margin: 0 auto;
	margin-top: 0.2rem;

}

#contact .inner {

	width: 140rem;
	margin: 0 auto;

}

#contact table {

	width: 100%;
	border-collapse: collapse;

}

#contact table tr th, #contact table tr td {

	font-size: 2.4rem;
	line-height: 1.5;
	color: #000;

}

#contact table tr th {
	
	width: 34%;
	text-align: left;
	vertical-align: top;

}

#contact table tr th .space {

	display: inline-block;
	width: 3.8em;
	margin-right: 3.5rem;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
	background: #182140;
	
}

#contact table tr th .point {

	letter-spacing: 0.8em;

}

#contact table tr td {
	
	padding-bottom: 14rem;

}

#contact table tr td.last {

	padding-bottom: 10rem;

}

input[type="text"], input[type="email"], input[type="tel"], textarea, button, select {
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
	
	width: 100%;
	padding: 0.9em 0.5em;
	outline: none;
	border: 0.2rem solid #aaa;
	background: #fff;
	transition: all 0.1s;
	
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	
	border: 1px solid #182140;
	
}

#contact textarea {

	height: 39rem;

}

.submit_kakunin {
	
	float: right;
	width:  96.6rem;
	height: 15.9rem;
	border: none;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	background-color: transparent;
	background-image: url('../img/kakunin.png');
	background-size: cover;
	background-position: center center;
	transform: translateX(2rem);
	
}

.submit_sousin {
	
	float: right;
	width:  96.6rem;
	height: 15.9rem;
	border: none;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	background-color: transparent;
	background-image: url('../img/sousin.png');
	background-size: cover;
	background-position: center center;
	transform: translateX(2rem);
	
}

#contact .error {

	color: red;

}

#contact .bg {

	height: 60rem;
	margin-top: 29.2rem;
	background-image: url('../img/pc_bg.webp');
	background-size: cover;
	background-position: center center;

}

#contact .result {
	
	margin-bottom: 6rem;
	font-size: 3.4rem;

}

#contact .done_top {

	display: block;
	width: 16em;
	padding: 1em;
	text-align: center;
	font-size: 2.6rem;
	color: #fff;
	background: #172240;

}


@media only screen and (max-width: 1820px) {



}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


@media only screen and (max-width: 1670px) {



}


@media only screen and (max-width: 1620px) {



}


@media only screen and (max-width: 1570px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


@media only screen and (max-width: 1440px) {



}


@media only screen and (max-width: 1400px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


@media only screen and (max-width: 1320px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}

@media only screen and (max-width: 1240px) {



}


@media only screen and (max-width: 1200px) {



}


/* iPad Pro11の横 */
@media only screen and (max-width: 1194px) {



}


/* iPad 5th Airの横 */
@media only screen and (max-width: 1180px) {



}


/* iPad 6th Miniの横 */
@media only screen and (max-width: 1133px) {



}


@media only screen and (max-width: 1100px) {



}


/* iPad 9thの横 */
@media only screen and (max-width: 1080px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {



}


@media only screen and (max-width: 950px) {

	header {
		
		padding-top: 5rem;
		height: 28rem;
		background-image: url('../img/header_bg.webp');
		background-position: center center;
		border-bottom: 1rem solid #333;
		box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

	}

	header h1 {
		
		font-size: 6rem;
		letter-spacing: 0.06em;

	}

	header h1 span {
		
		margin-left: 0.1em;
		letter-spacing: 0.16em;

	}

	header h1 img {
		
		width: 13rem;
		margin-right: 3rem;

	}

	#contact .contact {

		margin-bottom: 24rem;
		font-size: 6rem;
	 	letter-spacing: 0.25em;
	 	transform: translateX(0);

	}

	#contact .contact img {

		width: 8rem;
		margin-top: 0.4rem;

	}
		
	#contact {

		padding-top: 12rem;

	}

	#contact .contact {

		margin-bottom: 33.2rem;
		text-align: center;
		font-size: 6rem;
	 	letter-spacing: 0.25em;
	 	transform: translateX(0);

	}

	#contact .contact img {

		width: 8rem;
		margin-top: 0.4rem;

	}

	#contact .inner {

		width: 88%;

	}

	#contact table tr th, #contact table tr td {

		font-size: 3.6rem;
		line-height: 1.5;

	}

	#contact table tr th {
		
		width: 30%;

	}

	#contact table tr th .space {

		width: 3.8em;
		margin-right: 3.5rem;
		
	}

	#contact table tr th .point {

		letter-spacing: 0.8em;

	}

	#contact table tr td {
		
		padding-bottom: 14rem;

	}

	#contact table tr td.last {

		padding-bottom: 10rem;

	}

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		
		padding: 0.9em 0.5em;
		border: 0.2rem solid #aaa;
		
	}

	#contact textarea {

		height: 39rem;

	}

	.submit_kakunin {
		
		float: right;
		width:  72.5%;
		height: 15.9rem;
		background-image: url('../img/kakunin.png');
		background-position: center center;
		transform: translateX(2rem);
		
	}
	
	.submit_sousin {
		
		float: right;
		width:  72.5%;
		height: 15.9rem;
		background-image: url('../img/sousin.png');
		background-position: center center;
		transform: translateX(2rem);
		
	}

	#contact .bg {

		height: 60rem;
		margin-top: 29.2rem;
		background-image: url('../img/pc_bg.webp');
		background-position: center center;

	}

}


/* iPhone14 ProMaxの横 */
@media only screen and (max-width: 932px) {


	
}


/* XRの横 */
@media only screen and (max-width: 896px) {


	
}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPhone14 Proの横 */
@media only screen and (max-width: 852px) {



}


/* iPhone14の横*/
@media only screen and (max-width: 844px) {



}


/* iPad Pro11 */
@media only screen and (max-width: 834px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPhone13 miniの横 */
@media only screen and (max-width: 812px) {



}


/* iPad 9th */
@media only screen and (max-width: 810px) {



}


/* iPad */
@media only screen and (max-width: 768px) {


}


/* iPad 6th Mini */
@media only screen and (max-width: 744px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	header {
		
		padding-top: 8rem;
		height: 28rem;
		background-image: url('../img/header_bg.webp');
		background-position: center center;
		box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

	}

	header h1 {
		
		font-size: 8rem;
		letter-spacing: 0.06em;

	}

	header h1 span {
		
		margin-left: 0.1em;
		letter-spacing: 0.12em;

	}

	header h1 img {
		
		width: 19rem;
		margin-right: 4rem;

	}
	
	#contact {
	
		padding-top: 20rem;
	
	}

	#contact .contact {

		margin-bottom: 24rem;
		font-size: 9.6rem;
	 	letter-spacing: 0.25em;
	 	transform: translateX(0);

	}

	#contact .contact img {

		width: 12rem;
		margin-top: 0.8rem;

	}
	
	#contact .inner {

		width: 86%;

	}

	#contact table tr th, #contact table tr td {
		
		display: block;
		font-size: 6rem;
		line-height: 1.5;

	}

	#contact table tr th {
		
		width: 100%;

	}

	#contact table tr th .space {

		width: 3.8em;
		margin-right: 3.5rem;
		
	}

	#contact table tr th .point {

		letter-spacing: 0.8em;

	}

	#contact table tr td {
		
		padding-top: 3rem;
		padding-bottom: 14rem;

	}

	#contact table tr td.last {

		padding-bottom: 10rem;

	}

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		
		padding: 0.9em 0.5em;
		border: 0.2rem solid #aaa;
		
	}

	#contact textarea {

		height: 50rem;

	}

	.submit_kakunin {
		
		float: none;
		width:  100%;
		height: 28rem;
		background-image: url('../img/kakunin.png');
		background-position: center center;
		transform: translateX(0);
		
	}
	
	.submit_sousin {
		
		float: none;
		width:  100%;
		height: 28rem;
		background-image: url('../img/sousin.png');
		background-position: center center;
		transform: translateX(0);
		
	}

	#contact .bg {

		height: 70rem;
		margin-top: 29.2rem;
		background-image: url('../img/pc_bg.webp');
		background-position: center center;

	}
	
	#contact .result {
	
		margin-bottom: 6rem;
		font-size: 5.4rem;

	}

	#contact .done_top {

		width: 16em;
		padding: 1.2em;
		font-size: 5.4rem;

	}

}


/* Iphone13 Pro Max */
@media only screen and (max-width: 430px) {



}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {


}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone14 Pro */
@media only screen and (max-width: 393px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}