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

#pageTitle h1{
    background-image: url(../../images/icon001.png);
}

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

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

@media screen and (min-width:769px), print{

/* ----------------------------------------------
	お電話でのお問い合わせ
------------------------------------------------- */
#inquiryTel{}
#inquiryTel .content .wrapper{}
#inquiryTel .content .wrapper .tel{
	font-weight:bold;
	font-size:128%;
}
#inquiryTel .content .wrapper .tel strong{
	font-size:177%;
	font-weight:bold;
}
#inquiryTel .content .wrapper .tel strong a{
	text-decoration:none;
	color:#000000;
}
#inquiryTel .content .wrapper .tel span{
	font-weight:normal;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#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{
	width: 280px;
	color: #54061a;
	display:table-cell;
	padding: 30px 0;
	text-align: center;
	vertical-align:middle;
	font-size:128%;
	font-weight:bold;
	background-color:#f6ecef;
}
#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{
	margin:0 5px;
	font-size: 142%;
	font-weight:bold;
	color:#000;
	border:3px solid  #54061a;
	background-color:#fff;
	text-decoration:none;
	padding: 1.5em 6.5em 1.5em 6em;
	background-image:url(../../images/ya01.png);
	background-position: bottom -2px right 2px;
	background-repeat:no-repeat;
	background-size: auto 60%;
}
#inquiryMail #form #endType{
	width: 670px;
	margin: 60px auto 0;
}
#inquiryMail #form #endType input[type="button"].backpage{
	display: block;
	float: right;
	font-weight: normal;
	color:#54061a;
	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) {

/* ----------------------------------------------
	お電話でのお問い合わせ
------------------------------------------------- */
#inquiryTel{}
#inquiryTel .content .wrapper{}
#inquiryTel .content .wrapper .tel{
	font-weight:bold;
	font-size:121%;
}
#inquiryTel .content .wrapper .tel strong{
	font-size:156%;
	font-weight:bold;
}
#inquiryTel .content .wrapper .tel strong a{
	text-decoration:none;
	color:#000000;
}
#inquiryTel .content .wrapper .tel span{
	font-weight:normal;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#inquiryMail{}
#inquiryMail .content .wrapper{}
#inquiryMail .content .wrapper h4{
	margin-top:35px;
}
#inquiryMail .content .wrapper p.text{
	font-size:114%;
}
#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{
	border-top: 1px solid #f1eeec;
	padding:15px 10px 10px;
	margin:0 auto;
}
#inquiryMail #form dl#matter{
	border-bottom: 1px solid #f1eeec;
	margin:0 0 15px;
}
#inquiryMail #form dl dt {
	text-align:left;
	vertical-align:middle;
	font-size:128%;
	font-weight:bold;
	color:#54061a;
	margin:0 0 7px;
}
#inquiryMail #form dl dd {
	font-size:114%;
	text-align:left;
	vertical-align:middle;
}
#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{ font-size:114%; 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{
	margin:0 5px;
	font-size: 128%;
	font-weight:bold;
	color:#000;
	border:3px solid  #54061a;
	background-color:#fff;
	text-decoration:none;
	padding: 1em 4.5em 1em 4em;
	background-image:url(../../images/ya01.png);
	background-position: bottom -2px right 2px;
	background-repeat:no-repeat;
	background-size: auto 60%;
}
#inquiryMail #form #endType{
	margin:30px auto 0;
	text-align:center;
}
#inquiryMail #form #endType input[type="button"].backpage{
	display: inline-block;
	font-weight: normal;
	color: #333333;
	font-size:114%;
	font-weight: bold;
	border: none;
	padding:15px 25px;
	width:260px;
	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:260px;
	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;
}

}