@charset "UTF-8";

.note{font-size:13px}
.sp{display: none !important;}
img{max-width:100%;vertical-align: bottom;}
a{text-decoration: none;transition: .5s;}
a:hover{opacity: 0.6;transition: .5s;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}
.err{
	clear: both;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	color:#B60005;
	font-size: 12px;
	line-height: normal;
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.gt{
	color:#888888;
}
.red{color:#B60005;margin-left: 52px;}

.logo{height: 22px;}

@media only screen and (max-width: 768px) {
.note{font-size:12px}
.sp{display: block!important;}
.pc{display: none !important;}
a:hover{opacity: 1;}
.red{color:#B60005;margin-left: 15px;}

.logo{height: unset;width: 79%;margin: 0 0 0 7px;}
}


#rgf_form article{max-width: 1000px;margin: 5em auto 0;}
#rgf_form h2{font-size: 24px;margin: 25px 0 0 0;border-left: 5px solid #001e4c;padding: 0 0 0 15px;}
#rgf_form h2 + p{font-size: 16px;padding: 0 0 0 15px;}
#rgf_form .title{line-height: 180%;font-size: 16px;text-align: center;}

/* フォーム項目 */
#rgf_form h3{margin: 30px 0 20px 0;background: #eee;padding: 7px;font-size: 16px;}
#rgf_form h3 span{padding: 2px 5px;color: #fff;margin: 0 10px 0 0;font-size: 11px;}
#rgf_form h3 span.hissu{background: #B60005;}
#rgf_form h3 span.nini{background: #a76a32;}
#rgf_form .inputArea{margin-left: 52px;margin-top:10px;font-size: 16px;}

/* 名前・住所 */
#rgf_form dl.name_add{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#rgf_form dl.name_add dt{width: 30%;text-align: right;margin-bottom: 10px;}
#rgf_form dl.name_add dd{width: 70%;margin-bottom: 10px;}
#rgf_form dl.name_add dt:last-of-type,#rgf_form dl.name_add dd:last-of-type{margin-bottom: 0;}


#rgf_form input[type=text],
#rgf_form input[type=tel],
#rgf_form input[type=email],
#rgf_form select,
#rgf_form checkbox,
#rgf_form textarea
{padding: 8px;box-sizing: border-box;border: 1px solid #ccc;font-size:16px;margin-top: 5px;}
#rgf_form input::placeholder{font-size:16px;color:#666666;}
#rgf_form input[type=text]:focus,
#rgf_form input[type=tel]:focus,
#rgf_form input[type=email]:focus
{border: 1px solid #d90000;font-size:16px;box-shadow: none;outline: 0;padding: 8px;box-sizing: border-box;}
#rgf_form input:focus::placeholder{color: white;}

#rgf_form input#name_kanji,#rgf_form input#name_kana,#rgf_form input#name_kanji02,#rgf_form input#name_kana02{width: 10em;}
#rgf_form input#postal_code{width: 10em;}
#rgf_form input.address{width: 35em;}
#rgf_form input.tel_num{width: 25em;}
#rgf_form input.mail_add{width: 25em;}

/* ラジオボタン */
#rgf_form .f_radio{margin-left: 45px;margin-bottom: 10px;font-size:16px;margin-right:2em;}

/* 規約 */
#rgf_form h2.kiyaku{font-size: 18px;margin-top: 50px;padding: 0 0 0 15px;}
#rgf_form .kiyaku_con{max-width: 770px;height:300px;overflow-y: scroll;margin: 20px auto 0;border: 1px solid #ccc;padding: 10px 30px;box-sizing: border-box;font-size: 15px;}
#rgf_form .kiyaku_con h4{font-weight: bold;margin-bottom: 5px;}
#rgf_form .kiyaku_con p{margin-bottom: 20px;}
#rgf_form .kiyaku_con p:last-of-type{margin-bottom: 0;}

#rgf_form input[type=submit]{background:#333; background-size: 100% 100%;color:#fff;margin: 30px auto 0;display: table;font-size: 16px;padding: 15px 30px;border: none;border-radius: 6px;cursor: pointer;transition: .5s;text-shadow:unset;}
#rgf_form input[type=submit]:hover{opacity: 0.5;transition: .5s;}

/* セレクト */
#rgf_form .f_select{margin-left: 45px;margin-bottom: 10px;}

/* フッター */
#rgf_form footer{font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 200;font-weight:bold;}
#rgf_form footer .foot_request{padding: 90px 0 0;text-align: center;}
#rgf_form footer .foot_tel{background: #eee;padding: 30px 0;text-align: center;font-size:16px;}
#rgf_form footer .foot_tel p:first-of-type{margin-bottom: 10px;}
#rgf_form footer .foot_tel p:last-of-type{margin-top: 10px;}
#rgf_form footer .foot_tel_btn a{pointer-events:none;}
#rgf_form footer .foot_note{max-width: 1000px;margin: 50px auto;font-size: 13px;color:#555;padding: 0 15px;}
#rgf_form footer .foot_menu{background-color:#001e4c;padding: 15px 0;text-align: center;font-size: 13px;color: #fff;}
#rgf_form footer .foot_menu a{color: #fff;position: relative;}
#rgf_form footer .foot_menu a::after{position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;background: #fff;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
#rgf_form footer .foot_menu a.select::after{background: #fff;position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;display: block;transform: scale(1, 1);}
#rgf_form footer .foot_menu a:hover::after {transform: scale(1, 1);}
#rgf_form footer .foot_menu a:hover{opacity: 1;}
#rgf_form footer .foot_copy{text-align: center;font-size: 13px;margin-top:15px;}
#rgf_form footer .foot_copyright{display: block;max-width: 1420px;margin: 50px auto 30px;padding: 0 10px;text-align: center;font-size: 12px;}

#rgf_form footer .f_site_link a,#rgf_form footer .f_site_link a:hover{color:#0059B2;text-decoration:underline;font-size: 16px;}

/* ページトップ */
a#page_top {background: #000;width: 30px;height: 30px;position: fixed;right: 30px;bottom: 30px;display: block;justify-content: center;align-items: center;  opacity: 0.7;z-index: 9;border: 1px solid #fff;}
a#page_top::after{content: ""; border-right:1px solid #fff;border-bottom:1px solid #fff;width: 12px;height:12px;position: absolute;top: 12px;left: 50%; transform: translateX(-50%) rotate(-135deg);}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.sendBtns{
	text-align: center;
	vertical-align: top;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
}
.backBtn{
	display: inline-block;
}
.backBtn a{background:#999999;color:#fff;margin: 30px 5px 0;display: inline-block;font-size: 16px;padding: 15px 30px;border: none;border-radius: 6px;cursor: pointer;transition: .5s;width: 200px;text-align: center;box-sizing: border-box;}
.backBtn a:hover{opacity: 0.5;transition: .5s;}

.confirmRead{padding: 15px 0 0 10px;}

#rgf_form input[type=submit].submitbtn{
	width: 200px;
	display: inline-block;
	box-sizing: border-box;
	margin: 30px 5px 0
}

@media only screen and (max-width: 768px) {
#rgf_form article{padding: 0 0 20px;}
#rgf_form h2{font-size: 18px;margin: 3px 0 0 7px;padding: 3px 0 3px 7px;color: #333;}
#rgf_form form{margin: 0 10px;}
.confirmRead{padding: 15px 0 0 10px;}

/* フォーム項目 */
#rgf_form h3{margin: 20px 0 10px 0;background: #eeeeee; padding: 7px;font-size: 14px;text-indent: -4.5em;padding-left: 4.5em;}
#rgf_form h3 span{padding: 2px 5px;color: #fff;margin: 0 5px 0 0;font-size: 11px;}
#rgf_form h3 span.hissu{background: #B60005;}
#rgf_form h3 span.nini{background: #f5b555;}
#rgf_form .inputArea{margin-left: 15px;margin-top:10px;}

/* 名前・住所 */
#rgf_form dl.name_add{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#rgf_form dl.name_add dt{width: 11%;text-align: right;margin-bottom: 10px;}
#rgf_form dl.name_add dd{width: 87%;margin-bottom: 10px;}
#rgf_form dl.name_add dt:last-of-type,#rgf_form dl.name_add dd:last-of-type{margin-bottom: 0;}
#rgf_form dl.i_address dt{width: 100%;text-align: left;margin-bottom: 0;}
#rgf_form dl.i_address dd{width: 100%;margin-bottom: 10px;}

#rgf_form input[type=text],
#rgf_form input[type=tel],
#rgf_form input[type=email],
#rgf_form select,
#rgf_form checkbox,
#rgf_form textarea
{padding: 8px;box-sizing: border-box;border: 1px solid #ccc;font-size:17px;margin-left: 0;}
#rgf_form input#name_kanji,#rgf_form input#name_kana,#rgf_form input#name_kanji02,#rgf_form input#name_kana02{width: 30%;}
#rgf_form input#postal_code{width: 100%;}
#rgf_form input.address{width: 100%;}
#rgf_form input.tel_num{width: 100%;}
#rgf_form input.mail_add{width: 100%;}
#rgf_form input.other{width: 100%;}

#rgf_form .f_radio{margin-left: 13px;margin-bottom: unset;}
#rgf_form .f_radio label{position: relative;padding: 0 20px 0 5px;cursor: pointer;margin-bottom: auto;display: inline-block;}

#rgf_form .f_radio .radiob {margin-top: 0;background-size: 20px 20px;line-height: 20px;}
#rgf_form .f_radio  .radiob {width: auto;}
#rgf_form .f_radio .radiob input {width: auto;}

/* 規約 */
#rgf_form h2.kiyaku{font-size: 15px;margin-top: 30px;padding: 0;font-weight: bold;background: none;color: #000;border-left: none;}
#rgf_form .kiyaku_con{max-width: 770px;height:400px;overflow-y: scroll;margin: 10px auto 0;border: 1px solid #ccc;padding: 10px 10px;box-sizing: border-box;}
#rgf_form .kiyaku_con h4{font-weight: bold;margin-bottom: 5px;}
#rgf_form .kiyaku_con p{margin-bottom: 20px;}

#rgf_form input[type=submit]{background:#333;color:#fff;margin: 30px auto 0;display: table;font-size: 15px;padding: 15px 18px;border: none;border-radius: 6px;cursor: pointer;transition: .5s;}
#rgf_form input[type=submit]:hover{opacity: 0.5;transition: .5s;}

/* セレクト */
#rgf_form .f_select{margin-left: 13px;margin-bottom: unset;}

/* フッター */
#rgf_form footer{padding-top: 20px;}
#rgf_form footer .foot_request{padding: 30px 0 0 0;text-align: center;margin: 0 auto;width: 70%;}
#rgf_form footer .request_f_btn{width: 100%;height: 15vw;font-size: 5vw;margin: 0 auto;}
#rgf_form footer .request_f_btn span::before{content:url("../img/request_i_sp.png");margin-right: 10px;vertical-align: -5px;}
#rgf_form footer .foot_copy{text-align: center;font-size: 12px;margin:15px 10px 0;}
#rgf_form footer .foot_tel{padding: 20px 0;text-align: center;font-size:13px;}
#rgf_form footer .foot_tel p:first-of-type{font-size: 12px;margin: 0 10px 10px;}
#rgf_form footer .foot_tel p:last-of-type{font-size: 12px;margin: 10px 10px 0 10px;}
#rgf_form footer .foot_tel a{pointer-events:auto;display: block;margin: 0 auto;width: 80%;}
#rgf_form footer .foot_note{margin: 20px 0 0;font-size: 11px;color:#555;border-bottom: 1px solid #aaa;padding: 0 20px 20px;}
#rgf_form footer .foot_copyright{display: block;margin: 0 0 0;padding: 0;}
#rgf_form footer .foot_copyright li{padding: 15px 0;text-align: center;}
#rgf_form footer .foot_copyright li img{width: 80%;}
#rgf_form footer .foot_copyright li:last-of-type{text-align: center;font-size: 11px;}


#rgf_form footer .f_tel .note{font-size:13px;margin: 5px auto 0;font-weight: lighter;}
#rgf_form footer .f_tel a{color:#000;}
#rgf_form footer .f_tel .telicon{font-size:18px;border-left: 5px solid #B20000;padding: 0 0 0 15px;position: relative;}

#rgf_form footer .f_tel_btn{width: 70%;margin: 0 auto;}
#rgf_form footer .f_tel_btn a{width: 50%;margin: 10px auto 15px;display: block;}

#rgf_form footer .f_site_link a,#rgf_form footer .f_site_link a:hover{color:#0059B2;text-decoration:underline;font-size: 14px;}

/* ページトップ */
a#page_top{bottom:20px;right: 10px}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.backBtn{display: inline-block;width: 45%;max-width: 170px;margin-right: 3%;}
.sendBtns .backBtn a{display: inline-block;width: 100%;height: 53px;}
#rgf_form input[type=submit].submitbtn{width: 45%;max-width: 170px;height: 53px;}

}


#mailformpro table{margin-left: 45px;margin-bottom: 10px;font-size:16px;}
#mailformpro th{width:3em;}
#mailformpro td{width: 10em;}

@media only screen and (max-width: 768px) {
#mailformpro table{margin-left: 15px;margin-bottom: 10px;}
#mailformpro th{width:3.5em;}
#mailformpro td{width: unset;}
#mailformpro td input{width: 6em !important;}
}