@charset "utf-8";
@font-face { font-family: 'YuGothic'; src: local('Yu Gothic Medium'); font-weight: normal; }
@font-face { font-family: 'YuGothic'; src: local('Yu Gothic Bold'); font-weight: bold; }
@font-face { font-family: 'YuMincho'; src: local('Yu Mincho Regular'); font-weight: normal; }
html { font-size: 62.5%; }
body { margin: 0px; background-color: #fff; color: #000; line-height: 1.732; font-family: YuGothic, sans-serif; font-feature-settings: 'palt' 1; }
nav, article, aside, div, section, header, footer, address { display: block; overflow: hidden; }

@media screen and (max-width :1279px) {
body { font-size: 1.4rem; }
h1, #headersns, #navmain, #navside { display: none }
#wrapper { position: relative; }
#containerheader { height: 100vh; background-size: cover; position: relative; }
#containerheaderthanks { background-image: url(../img/backheader-small.jpg); background-repeat: no-repeat; background-position: center center; height: 40vh; background-size: cover; }
header { margin-left: 16px; margin-right: 16px; }
#headerlogo { margin-top: 32px; margin-left: 3%; width: 72% }
#headerlogo img { max-width: 100% }
#headertext { margin-top: 32px; text-align: center; }
#headertext img { max-width: 92% }
#headercontact { text-align: center; position: absolute; left: 0px; bottom: 32px; right: 0px }
#headercontact img { max-width: 80% }
#hamicon { position: absolute; top: 24px; right: 16px; }
#hamicon i { display: block; cursor: pointer; color: #fff; }
#sidebar { background-color: #313131; color: #fff; font-size: 1.3rem; }
#sidesns { height: 39px; display: -webkit-flex; display: flex; margin-top: 24px; margin-bottom: 24px; }
#sidesns div { width: 39px; height: 39px; margin-left: 16px; }
#sidebar li { display: block; border-bottom: 1px solid #555; }
#sidebar li a { color: #fff; text-decoration: none; display: block; padding: 8px 10px; }
#sidebar li a:before { display: inline-block; font-size: 1.1rem; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; width: 1.28571429em; text-align: center }
#sidebar li a:hover { background-color: #444; border-right: 3px solid #5fc6ff; }
#sidebar aside { text-align: right; margin-top: 15px; margin-right: 15px; }
#sidebar a.slide-close { font-size: 1.2rem; color: #bbb; text-align: right; text-decoration: none; }
article { margin-top: 32px; }
#company { margin-left: 16px; margin-right: 16px; }
#containergmap { margin-top: 32px; }
#gmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-left: 16px; margin-right: 16px; }
#gmap iframe, #gmap object, #gmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#business { margin-top: 64px; }
.business01 { background-image: url(../img/business01.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.business02 { background-image: url(../img/business02.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.business03 { background-image: url(../img/business03.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.business04 { background-image: url(../img/business04.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.business05 { background-image: url(../img/business05.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.business06 { background-image: url(../img/business06.jpg); background-repeat: no-repeat; background-position: center top; margin-bottom: 48px; background-size: contain; padding-top: 40%; }
.businessl { margin-left: 16px; margin-right: 16px; }
.businessr { margin-left: 16px; margin-right: 16px; }
#containercontact { background-color: #eef6f8; margin-top: 48px; }
#contact { margin: 32px 16px 56px; }
#contact dl { border-bottom: 1px solid #d3e5e7; padding-top: 16px; padding-bottom: 16px; font: normal 1.6rem YuMincho, serif; font-feature-settings: 'palt' 1; }
#contact dt { }
#contact dd { margin-top: 16px }
footer { background-color: #313131; color: #fff; font: 1.1rem Lato, sans-serif; text-align: center; padding-top: 16px; padding-bottom: 16px; }
table.mybox01 { width: 100%; border-collapse: collapse; }
table.mybox01 th { width: 32%; padding: 8px 16px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; background-color: #f5f5f5; text-align: left; border-left: 1px solid #e2e2e2; font-weight: normal; font-size: 1.2rem; }
table.mybox01 td { padding: 8px 16px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.imgmax40 { max-width: 40% }
.imgmax { max-width: 100% }
h2 { text-align: center; font-weight: normal; background-image: url(../img/backh2.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 16px; margin-bottom: 32px; margin-top: 16px; }
h2 span.h2j { font: 2.8rem YuMincho, serif; display: block; letter-spacing: 12px; }
h2 span.h2e { font: 1rem Lato, sans-serif; display: block; color: #ff8a00; letter-spacing: 1px; }
h3 { font: normal 2.4rem YuMincho, serif; color: #1c275f; margin-top: 0px; margin-bottom: 0px; font-feature-settings: 'palt' 1; text-align: center; }
h4 { font: normal 1.6rem YuMincho, serif; color: #000; margin-top: 8px; margin-bottom: 0px; font-feature-settings: 'palt' 1; text-align: center; }
.businesstitle { background-image: url(../img/backh4.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 24px; margin-bottom: 24px; }
}

@media screen and (min-width :1280px) {
body { font-size: 1.4rem; }
h1, #hamicon, #sidebar { display: none; }
#containerheader { background-repeat: no-repeat; background-position: center top; height: 880px; }
#containerheaderthanks { background-image: url(../img/backheader.jpg); background-repeat: no-repeat; background-position: center center; height: 48vh; }
header { width: 980px; margin-left: auto; margin-right: auto; height: 97px; }
#headerlogo { float: left; clear: both; margin-top: 43px; width: 235px; height: 54px; }
#headersns { width: 88px; height: 39px; float: right; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 37px; }
#headersns div { width: 39px; height: 39px; }
#headertext { width: 980px; margin-left: auto; margin-right: auto; margin-top: 136px; text-align: center; }
#headercontact { text-align: center; margin-top: 25px; }
#containernavmain { height: 60px; background-color: #1e3190; }
#navmain { width: 980px; margin-left: auto; margin-right: auto; height: 60px; }
#navmain ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#navmain strong { display: none; }
#navmain li, #navmain a { display: block; overflow: hidden; width: 245px; height: 60px; }
#nav01 a { background-image: url(../img/nav01.png); background-repeat: no-repeat; }
#nav01 a:hover { background-image: url(../img/nav01on.png); background-repeat: no-repeat; }
#nav02 a { background-image: url(../img/nav02.png); background-repeat: no-repeat; }
#nav02 a:hover { background-image: url(../img/nav02on.png); background-repeat: no-repeat; }
#nav03 a { background-image: url(../img/nav03.png); background-repeat: no-repeat; }
#nav03 a:hover { background-image: url(../img/nav03on.png); background-repeat: no-repeat; }
#nav04 a { background-image: url(../img/nav04.png); background-repeat: no-repeat; }
#nav04 a:hover { background-image: url(../img/nav04on.png); background-repeat: no-repeat; }
article { margin-top: 72px; }
#company { width: 980px; margin-left: auto; margin-right: auto; }
#containergmap { background-image: url(../img/backgmap.jpg); background-repeat: no-repeat; background-position: center top; height: 300px; margin-top: 64px; padding-top: 60px; padding-bottom: 60px; }
#gmap { width: 980px; height: 300px; margin-left: auto; margin-right: auto; }
#gmap iframe, #gmap object, #gmap embed { width: 980px; height: 300px; }
#business { margin-top: 64px; }
.business01 { background-image: url(../img/business01.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% + 500px) 0px; margin-bottom: 56px; }
.business02 { background-image: url(../img/business02.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% - 500px) 0px; margin-bottom: 56px; }
.business03 { background-image: url(../img/business03.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% + 500px) 0px; margin-bottom: 56px; }
.business04 { background-image: url(../img/business04.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% - 500px) 0px; margin-bottom: 56px; }
.business05 { background-image: url(../img/business05.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% + 500px) 0px; margin-bottom: 56px; }
.business06 { background-image: url(../img/business06.jpg); background-repeat: no-repeat; min-height: 312px; background-position: calc(50% - 500px) 0px; margin-bottom: 56px; }
.businessl { width: 488px; padding-right: 492px; margin-left: auto; margin-right: auto; }
.businessr { width: 492px; padding-left: 488px; margin-left: auto; margin-right: auto; }
#containercontact { background-color: #eef6f8; margin-top: 64px; }
#contact { width: 980px; margin: 48px auto 120px; }
#contact dl { width: 980px; border-bottom: 1px solid #d3e5e7; padding-top: 28px; padding-bottom: 28px; font: normal 1.8rem YuMincho, serif; font-feature-settings: 'palt' 1; }
#contact dt { width: 210px; float: left; clear: both; }
#contact dd { width: 770px; float: right; }
footer { background-color: #313131; color: #fff; font: 1.1rem Lato, sans-serif; text-align: center; padding-top: 16px; padding-bottom: 16px; }
table.mybox01 { width: 980px; border-collapse: collapse; }
table.mybox01 th { width: 176px; padding: 18px 26px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; background-color: #f5f5f5; text-align: left; border-left: 1px solid #e2e2e2; font-weight: normal; }
table.mybox01 td { padding: 18px 26px; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
h2, h3, h4, h5 { line-height: 1 }
h2 { text-align: center; font-weight: normal; background-image: url(../img/backh2.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 16px; margin-bottom: 40px; margin-top: 24px; }
h2 span.h2j { font: 3.2rem YuMincho, serif; display: block; letter-spacing: 16px; }
h2 span.h2e { font: 1rem Lato, sans-serif; display: block; color: #ff8a00; letter-spacing: 1px; }
h3 { font: normal 2.6rem YuMincho, serif; color: #1c275f; margin-top: 0px; margin-bottom: 0px; letter-spacing: 2px; font-feature-settings: 'palt' 1; }
h4 { font: normal 1.6rem YuMincho, serif; color: #000; margin-top: 8px; font-feature-settings: 'palt' 1; margin-bottom: 0px }
input.mybtn05 { width: 40% }
.businesstitle { background-image: url(../img/backh4.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 24px; margin-bottom: 24px; }
}
p { margin-top: 0px; margin-bottom: 1.618rem; }
p.indent { text-indent: 1rem; }
a { color: #000; }
a:hover { color: #888; }
ol { padding: 0px 0px 0px 1rem; list-style: decimal outside; margin: 0px 0px 0px 1rem; }
ul { margin: 0px; padding: 0px; list-style: none; }
ul.mylist01 li { padding-left: 12px; position: relative; margin-bottom: 10px; }
ul.mylist01 li:before { position: absolute; font: 8px 'FontAwesome'; left: 0px; top: 7px; content: "\f0c8"; color: #ccc; }
dl, dt, dd { margin: 0px; display: block; overflow: hidden; }
img { border-style: none; }
label { cursor: pointer; }
form { margin: 0px; padding: 0px; }
input[type="text"], input[type="password"], textarea, select { font-size: 1.4rem; padding: 5px; border: 2px solid #ddd; border-radius: 4px; transition: 0.2s; font-family: YuGothic, sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #66b3ff; }
input[type="submit"], input[type="reset"], input[type="button"], button { cursor: pointer; margin: 0px; padding: 0px; border-style: none; }
address { display: block; overflow: hidden; font-style: normal; }
.formmust { color: #fff; font-weight: normal; font-size: 1rem; line-height: 1; padding: 4px 6px; background-color: #d10000; display: inline-block; margin-right: 10px; }
.formfree { color: #fff; font-weight: normal; font-size: 1rem; line-height: 1; padding: 4px 6px; background-color: #adadad; display: inline-block; margin-right: 10px; }
.w94p { width: 94% }
.w64p { width: 64% }
.w48p { width: 48% }
.w32p { width: 32% }
.mt00 { margin-top: 0px; }
.mt08 { margin-top: 8px; }
.mt16 { margin-top: 16px; }
.mt24 { margin-top: 24px; }
.mt32 { margin-top: 32px; }
.mt40 { margin-top: 40px; }
.mt56 { margin-top: 56px; }
.mt72 { margin-top: 72px; }
.mt88 { margin-top: 88px; }
.mb00 { margin-bottom: 00px; }
.mb08 { margin-bottom: 08px; }
.mb16 { margin-bottom: 16px; }
.mb24 { margin-bottom: 24px; }
.mb32 { margin-bottom: 32px; }
.mb40 { margin-bottom: 40px; }
.mb56 { margin-bottom: 56px; }
.mb72 { margin-bottom: 72px; }
.mb88 { margin-bottom: 88px; }
a.mybtn01 { display: inline-block; line-height: 1.1; color: #fff; text-decoration: none; background-color: #309eff; padding: 8px 16px; border-style: none; border-radius: 3px; font-size: 1.3rem; transition: .3s; white-space: nowrap; }
a.mybtn01:hover { background-color: #0066c0; }
a.mybtn02 { transition: .4s; display: inline-block; color: #0066c0; text-decoration: none; line-height: 1; padding: 1.618rem 3.303rem; border: 3px solid #0066c0; font-weight: bold; white-space: nowrap; }
a.mybtn02:hover { border-color: #309eff; color: #309eff; }
a.mybtn03 { display: inline-block; }
a.mybtn03 img { transition: .3s; }
a.mybtn03:hover img { opacity: .7; filter: alpha(opacity=70); }
a.mybtn04 img { opacity: .7; filter: alpha(opacity=70); transition: .3s; }
a.mybtn04:hover img { opacity: 1.0; filter: alpha(opacity=100); }
button.mybtn05 img { transition: .3s; }
button.mybtn05:hover img { opacity: .7; filter: alpha(opacity=70); }
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.f14 { font-size: 1.4rem; }
.f16 { font-size: 1.6rem; }
.f18 { font-size: 1.8rem; }
.f20 { font-size: 2rem; }
.f24 { font-size: 2.4rem; }
.f32 { font-size: 3.2rem; }
.f40 { font-size: 4rem; }
.f48 { font-size: 4.8rem; }
.f56 { font-size: 5.6rem; }
.tal { text-align: left !important }
.tac { text-align: center !important }
.tar { text-align: right !important }
div.ofv, section.ofv { overflow: visible !important }
#pt { text-align: right; position: fixed; bottom: 15px; right: 15px; display: none; }
#pt a { color: #313131 }
#pt span { background-image: url(../img/backpt.png); background-repeat: no-repeat; background-position: center center; }
#wrapper img { height: auto !important }

@media screen and (-ms-high-contrast:none) {
h1, h2, h3, h4, h5 { padding-top: 0.3rem }
}