@charset "utf-8";

/* PC用 */
@media screen and (min-width:769px) {
  .wp-pagenavi { text-align: center; }
  #gnav ul li .sub-menu { display: none; }
  #gnav ul li {position: relative;display: inline-block;width: auto;margin: 0 14px;}
  #gnav ul li .sub-menu.active { display: block; position: absolute; top: 50px; left: 0; z-index: 1000; }
  .sub-menu.active li { background: #e5e5e5; }
  .sub-menu.active li .gnav_text { color: #073061 !important; }
  .sub-menu.active li .text_jp { color: #073061; }
  #gnav .sub-menu.active li:first-of-type { border-left: none; }
  #gnav .sub-menu.active li { border-right: none; }
  #gnav .sub-menu.active li a { background: url(../images/common/nav_arrow.png) no-repeat left 13px center; }
  #menu-footer { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: initial; width: 523px; }
  #menu-footer li { width: initial !important; margin: 0 15px 10px 0; }

  /*　CONTACT */
  .contact_wrap { margin: 0 auto;  width: 1000px; font-size: 16px; line-height: 30px; letter-spacing: 0.08em; }
  .contact_wrap .tit_jp { margin-bottom: 80px; }
  .contact_wrap .note { margin-bottom: 80px; }
  .contact_wrap table tr:first-of-type th {
    border-top: none; 
  }
  .contact_wrap  table tr td:nth-of-type(1) {
   border-top:none;
  }
  span.hittsu { float: right; display: inline-block; padding: 5px 7px; color: #fff; font-size: 12px; line-height: 1; text-align: center; background: #D80109; }
  span.hittsu02 { display: inline-block; margin: 0 2px; padding: 5px 7px; color: #fff; font-size: 12px; line-height: 1; text-align: center; background: #D80109; }
  table.t_contact { margin: 20px 0 80px; border-top: 1px solid #D5D5D5;  width: 1000px; }
  table.t_contact th, table.t_contact td { padding: 25px 41px; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; vertical-align: middle; border-bottom: 1px solid #D5D5D5; }
  table.t_contact th { width: 35%; font-weight: 900; }
  table.t_contact td { width: 65%; }
  table.t_contact td span.exp { margin-left: 10px; color: #3d3d3d; font-size: 14px; line-height: 14px; }
  input[type="text"] { padding: 5px; width: 60%; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; background: #F6F6F6; border: 1px solid #E6E6E6; }
  textarea { padding: 5px; width: 100%; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; background: #F6F6F6; border: 1px solid #E6E6E6; box-sizing: border-box; }
  input:placeholder-shown { color: transparent; }
  .contact_wrap input[type="submit"] {display: block;padding: 25px 0;width: 311px;color: #fff;font-size: 16px;font-weight: 900;letter-spacing: 0.08em;text-align: center;background: #073061 url("../images/icon/ico07.png") no-repeat 88% center;border: 0;cursor: pointer;}
  .contact_wrap input[name="submitBack"] {display: block;padding: 25px 0;width: 311px;color: #fff;font-size: 16px;font-weight: 900;letter-spacing: 0.08em;text-align: center;background: #939ca5 url("../images/icon/ico07.png") no-repeat 88% center;border: 0;cursor: pointer;}
  button:hover { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
  button.check { margin: 0 auto 20px; }
  .contact_wrap .btn_list { justify-content: center; }
  .contact_wrap .btn_list li { margin: 0 25px;  }
  .contact_wrap .btn_list li button.back { background: #000 url("../images/icon/ico04.png") no-repeat 30px center; }
}

/* SP用 */
@media screen and (max-width:768px) {
  .wp-pagenavi { text-align: center; }

  /*　CONTACT */
  .contact_wrap { margin: 0 auto;  width: 1000px; font-size: 16px; line-height: 30px; letter-spacing: 0.08em; }
  .contact_wrap .tit_jp { margin-bottom: 80px; }
  .contact_wrap .note { margin-bottom: 80px; }
  span.hittsu { float: right; display: inline-block; padding: 5px 7px; color: #fff; font-size: 12px; line-height: 1; text-align: center; background: #D80109; }
  span.hittsu02 { display: inline-block; margin: 0 2px; padding: 5px 7px; color: #fff; font-size: 12px; line-height: 1; text-align: center; background: #D80109; }
  table.t_contact { margin: 20px 0 80px; border-top: 1px solid #D5D5D5; }
  table.t_contact th, table.t_contact td { padding: 25px 50px; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; vertical-align: middle; border-bottom: 1px solid #D5D5D5; }
  table.t_contact th { width: 35%; font-weight: 900; }
  table.t_contact td { width: 65%; }
  table.t_contact td span.exp { margin-left: 10px; color: #3d3d3d; font-size: 14px; line-height: 14px; }
  input[type="text"] { padding: 5px; width: 60%; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; background: #F6F6F6; border: 1px solid #E6E6E6; }
  textarea { padding: 5px; width: 100%; font-size: 16px; line-height: 26px; letter-spacing: 0.06em; background: #F6F6F6; border: 1px solid #E6E6E6; box-sizing: border-box; }
  input:placeholder-shown { color: transparent; }
  button { display: block; padding: 25px 0; width: 311px; color: #fff; font-size: 16px; font-weight: 900; letter-spacing: 0.08em; text-align: center; background: #EB2935 url("../images/icon/ico02.png") no-repeat 88% center; border: 0; cursor: pointer; }
  button:hover { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
  button.check { margin: 0 auto 20px; }
  .contact_wrap .btn_list { justify-content: center; }
  .contact_wrap .btn_list li { margin: 0 25px; width: 311px; }
  .contact_wrap .btn_list li button.back { background: #000 url("../images/icon/ico04.png") no-repeat 30px center; }


  .contact_wrap {  width: 100%; font-size: 4.266vw; line-height: 7.2vw; box-sizing: border-box; }
  .contact_wrap .tit_jp { margin-bottom: 6vw; }
  .contact_wrap .note { margin-bottom: 5.333vw; }
  span.hittsu { float: none; margin-left: 4vw; padding: 1.2vw; font-size: 4.266vw; }
  span.hittsu02 { padding: 1.2vw; font-size: 4.266vw; }
  table.t_contact { margin: 2.666vw 0 10.666vw; border-top: none; }
  table.t_contact th, table.t_contact td { display: block; padding: 2.933vw 0; font-size: 4.266vw; line-height: 6vw; letter-spacing: 0.08em; box-sizing: border-box; border-bottom: none; }
  table.t_contact th { width: 100%; font-weight: 900; }
  table.t_contact td { padding: 0 0 5.333vw; width: 100%; }
  table.t_contact td span.exp { display: none; }
  input[type="text"] { padding: 4vw; width: 100%; font-size: 4.266vw; line-height: 6vw; box-sizing: border-box; }
  textarea { padding: 4vw; font-size: 4.266vw; line-height: 6vw; }
  button { display: block; padding: 5.333vw 0; width: 84vw; font-size: 4.266vw; background: #EB2935 url("../images/icon/ico02.png") no-repeat 85% center; }
  button.check { margin: 0 auto 4vw; }
  .contact_wrap .btn_list li { margin: 0 0 4vw; width: 84vw; }
  .contact_wrap .btn_list li button.back { background: #000 url("../images/icon/ico04.png") no-repeat 30px center; }
  .contact_wrap table tr td:last-of-type { border-bottom: none; }
  .contact_wrap input[type="submit"] {   margin: 0 auto; display: block;padding: 25px 0;width: 311px;color: #fff;font-size: 16px;font-weight: 900;letter-spacing: 0.08em;text-align: center;background: #073061 url("../images/icon/ico07.png") no-repeat 88% center;border: 0;cursor: pointer;}
  .contact_wrap input[name="submitBack"] {display: block;padding: 25px 0;width: 311px;color: #fff;font-size: 16px;font-weight: 900;letter-spacing: 0.08em;text-align: center;background: #939ca5 url("../images/icon/ico07.png") no-repeat 88% center;border: 0;cursor: pointer;}
}