/* 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/ml_mail.png");
}
h5{
	margin: 40px 0 7px;
	font-size: 25px;
	font-weight: bold;
	color: #6699CC;
}
	
#inquiry{}

#FAQ{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	background-color: #EEFAFF;
	border-radius: 5px;
}
#FAQ a{
	display: inline-block;
	font-size: 115%;
	text-decoration: none;
	line-height: 1.0;
	border-bottom: 1.5px dotted #6699CC;
	margin-bottom: 5px;
}

/* ----------------------------------------------
	お電話でのお問い合わせ
------------------------------------------------- */
#inquiryTel{}
#inquiryTel h5{
	padding: 5px 0 5px 48px;
	background-image: url("../images/ml_tel_pc.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 35px;
	margin-bottom: 30px;
}

#inquiryTel .content{}
#inquiryTel .content .wrapper{}
#inquiryTel .content .wrapper .data{}
#inquiryTel .content .wrapper .data .name{
	display: block;
	font-size: 150%;
	font-weight: bold;
}
#inquiryTel .content .wrapper .data .name::before{
	content: "▽";
	margin-right: 7px;
}
#inquiryTel .content .wrapper .data .tel{
	font-weight: bold;
	font-size: 128%;
	margin: 5px 0 15px;
	padding-left: 24px;
}
#inquiryTel .content .wrapper .data .tel strong{
	font-size: 156%;
	font-weight:bold;
}
#inquiryTel .content .wrapper .data .tel strong a{
	color:#000000;
}
#inquiryTel .content .wrapper .data dl{
	padding-left: 25px;
}
#inquiryTel .content .wrapper .data dl dt{
	display: inline-block;
	vertical-align: top;
	font-size: 128%;
	font-weight: bold;
	margin-right: 10px;
}
#inquiryTel .content .wrapper .data:first-of-type dl dt:first-of-type{
	/*padding-bottom: 22px;*/
}
#inquiryTel .content .wrapper dl dd{
	display: inline-block;
	font-size: 114%;
	padding-top: 2px;
}
#inquiryTel .content .wrapper .data dl dd span{
	display:inline-block;
	padding-right:1em;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#inquiryMail h5{
	padding: 5px 0 5px 48px;
	background-image: url("../images/b_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;
}

/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.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 .name input[type="text"] {
    width: 200px;
    margin: 0 10px 0 0;
}
#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/ml_mail.png");
}
h5{
	margin: 30px 0 7px;
	font-size: 25px;
	font-weight: bold;
	color: #6699CC;
}

#inquiry{
	padding-bottom: 35px;
}

#FAQ{
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 25px 20px 15px;
	box-sizing: border-box;
	text-align: center;
	background-color: #EEFAFF;
	border-radius: 5px;
}
#FAQ a{
	display: inline-block;
	font-size: 115%;
	text-decoration: none;
	line-height: 1.0;
	border-bottom: 1.5px dotted #6699CC;
	margin: 0 0.5em 15px;
}

/* ----------------------------------------------
	お電話でのお問い合わせ
------------------------------------------------- */
#inquiryTel{
	margin-top: 50px;
	padding-bottom: 30px;
}
#inquiryTel h5{
	font-size: 22px;
	text-align: center;
	padding-top: 65px;
	background-image: url("../images/ml_tel_sp.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 55px;
	margin-bottom: 30px;
}

#inquiryTel .content{
	margin: 0;
}
#inquiryTel .content .wrapper{
	text-align: center;
	}
#inquiryTel .content .wrapper .data{
	display: inline-block;
	text-align: left;
	}
#inquiryTel .content .wrapper .data .name{
	display: block;
	font-size: 115%;
	font-weight: bold;
}
#inquiryTel .content .wrapper .data .name::before{
	content: "▽";
	margin-right: 3px;
}
#inquiryTel .content .wrapper .data .tel{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
	padding-left: 7px;
}
#inquiryTel .content .wrapper .data .tel strong{
	font-size: 135%;
	font-weight:bold;
}
#inquiryTel .content .wrapper .data .tel strong a{
	color:#000000;
}
#inquiryTel .content .wrapper .data dl{
	padding-left: 15px;
	margin-bottom: 5px;
}
#inquiryTel .content .wrapper .data dl dt{
	display: block;
	font-weight: bold;
}
#inquiryTel .content .wrapper dl dd{
	display: block;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#inquiryMail h5{
	font-size: 22px;
	text-align: center;
	padding-top: 40px;
	background-image: url("../images/b_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;
}

/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.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 .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;
}








}