@charset "UTF-8";
/* コウエイ メールフォーム専用: 管理画面で自動生成される css/form.css に手を触れずに追加する */
.kouei-mail-header,.kouei-mail-mobile,.kouei-mail-main,.kouei-footer{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;box-sizing:border-box;}
.kouei-mail-header *, .kouei-mail-mobile *, .kouei-mail-main *, .kouei-footer *{box-sizing:border-box;}
.kouei-mail-header{background:rgba(255,255,255,.98);box-shadow:0 1px 9px rgba(29,53,80,.12);color:#192f61;position:relative;z-index:30;min-height:82px;width:100%;}
.kouei-mail-header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:82px;padding:0 20px;width:100%;}
.kouei-mail-logo{display:block;flex:0 0 clamp(135px,16vw,200px);}
.kouei-mail-logo img{display:block;width:100%;height:45px;object-fit:contain;object-position:left center;}
.kouei-mail-nav{display:flex;justify-content:space-between;align-items:stretch;flex:1;max-width:1000px;}
.kouei-mail-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.5;padding:12px 3px;color:#192f61;text-decoration:none;position:relative;}
.kouei-mail-nav a span{font-size:12px;font-weight:700;white-space:nowrap;}
.kouei-mail-nav a small{font-size:11px;white-space:nowrap;}
.kouei-mail-nav a::after{content:"";height:2px;position:absolute;left:16%;right:16%;bottom:5px;background:#192f61;transform:scaleX(0);transition:transform .2s;}
.kouei-mail-nav a:hover::after,.kouei-mail-nav a[aria-current="page"]::after{transform:scaleX(1);}
.kouei-mail-header a:focus-visible,.kouei-mail-mobile a:focus-visible,.kouei-footer a:focus-visible{outline:2px solid #f8bd58;outline-offset:2px;}
.kouei-mail-mobile{display:none;}
.kouei-mail-main{width:100%;padding:40px 0 50px;}
.kouei-mail-main #wrapper{max-width:880px;margin:0 auto;box-sizing:border-box;}
.kouei-mail-main #main{max-width:100%;margin:0 auto;}
.kouei-mail-main .kouei-mail-return{margin-top:15px;}
/* 8ページで採用済みの共通フッターと同じ造形 */
.kouei-footer{display:block;clear:both;background:#081a30;color:#b6c8df;width:100%;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.85;}
.kouei-footer__inner{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:42px 0 23px;}
.kouei-footer__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;padding-bottom:35px;}
.kouei-footer__name{color:#fff;font-size:19px;line-height:1.5;font-weight:800;letter-spacing:.055em;margin-bottom:13px;}
.kouei-footer__address,.kouei-footer__contact{color:#cad7e8;font-size:14px;line-height:1.9;margin:0;}
.kouei-footer__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 17px;padding-top:5px;}
.kouei-footer a{color:#d5e1ee;text-decoration:none;}
.kouei-footer__nav a{display:block;font-size:14px;line-height:1.55;white-space:nowrap;font-weight:600;}
.kouei-footer a:hover{color:white;text-decoration:underline;text-underline-offset:4px;}
.kouei-footer__bottom{border-top:1px solid rgba(203,218,235,.2);padding-top:17px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;}
.kouei-footer__legal{display:flex;flex-wrap:wrap;gap:13px 22px;}
.kouei-footer__legal a,.kouei-footer__copyright{color:#b3c5d9;font-size:12px;line-height:1.7;font-weight:400;}
.kouei-footer__copyright{white-space:nowrap;}
@media(max-width:820px){
 .kouei-footer__main{grid-template-columns:1fr;gap:26px;}
 .kouei-footer__nav{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:680px){
 .kouei-mail-header{display:none;}
 .kouei-mail-mobile{display:block;position:relative;z-index:30;background:#fff;box-shadow:0 2px 8px rgba(21,54,91,.1);color:#192f61;}
 .kouei-mail-mobile-contact{display:flex;justify-content:flex-end;align-items:center;height:37px;}
 .kouei-mail-mobile-contact a{display:flex;gap:5px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;color:#192f61;text-decoration:none;}
 .kouei-mail-mobile-contact img{width:20px;height:20px;object-fit:contain;}
 .kouei-mail-mobile-menu{display:flex;align-items:stretch;min-height:56px;width:100%;}
 .kouei-mail-mobile-menu a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:20%;min-width:0;font-size:10px;text-align:center;line-height:1.3;color:#192f61;text-decoration:none;padding:5px 0;}
 .kouei-mail-mobile-menu img{display:block;width:23px;height:23px;object-fit:contain;}
 .kouei-mail-main{padding:24px 12px 35px;}
 .kouei-mail-main #wrapper,.kouei-mail-main #main{max-width:100%;min-width:0;width:100%;}
 .kouei-mail-main .table{width:100%;max-width:100%;}
 .kouei-mail-main input[type="text"],.kouei-mail-main input[type="email"],.kouei-mail-main textarea,.kouei-mail-main select{max-width:100%;box-sizing:border-box;}
 .kouei-footer__inner{width:calc(100% - 36px);padding:34px 0 22px;}
 .kouei-footer__main{padding-bottom:25px;gap:25px;}
 .kouei-footer__name{font-size:18px;margin-bottom:10px;}
 .kouei-footer__address,.kouei-footer__contact{font-size:13px;}
 .kouei-footer__contact-separator{display:block;height:0;overflow:hidden;}
 .kouei-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;}
 .kouei-footer__nav a{font-size:13px;white-space:normal;}
 .kouei-footer__bottom{flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px;}
}
@media(min-width:681px) and (max-width:950px){
 .kouei-mail-header-inner{padding:0 10px;gap:8px;}
 .kouei-mail-logo{flex-basis:140px;}
 .kouei-mail-nav a span{font-size:11px;}
 .kouei-mail-nav a small{font-size:10px;}
}

/* 2026-10-21 mobile repair: older Xserver form.css fixes wrapper at 720px.
   Leave autogenerated form.css and all server side form handling untouched. */
.kouei-mail-main #wrapper {
  width: min(100%, 880px) !important;
  max-width: min(100%, 880px) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}
.kouei-mail-main #main { box-sizing: border-box; }
@media (max-width: 680px) {
  .kouei-mail-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 12px 34px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .kouei-mail-main #wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    border: 1px solid #dfe7ef;
    box-shadow: 0 1px 5px rgba(0,0,0,.06);
  }
  .kouei-mail-main #main { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 20px 13px !important; }
  .kouei-mail-main .section { margin: 0 !important; width: 100%; min-width: 0; }
  .kouei-mail-main .section__ttl { margin: 0 0 18px !important; padding: 12px !important; font-size: 20px !important; line-height: 1.45; }
  .kouei-mail-main .section__body { padding: 0 !important; width: 100% !important; min-width: 0 !important; }
  .kouei-mail-main #txt_explain { font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
  .kouei-mail-main .table,
  .kouei-mail-main .table tbody,
  .kouei-mail-main .table tr,
  .kouei-mail-main .table th,
  .kouei-mail-main .table td {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .kouei-mail-main .table { border: 0 !important; margin: 16px 0 22px !important; border-collapse: collapse; }
  .kouei-mail-main .table tr { margin: 0 0 12px !important; border: 1px solid #d9e2ed; }
  .kouei-mail-main .table th { padding: 10px 12px !important; border: 0 !important; font-size: 14px !important; line-height: 1.6; }
  .kouei-mail-main .table td { padding: 12px !important; border: 0 !important; font-size: 14px !important; line-height: 1.6; }
  .kouei-mail-main .table input[type="text"],
  .kouei-mail-main .table input[type="email"],
  .kouei-mail-main .table input[type="tel"],
  .kouei-mail-main .table input[type="password"],
  .kouei-mail-main .table textarea,
  .kouei-mail-main .table select {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px;
    padding: 9px 10px;
    font-size: 16px !important;
    border: 1px solid #b9c8d9;
    border-radius: 3px;
  }
  .kouei-mail-main .table textarea { min-height: 125px; resize: vertical; }
  .kouei-mail-main .button_box { margin: 22px 0 !important; text-align: center; }
  .kouei-mail-main .button_box input[type="submit"] { min-height: 45px; padding: 10px 28px; font-size: 15px; }
  .kouei-mail-main .kouei-mail-return { text-align: center; line-height: 1.7; }
  .kouei-mail-mobile-menu a { overflow-wrap: anywhere; }
}
@media (min-width: 681px) and (max-width: 940px) {
  .kouei-mail-main { padding-left: 20px; padding-right: 20px; }
  .kouei-mail-main #wrapper { max-width: 100% !important; }
  .kouei-mail-main .table input[type="text"],
  .kouei-mail-main .table input[type="email"],
  .kouei-mail-main .table input[type="tel"],
  .kouei-mail-main .table textarea { max-width: 100% !important; }
}