/* CSS Document */


/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{
	
a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

#main #inquiry .content h3{
	background-image: url("../../../images/mc_member.png");
}
h5{
	margin: 40px 0 7px;
	font-size: 25px;
	font-weight: bold;
	color: #CC6699;
}
	
#inquiry{}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#inquiryMail h5{
	padding: 5px 0 5px 48px;
	background-image: url("../images/r_mail.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px auto;
}

#inquiryMail .content{}
#inquiryMail .content .wrapper{}
#inquiryMail .content .wrapper h4{
	margin-top:35px;
}
#inquiryMail .content .wrapper .required{
	font-size:93%;
	color:#ce1d2b;
}
#inquiryMail .content .wrapper .optional{
	font-size:86%;
	font-weight:normal;
	color:#ce1d2b;
}

#inquiryMail .remarks{
	margin-bottom: 40px;
}
#inquiryMail .remarks ul{
	list-style-type: disc;
	padding-left: 25px;
}
#inquiryMail .remarks ul li{
	margin: 3px 0;
}
#inquiryMail .remarks ul li dl{
	width: 100%;
	}
#inquiryMail .remarks ul li dl dt{
	display: inline-block;
	vertical-align: top;
	width: 3.1em;
}
#inquiryMail .remarks ul li dl dd{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 3.5em);
}



/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.error{
	font-size:93%;
	font-weight:bold;
	color:#e50012;
	margin:0 0 5px;
}
#inquiryMail #form{ margin:15px auto 0; }
#inquiryMail #form .text{
	margin:0 0 20px;
	text-align:center;
}
#inquiryMail #form dl{
	padding: 0;
	display:table;
	margin:0 auto;
}
#inquiryMail #form dl dt{
	display:table-cell;
	width: 280px;
	color: #998700;
	background-color:#fff8cc;
	padding: 30px 0;
	text-align: center;
	vertical-align:middle;
	font-size:128%;
	font-weight:bold;
}
#inquiryMail #form dl dd {
	font-size:114%;
	width: 694px;
	display:table-cell;
	padding: 30px 0 30px 50px;
	line-height:1.7em;
	text-align:left;
	vertical-align:middle;
}
#inquiryMail #form dl.name dd br{ display:none; }
#inquiryMail #form dl dd .text_s{
	margin:10px 0 15px;
	font-size:79%;
	line-height:1.2;
}
#inquiryMail #form label{
	display:inline-block;
	margin:0 0 10px;
	cursor:pointer;
}
#inquiryMail #form input[type="radio"]{
	display:inline-block;
	vertical-align: inherit;
	width:16px;
	height:16px;
}
#inquiryMail #form input[type="text"], #inquiryMail #form input[type="email"], #inquiryMail #form input[type="tel"]{
	padding:12px 13px;
	border:solid 3px #f2f2f2;
	margin:0 0 10px;
	width:100%;
	font-size:93%;
	cursor:text;
}
#inquiryMail #form textarea{
	padding:12px 13px;
	border:solid 3px #f2f2f2;
	margin:0 0 10px;
	width:100%;
	font-size:93%;
	cursor:text;
	height:300px;
}

#inquiryMail #form input[type="email"]{ display:block; }
#inquiryMail #form input[type="tel"]{
	padding:13px 15px;
	margin:0 0 10px;
	width:100px;
}
#inquiryMail #form input[type="number"]{
	padding:13px 15px;
	margin:0 0 10px;
	width:100px;
	border:solid 3px #f2f2f2;
	font-size:93%;
	cursor:text;
}
#inquiryMail #form .categoryblock{
	/*display: flex;*/
}

#inquiryMail #form #familyname{
	height:150px;
}

#inquiryMail #form .name input[type="text"] {
    width: 200px;
    margin: 0 10px 0 0;
}

#inquiryMail #form dl#address input[type="text"]{
	margin: 0 0 10px;
}
#inquiryMail #form dl#address input[name="zip_code1"]{ width: 80px; }
#inquiryMail #form dl#address input[name="zip_code2"]{ width: 100px; }

#inquiryMail #form .t3em{
	display:inline-block;
	text-align:center;
	width:4em;
	font-size:93%;
}
#inquiryMail #form #privacy{
	margin-top:45px;
}
#inquiryMail #form #privacy .text{ font-size:100%; }
#inquiryMail #form #privacy #check{
	margin:20px auto;
	font-weight:bold;
	font-size:121%;
	text-align:center;
}
#inquiryMail #form #privacy label input[type="checkbox"]{
	width:16px;
	height:16px;
}
#inquiryMail #form #ssl{
	text-align:center;
	margin:30px 0 0;
}
/*#inquiryMail #form .linkButton button.confirmation{
	display: inline-block;
	margin:0 5px;
	font-size: 128%;
	font-weight:bold;
	border: 3px solid #dbc200;
	background-color:#fff;
	text-decoration:none;
	padding: 1.0em 5.5em 1.0em 5em;
	background-image:url("../../images/arrow-y.png");
	background-position: bottom 4px right 4px;
	background-repeat:no-repeat;
	background-size: auto 20%;
}*/
#inquiryMail #form #endType{
	width: 670px;
	margin: 60px auto 0;
}
#inquiryMail #form #endType input[type="button"].backpage{
	display: block;
	float: right;
	font-weight: normal;
	color: #000;
	font-size:135%;
	line-height:33px;
	border: none;
	padding:33px 30px;
	margin:0;
	width:270px;
	cursor:pointer;
	background-color:#f2f2f2;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
#inquiryMail #form #endType button{
	display: block;
	float: right;
	font-weight:bold;
	color:#ffffff;
	line-height:33px;
	font-size:156%;
	border: none;
	padding:33px 30px;
	width:350px;
	cursor:pointer;
	background-color:#c1272d;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	margin:0 0 0 50px;
}

/* ----------------------------------------------
	完了画面
------------------------------------------------- */
#inquiryMailEnd{}
#inquiryMailEnd .content .wrapper{
	text-align:center;
}
#inquiryMailEnd .content .wrapper h4{
	text-align:center;
}
#inquiryMailEnd .content .wrapper strong{
	display:block;
	font-size:135%;
	font-weight:bold;
	margin:0 0 25px;
}
#inquiryMailEnd .content .wrapper .text{
	font-size:114%;
	margin:0 0 10px;
}







}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

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


#main #inquiry .content h3{
	background-image: url("../../../images/mc_member.png");
}
h5{
	margin: 30px 0 7px;
	font-size: 25px;
	font-weight: bold;
	color: #CC6699;
}

#inquiry{
	padding-bottom: 35px;
}


/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#inquiryMail h5{
	font-size: 22px;
	text-align: center;
	padding-top: 40px;
	background-image: url("../images/r_mail.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 30px;
	margin-bottom: 15px;
}

#inquiryMail .content{
	margin: 0;
}
#inquiryMail .content .wrapper{}
#inquiryMail .content .wrapper h4{
	margin-top:35px;
}
#inquiryMail .content .wrapper .required{
	font-size:93%;
	color:#ce1d2b;
}
#inquiryMail .content .wrapper .optional{
	font-size:86%;
	font-weight:normal;
	color:#ce1d2b;
}

#inquiryMail .remarks{
	margin-bottom: 40px;
}
#inquiryMail .remarks ul{
	list-style-type: disc;
	padding-left: 25px;
}
#inquiryMail .remarks ul li{
	margin: 3px 0;
}
#inquiryMail .remarks ul li dl{}
#inquiryMail .remarks ul li dl dt{
	display: inline-block;
	vertical-align: top;
	width: 3.1em;
}
#inquiryMail .remarks ul li dl dd{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 3.5em);
}

#inquiryMail #form dl#address input[type="text"]{
	margin: 0 0 10px;
}
#inquiryMail #form dl#address input[name="zip_code1"]{ width:4em; }
#inquiryMail #form dl#address input[name="zip_code2"]{ width:5em; }


/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.error{
	font-size: 93%;
	font-weight: bold;
	color: #e50012;
	margin: 0 0 5px;
}
#inquiryMail #form{
	margin:15px auto 0;
}
#inquiryMail #form .text{
	margin:0 0 20px;
	text-align:center;
}
#inquiryMail .requiredText{
	text-align:center;
}
#inquiryMail #form dl{
	margin:0 auto;
}
#inquiryMail #form dl#matter{
	border-bottom: 1px solid #f1eeec;
	margin:0 0 15px;
}
#inquiryMail #form dl dt{
	text-align: left;
	font-size: 115%;
	font-weight: bold;
	padding: 3px 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#inquiryMail #form dl dd {
	font-size: 110%;
	text-align: left;
	padding: 0 10px 0 17px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#inquiryMail #form dl dd .text_s{
	margin: 10px 0 15px;
	font-size: 79%;
	line-height: 1.2;
}
#inquiryMail #form label{
	display:inline-block;
	margin:0 0 10px;
	cursor:pointer;
}
#inquiryMail #form input[type="radio"]{
	display:inline-block;
	vertical-align: inherit;
	width:16px;
	height:16px;
}
#inquiryMail #form input[type="text"],#inquiryMail #form input[type="email"],#inquiryMail #form input[type="tel"]{
	padding:10px 10px;
	width:99%;
	border:solid 3px #f2f2f2;
	margin:0 0 10px;
	font-size:93%;
	cursor:text;
}
#inquiryMail #form textarea{
	padding:10px 10px;
	border:solid 3px #f2f2f2;
	margin:0 0 10px;
	font-size:93%;
	cursor:text;
	width:99%;
	height:200px;
}
#inquiryMail #form input[type="email"]{ display:block; }
#inquiryMail #form input[type="tel"]{
	padding:10px 10px;
	margin:0 0 10px;
	width:75px;
}
#inquiryMail #form input[type="number"]{
	padding:10px 10px;
	margin:0 0 10px;
	width:75px;
	border:solid 3px #f2f2f2;
	font-size:93%;
	cursor:text;

}

#inquiryMail #form .name input[type="text"] {
    width: 170px;
    margin: 0 10px 10px 0;
}
#inquiryMail #form .t3em{
	display:inline-block;
	text-align:left;
	width:3em;
	font-size:93%;
}
#inquiryMail #form #privacy .text{
	text-align: left;
}
#inquiryMail #form #privacy #check{
	margin:20px auto;
	font-weight:bold;
	font-size:121%;
	text-align:center;
}
#inquiryMail #form #privacy label input[type="checkbox"]{
	width:16px;
	height:16px;
}
#inquiryMail #form #ssl{
	text-align:center;
	margin:20px 0 0;
}
#inquiryMail #form button.confirmation{}
#inquiryMail #form #endType{
	margin:30px auto 0;
	text-align:center;
}
#inquiryMail #form #endType input[type="button"].backpage{
	display: block;
	margin: 20px auto 40px;
	color: #333333;
	font-size:114%;
	font-weight: bold;
	border: none;
	padding:15px 25px;
	width: 90%;
	max-width: 450px;
	cursor:pointer;
	background-color: #e2e2e2;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
#inquiryMail #form #endType button{
	display: inline-block;
	font-weight:bold;
	color:#ffffff;
	font-size:149%;
	border: none;
	padding:25px 25px;
	width: 90%;
	max-width: 450px;
	cursor:pointer;
	background-color:#c1272d;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	margin:0 0 20px;
}

/* ----------------------------------------------
	完了画面
------------------------------------------------- */
#inquiryMailEnd{}
#inquiryMailEnd .content .wrapper{
	text-align:center;
}
#inquiryMailEnd .content .wrapper h4{
	text-align:center;
}
#inquiryMailEnd .content .wrapper strong{
	display:block;
	font-size:121%;
	font-weight:bold;
	margin:0 0 15px;
}

#inquiryMailEnd .content .wrapper .text{
	font-size:114%;
	margin:0 0 10px;
	text-align:left;
}
#inquiryMailEnd .content .wrapper .text_s{
	font-size:100%;
	text-indent:-1em;
	padding-left:1em;
	text-align:left;
}








}