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

body{max-width: 1440px; margin:0px auto;}

.box {display: flex;flex-wrap: wrap;} 

a{overflow-wrap: break-word;}
a:hover{opacity:0.7;} 
a:hover{opacity:0.7;} 
a:hover{opacity:0.7;} 

.clearfix {
	display: block;
	min-height: 1%;
	clear: left;
}

@media screen and (min-width:780px) {
	
	.sp{display:none;}
	.contents{max-width: 1440px; margin:0px auto; padding:10% 15% 3%!important;}
	.p15{padding:0 15px;}
	.text-c p{text-align: center;}
	h2{margin:5% 0 2% 0;}
	h3{margin:3% 0 2% 0;}
	h4{margin:3% 0 2% 0;}

	#ttl{
		background:url("");
		background-size:100% 100%;
		background-position:center;
		background-repeat:no-repeat; 
	}

	#ttl .ttl{
		max-width: 386px; width: 40%; margin:15% auto 0;
	}

}


@media screen and (max-width:779px) {
	.pc{display:none;}
	.contents{width:90%; margin:80px auto 0; padding:15% 5% 3%;}
	.text-c p{text-align: left;}
	h2{margin:5% 0 2% 0;}
	h3{margin:3% 0 2% 0;}
	h4{margin:3% 0 2% 0;}

	#ttl{
		background:url("");
		background-size:100% 100%;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#ttl .ttl{
		max-width: 386px;
		width: 40%;
		margin:15% auto;
	}

}
/*****************************************************
	Contact Us
*****************************************************/
		#contact h2 {
			font-size:2.4rem;
			font-weight: bold;
		}
		#contact h3 {
			font-size:1.8rem;
			font-weight: bold;
		}
		#contact #contents01 > section {
			margin-bottom: 6rem;
			background: #F5F5F5;
			padding: 2rem;
			box-sizing: border-box;
		}
		#contact .products {
		}
		#contact .products ul {
			text-align:center;
			font-size:0;
		}
		#contact .products ul li {
			display:inline-block;
			font-size:1.6rem;
			vertical-align:top;
			padding:0 1rem;
			box-sizing: border-box;
		}
		#contact .products ul li img {
			max-width:200px;
			width:100%;
			display:block;
			margin:0 auto 1rem;
		}
		#contact .products ul li h3 {
			margin-bottom:1rem;
		}
		#contact .products ul li p {
		}
		#contact #contents01 .return-policy {
			background: #EFEFEF;
			text-align: left;
			padding: 1.5rem;
			margin: 0 auto 1rem;
			max-width: 100%;
			display: block;
		}
		#contact #contents01 .return-policy span {
			font-size:1.6rem;
			font-weight: bold;
			display: block;
		}
		#contact #contents01 .return-policy p {
			font-size:1.4rem;
			line-height: 1.3;
		}
		#contact #contents01 .return-policy a {
			font-weight: bold;
			text-decoration: underline;
			color: #007AFF;
		}
		#contact #contactTable {
			border: 1px solid #CCC;
			padding: 5rem;
			box-sizing: border-box;
		}
.submit-button{margin-top:210px;text-align:center;}

div.mfp_err {
    background-position: 38% 0px;
    text-align: center;
}

@media only screen and (max-width: 999px) {
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
}
@media only screen and (max-width: 767px){
		#contact .products ul li {
			display: block;
			padding: 0;
			margin:0 auto 3rem;
		}
		#contact .products ul li:last-of-type {
			margin:0 auto;
		}
		#contact .policy {
			text-align:left;
		}
		#contact #contactTable {
			padding: 2rem;
		}
		#contact #contents01 .return-policy {
			padding: 1rem;
		}
		#contact #contents01 .return-policy p {
			font-size:1rem;
		}
}

/************************************************************
	contactTable
*************************************************************/
	#contact #contactTable {
		width:100%;
		margin:0 auto;
	}
	#contact #contactTable > h3 {
	}
	#contact #contactTable > p {
		margin-bottom:2rem;
	}
	#contact #contactTable #Table {
		margin-bottom:3rem;
	}
	#contact #contactTable dl {
		margin-bottom:1rem;
	}
	#contact #contactTable dl dt {
		float: left;
		width: 250px;
		padding: 0.5rem 2rem 1rem 0;
		box-sizing: border-box;
		text-align: right;
	}
	#contact #contactTable dl dt .title {
	}
	#contact #contactTable dl dt .required {
		background:#53C1F0;
		color:#FFF;
		margin-left:1rem;
		font-size:0.7rem;
		padding:0.5rem;
		border-radius:0.5rem;
	}
	#contact #contactTable dl dd {
		float:left;
		width:450px;
	}
	#contact #contactTable dl dd input ,
	#contact #contactTable dl dd textarea {
		background: #EFEFEF;
		border: none;
		padding: 1rem;
		box-sizing: border-box;
		width:100%;
		max-width:none!important;
		color: #003F8E;
	font-weight: nomal;
	margin-bottom: 2rem;
	}
	#contact #contactTable dl dd textarea {
		width:100%!important;
	max-width:none!important;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
	#contact #contactTable dl dd .name input {
		width: 49%;
	float: left;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
	#contact #contactTable dl dd .name input:nth-of-type(1) {
		margin-right:2%;
	}
	#contact #contactTable label.mfp_not_checked {
		font-weight: bold;
		border: solid 8px #EEE;
	}
	#contact #contactTable label.mfp_checked {
		font-weight: bold;
		border: solid 8px #53C1F0;
		background:#53C1F0;
		color:#FFF;
	}

	@media only screen and (max-width: 999px) {
	}
	@media only screen and (max-width: 767px){
			#contact #contactTable > p {
				text-align:left;
			}
			#contact #contactTable {
				width:100%;
			}
			#contact #contactTable dl {
				margin-bottom:2rem;
			}
			#contact #contactTable dl dt {
				float: none;
				width: 100%;
				padding: 0;
				margin-bottom:1rem;
				text-align:left;
			}
			#contact #contactTable dl dt .required {
				margin-left:1rem;
			}
			#contact #contactTable dl dd {
				float: none;
				width: 100%;
			}
			#contact #contactTable dl dd input ,
			#contact #contactTable dl dd textarea ,
			#contact #contactTable dl dd .name input {font-size:12px;}
			
			.submit-button{margin-top:0;}
		.margin-qdjustment{margin-top:0;padding-top:0;}
	}


/************************************************************
	20230131 新規追加
*************************************************************/

.global-contact-area{
	/*margin-top:11rem;*/
	border: 1px solid #CCC;
    padding: 5rem;
    box-sizing: border-box;
}

.global-contact-area p.lead-txt{
	text-align: center;
	margin-bottom:2rem;
}

.global-contact-area p.end-txt{
	text-align: center;
	margin-top:1rem;
}


table.global-form{
	max-width: 940px;
	margin: 0 auto;
	/*width: 70%;*/
}

table.global-form th{
	width: 35%;
	padding: 15px 0;
	text-align: right;
	font-weight: normal;
	padding-right: 2rem;
}

table.global-form td{
	width: 65%;
	padding: 15px 0; 
}

div.name-area{
	display: flex;
	line-height: 23px;
	position: relative;
	column-gap: 4%;
}

div.name-area p{
	width: 100%;
}

.mandatory{
	background: #53C1F0;
	color: #fff;
	font-weight: normal;
	border-radius: 5px;
	text-align: center;
	line-height: 23px;
	padding: 0.3rem 0.7rem;
    font-size: 0.85rem;
    margin-left: 1rem;

}

table.global-form td textarea{
	width: 100%; 
	height: 120px;
	background: #EFEFEF;
	border: 0px solid #000;
	border-radius: 5px;
    /*padding: 10px;*/
}
table.global-form td .wpcf7-form-control-wrap input {
	height: 50px;
	background: #EFEFEF;
	border: 0px solid #000;
	border-radius: 5px;
	width: 100%;
    padding-left:10px;
	box-sizing: border-box;
}
table.global-form td .wpcf7-form-control-wrap {
	position: relative;
	margin-right: 3%;
	width: 48%
}
table.global-form td .wpcf7-form-control-wrap:last-child {
	margin-right: 0;
}

.contactform .pref a{
	color:#00408F;
	border-bottom: 1px solid #00408F; 
	padding-bottom: 5px;
	position: relative;
	top: 20%;
}
.privacy-policy{
	border: 8px solid #eee;
	text-align: center;
	width: 84%;
	margin: 30px auto 0;
	position: relative;
	padding: 30px 0
}

.privacy-policy a{
	font-weight: normal;
}
.contact_btn-area{
	margin: 50px auto 0;
	max-width: 520px;
	display: flex;
	justify-content: center;
	column-gap: 5%;
}
.contact_btn-area input{
	width: 250px;
	background: #CCC;
	border: 0px solid #000;
	height: 70px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
	/*margin-right: 20px*/
}

.contact_btn-area .wpcf7-submit,.contact_btn-area .wpcf7c-btn-confirm{
	background: #00408F; 
	margin-right: 0px
}

.screen-reader-response{
	display: none;
}

.wpcf7-not-valid-tip{
	color:red;
}

.wpcf7-response-output{
	color:red;
	margin-top:1rem;
	text-align: center;
}


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


.global-contact-area{
	margin-top:5rem;
    padding: 1rem;
}


table.global-form{
	width: 100%;
}

table.global-form th{
	width: 100%;
	text-align: left!important;
	display: block;
	padding-bottom:0;
}

table.global-form td{
	width: 100%;
	display: block;
}

div.name-area{
	display: flex;
	position: relative;
	column-gap: 0%;
	row-gap: 1rem;
	flex-wrap: wrap;
}

.contact_btn-area{
	display: flex;
	justify-content: center;
	width: 80%;
	column-gap: 0%;
	row-gap: 1rem;
	flex-wrap: wrap;
	column-gap: 1rem;

}

}