@charset "UTF-8";

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

  /* CSS Document */
  .h2-box { background: url(../images/about_us/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 .wh_box { background-color: #fff; border: 1px solid #8b8b8b; padding: 5px; margin-bottom: 40px; }
  #box1 .wh_box .bg_box { background: url(../images/about_us/box1_bg.jpg) repeat top; padding-top: 20px; border-top: 4px solid #eeeeee; border-left: 4px solid #eeeeee; border-right: 4px solid #eeeeee; }
  #box1 table { border: 1px solid #b9b9b9; width: 100%; margin-bottom: 40px; }
  #box1 table tr th { background: url(../images/about_us/table_bg.png) repeat top; border-bottom: 1px solid #fff; color: #fff; padding: 25px 40px 20px; width: 270px; font-size: 14px; text-align: left; }
  #box1 table tr td { border-bottom: 1px solid #b9b9b9; color: #0a090a; padding-left: 30px; font-size: 14px; letter-spacing: 0.05em; line-height: 1.8; padding-bottom: 15px; }
  #box1 table tr td span { margin-right: 1em; margin-left: 1em; }
  #box2 { margin-bottom: 50px; }
  #box2 .bg_box { background: url(../images/about_us/box3_bg.jpg) top no-repeat; padding: 40px 0 60px; }
  #box2 .bg_box h4 { margin-bottom: 15px; }
  #box2 .bg_box h5 { margin-bottom: 40px; }
  #box2 .bg_box .txt { width: 665px; margin: 0 auto; font-size: 14px; line-height: 2; letter-spacing: 0.05em; color: #0a090a; }
  #box2 .bg_box .mb35 { margin-bottom: 30px !important; }
  #box3 { margin-bottom: 50px; }
  #box3 .bg_box { background: url(../images/about_us/box4_bg.jpg) no-repeat top; padding-top: 40px; padding-bottom: 40px; position: relative; }
  #box3 .bg_box .txt { padding-left: 30px; font-size: 14px; line-height: 2.5; letter-spacing: 0.05em; color: #0a090a; width: 430px; }
  #box3 .bg_box .txt .red { color: #f60; font-weight: bold; }
  #box3 .bg_box .txt02 { position: absolute; bottom: 0; right: 0; }
  #box4 { margin-bottom: 40px; }
  #box4 .ggmap { margin-bottom: 20px; }
  #box5 { margin-bottom: 80px; }
  #box5 h4 { font-weight: bold; letter-spacing: 0.05em; font-size: 14px; color: #0a090a; line-height: 2; }
  #box5 h4:before { content: "■"; margin-right: .3em; }
  #box5 ol { margin-bottom: 40px; }
  #box5 ol li { font-size: 12px; letter-spacing: 0.05em; color: #5a5a5a; line-height: 2; }
  #box5 ol li .icon:before { content: "\25CF"; margin-right: .3em; }
  #box5 .txt { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #5a5a5a; }
  #box5 small { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #5a5a5a; }
  .box6 ul li { margin-bottom: 20px; }
  ul.other_links li img { vertical-align: baseline; margin: 0 0 0 8px }
}

/*SP用*/
@media screen and (max-width:640px) {
  .pc { display: none !important }
  .sp { display: block !important }
  .sp2 { display: inline-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/about_us/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 .wh_box { background-color: #fff; border: 1px solid #8b8b8b; padding: 5px; margin-bottom: 40px; }
  #box1 .wh_box .bg_box { background: url(../images/about_us/box1_bg.jpg) repeat top; padding-top: 20px; border-top: 4px solid #eeeeee; border-left: 4px solid #eeeeee; border-right: 4px solid #eeeeee; }
  #box1 table { border: 1px solid #b9b9b9; width: 100%; margin-bottom: 40px; }
  #box1 table tr { display: block; }
  #box1 table tr th { background: url(../images/about_us/table_bg.png) repeat top; border-bottom: 1px solid #fff; color: #fff; padding: 2vw 3vw; width: 100%; font-size: 14px; text-align: left; float: left; }
  #box1 table tr td { border-bottom: 1px solid #b9b9b9; color: #0a090a;    /* padding-left: 30px; */ font-size: 14px; letter-spacing: 0.05em; line-height: 1.8;    /* padding-bottom: 15px; */ float: left; padding: 2vw 3vw; }
  #box1 table tr td span { margin-right: 1em; margin-left: 1em; }
  #box2 { margin-bottom: 50px; }
  #box2 .bg_box { background: url(../images/about_us/box3_bg.jpg) top no-repeat; padding: 6vw 5vw; }
  #box2 .bg_box h4 { margin-bottom: 15px; }
  #box2 .bg_box h5 { margin-bottom: 20px; }
  #box2 .bg_box .txt { width: 100%; margin: 0 auto; font-size: 14px; line-height: 25px; letter-spacing: 0.05em; color: #0a090a; }
  #box2 .bg_box .mb35 { margin-bottom: 20px !important; }
  #box3 { margin-bottom: 50px; }
  #box3 .bg_box { background: url(../images/about_us/box4_bg.jpg) no-repeat top; position: relative; background-size: cover; }
  #box3 .bg_box .txt { font-size: 14px; line-height: 25px; letter-spacing: 0.05em; color: #0a090a; width: 100%; padding: 4vw 4vw 0; margin-bottom: 0; }
  #box3 .bg_box .txt .red { color: #f60; font-weight: bold; }
  #box3 .bg_box .txt02 { padding: 6vw  5vw 0px; }
  #box4 { margin-bottom: 40px; }
  #box4 .ggmap { margin-bottom: 20px; }
  #box5 { margin-bottom: 50px; }
  #box5 h4 { font-weight: bold; letter-spacing: 0.05em; font-size: 14px; color: #0a090a; line-height: 2; }
  #box5 h4:before { content: "■"; margin-right: .3em; }
  #box5 ol { margin-bottom: 40px; }
  #box5 ol li { font-size: 12px; letter-spacing: 0.05em; color: #5a5a5a; line-height: 2; }
  #box5 ol li .icon:before { content: "\25CF"; margin-right: .3em; }
  #box5 .txt { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #5a5a5a; }
  #box5 small { font-size: 12px; line-height: 2; letter-spacing: 0.05em; color: #5a5a5a; }
  .box6 { text-align: center; }
  .box6 ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .box6 ul li { margin-bottom: 15px; text-align: center; width: 100%; }
  .box6 ul li:nth-child(1), .box6 ul li:nth-child(2), .box6 ul li:nth-child(3) { width:48%; margin:0 1% 15px; }
  ul.other_links li img { vertical-align: baseline; margin: 0 0 0 8px }
}