@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
  .pc { display: block !important }
  .sp { display: none !important }
  .h_menu, #sp_global_nav { display: none; }

  /* CSS Document */
  .h2-box { background: url(../images/contact/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #box1 { margin-bottom: 70px; }
  #box1 .bg_box { background: url(../images/contact/box1_bg.jpg) no-repeat top; padding-top: 45px; padding-bottom: 40px; }
  #box1 .bg_box .txtbox { padding-left: 250px; }
  #box1 .bg_box .txtbox h4 { margin-bottom: 35px; }
  #box1 .bg_box .txtbox .txt { font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; width: 485px; }
  #box1 .bg_box02 { background-color: #244578; padding: 25px 45px; }
  #box1 .bg_box02 .txt02 { color: #fff; font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; width: 195px; }
  #box2 .small-box { padding-left: 80px; margin-bottom: 35px; }
  #box2 .small-box small { font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; display: block; }
  #box2 .small-box .txt { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box2 .small-box .txt .red { color: #ff3c00; }
  .from-Box .indent-list { margin-bottom: 30px; }
  .from-Box .indent-list li { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.8; }
  .from-Box .indent-list span { color: #ff0000; }
  .from-Box .contact_form { width: 100%; color: #0a090a; letter-spacing: .8px; }
  .from-Box .contact_form tr { border-bottom: 1px dotted #000; }
  .from-Box .contact_form th { width: 200px; padding: 23px 0px 18px 0px; text-align: left; vertical-align: top; line-height: 1.6; font-size: 14px; letter-spacing: 0.05em; }
  .from-Box .contact_form th .red { color: #ff3c00; }
  .from-Box .contact_form td { padding: 27px 20px 30px 20px; line-height: 1.6; }
  .from-Box .contact_form td label { font-size: 14px; line-height: 2; letter-spacing: 0.05em; margin-right: 10px; }
  .from-Box .contact_form td small { font-size: 12px; line-height: 1.5; letter-spacing: 0.05em; color: #777; }
  .from-Box .contact_form td .red { font-size: 14px; color: #ff3c00; }
  .from-Box .form_btn { background-color: #fff; padding: 30px 0; }
  .from-Box .bg_box { padding: 30px; background: url(../images/common/box1_bg.png) repeat top; }
  .from-Box .pa-box { padding: 16px 50px 50px; background-color: #fff; }
  .from-Box table .rei { color: #666666; font-size: 12px; }
  .from-Box table input[type="text"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table input[type="tel"] { width: 60%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table textarea { height: 120px; width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 1.8; }
  .from-Box .btn-Box { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 600px; margin-left: auto; margin-right: auto; }
  .from-Box .p-mb { margin-bottom: 20px; }
  .from-Box .contents-ptn-Box { margin-bottom: 64px; }
  .from-Box input[type="image"]:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
  .from-Box .label-list li { margin-bottom: 3px; }
  .from-Box .zip input { width: 60% !important; }
  .from-Box .btn-Box .fl_l { width: 246px; }
  .from-Box .btn-Box .fl_l { width: 246px; }
  .from-Box .btn--Box { width: 600px; margin-left: auto; margin-right: auto; }
  .from-Box input { margin-bottom: .5em; }
  .from-Box textarea { margin-bottom: .5em; }

  /* complate
  -------------------------------------*/
  .deco-ttl { font-size: 24px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 30px; }
  .thank-you p { font-size: 16px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; }
  .thank-you .c-red { color: #ff3c00; font-size: 18px; font-weight: bold; }
}

/*SP用*/
@media screen and (max-width:640px) {
  .pc { display: none !important }
  .sp { display: block !important }
  img { max-width: 100%; height: auto; width: auto; }
  body { min-width: auto !important; overflow: inherit !important; }
  .sp_tac { text-align: center !important; }
  .sp_tar { text-align: right !important; }
  .sp_mb15 { margin-bottom: 15px !important; }
  .sp_mb20 { margin-bottom: 20px !important; }
  div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }

  /* CSS Document */
  .h2-box { background: url(../images/contact/h2.jpg) no-repeat top; height: 220px; font-size: 30px; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 35px; }
  #box1 { margin-bottom: 40px; }
  #box1 .bg_box { padding-bottom: 20px; }
  #box1 .bg_box .txtbox { padding: 0 4vw; }
  #box1 .bg_box .txtbox h4 { margin-bottom: 35px; }
  #box1 .bg_box .txtbox .txt { font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; width: 100%; }
  #box1 .bg_box02 {background-color: #244578;padding: 25px 3vw;display: block;text-align: center;}
  #box1 .bg_box02 .txt02 {color: #fff;font-size: 3vw;line-height: 1.8;letter-spacing: 0.05em;width: 100%;display: block;}
  #box2 .small-box { margin-bottom: 35px; padding: 0 4vw; }
  #box2 .small-box small { font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; display: block; }
  #box2 .small-box .txt { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; }
  #box2 .small-box .txt .red { color: #ff3c00; }
  .from-Box .indent-list { margin-bottom: 30px; }
  .from-Box .indent-list li { padding-left: 1.5em; text-indent: -1.5em; line-height: 1.8; }
  .from-Box .indent-list span { color: #ff0000; }
  .from-Box .contact_form { width: 100%; color: #0a090a; letter-spacing: .8px; }
  .from-Box .contact_form tr { border-bottom: 1px dotted #000; }
  .from-Box .contact_form th {width: 100%;padding: 15px 0 5px;text-align: left;vertical-align: top;line-height: 1.6;font-size: 4vw;letter-spacing: 0.05em;display: block;}
  .from-Box .contact_form th .red { color: #ff3c00; }
  .from-Box .contact_form td {padding: 0 0 15px;line-height: 1.6;display: block;text-align: left;}
  .from-Box .contact_form td label { font-size: 14px; line-height: 2; letter-spacing: 0.05em; margin-right: 10px; display: block; }
  .from-Box .contact_form td label input { display: inline; width: 10%; }
  .from-Box .contact_form td small { font-size: 12px; line-height: 1.5; letter-spacing: 0.05em; color: #777; }
  .from-Box .contact_form td .red { font-size: 14px; color: #ff3c00; }
  .from-Box .form_btn { background-color: #fff; padding: 30px 0; }
  .from-Box .bg_box {padding: 2vw;background: url(../images/common/box1_bg.png) repeat top;}
  .from-Box .pa-box {padding: 3vw;background-color: #fff;}
  .from-Box table .rei { color: #666666; font-size: 12px; }
  .from-Box table input[type="text"] { width: 100% !important; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table input[type="email"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table input[type="tel"] { width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bebebe; }
  .from-Box table textarea { height: 120px; width: 100%; padding: 0.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 1.8; }
  .from-Box .btn-Box {    /* display: -webkit-box; */

    /* display: -webkit-flex; */
    display: -moz-flex; display: -ms-flex; display: -o-flex;    /* display: flex; */    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify; -webkit-justify-content: space-between;    /* justify-content: space-between; */ width: 100%;    /* margin-left: auto; */    /* margin-right: auto; */
  text-align: center; }
  .from-Box .btn-Box p { float: none; }
  .from-Box .p-mb { margin-bottom: 20px; }
  .from-Box .contents-ptn-Box { margin-bottom: 64px; }
  .from-Box input[type="image"]:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
  .from-Box .label-list li { margin-bottom: 3px; }
  .from-Box .zip input { width: 60% !important; }
  .from-Box .btn-Box .fl_l { margin-bottom: 20px; width: 100%; }
  .from-Box .btn-Box .fl_r { width: 100%; }
  .from-Box .btn--Box { width: 100%; margin-left: auto; margin-right: auto; }
  .from-Box input {margin-bottom: .5em;display: block;/* width: 60%; */margin: 0 auto;}
  .from-Box textarea { margin-bottom: .5em; }

  /* complate
  -------------------------------------*/
  .deco-ttl { font-size: 24px; line-height: 1.5; letter-spacing: 0.05em; color: #0a090a; margin-bottom: 30px; }
  .thank-you p { font-size: 16px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; }
  .thank-you .c-red { color: #ff3c00; font-size: 18px; font-weight: bold; }
  .tel { display: block; padding: 10px 0; }
}