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

#info h3 {
	color:#e2660a;
	text-align:left;
	font-size:184%;
}

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

	PCサイズ（769px以上）ここから
	
======================================================*/
@media screen and (min-width:769px), print{

/* ----------------------------------------------
	電話でのお問い合わせ
------------------------------------------------- */
#telContact{
	padding: 75px 0;
}
#telContact .tel{
	color:#2f2c2b;
	font-size:128%;
}
#telContact .tel a{
	color:#2f2c2b;
	text-decoration:none;
	pointer-events: none;
}
#telContact .tel strong{
	font-weight:bold;
	font-size:198%;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#mailContact .text{
	font-size:114%;
	margin:0 0 5px;
}
#mailContact .text_s{
	font-size:100%;
}
#mailContact .confirmationText{
	margin:0 0 50px;
}
/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.error{
	font-size:93%;
	font-weight:bold;
	color:#e50012;
	margin:0 0 5px;
}
.required{
	font-size:86%;
	color:#e50012;
}
#mailContact #form{ margin:15px auto 0; }
#mailContact #form .text{
	margin:0 0 20px;
	text-align:center;
}
#mailContact #form dl{
	padding:20px 0 20px;
	display:table;
	width:850px;
	margin:0 auto;
}
#mailContact #form dl dt {
	width:200px;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	font-size:128%;
	font-weight:bold;
	color:#e2660a;
}
#mailContact #form dl dd {
	font-size:114%;
	width:650px;
	display:table-cell;
	line-height:1.7em;
	text-align:left;
	vertical-align:middle;
}
#mailContact #form dl.name dd br{ display:none; }
#mailContact #form dl dd .text_s{
	margin:10px 0 15px;
	font-size:79%;
	line-height:1.2;
}
#mailContact #form label{
	display:inline-block;
	margin:0 0 10px;
	cursor:pointer;
}
#mailContact #form input[type="radio"]{
	display:inline-block;
	vertical-align: inherit;
	width:16px;
	height:16px;
}
#mailContact #form input[type="text"],#mailContact #form input[type="email"],#mailContact #form input[type="tel"]{
	padding:12px 13px;
	background-color:#f2f2f2;
	margin:0 0 10px;
	width:630px;
	font-size:93%;
	cursor:text;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
#mailContact #form textarea{
	padding:12px 13px;
	background-color:#f2f2f2;
	margin:0 0 10px;
	width:630px;
	font-size:93%;
	cursor:text;
	height:300px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
#mailContact #form input[type="email"]{ display:block; }
#mailContact #form input[type="tel"]{
	padding:13px 15px;
	margin:0 0 10px;
	width:100px;
}
#mailContact #form #address input[type="text"].post{
	padding:13px 15px;
	margin:0 0 10px;
	width:100px;
}
#mailContact #form .name input[type="text"] {
    width: 200px;
    margin: 0 10px 10px 0;
}
#mailContact #form .t3em{
	display:inline-block;
	text-align:center;
	width:4em;
	font-size:93%;
}
#mailContact #form #privacy .text{ font-size:100%; }
#mailContact #form #privacy #check{
	margin:20px auto;
	font-weight:bold;
	font-size:121%;
	text-align:center;
}
#mailContact #form #privacy label input[type="checkbox"]{
	width:16px;
	height:16px;
}
#mailContact #form #ssl{
	text-align:center;
	margin:30px 0 0;
}
#mailContact #form button.confirmation{
	font-weight:bold;
	color:#e2660a;
	font-size:149%;
	border: none;
	padding:33px 30px;
	display:block;
	margin:40px auto 0;
	width:300px;
	cursor:pointer;
	background-color:#f2f2f2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	line-height:33px;
}
#mailContact #form #endType{
	width:650px;
	margin:50px auto 0;
}
#mailContact #form #endType input[type="button"].backpage{
	float: right;
	font-weight: normal;
	color:#e2660a;
	font-size:135%;
	line-height:33px;
	border: none;
	padding:33px 30px;
	display:block;
	margin:0;
	width:230px;
	cursor:pointer;
	background-color:#f2f2f2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
#mailContact #form #endType button{
	float: right;
	font-weight:bold;
	color:#ffffff;
	line-height:33px;
	font-size:156%;
	border: none;
	padding:33px 30px;
	display:block;
	width:300px;
	cursor:pointer;
	background-color:#e2660a;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	margin:0 0 0 30px;
}

/* ----------------------------------------------
	完了画面
------------------------------------------------- */
#mailContactEnd{
	margin:100px auto 0;
	padding:0 0 100px;
}
#mailContactEnd strong{
	display:block;
	font-size:156%;
	font-weight:bold;
	margin:0 0 25px;
}
#mailContactEnd .text{
	font-size:114%;
	margin:0 0 10px;
	text-align:center;
}

}

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

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

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

/* ----------------------------------------------
	電話でのお問い合わせ
------------------------------------------------- */
#telContact{
	text-align:center;
	padding: 35px 25px;
}
#telContact .tel{
	color:#2f2c2b;
	font-size:114%;
}
#telContact .tel strong{
	font-weight:bold;
	font-size:184%;
}
#telContact .tel a{
	color:#2f2c2b;
	text-decoration:none;
}

/* ----------------------------------------------
	メールでのお問い合わせ
------------------------------------------------- */
#mailContact{
	text-align:center;
	padding: 35px 25px 50px;
}
#mailContact .text{
	font-size:100%;
	margin:0 0 5px;
}
#mailContact .text_s{
	font-size:93%;
	margin:0 0 5px;
}

/* ----------------------------------------------
	申し込みフォーム／確認画面
------------------------------------------------- */
.error{
	font-size:93%;
	font-weight:bold;
	color:#e50012;
	margin:0 0 5px;
}
.required{
	font-size:86%;
	color:#e50012;
}
#mailContact #form{ margin:15px auto 0;  }
#mailContact #form .text{
	margin:0 0 20px;
	text-align:center;
}
#mailContact .requiredText{
	text-align:center;
}
#mailContact #form dl{
	border-top: 1px solid #f1eeec;
	padding:15px 10px 10px;
	margin:0 auto;
}
#mailContact #form dl#matter{
	border-bottom: 1px solid #f1eeec;
	margin:0 0 15px;
}
#mailContact #form dl dt {
	text-align:left;
	vertical-align:middle;
	font-size:114%;
	font-weight:bold;
	color:#e2660a;
	margin:0 0 7px;
}
#mailContact #form dl dd {
	font-size:107%;
	text-align:left;
	vertical-align:middle;
}
#mailContact #form dl dd .text_s{
	margin:10px 0 15px;
	font-size:79%;
	line-height:1.2;
}
#mailContact #form label{
	display:inline-block;
	margin:0 0 10px;
	cursor:pointer;
}
#mailContact #form input[type="radio"]{
	display:inline-block;
	vertical-align: inherit;
	width:16px;
	height:16px;
}
#mailContact #form input[type="text"],#mailContact #form input[type="email"],#mailContact #form input[type="tel"]{
	padding:10px 10px;
	width:99%;
	margin:0 0 10px;
	font-size:93%;
	cursor:text;
	background-color:#f2f2f2;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
#mailContact #form textarea{
	padding:10px 10px;
	background-color:#f2f2f2;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	margin:0 0 10px;
	font-size:93%;
	cursor:text;
	width:99%;
	height:200px;
}
#mailContact #form input[type="email"]{ display:block; }
#mailContact #form input[type="tel"]{
	padding:10px 10px;
	margin:0 0 10px;
	width:75px;
}
#mailContact #form #address input[type="text"].post{
	padding:10px 10px;
	margin:0 0 10px;
	width:75px;
}
#mailContact #form .name input[type="text"] {
    width: 170px;
    margin: 0 10px 10px 0;
}
#mailContact #form .t3em{
	display:inline-block;
	text-align:left;
	width:3em;
	font-size:93%;
}
#mailContact #form #privacy .text{ font-size:100%; text-align:left; }
#mailContact #form #privacy #check{
	margin:20px auto;
	font-weight:bold;
	font-size:121%;
	text-align:center;
}
#mailContact #form #privacy label input[type="checkbox"]{
	width:16px;
	height:16px;
}
#mailContact #form #ssl{
	text-align:center;
	margin:20px 0 0;
}
#mailContact #form button.confirmation{
	font-weight:bold;
	color:#e2660a;
	font-size:128%;
	border: none;
	padding:25px 25px;
	display:block;
	margin:15px auto 0;
	width:230px;
	cursor:pointer;
	background-color:#f2f2f2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
#mailContact #form #endType{
	margin:30px auto 0;
	text-align:center;
}
#mailContact #form #endType input[type="button"].backpage{
	display: inline-block;
	font-weight: normal;
	color:#e2660a;
	font-size:114%;
	border: none;
	padding:15px 25px;
	width:230px;
	cursor:pointer;
	background-color:#f2f2f2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
#mailContact #form #endType button{
	display: inline-block;
	font-weight:bold;
	color:#ffffff;
	font-size:149%;
	border: none;
	padding:25px 25px;
	width:230px;
	cursor:pointer;
	background-color:#e2660a;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	margin:0 0 20px;
}

/* ----------------------------------------------
	完了画面
------------------------------------------------- */
#mailContactEnd{}
#mailContactEnd strong{
	display:block;
	font-size:121%;
	font-weight:bold;
	margin:0 0 25px;
}
#mailContactEnd .text{
	font-size:114%;
	margin:0 0 10px;
}

}