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

/* Font　設定 */
html { height: 100%; font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", serif; }

/* 背景設定 */
body { height: 100%; margin: 0 auto; display: flex; flex-direction: column; }

/* ヘッダー設定 */
header { width: 96%; margin: 0; padding: 20px 2.0% 15px; background-color: #004a6a;}
header img { width: 50%; max-width: 240px;}

/* メイン設定 */
main {flex: 1;}
main h1 { font-size: 26px; font-weight: bold; text-align: center; margin: 20px 0 40px; padding: 0.6rem 0 0.8rem; color: #004a6a; position: relative;}
main h1:before { position: absolute; bottom: 0px; left: calc(50% - 135px); width: 270px; height: 1px; content: ''; background: #004a6a; }
main h2 { font-size: 16px; margin: 22px 0 0; padding: 0; font-weight: normal;}
main h3 { font-size: 17px; color: #555555; margin: 25px 0 0; padding: 0;}
main h4 { font-size: 14px; font-weight: normal; margin: 15px 0 0; padding: 0;}
main h5 { width: 94%; margin: 15px 0 5px; padding: 2% 3%; background-color: #eff5f8; font-size: 14px; color: #555555; font-weight: normal; display: block; }
main h6 { width: 94%; margin: 15px 0 30px; padding: 3%; background-color: #FFFDF3; font-size: 19px; color: #555555; font-weight: bold; display: block; border-radius: 5px;}
main #check { margin: 0 0 0 10px; padding: 0; background-color: transparent; font-size: 19px; color: #FF0000; font-weight: normal; display: inline; border-radius: none;}
main form { margin: 0 auto; padding: 0; display: block;}
main ul { width: 90%; max-width: 980px; margin: 0 auto; padding: 0; list-style: none;}
main ul li { color: #5555555;}
main label { margin: 0 0 10px; font-size: 21px; color: #555555; font-weight: bold; display: block;}
main #a_lp { font-weight: bold; color: #FF0000; text-decoration: none; margin: 0 5px; display: inline;}
main b { width: 94%; margin: 0 0 5px; padding: 2% 3%; background-color: #FFFDF3; font-size: 14px; color: #555555; font-weight: normal; display: block; border-radius: 5px;}
main .title { font-size: 33px; color: #c0a255; text-align: center; margin: 30px 0 0; padding: 0;}
main .sub_title { font-size: 19px; color: #c0a255; text-align: center; margin: 0; padding: 0;}
main strong { margin: 0 5px 0 0; padding: 0.5% 1%; background-color: #FF0000; border-radius: 5px; font-size: 13px; color: #FFF; font-weight: normal; vertical-align: middle;}
main span { font-size: 15px; color: #FF0000; font-weight: bold; display: block; margin-bottom: 5px}
main input { width: 98%; margin: 5px 0 0; padding: 10px 1%; background-color: #FFF; border-radius: 3px; border: solid 1px #B8C0D7; font-size: 20px; color: #000; font-weight: normal;}
input::placeholder { color: #cccccc; }
input::-webkit-input-placeholder { color: #cccccc; }
input::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder { color: #cccccc; }
input::-ms-input-placeholder { color: #cccccc; }
main input[type="submit"] { font-size: 19px; width: 100%; background-color: #BBB; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 30px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
main input[type="submit"]:hover { font-size: 19px; width: 100%; background-color: #c59000; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 30px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
main input[type="button"] { font-size: 19px; width: 100%; background-color: #BBB; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 30px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
main input[type="button"]:hover { font-size: 19px; width: 100%; background-color: #c59000; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 30px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
main .btn { font-size: 19px; width: 100%; background-color: #BBB; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 20px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
main .btn:hover { font-size: 19px; width: 100%; background-color: #c59000; text-align: center; color: white; font-weight: bold; text-decoration: none; border-radius: 7px; border: none; margin: 20px auto 0; padding: 10px 0; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* ラジオボタン・チェックボックス設定  */
.cp_ipradio { -webkit-box-sizing: border-box; box-sizing: border-box;}
.cp_ipradio:before,.cp_ipradio:after { -webkit-box-sizing: inherit; box-sizing: inherit;}
.cp_ipradio .box { width: 100%; margin: 15px auto 0; text-align: left;}
.cp_ipradio input[type=radio] {display: none;}
.cp_ipradio input[type=checkbox] {display: none;}
.cp_ipradio input:checked + label {color: #c0a255;}
.cp_ipradio input:checked + label:before {border-color: #c0a255;}
.cp_ipradio label { font-size: 15px; font-weight: normal; line-height: 1; position: relative; display: inline-block; overflow: hidden; padding: 9px 50px 0 25px; cursor: pointer; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; text-overflow: ellipsis;}
.cp_ipradio label:before { position: absolute; top: 6px; left: 0; width: 14px; height: 14px; content: ''; border: solid 2px #BBBBBB; border-radius: 50%;}
.cp_ipradio input:checked + label:before { border:solid 2px #c0a255; background: #c0a255;}
.cp_ipradio input:disabled + label { cursor: not-allowed; color: rgba(0, 0, 0, 1); background: #FFF;}
.cp_ipradio input:disabled + label:hover { border-color: rgba(0, 0, 0, 1);}
.cp_ipradio input:disabled + label:before { border-color: #ffffff; background: #ffffff;}

/* フッター設定 */
footer { width: 100%; margin: 45px 0 0; padding: 30px 0 30px; text-align: center; background-color: #004a6a; color: #FFF;}
footer img { width: 35%; max-width: 220px;}
footer p { color: #c5a757; font-size: 11px; text-align: center;}
footer p a { color: #c5a757; text-decoration: none;}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
header { width: 94%; margin: 0; padding: 15px 3.0% 10px; }
header img { width: 60%;}
main h1 { font-size: 24px; margin: 25px 0 40px; padding: 0.6rem 0 0.8rem; }
main h1:before {left: calc(50% - 125px); width: 250px; }
main h2 { font-size: 15.5px; margin: 20px 0 0;}
main h3 { font-size: 16px; margin: 23px 0 0;}
main h4 { font-size: 13px; margin: 13px 0 0;}
main h5 { font-size: 13px; margin: 13px 0 3px;}
main h6 { font-size: 17px; margin: 13px 0 28px;}
main #check { margin: 0 0 0 8px; font-size: 20px;}
main ul { width: 85%; padding: 1.5% 0;}
main label { margin: 0 0 8px; font-size: 20px;}
main #a_lp { margin: 0 3px;}
main b { width: 94%; margin: 0 0 3px; padding: 2% 3%; font-size: 13px;}
main .title { font-size: 31px; margin: 25px 0 0; }
main .sub_title { font-size: 18px; }
main strong { font-size: 13px; margin: 0 3px 0 0; padding: 1.0% 1.5%;}
main span { font-size: 14px; margin-bottom: 3px}
main input { width: 96%; padding: 8px 2%; font-size: 18px;}
main input[type="submit"] { font-size: 18px; margin: 28px auto 0; padding: 8px 0;}
main input[type="submit"]:hover { font-size: 18px; margin: 28px auto 0; padding: 8px 0;}
main input[type="button"] { font-size: 18px; margin: 28px auto 0; padding: 8px 0;}
main input[type="button"]:hover { font-size: 18px; margin: 28px auto 0; padding: 8px 0;}
main .btn { font-size: 18px; margin: 18px auto 0; padding: 8px 0;}
main .btn:hover { font-size: 18px; margin: 18px auto 0; padding: 8px 0;}

/* ラジオボタン・チェックボックス設定  */
.cp_ipradio .box { margin: 13px auto 0;}
.cp_ipradio label { font-size: 15px; padding: 9px 50px 3px 25px;}
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){
main h1 { font-size: 19px; margin: 25px 0 40px; padding: 0.6rem 0 0.8rem;}
main h1:before { left: calc(50% - 100px); width: 200px; }
main h2 { font-size: 14.5px; margin: 19px 0 0;}
main h3 { font-size: 15px; margin: 22px 0 0;}
main h4 { font-size: 12.5px; margin: 12px 0 0;}
main h5 { font-size: 12.5px;}
main h6 { font-size: 16px; margin: 12px 0 27px;}
main #check { font-size: 19px;margin: 0 0 0 7px; }
main ul { width: 92%; padding: 1.25% 0;}
main label { margin: 0 0 7px; font-size: 19px;}
main #a_lp { margin: 0 2px;}
main b { width: 94%; margin: 0 0 2px; font-size: 12.5px;}
main .title { font-size: 29px; margin: 20px 0 0; }
main .sub_title { font-size: 17px; }
main strong { font-size: 12px; margin: 0 2px 0 0; padding: 1.5% 2.0%;}
main span { font-size: 12px; margin-bottom: 2px}
main input { width: 94.5%; padding: 7px 2.75%; font-size: 16px;}
main input[type="submit"] { font-size: 17px; margin: 27px auto 0;}
main input[type="submit"]:hover { font-size: 17px; margin: 27px auto 0;}
main input[type="button"] { font-size: 17px; margin: 27px auto 0;}
main input[type="button"]:hover { font-size: 17px; margin: 27px auto 0;}
main .btn { font-size: 17px; margin: 17px auto 0;}
main .btn:hover { font-size: 17px; margin: 17px auto 0;}

/* ラジオボタン・チェックボックス設定  */
.cp_ipradio .box { margin: 12px auto 0;}
.cp_ipradio label { font-size: 15px; padding: 9px 50px 3px 25px;}

/* フッター設定 */
footer p { font-size: 9px; text-align: center;}
}

/*　画面サイズが360pxまで、以下のスタイル適用 */
@media (max-width: 360px){
main h1 { font-size: 17px; margin: 15px 0 30px; padding: 0.6rem 0 0.8rem; }
main h1:before { left: calc(50% - 90px); width: 180px; }
main h2 { font-size: 13px; margin: 19px 0 0;}
main h3 { font-size: 15px; margin: 22px 0 0;}
main h4 { font-size: 11.5px; margin: 12px 0 0;}
main h5 { font-size: 11.5px;}
main h6 { font-size: 14.5px; margin: 12px 0 27px;}
main #check { font-size: 16.5px;margin: 0 0 0 7px; }
main ul { width: 92%; padding: 1.25% 0;}
main label { margin: 0 0 7px; font-size: 16.5px;}
main #a_lp { margin: 0 2px;}
main b { width: 94%; margin: 0 0 2px; font-size: 11.5px;}
main .title { font-size: 26.5px; margin: 20px 0 0; }
main .sub_title { font-size: 15.5px; }
main strong { font-size: 11.5px; margin: 0 2px 0 0; padding: 1.5% 2.0%;}
main span { font-size: 12px; margin-bottom: 2px}
main input { width: 95%; padding: 7px 2.5%; font-size: 14.5px;}
main input[type="submit"] { font-size: 15.5px; margin: 27px auto 0;}
main input[type="submit"]:hover { font-size: 15.5px; margin: 27px auto 0;}
main input[type="button"] { font-size: 15.5px; margin: 27px auto 0;}
main input[type="button"]:hover { font-size: 15.5px; margin: 27px auto 0;}
main .btn { font-size: 15.5px; margin: 17px auto 0;}
main .btn:hover { font-size: 15.5px; margin: 17px auto 0;}

/* ラジオボタン・チェックボックス設定  */
.cp_ipradio .box { margin: 12px auto 0;}
.cp_ipradio label { font-size: 14px; padding: 9px 50px 3px 25px;}
}