@charset "UTF-8";
@media screen and (min-width: 641px), screen and (orientation: landscape) { #h2-title { background: url(../images/business/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #dummy-box { overflow: hidden; width: 100%; height: 1749px; min-width: 1000px; position: relative; }
  #dummy-box p { position: absolute; left: 50%; margin-left: -950px; }
  #h3-title .h3_Box {width: 780px;margin: 0 auto 15px;}
	#h3-title .h3_Box .icon{position: absolute; top: 0; left: 0; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 45px; }
  #h3-title .dis-b { display: block; }
  #h3-title .txt { padding-left: 226px; }
  /*#h3-title*/
  #in-main-contents { background: url(../images/business/contents-bg.jpg); padding-top: 80px; }
  #in-main-contents #inner-box { width: 1000px; margin: 0 auto 155px; padding: 0 0 70px; position: relative; background: #FFFFFF; }
  #page_business01 .txt { color: #000000; font-size: 16px; line-height: 2; }
  #page_business01 .decora01 { position: absolute; top: 0; left: -400px; }
  #page_business01 .decora02 { position: absolute; top: 76px; right: -280px; }
  #page_business01 .icon { position: absolute; top: -100px; right: -34px; }
  /*#page_business01*/
  #page_business02 .clump { margin: 0 auto 50px; width: 850px; }
  #page_business02 .icon { position: absolute; top: -26px; left: 16px; }
  #page_business02 .left_Box { width: 350px; padding: 59px 0px 45px 48px; position: absolute; top: 0; }
  #page_business02 .ttl { color: #ffffff; font-size: 24px; font-weight: bold; line-height: 1.5; padding: 10px 0 10px 0; }
  #page_business02 .name { color: #cccccc; font-size: 13px; }
  #page_business02 .break { display: block; }
  #page_business02 .btn { position: absolute; top: 180px; right: 25px; }
  #page_business02 .clump .right_Box { position: relative; }
  #page_business02 .clump .right_Box .hanjonavi { position: absolute; top: 0; right: 0; }
  /*page_business02*/
  /* Ten Coding -------------------------------------*/
  img { vertical-align: bottom; }
  .nobd a:hover { text-decoration: none !important; }
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }
  .sis-pic { text-align: center; }
  .sis-pic img { max-width: 100% !important; height: auto !important; }
  .ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
  .ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ten-ce { 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; }
  .ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }
  .order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
  .ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }
  .ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }
  .ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } }
@media screen and (orientation: portrait) and (max-width: 640px) { #h2-title { background: url(../images/business/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #dummy-box { overflow: hidden; width: 100%; height: 1749px; min-width: 100%; position: relative; }
  #dummy-box p { position: absolute; left: 50%; margin-left: -950px; }
  #h3-title .h3_Box { margin-bottom: 20px; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 8%; }
  #h3-title .dis-b { display: block; }
  #h3-title .txt { padding-left: 226px; }
  /*#h3-title*/
  #in-main-contents { background: url(../images/business/contents-bg.jpg); padding: 5%; }
  #in-main-contents #inner-box { width: 100%; margin: 0 auto 8%; padding: 0 0 6%; position: relative; background: #FFFFFF; }
  #page_business01 .txt { color: #000000; font-size: 16px; line-height: 2; text-align: left; padding-left: 5%; padding-right: 5%; }
  #page_business01 .decora01 { position: absolute; top: 0; left: -400px; }
  #page_business01 .decora02 { position: absolute; top: 76px; right: -280px; }
  #page_business01 .icon { position: absolute; top: -100px; right: -34px; display: none; }
  /*#page_business01*/
  #page_business02 .clump { margin: 0 auto 50px; width: 100%; }
  #page_business02 .icon { position: absolute; top: -26px; left: 16px; }
  #page_business02 .left_Box { width: 100%; padding: 59px 0px 45px 48px; position: absolute; top: 0; }
  #page_business02 .ttl { color: #ffffff; font-size: 24px; font-weight: bold; line-height: 1.5; padding: 10px 0 10px 0; }
  #page_business02 .name { color: #cccccc; font-size: 13px; }
  #page_business02 .break { display: block; }
  #page_business02 .btn { position: absolute; top: 180px; right: 25px; }
  #page_business02 .clump .right_Box { position: relative; }
  #page_business02 .clump .right_Box .hanjonavi { position: absolute; top: 0; right: 0; }
  /*page_business02*/
  #service { position: relative; width: 100%; background: none; padding-left: 5%; padding-right: 5%; }
  #service h2 { padding: 40px 0px 24px 0px; text-align: center; }
  #service .service-text { color: #fff; text-align: center; font-size: 1.8rem; margin-bottom: 6%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; line-height: 1.5; }
  #service ul { position: relative; width: 100%; margin: 0px auto 0px auto; }
  #service ul li { position: relative; width: 100%; padding: 4px 4px 26% 4px; float: none; margin-right: 0px; background: #00577c; margin-bottom: 32px; }
  #service ul li a { color: #fff; text-decoration: none; }
  #service ul li:nth-child(3) { margin-right: 0px; }
  #service ul li .no { color: #d18e04; text-align: center; padding: 5% 4% 2.5% 4%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold !important; text-align: left !important; }
  #service ul li h3 { padding: 0px 4% 0px 4%; font-size: 1.8rem; font-weight: bold !important; font-weight: 500; text-align: left; line-height: 150%; }
  #service ul li .vision-text { padding: 0px 20px 20px 20px; text-decoration: underline; line-height: 180%; font-size: 14px; }
  #service li .dl-btn { z-index: 20; position: absolute; bottom: 20px; background: #22222a url(../images/index/icon01.jpg) right top no-repeat; text-align: center; height: 40px; left: 0; right: 0; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; text-align: center; font-size: 14px; font-weight: bold !important; width: 80%; padding-top: 12px; display: block; text-decoration: none; color: #fff; margin-left: auto; margin-right: auto; }
  #service .dl-btn2 { background-color: #d18f08; width: 83%; margin-left: auto; margin-right: auto; }
  #service .dl-btn2 a { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 700; line-height: 1.5; padding-top: 8%; font-size: 1.6rem; color: #fff; padding-bottom: 8%; display: block; text-align: center; background-image: url(../sp-images/common/btn-icon-02.png); background-repeat: no-repeat; background-position: right 5% top 50%; background-size: 4%; letter-spacing: 2px; }
  /* sp-service -------------------------------------*/
  .sp-service { padding-left: 5%; padding-right: 5%; padding-bottom: 11%; background-image: url(../sp-images/index/service.jpg); background-repeat: no-repeat; background-position: 0 top; background-size: 100%; background-color: #22222a; }
  .sp-service .sp-service-ttl { width: 37.51%; margin-left: auto; margin-right: auto; }
  .sp-service .vision-text { display: none; }
  .sp-service .dl-btn { display: none !important; } }