@charset "UTF-8";

/* CSS Document */

/*PC用*/
@media screen and (min-width:641px) {
  .pc { display: block !important }
  .sp { display: none !important }
  .h_menu, #sp_global_nav { display: none; }
  .h2-box { background: url(../images/reason/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; }
  .h2-box span { display: block; }
  .h2-box .txt-top { font-size: 26px; line-height: 1.5; }
  .h2-box .txt-bottom { font-size: 36px; line-height: 1.5; text-align: center; }
  .h3-box { margin-bottom: 25px; }
  .clump { padding: 21px 20px 20px 20px; width: 800px; background-color: #ffcc00; margin-bottom: 50px; }
  .list_inner { padding: 30px 20px 20px 20px; width: 760px; background-color: #ffffff; }
  .number { position: absolute; top: 0; left: 0; }
  .ttl_img02 { margin-left: 157px; margin-bottom: 8px; }
  .txt_box { color: #000000; font-size: 14px; line-height: 1.8; letter-spacing: 0.05em; }
  .clump02 { padding: 19px 20px 20px 20px; width: 800px; background-color: #ffcc00; margin-bottom: 50px; }
  .clump03 { padding: 13px 20px 20px 20px; width: 800px; background-color: #ffcc00; margin-bottom: 50px; }
  #page_reason { margin-bottom: 50px; }
  #page_reason .outer_box { padding: 242px 20px 19px 20px; width: 800px; background: url(../images/reason/bg_stripe.jpg); }
  #page_reason .ttl_img { position: absolute; top: 24px; left: 72px; }
  #page_reason .inner_box { width: 760px; background-color: #ffffff; padding: 32px 43px 29px 27px; border-bottom: 5px solid #ffcc00; }
  #page_reason .txt { color: #000000; font-size: 18px; line-height: 1.8; }
  #Skill .txt_box { width: 399px; }
  #Skill .item { position: absolute; bottom: 0; left: 34px; }
  #knowledge .txt_box { width: 399px; }
  #Follow-up .txt_box { width: 399px; }
  #Trouble .item { position: absolute; bottom: 0; left: 82x; }
  #counsel .txt_box { width: 368px; }
  #counsel .txt_box02 { color: #000000; font-size: 14px; line-height: 1.8; letter-spacing: .02em; }
}

/*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; }
  .h_menu, #sp_global_nav { display: none; }
  .h2-box { background: url(../images/reason/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; display: none !important; }
  .h2-box span { display: block; }
  .h2-box .txt-top { font-size: 26px; line-height: 1.5; }
  .h2-box .txt-bottom { font-size: 36px; line-height: 1.5; text-align: center; }
  .h3-box { margin-bottom: 25px; }
  .clump { padding: 15px 2vw; width: 100%; background-color: #ffcc00; margin-bottom: 50px; }
  .list_inner { padding: 5vw 4vw 5vw; width: 100%; margin-top: 3vw; background-color: #ffffff; display: block; font-size: 14px; }
  .list_inner div:last-child { text-align: center; width: 100%; padding-top: 0; }
  .list_inner div:last-child img { width: 100%; }
  #Follow-up .list_inner div:last-child img { width: 100%; }
  #counsel { overflow: hidden; }
  .number { width: 15%; display: inline-block; }
  .number img { width: 100%; }
  .ttl_img02 { width: 83%; display: inline-block; }
  .ttl_img02 img { height: 13vw; }
  .txt_box { color: #000000; line-height: 1.8; letter-spacing: 0.05em; display: block; margin-bottom: 30px; }
  .clump02 { width: 100%; background-color: #ffcc00; margin-bottom: 50px; padding: 15px 2vw; }
  .clump03 { width: 100%; background-color: #ffcc00; margin-bottom: 50px; padding: 2vw; }
  #page_reason { margin-bottom: 50px; }
  #page_reason .outer_box { width: 100%; padding: 2vw; background: url(../images/reason/bg_stripe.jpg); }
  #page_reason .ttl_img { }
  #page_reason .inner_box { width: 100%; background-color: #ffffff; padding: 4vw; border-bottom: 5px solid #ffcc00; }
  #page_reason .txt { color: #000000; line-height: 1.8; font-size: 14px; }
  #Skill .txt_box { width: 100%; }
  #Skill .item { display: none; }
  .ten { display: block; }
  #knowledge .txt_box { width: 100%; display: block; text-align: left; }
  #Follow-up .txt_box { width: 100%; display: block; }
  #Trouble .item { display: none; }
  #counsel .txt_box { width: 100%; text-align: left; margin-bottom: 30px; }
  #counsel .txt_box02 { color: #000000; line-height: 1.8; letter-spacing: .02em; }
  .ten-mce { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .ten-mce div { width:48%; margin:0 1%; }
  .box_child { text-align: center; margin: 0 auto; padding: 10px 0; }
}