@charset "utf-8";
/*Global*/
.mb10 {
 margin-bottom: 10px;
}
.box {
 width: 100%;
 margin: 8px auto;
 display: flex;
 justify-content: space-between;
 flex-flow: row wrap;
}
.box img {
 width: 23%;
 margin: 16px 0;
}
@media screen and (max-width:480px) {
 .box {
  width: 90%;
 }
 .box img {
  width: 46%;
 }
 .kyozai_hojyo_ttl {
  width: 80%;
 }
 .kyozai_hojyo_subttl {
  width: 80%;
 }
}
/*kyozai fin */
.fin_download {
 background-color: #fff5d2;
 box-sizing: border-box;
 padding: 20px 1em;
 text-align: center;
 line-height: 1.7em;
 border-radius: 12px;
 color: red;
 margin: 30px auto 50px auto;
 max-width: 630px;
}
.fin_link a {
 display: block;
 background-color: #8aba43;
 color: #fff;
 max-width: 225px;
 margin: 0 auto;
 font-size: 0.8em;
 font-weight: bold;
 line-height: 1.3em;
 padding: 8px 1em;
 box-sizing: border-box;
 border-radius: 5px;
 box-shadow: 3px 3px 0 #6d8d42;
}
.fin_link {
 margin: 30px auto;
 text-align: center;
}
.fin_link a:hover {
 background-color: #6d8d42;
}
/*kyozai fin */
.kyozai_hojyo_ttl {
 width: 100%;
 background-color: #858813;
 padding: 10px;
 border-radius: 10px;
 color: #FFF;
 font-weight: bold;
 text-align: center;
 font-size: 120%;
}
.kyozai_hojyo_subttl {
 border-bottom: #999 1px dashed;
 margin: 20px 0 10px 0;
 padding: 10px;
 width: 100%;
 color: #327bd9;
}
.kyozai_text_box {
 padding: 10px;
}
.kyozai_hojyo_red {
 color: red;
}
.kyozai_blue_box {
 background-color: #C6EAF2;
 width: 100%;
 line-height: 30px;
 padding: 10px;
 margin-bottom: 10px;
}
.pc-menu {
 justify-content: flex-end;
}
.pc-menu-item {
 margin: 0;
 border-left: 1px solid #c9c9c9;
}
.pc-menu-item:first-child {
 border-left: none;
}
.txc {
 text-align: center;
}
.mt1 {
 margin-top: 30px;
}
/*Form:contact 2024*/
#contact #main table input {
 width: 100%;
 box-sizing: border-box;
}
#contact #main table input[type="radio"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 2px;
 margin-left: 10px;
}
p.p_radio {
 margin: 10px 0;
}
p.p_radio:first-child {
 margin-top: 0;
}
p.p_radio label {
 display: block;
 cursor: pointer;
}
#contact #main table textarea[name="naiyou_reason"] {
 height: 6em !important;
}
/*Form*/
.hissu {
 background-color: #e60012;
 color: #fff;
 display: inline-block;
 padding: 4px 10px;
 border-radius: 7px;
 margin-left: 9px;
 font-size: 0.9em;
 line-height: 1em;
}
.qd_form_error_message {
 line-height: 1.6em;
 border: 2px solid #bd0808;
 max-width: 600px;
 margin: 30px auto;
 padding: 15px 30px;
 border-radius: 12px;
 font-weight: bold;
 color: #bd0808;
 box-sizing: border-box;
 width: 95%;
 background-color: #fff9f9;
}
.qd_form_error_message p {
 position: relative;
 padding-left: 15px;
}
.qd_form_error_message p:before {
 content: "";
 position: absolute;
 top: 9px;
 left: 2px;
 width: 4px;
 height: 4px;
 background-color: #bd0808;
 border-radius: 150%;
}
.confirm_text {
 display: block;
 padding: 15px;
 background-color: #f8f8f8;
 border-radius: 6px;
}
.confirm_note, #contact #main p.text2.confirm_note {
 max-width: 800px;
 margin: 1em auto;
 text-align: center;
 background-color: #fff6d5;
 padding: 15px 1em;
 border-radius: 15px;
}
.backform {
 text-align: center;
 margin-top: 40px;
 font-size: 0.8em;
}
.backform a {
 text-decoration: underline;
}
/**/
.wrap800 a {
 text-decoration: underline;
 color: #3385ff;
}
#contact #main .btn.btn2 {
 width: 100%;
 max-width: 180px;
 display: block;
 font-weight: bold;
 letter-spacing: 1px;
 border-radius: 4px;
 margin-top: 30px;
}
.wrap800 h3 {
 font-size: 1.2em;
 margin: 0 0 0.2em 0;
 line-height: 1.6em;
}
p.tx1 {
 line-height: 1.6em;
 margin-bottom: 6px;
}
.red {
 color: #e60012;
}
.red.tx2 {
 margin-bottom: 1em;
}
.flex {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}
.form_dl {
 width: calc(50% - 10px);
 display: flex;
 gap: 10px;
 margin: 5px 0;
}
.form_dl.dl_wide {
 width: 100%;
}
.input_text, .input_select, .input_tel {
 width: 100%;
 padding: 6px 12px;
 font-size: 18px;
 box-sizing: border-box;
 display: block;
 height: 100%;
}
.form_dl .hissu {
 margin: 0 auto;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
 margin-bottom: 4px;
}
.form_dl dt {
 width: 75px;
 text-align: center;
 box-sizing: border-box;
}
.form_dl dd {
 width: calc(100% - 75px);
 box-sizing: border-box;
}
.form_dl dd.flex_input {
 display: flex;
 gap: 20px;
}
.form_dl dd.flex_input .input_text {
 width: calc(100% - 20px);
}
.tx_note {
 margin: 2em 0;
 padding-left: 22px;
 position: relative;
}
.tx_note:before {
 content: "※";
 position: absolute;
 left: 0;
}
.sep1 {
 padding: 15px 0;
 border-top: 1px dashed #aaa;
 border-bottom: 1px dashed #aaa;
 margin: 2em 0;
}
.in1 {
 margin: 0 auto;
 max-width: 400px;
}
.sep1 label {
 display: block;
 margin: 10px 0;
 font-size: 1.1em;
}
label {
 cursor: pointer;
}
.check1 label:hover, .sep1 label:hover {
 background-color: #ececec;
 border-radius: 5px;
}
.sep1 label input {
 width: 18px;
 height: 18px;
 position: relative;
 top: 3px;
 font-weight: bold;
}
.check1 input {
 width: 20px;
 height: 20px;
 position: relative;
 top: 3px;
}
.check1 {
 margin: 2em 0;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 13px;
 font-weight: 100;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 13px;
 font-weight: 100;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 13px;
 font-weight: 100;
}
/*----------------------------------------
Edit contact.css
*/
#contact #main {
 max-width: 1100px;
 width: 94%;
}
#contact #main h2.title .main {
 text-align: center;
 line-height: 1.4em;
}
#contact #main p.text2 {
 text-align: center;
 margin: 0 0 45px;
 line-height: 2.5;
}
.wrap800 {
 max-width: 800px;
 margin: 0 auto;
 font-weight: 500;
}
#contact #main table {
 max-width: 800px;
}
#contact #main table tbody, #contact #main table tr {
 max-width: 800px;
}
#contact #main table textarea {
 width: 100% !important;
 line-height: 1.4em;
 font-family: YakuHanJP, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
}
.form_dl dt.dt_big {
 width: 150px;
}
.form_dl.dt_big dt {
 width: 250px;
 text-align: left;
}
.form_dl.dt_big dd {
 width: calc(100% - 250px);
}
.confirm_page dl dt {
 display: flex;
 justify-content: left;
 align-items: center;
}
#download_btn {
 background-color: #62890f;
 display: block;
 max-width: 500px;
 margin: 50px auto;
 box-sizing: border-box;
 width: 95%;
 line-height: 1.6em;
 font-weight: bold;
 font-size: 1.2em;
 color: #fff;
 padding: 15px 1em;
 border-radius: 10px;
 box-shadow: 5px 5px 0 #8fc31f;
}
#download_btn:hover {
 background-color: #304700;
}
.input_name_second_name, .input_name_first_name {
 width: 11em;
 display: inline-block;
 margin: 2px 0;
}
@media screen and (max-width: 767px) {
 .sp-menu {
  justify-content: center;
 }
 .sp-menu-item {
  border-bottom: none;
 }
 #contact #main h2.title .main.kyozai_title {
  margin: 0 3%;
  line-height: 1.4em;
 }
 .form_dl {
  width: 100%;
 }
 .form_dl dd.flex_input {
  display: block;
 }
 .form_dl dd.flex_input .input_text {
  height: auto;
  min-height: 47px;
  width: 100%;
 }
 .form_dl dd.flex_input .input_text {
  width: 11em;
  display: inline-block;
  margin: 2px 5px 2px 0;
 }
 .form_dl dd.flex_input .input_text:first-child {
  margin-bottom: 9px;
 }
 .form_dl.dt_big dt {
  width: 75px;
 }
 .form_dl.dt_big dd {
  width: calc(100% - 75px);
 }
}