.l-sec3, .contents, .contactBottom-wrapper, .footer-inner { width: 1000px; margin-right: auto; margin-left: auto; overflow: hidden
}
@media screen and (min-width:769px) { .l-sec3, .contents, .contactBottom-wrapper, .footer-inner { width: auto; max-width: 1000px; padding-left: 10px; padding-right: 10px }
}
@media screen and (max-width:768px) { .l-sec3, .contents, .contactBottom-wrapper, .footer-inner { width: 100% }
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block
}
audio, canvas, video { display: inline-block
}
audio:not([controls]) { display: none; height: 0
}
[hidden], template { display: none
}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%
}
body { margin: 0
}
a { background: transparent
}
a:focus { outline: thin dotted
}
a:active, a:hover { outline: 0
}
h1 { font-size: 2em; margin: .67em 0
}
abbr[title] { border-bottom: 1px dotted
}
b, strong { font-weight: bold
}
dfn { font-style: italic
}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0
}
mark { background: #ff0; color: #000
}
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em
}
pre { white-space: pre-wrap
}
q { quotes: "\201C" "\201D" "\2018" "\2019"
}
small { font-size: 80%
}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline
}
sup { top: -0.5em
}
sub { bottom: -0.25em
}
img { border: 0
}
svg:not(:root) { overflow: hidden
}
figure { margin: 0
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em
}
legend { border: 0; padding: 0
}
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0
}
button, input { line-height: normal
}
button, select { text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer
}
button[disabled], html input[disabled] { cursor: default
}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0
}
textarea { overflow: auto; vertical-align: top
}
table { border-collapse: collapse; border-spacing: 0
}
ul, ol { padding: 0; margin: 0; list-style: none
}
img { -ms-interpolation-mode: bicubic; vertical-align: bottom
}
html { font-size: 62.5%
}
body { font-family: Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1.8; text-align: left; background: #fff; color: #333; height: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%
}
p { font-size: 14px; font-size: 1.4rem; color: #333; margin-top: 0
}
@media screen and (max-width:480px) { p { font-size: 14px; font-size: 1.4rem }
}
li { font-size: 14px; font-size: 1.4rem; color: #333
}
@media screen and (max-width:480px) { li { font-size: 14px; font-size: 1.4rem }
}
h3, h4 { margin: 0; line-height: 1
}
a { text-decoration: none; color: #2f54a2; -webkit-tap-highlight-color: transparent
}
a:hover { color: #4979c3
}
table { width: 100%; box-sizing: border-box; border-collapse: collapse
}
th { width: 160px; text-align: left; padding: 15px 10px; border: 1px solid #ccc; background: #f9f9f9; font-weight: bold; vertical-align: top
}
@media screen and (min-width:481px) and (max-width:768px) { th { width: 130px }
}
@media screen and (max-width:480px) { th { width: auto; border: 0; border-left: 5px solid #2f54a2; display: block; padding: 10px }
}
td { padding: 15px 10px; border: 1px solid #d1d6db
}
@media screen and (max-width:480px) { td { border: 0; display: block }
}
/*input[type="text"] { width: 60%; padding: 10px; box-sizing: border-box; border: 1px solid #ccc*/
input[type="text"] { width: 97%; padding: 10px; box-sizing: border-box; border: 1px solid #ccc

}
textarea { width: 100%; height: 120px; box-sizing: border-box; border: 1px solid #ccc
}
label, select { cursor: pointer
}
.maT30 { margin-top: 30px
}
.ta-c { text-align: center
}
@media screen and (max-width:768px) { body, html { overflow-x: hidden; position: relative }
}
.l-sec { overflow: hidden; padding-bottom: 30px
}
.l-sec2 { width: auto; margin-right: auto; margin-left: auto; padding-bottom: 30px; overflow: hidden
}
@media screen and (max-width:480px) { .l-sec2 { padding-right: 10px; padding-left: 10px }
}
.l-sec3 { margin-right: auto; margin-left: auto
}
@media screen and (max-width:480px) { .sp-mlr10 { margin-left: 10px; margin-right: 10px }
}
#header { width: 100%; background: #fff; border-bottom: 1px solid #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); position: fixed; z-index: 9000; clear: both; overflow: hidden
}
#header-inner { width: 1000px; position: relative; margin-right: auto; margin-left: auto; padding: 12px 0 14px; overflow: hidden; padding-bottom: 20px
}
@media screen and (min-width:769px) { #header-inner { width: auto; max-width: 1000px; padding-left: 10px; padding-right: 10px }
}
@media screen and (max-width:768px) { #header-inner { overflow: hidden; height: auto; width: 100%; padding-top: 8px; padding-bottom: 10px }
}
@media screen and (max-width:480px) { #header-inner { padding: 5px 0 }
}
#logo { max-width: 333px; width: 30%; float: left; margin: 0; padding: 0; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
#logo a { -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
#logo a:hover { opacity: .3
}
#logo img { width: 100%; height: auto
}
@media screen and (max-width:768px) { #logo { padding: 10px; min-width: 240px; margin: 0 }
}
@media screen and (max-width:480px) { #logo { padding: 10px; margin: 0; float: none; min-width: 160px }
}
.header-link { float: right; line-height: 1
}
.header-link a { color: #333
}
.header-link a:hover { color: #4979c3
}
.header-subLink { width: 200px; overflow: hidden; position: absolute; top: 16px; right: 365px
}
.header-subLink li { display: inline; font-size: 15px; font-size: 1.5rem; line-height: normal; padding: 10px 0 0 12px; font-weight: bold; margin-right: 15px; position: relative
}
.header-subLink li a { color: #666
}
.header-subLink li a:after { position: absolute; left: 0; top: 9px; color: #2f54a2; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 18px; font-size: 1.8rem
}
@media screen and (max-width:900px) { .header-subLink { right: 110px }
}
@media screen and (max-width:768px) { .header-subLink { display: none }
}
.drawerLang { width: 100%; height: 100%; min-height: 500px; position: relative; z-index: 9997; overflow: hidden
}
.language-bg { background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9800; display: none
}
.language { position: absolute; top: 0; left: 50%; margin-left: -200px; width: 400px; z-index: 9900; display: none
}
@media screen and (max-width:480px) { .language { width: 300px; margin-left: -150px }
}
.language-list { margin: 80px auto 0 auto; display: block
}
.language-list li { margin-bottom: 20px
}
.language-list a { padding: 15px 0; background: #edf0f6; color: #333; display: block; text-align: center; position: relative; line-height: 1; font-size: 18px; font-size: 1.8rem; font-weight: bold; border: 2px solid #fff; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s
}
.language-list a:hover { color: #2f54a2; border: 2px solid #2f54a2
}
@media screen and (max-width:480px) { .language-list a { font-size: 16px; font-size: 1.6rem }
}
.language-list .language_jp { background: #edf0f6 url(/-/media/OS-SELNAJAYA/jp/Images/common/lang_ja.png) no-repeat; background-size: 40px; background-position: 10px 8px
}
.language-list .language_en { background: #edf0f6 url(/-/media/OS-SELNAJAYA/jp/Images/common/lang_en.png) no-repeat; background-size: 40px; background-position: 10px 8px
}
.language-list .language_in { background: #edf0f6 url(/-/media/OS-SELNAJAYA/jp/Images/common/lang_in.png) no-repeat; background-size: 40px; background-position: 10px 8px
}
.language-close { position: absolute; top: 20px; right: 20px; background-repeat: no-repeat; display: block; height: 40px; width: 40px
}
.language-close .fa { color: #fff; font-size: 40px; font-size: 4rem
}
@media screen and (max-width:480px) { .language-close .fa { font-size: 26px; font-size: 2.6rem }
}
@media screen and (max-width:480px) { .language-close { top: 10px; right: 0 }
}
.languageBtn { position: absolute; font-weight: bold; top: 10px; right: 10px; width: 365px
}
@media screen and (max-width:900px) { .languageBtn { width: auto; cursor: pointer }
}
@media screen and (max-width:768px) { .languageBtn { top: 30px; right: 60px }
}
@media screen and (max-width:480px) { .languageBtn { top: 20px; right: 52px }
}
.lang-btn { float: left; background: #ecf0f9; padding: 10px 15px; margin: 0; font-size: 15px; font-size: 1.5rem; color: #555; cursor:none; pointer-events:none;
}
@media screen and (max-width:900px) { .lang-btn { padding-right: 30px; cursor:pointer; pointer-events:auto; } .lang-btn:after { position: absolute; right: 10px; top: 10px; color: #2f54a2; font-family: "FontAwesome"; display: inline-block; content: '\f107'; font-size: 16px; font-size: 1.6rem }
}
@media screen and (max-width:480px) { .lang-btn { font-size: 13px; font-size: 1.3rem; padding: 10px 26px 10px 12px }
}
.lang-list { float: right; margin-right: -15px; padding: 10px 0
}
.lang-list li { display: inline; padding: 0 15px; border-left: 1px solid #ccc; font-size: 15px; font-size: 1.5rem
}
.lang-list li:first-child { border-left: none
}
.lang-list a { color: #555
}
.lang-list .select { border-bottom: 1px solid #9b4b7e; padding-bottom: 2px
}
@media screen and (max-width:900px) { .lang-list { display: none }
}
.tab-list { clear: both; width: 1000px; margin: -50px auto 0
}
.tab-list .tab-item { position: relative; right: -18px; float: right
}
@media screen and (max-width:1000px) { .tab-list .tab-item { right: 0 }
}
.tab-list li { float: left; font-size: 14px; font-size: 1.4rem; margin: 0; margin-left: 10px
}
.tab-list .tab_01 { position: relative; z-index: 100
}
.tab-list .tab_02 { position: relative; z-index: 90; margin-left: 4px
}
.tab-list .tab_02 a { display: block
}
@media screen and (max-width:1000px) { .tab-list { width: auto; display: block; margin: -40px auto 0 }
}
@media screen and (max-width:768px) { .tab-list { display: none }
}
#nav { clear: both; overflow: hidden; border-top: 4px solid #4979c3; background: #222; background-image: linear-gradient(to bottom, #3c3c3c, #191919 100%); box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.25)
}
@media screen and (max-width:768px) { #nav { box-shadow: none; border-top: 0; display: none }
}
#gNav { clear: both; width: 1000px; margin: 0 auto
}
@media screen and (max-width:1000px) { #gNav { width: 100%; font-size: 15px; font-size: 1.5rem }
}
@media screen and (max-width:768px) { #gNav { margin: 0; padding-bottom: 0 }
}
.gNav-list { border-left: 1px solid #000; border-right: 1px solid rgba(255, 255, 255, 0.15); overflow: hidden; margin-right: 1px; margin-left: 1px
}
@media screen and (max-width:1000px) { .gNav-list { margin-right: 0; margin-left: 0; border: 0 }
}
.gNav-item { float: left; font-size: 16px; font-size: 1.6rem; font-weight: bold; letter-spacing: 2px; width: 16.666%; box-sizing: border-box; border-right: 1px solid #000; text-align: center; line-height: 1; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
@media screen and (max-width:1000px) { .gNav-item { font-size: 14px; font-size: 1.4rem }
}
.gNav-item a { color: #fff; display: block; box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.15); padding: 14px 0; background-image: linear-gradient(to bottom, #3c3c3c, #191919 100%); -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.gNav-item a:hover { background: #6a6a6a; background: -moz-linear-gradient(top, #6a6a6a 0, #414141 100%); background: -webkit-linear-gradient(top, #6a6a6a 0, #414141 100%); background: linear-gradient(to bottom, #6a6a6a 0, #414141 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#414141', GradientType=0)
}
.gNav-item a.select { background: #6a6a6a; background: -moz-linear-gradient(top, #6a6a6a 0, #414141 100%); background: -webkit-linear-gradient(top, #6a6a6a 0, #414141 100%); background: linear-gradient(to bottom, #6a6a6a 0, #414141 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#414141', GradientType=0)
}
@media screen and (max-width:768px) { .gNav-item { width: auto; float: none; font-size: 14px; font-size: 1.4rem; letter-spacing: 1px; border-bottom: 1px solid #fff; position: relative } .gNav-item a { padding: 15px 10px; margin: 0; color: #fff; background: #2f54a2; display: block; width: 100% } .gNav-item a:after { position: absolute; right: 10px; top: 50%; margin-top: -10px; color: #fff; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 20px; font-size: 2rem; line-height: 20px }
}
.sp-disp { display: none
}
@media screen and (max-width:768px) { .sp-disp { display: block }
}
#btn_contact { position: absolute; top: 40px; right: 10px; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 0; margin: 0; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
#btn_contact a { color: #2f54a2; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
#btn_contact a:hover { opacity: .3
}
@media screen and (max-width:768px) { #btn_contact { font-size: 13px; font-size: 1.3rem; top: 24px; right: 60px; background: 0 } #btn_contact a { padding: 10px 7px 10px 18px; position: relative; color: #fff; background: #2f54a2 } #btn_contact a:after { position: absolute; left: 8px; top: 50%; margin-top: -8px; color: #fff; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 15px; font-size: 1.5rem; line-height: 15px }
}
.spNavBtn_open { display: none
}
@media screen and (max-width:768px) { .spNavBtn_open { display: block; position: absolute; top: 17px; right: 0 } .spNavBtn_open a { text-align: center; display: block; font-size: 30px; font-size: 3rem } .spNavBtn_open a .icon-color { color: #2f54a2 }
}
@media screen and (max-width:480px) { .spNavBtn_open { top: 10px } .spNavBtn_open a { font-size: 26px; font-size: 2.6rem }
}
.spNavBtn_close { display: none
}
@media screen and (max-width:768px) { .spNavBtn_close { display: block; border-bottom: 1px solid #fff } .spNavBtn_close a { background: #9b4b7e; text-align: center; display: block; font-size: 18px; font-size: 1.8rem; color: #fff; padding: 5px 0 }
}
.title-wrapper { background: url(/-/media/OS-SELNAJAYA/jp/Images/common/bg-main.png) repeat 0 0; overflow: hidden; height: 260px
}
@media screen and (max-width:768px) { .title-wrapper { height: auto }
}
@media screen and (min-width:481px) and (max-width:768px) { .title-wrapper { background-size: 400px }
}
@media screen and (max-width:480px) { .title-wrapper { background-size: 200px }
}
.contents { overflow: hidden; margin: 0 auto; padding-bottom: 80px
}
@media screen and (max-width:480px) { .contents { float: none; width: auto }
}
#mainContents { width: 72%; float: right
}
@media screen and (max-width:1000px) { #mainContents { width: 70% }
}
@media screen and (max-width:900px) { #mainContents { width: 66% }
}
@media screen and (max-width:768px) { #mainContents { float: none; width: auto; padding: 0 10px; margin-bottom: 60px }
}
@media screen and (max-width:480px) { #mainContents { padding: 0 }
}
#subContents { width: 240px; float: left
}
@media screen and (max-width:768px) { #subContents { float: none; width: auto; padding: 0 10px }
}
.subCont-box { border: 1px solid #cdced8; margin-bottom: 20px; padding: 10px 8px 18px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28); background: #555
}
.subCont-box-w h3 { color: #134A9B; line-height: 40px; padding-left: 20px; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.4)
}
.subCont-box h3 { color: #ffffff; line-height: 40px; padding-left: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.4)
}
@media screen and (max-width:768px) { .subCont-box h3 { font-size: 18px; font-size: 1.8rem }
}
.subCont-inner { border-top: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden
}
.subCont-inner p { font-size: 14px; font-size: 1.4rem
}
.sp-2col { overflow: hidden
}
@media screen and (max-width:768px) { .sp-2col { display: table; padding-top: 20px; width: 100%; border-collapse: separate; border-spacing: 5px }
}
@media screen and (max-width:480px) { .sp-2col { display: block; padding-top: 5px }
}
.subCont-btn { text-align: center
}
.subCont-btn a { display: block; position: relative; font-size: 16px; font-size: 1.6rem; font-weight: bold; text-shadow: 1px 1px 0 #fff; color: #134A9B; padding-left: 18px; line-height: 50px; border: 2px solid #fff; background: #fff; background: -moz-linear-gradient(top, #fff 0, #dddcdc 100%); background: -webkit-linear-gradient(top, #fff 0, #dddcdc 100%); background: linear-gradient(to bottom, #fff 0, #dddcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddcdc', GradientType=0)
}
.subCont-btn a:hover { background: #dddcdc; background: -moz-linear-gradient(top, #dddcdc 1%, #fff 100%); background: -webkit-linear-gradient(top, #dddcdc 1%, #fff 100%); background: linear-gradient(to bottom, #dddcdc 1%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddcdc', endColorstr='#ffffff', GradientType=0)
}
.subCont-btn .fa { font-size: 20px; font-size: 2rem; position: absolute; left: 10px; top: 50%; margin-top: -11px
}
@media screen and (max-width:768px) { .subCont-btn { display: table-cell; width: 50% } .subCont-btn a { font-size: 18px; font-size: 1.8rem }
}
@media screen and (max-width:480px) { .subCont-btn { display: block; width: 100% } .subCont-btn .fa { font-size: 26px; font-size: 2.6rem; margin-top: -14px; left: 20px }
}
.subCont-btn2 { margin-top: 15px; width: 100%
}
.subCont-btn2 a { border: 1px solid #fff; line-height: 40px; text-align: center; display: block; color: #2f54a2; font-weight: bold; text-shadow: 1px 1px 0 #fff; border: 2px solid #fff; background: #fff; background: -moz-linear-gradient(top, #fff 0, #dddcdc 100%); background: -webkit-linear-gradient(top, #fff 0, #dddcdc 100%); background: linear-gradient(to bottom, #fff 0, #dddcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddcdc', GradientType=0); font-size: 16px; font-size: 1.6rem; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s
}
.subCont-btn2 a:hover { background: #dddcdc; background: -moz-linear-gradient(top, #dddcdc 1%, #fff 100%); background: -webkit-linear-gradient(top, #dddcdc 1%, #fff 100%); background: linear-gradient(to bottom, #dddcdc 1%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddcdc', endColorstr='#ffffff', GradientType=0)
}
@media screen and (max-width:768px) { .subCont-btn2 a { font-size: 18px; font-size: 1.8rem }
}
/*.subJob { background: #863969; background: -moz-linear-gradient(top, #863969 0, #7a2f5d 100%); background: -webkit-linear-gradient(top, #863969 0, #7a2f5d 100%); background: linear-gradient(to bottom, #863969 0, #7a2f5d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#863969', endColorstr='#7a2f5d', GradientType=0)*/
.subJob { background: #E0F1F7; background: -moz-linear-gradient(top, #E0F1F7 0, #E0F1F7 100%); background: -webkit-linear-gradient(top, #E0F1F7 0, #E0F1F7 100%); background: linear-gradient(to bottom, #E0F1F7 0, #E0F1F7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0F1F7', endColorstr='#E0F1F7', GradientType=0)
}
.subJob p {margin-top: 15px;/*margin-bottom: 0*/margin-left: 10px;margin-right: 10px;
}
.subContact { background: #325dad; background: -moz-linear-gradient(top, #325dad 0, #244da1 100%); background: -webkit-linear-gradient(top, #325dad 0, #244da1 100%); background: linear-gradient(to bottom, #325dad 0, #244da1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#325dad', endColorstr='#244da1', GradientType=0)
}
.subContact p { color: #fff; margin-top: 15px; margin-bottom: 0
}
@media screen and (max-width:768px) { .subContact .subCont-tel, .subContact .subCont-mail { margin: 0 15px 0 0; float: left; font-size: 20px; font-size: 2rem }
}
@media screen and (max-width:480px) { .subContact .subCont-tel, .subContact .subCont-mail { margin: 15px 0 0; float: none; font-size: 18px; font-size: 1.8rem }
}
.subContact .fa { font-weight: bold; margin-right: 8px
}
.subCont-banner { overflow: hidden
}
@media screen and (max-width:768px) { .subCont-banner { margin-bottom: 20px } .subCont-banner p { width: 50%; text-align: center; margin: 0; float: left } .subCont-banner p img { width: 100%; max-width: 240px; height: auto }
}
.subOffice { background: #444
}
.subOffice h4 { background: #2f54a2; font-size: 18px; font-size: 1.8rem; letter-spacing: 1px; color: #fff; line-height: 36px; padding-left: 10px
}
.subOffice p { font-size: 14px; font-size: 1.4rem; margin-top: 15px; margin-bottom: 0
}
.subOffice-box { background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28); padding: 2px; margin-top: 20px
}
.subOffice-inner { overflow: hidden; padding: 8px
}
.subOffice-inner p { margin-top: 15px; margin-bottom: 12px
}
@media screen and (max-width:768px) { .subOffice-inner a { display: table-cell; }
}
@media screen and (max-width:768px) { .subOffice-inner p { font-size: 16px; font-size: 1.6rem; margin-top: 0 }
}
@media screen and (max-width:768px) { .subOffice-inner span { display: block; margin-top: 15px }
}
.subOffice-inner .subOffice-name { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin: 8px 0
}
.subOffice-inner .subOffice-image { margin-top: 0
}
.subOffice-inner .subOffice-image img { max-height: 126px; max-width: 200px;
}

@media screen and (max-width:768px) { .subOffice-inner .subOffice-image img { min-width: -webkit-fill-available !important;}
}

.subOffice-list { font-weight: bold; padding: 10px 0 5px; border-top: 1px solid #ccc; position: relative
}
.subOffice-list li { font-size: 14px; font-size: 1.4rem; line-height: 1; margin-bottom: 12px
}
@media screen and (min-width:481px) and (max-width:768px) { .subOffice-list li { float: left; margin-right: 20px; margin-top: 10px }
}
.subOffice-list .mapLink { position: absolute; right: 0
}
@media screen and (min-width:481px) and (max-width:768px) { .subOffice-list .mapLink { position: static; margin-left: 10px }
}
.contactBottom { background: url(/-/media/OS-SELNAJAYA/jp/Images/common/bg_main.jpg) no-repeat; background-size: cover; background-position: center center; position: relative
}
.contactBottom-bg { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 90; width: 100%; height: 100%
}
.contactBottom-wrapper { overflow: hidden; padding: 40px 0
}
@media screen and (max-width:480px) { .contactBottom-wrapper { width: auto; padding: 20px 10px 0 }
}
.contactBottom-item { width: 44%; margin: 0 3%; position: relative; z-index: 100; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); float: left; padding: 20px
}
.contactBottom-item a { background: #2f54a2; text-align: center; font-size: 16px; font-size: 1.6rem; position: relative; color: #fff; display: block; width: 100%; padding: 10px 0; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.contactBottom-item a:hover { background: #4979c3
}
.contactBottom-item a:after { font-family: "FontAwesome"; content: '\f105'; position: absolute; margin-top: -10px; right: 16px; top: 50%; font-size: 18px; line-height: 1
}
@media screen and (max-width:768px) { .contactBottom-item a { font-size: 14px; font-size: 1.4rem }
}
.contactBottom-item .fa { font-size: 18px; margin-right: 10px
}
@media screen and (min-width:769px) { .contactBottom-item { width: 48%; margin: 1% }
}
@media screen and (min-width:481px) and (max-width:768px) { .contactBottom-item { width: 48%; margin: 1%; padding-bottom: 20px }
}
@media screen and (max-width:480px) { .contactBottom-item { padding-bottom: 20px; width: 100%; margin: 0; margin-bottom: 20px } .contactBottom-item a { display: block; padding: 10px 0; text-align: center }
}
.contactBottom-title { font-size: 36px; font-size: 3.6rem; color: #444; text-align: center; padding: 0; margin: 10px 0 30px
}
@media screen and (max-width:768px) { .contactBottom-title img { max-height: 25px }
}
.contactBottom-txt { margin-bottom: 50px; padding: 0; line-height: 30px; min-height: 150px; font-size: 14px; font-size: 1.4rem
}
@media screen and (max-width:768px) { .contactBottom-txt { margin-bottom: 10px; min-height: 140px }
}
@media screen and (max-width:480px) { .contactBottom-txt { min-height: initial; min-height: auto; margin-bottom: 20px }
}
#pageTop { display: none; width: 50px; height: 50px; position: fixed; bottom: 50px; right: 50px; z-index: 9999
}
#pageTop a { display: block; position: relative; background: #2f54a2; color: #fff; border-radius: 50%; width: 50px; height: 50px; -moz-transition: opacity .3s; -o-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s
}
#pageTop a:after { font-family: "FontAwesome"; display: block; content: '\f106'; font-size: 24px; font-size: 2.4rem; line-height: 24px; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -12px
}
#pageTop a:hover { opacity: .5
}
@media screen and (max-width:768px) { #pageTop { display: block; position: static; width: 100%; background: #fff; padding: 20px 0 10px 0 } #pageTop a { float: right; margin-right: 10px; width: 40px; height: 40px }
}
.sns { width: 1000px; padding: 40px 0; overflow: hidden; margin: 0 auto
}
.sns .sns-inner { display: inline
}
.sns h3 { float: left; padding: 10px 0; margin: 0 24px 0 0
}
@media screen and (max-width:480px) { .sns h3 { float: none; margin: 0; margin-bottom: 10px; text-align: center }
}
.sns .sns-list { float: left
}
@media screen and (max-width:480px) { .sns .sns-list { float: none; display: table-cell; text-align: center }
}
.sns li { float: left; margin-right: 24px; font-size: 18px; font-size: 1.8rem; line-height: 40px
}
@media screen and (max-width:480px) { .sns li { margin: 0 10px }
}
.sns a { color: #333
}
.sns a:hover { color: #2f54a2
}
.sns a:hover .sns-icon { background: #2f54a2
}
@media screen and (max-width:480px) { .sns { width: auto; overflow: hidden; padding: 20px 10px; text-align: center }
}
.sns-icon { background: #333; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; margin-right: 7px; color: #fff
}
@media screen and (max-width:480px) { .sns-icon { margin: 0 }
}
@media screen and (max-width:480px) { .sns-txt { display: none }
}
#groupCompany { background: #f9f9f9; overflow: hidden; padding: 40px 0
}
.groupList { overflow: hidden; margin-left: -20px
}
@media screen and (max-width:1020px) { .groupList { width: 762px; margin: 0 auto }
}
@media screen and (min-width:481px) and (max-width:768px) { .groupList { width: 720px; margin: 0 auto }
}
@media screen and (max-width:480px) { .groupList { width: auto }
}
.groupList span.small { font-size: 11px
}
@media screen and (min-width:481px) and (max-width:768px) { .groupList span { font-size: 11px; font-size: 1.1rem }
}
@media screen and (max-width:480px) { .groupList span { display: none }
}
.groupList li { float: left; font-size: 12px; list-style: none; margin-left: 20px; margin-bottom: 15px
}
@media screen and (max-width:1020px) { .groupList li { margin-left: 10px; margin-right: 10px }
}
@media screen and (max-width:480px) { .groupList li { margin: 0; width: 50%; background: #fff; text-align: center; box-sizing: border-box; border: 2px solid #f9f9f9 }
}
.groupList li a { text-decoration: none
}
.groupList img { display: block; background: #fff; padding: 10px 22px; margin-bottom: 5px; border: 1px solid #ccc
}
@media screen and (min-width:481px) and (max-width:768px) { .groupList img { padding: 10px 15px }
}
@media screen and (max-width:480px) { .groupList img { margin: 0; padding: 10px 6px; border: 0 }
}
.groupList li span:before { font-family: FontAwesome; content: "\f105"; margin-right: 3px; padding-left: 1px
}
#groupSite { padding: 40px 0
}
#footer { clear: both; background: #222
}
.footer-inner { position: relative; overflow: hidden
}
@media screen and (max-width:768px) { .footer-inner { width: auto; padding: 0 10px }
}
.footer-list { float: left; line-height: 72px
}
.footer-list a { color: #fff
}
@media screen and (max-width:768px) { .footer-list { padding: 0 }
}
@media screen and (max-width:480px) { .footer-list { float: none; padding-top: 20px; line-height: 1; text-align: center; font-size: 12px; font-size: 1.2rem }
}
#footer-copy { float: right; color: #fff; margin: 0; line-height: 72px
}
@media screen and (max-width:480px) { #footer-copy { width: auto; text-align: center; line-height: 40px; float: none; font-size: 12px; font-size: 1.2rem }
}
.title, .title_2 { font-size: 26px; font-size: 2.6rem; line-height: 1; padding-top: 5px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #ccc
}
@media screen and (min-width:481px) and (max-width:768px) { .title, .title_2 { margin-top: 0; margin-bottom: 30px; font-size: 24px; font-size: 2.4rem }
}
@media screen and (max-width:480px) { .title, .title_2 { font-size: 20px; font-size: 2rem; margin-top: 0; margin-bottom: 20px }
}
@media screen and (max-width:480px) { .title span, .title_2 span { margin-top: 10px; display: block }
}
.title_2 { border: 0; margin-bottom: 0
}
.title-substance { font-size: 18px; font-size: 1.8rem; color: #2f54a2; margin-left: 20px
}
.subTitle, .subTitle_2 { clear: both; font-weight: bold; font-size: 18px; font-size: 1.8rem; background: #edf0f6; line-height: 28px; margin-bottom: 30px; padding: 10px 0
}
@media screen and (max-width:480px) { .subTitle, .subTitle_2 { font-size: 16px; font-size: 1.6rem }
}
.subTitle:before, .subTitle_2:before { content: ""; border-left: 6px solid #2f54a2; padding-right: 10px; height: 28px; float: left; display: block
}
.catch { font-size: 20px; font-size: 2rem; font-weight: bold; color: #2f54a2; margin-bottom: 15px
}
@media screen and (max-width:480px) { .catch { font-size: 18px; font-size: 1.8rem }
}
.catch.mt30 { margin-top: 30px
}
.catch.mb0 { margin-bottom: 0
}
.subTitle_2 { text-align: center
}
.subTitle_3 { margin-top: 0; margin-bottom: 50px; padding: 0; color: #2f54a2; font-size: 36px; font-size: 3.6rem
}
@media screen and (min-width:481px) and (max-width:768px) { .subTitle_3 { margin-top: 0; margin-bottom: 30px; font-size: 28px; font-size: 2.8rem }
}
@media screen and (max-width:480px) { .subTitle_3 { font-size: 20px; font-size: 2rem; margin-top: 0; margin-bottom: 15px }
}
.subTitle_3:after { content: ""; clear: both
}
.section_last { padding-bottom: 70px
}
@media screen and (min-width:481px) and (max-width:768px) { .section_last { padding-bottom: 20px }
}
@media screen and (max-width:480px) { .section_last { padding-bottom: 10px }
}
.btn { margin: 50px 0 70px 0; font-size: 16px; font-size: 1.6rem; line-height: 1; font-family: 'Montserrat', sans-serif
}
.btn a { padding: 10px 50px 10px 55px; position: relative; color: #2f54a2; background: #fff; border: 1px solid #2f54a2; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.btn a:after { position: absolute; left: 20px; top: 50%; margin-top: -13px; color: #2f54a2; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 26px; font-size: 2.6rem; line-height: 26px
}
.btn a:hover { opacity: .3
}
@media screen and (min-width:481px) and (max-width:768px) { .btn { margin-top: 40px; margin-bottom: 40px }
}
@media screen and (max-width:480px) { .btn { margin-top: 30px; margin-bottom: 30px; width: 100%; text-align: center; text-indent: .2rem } .btn a { display: block; padding: 15px 0 }
}
#mainV { padding-top: 151px; margin-bottom: 60px; width: 100%; background: #eee
}
@media screen and (max-width:768px) { #mainV { width: 100%; padding-top: 95px }
}
@media screen and (max-width:480px) { #mainV { /*width: 100%; margin-bottom: -50px; background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_01.jpg) no-repeat; margin-top: 10px; background-size: contain;*/
    /*width: 100%;
    padding-top: 85px;
    margin-bottom: 30px;
    background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_01.jpg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 100% 100%;
    background-position: center center;
    background-position-x: center;
    background-position-y: center;
    margin-top: 73px;
    background-size: cover;
    height: 100%;*/ 
    width: 100%;
    margin-bottom: -50px;
    background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_01.jpg) no-repeat;
    margin-top: 71px;
    background-size: 100% 70%; }
}
.sp-message { display: none
}
@media screen and (max-width:480px) { .sp-message { display: block; margin-top: 40px; padding: 0 20px } .sp-message img { width: 100%; height: auto } 
}
.flexslider { position: relative
}
@media screen and (max-width:768px) { .flexslider { width: 100%; height: 300px; min-width: initial }
}
@media screen and (max-width:480px) { .flexslider { width: 100%; height: 160px; overflow: hidden }
}
@media screen and (max-width:480px) { .slides { display: none } .slides .flex-direction-nav { display: none }
}
@media screen and (max-width:480px) { .flex-direction-nav { display: none }
}
.flexslider .slides img { display: inline; width: auto !important
}
.mainV-inner { height: 365px; width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; position: relative
}
@media screen and (max-width:768px) { .mainV-inner { height: 300px }
}
#bg-slides_01 { background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_01.jpg) no-repeat; background-size: 100% 100%
}
#bg-slides_01 img { position: absolute; left: 50%; top: 50%; margin-left: -359px; margin-top: -75px
}
@media screen and (max-width:768px) { #bg-slides_01 img { width: 600px !important; margin-left: -300px; margin-top: -61px }
}
#bg-slides_02 { background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_02.jpg) no-repeat; background-size: cover
}
#bg-slides_02 img { position: absolute; right: 15px; bottom: 20px
}
@media screen and (max-width:768px) { #bg-slides_02 img { right: 10px; height: 165px }
}
@media screen and (max-width:768px) { #bg-slides_02 { background-position: center center }
}
#bg-slides_03 { background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_03.jpg) no-repeat; background-size: cover
}
#bg-slides_03 img { position: absolute; right: 15px; bottom: 20px
}
@media screen and (max-width:768px) { #bg-slides_03 img { height: 210px }
}
@media screen and (max-width:768px) { #bg-slides_03 { background-position: center center }
}
#bg-slides_04 { background: url(/-/media/OS-SELNAJAYA/jp/Images/top/slider/topVi_04.jpg) no-repeat; background-size: cover
}
#bg-slides_04 img { position: absolute; left: 0; bottom: 20px
}
@media screen and (max-width:768px) { #bg-slides_04 img { left: 10px; height: 185px }
}
.topTitle { margin: 0 0 24px; float: left
}
@media screen and (max-width:480px) { .topTitle { max-width: 50% } .topTitle img { width: auto; max-height: 25px }
}
.topBtn { margin: 8px 0 20px; float: right
}
.topBtn a { font-size: 90%; min-width: 120px; line-height: 1; text-align: center; background: #444; text-decoration: none; padding: 10px 20px 10px 30px; position: relative; margin: 0; color: #fff; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; display: block
}
.topBtn a:after { font-family: "FontAwesome"; content: '\f105'; position: absolute; margin-top: -9px; left: 16px; top: 50%; font-size: 16px; color: #fff
}
.topBtn a:hover { background: #2f54a2
}
@media screen and (max-width:480px) { .topBtn a { min-width: 80px }
}
.topService-box { clear: both; overflow: hidden; margin-bottom: 30px; border: 1px solid #cdced8; background: url(/-/media/OS-SELNAJAYA/jp/Images/common/bg_contents.jpg) repeat; padding: 20px 0 5px 15px
}
.topService-box h3 { margin-bottom: 20px; padding-left: 12px; font-size: 20px; font-size: 2rem
}
@media screen and (max-width:480px) { .topService-box h3 { margin-left: 10px; padding-left: 8px; font-size: 18px; font-size: 1.8rem }
}
@media screen and (max-width:480px) { .topService-box { padding-left: 0; margin-bottom: 15px }
}
.topService-box a { color: #333
}
.topService-box a:hover { color: #2f54a2
}
.topService-title_01 { border-left: 4px solid #0070bb
}
.topService-title_02 { border-left: 4px solid #ed6a06
}
.topService-title_03 { border-left: 4px solid #009144
}
.topService-item { float: left; background: #fff; box-sizing: border-box; width: 220px; padding: 10px; margin-right: 14px; margin-bottom: 15px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.15)
}
.topService-item img { width: 100%; height: auto
}
.topService-item h4 { margin: 12px 0 0; padding-right: 5px; text-align: center; font-size: 15px; font-size: 1.5rem
}
.topService-item h4:before { font-family: FontAwesome; content: '\f105'; font-size: 18px; font-size: 1.8rem; color: #2f54a2; margin-right: 5px
}
@media screen and (min-width:481px) and (max-width:768px) { .topService-item { width: 47% }
}
@media screen and (max-width:480px) { .topService-item { width: 47%; margin-right: 0; margin-left: 2% } .topService-item h4 { font-size: 13px; font-size: 1.3rem } .topService-item h4:before { content: "" }
}
#topNews { font-size: 14px
}
#news-select { overflow: hidden; margin-bottom: 40px; width: auto; padding: 10px; background: #f9f9f9; border: 1px solid #ccc
}
#news-select p { font-weight: bold; color: #2f54a2; padding-top: 5px; display: inline; margin-right: 10px
}
#news-select select { padding: 5px 10px; width: 300px; border: 1px solid #ccc; background: #fff; border-radius: 0
}
.news { border-bottom: 1px solid #d1d6db
}
.topNews-list { clear: both; border-top: 1px solid #d1d6db; line-height: 24px; margin: 0; position: relative; overflow: hidden
}
.topNews-list a { color: #333; text-decoration: none; display: block; padding: 20px 0; overflow: hidden
}
.topNews-list a:hover { background: #f2f2f2
}
.topNews-list dt { float: left; padding-left: 10px; margin-right: 10px; clear: both
}
@media screen and (max-width:480px) { .topNews-list dt { padding-left: 0; margin-bottom: 10px }
}
.topNews-list dd { float: left; margin-left: 0; margin-right: 10px
}
.topNews-list.last { border-bottom: 1px solid #d1d6db
}
.topNews-list:after { font-family: "FontAwesome"; content: '\f105'; position: absolute; margin-top: -10px; right: 16px; top: 50%; font-size: 20px; color: #0064b2
}
.topNews-day { font-size: 15px; font-size: 1.5rem
}
@media screen and (max-width:480px) { .topNews-day { font-size: 14px; font-size: 1.4rem }
}
.topNews-category { color: #0064b2; border: 1px solid #0064b2; background: #fff; line-height: 22px; font-size: 90%; width: 110px; text-align: center; margin-bottom: 5px
}
@media screen and (max-width:480px) { .topNews-category { font-size: 12px; font-size: 1.2rem }
}
.topNews-text { clear: both; font-size: 15px; font-size: 1.5rem; padding-left: 10px; padding-right: 20px
}
@media screen and (max-width:480px) { .topNews-text { font-size: 14px; font-size: 1.4rem; padding-left: 0 }
}
.newsTop { margin-bottom: 60px
}
.news-archiveLink { position: absolute; right: 0; bottom: 12px; font-size: 12px; font-size: 1.2rem; letter-spacing: .1rem
}
.news-archiveLink a { background: #333; border: 1px solid #333; color: #fff; padding: 5px 10px; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.news-archiveLink a:hover { background: #fff; color: #333; text-decoration: none
}
.news-list { width: 100%; clear: both; border-top: 1px solid #ccc
}
.news-item { border-bottom: 1px solid #ccc; clear: both; overflow: hidden
}
.news-link { display: block; padding: 15px 20px 15px 10px; overflow: hidden; position: relative; color: #333; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
@media screen and (max-width:480px) { .news-link { padding-left: 0 }
}
.news-link:after { display: block; font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 20px; font-size: 2rem; line-height: 20px; color: #2f54a2; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
@media screen and (max-width:480px) { .news-link:after { right: 0 }
}
@media screen and (min-width:1001px) { .news-link:hover { color: #333; background: #f2f2f2 } .news-link:hover:after { right: 5px }
}
.news-date { display: block; float: left; margin-right: 20px; line-height: 24px; font-size: 15px
}
.news-ico { float: left; color: #0064b2; border: 1px solid #0064b2; background: #fff; line-height: 22px; font-size: 90%; width: 125px; text-align: center; margin-bottom: 5px
}
@media screen and (max-width:480px) { .news-ico { font-size: 12px; font-size: 1.2rem }
}
.news-info { clear: both; overflow: hidden
}
.news-title { font-weight: normal; font-size: 15px; line-height: 20px
}
@media screen and (max-width:480px) { .news-title { font-size: 14px; font-size: 1.4rem }
}
.news-notice { margin-top: 30px; clear: both; background: #f9f9f9
}
.news-notice p { margin: 0; padding: 10px; font-size: 12px; font-size: 1.2rem
}
.pager-ctrl { margin-top: 30px; margin-bottom: 30px; overflow: hidden
}
.pager-ctrl li { float: left; margin-right: 5px
}
.pager-ctrl a, .pager-ctrl span { padding: 5px 15px; display: block; border: 1px solid #2f54a2
}
.pager-ctrl a:hover { text-decoration: none; border: 1px solid #2f54a2
}
.pager-current { color: #ccc
}
.pager-current span { border: 1px solid #ccc
}

#mainV_lower { overflow: hidden; padding-top: 151px; height: 217px; text-align: center; background: url(/-/media/OS-SELNAJAYA/jp/Images/common/bg_main.jpg) no-repeat; background-position: center 140px; /*background-size: cover*/
}
#mainV_lower h2 { margin: 0; padding-top: 66px; height: 120px; background: url(/-/media/OS-SELNAJAYA/jp/Images/common/overlay_main.png) repeat
}
@media screen and (max-width:768px) { #mainV_lower h2 { padding-top: 55px } #mainV_lower h2 img { height: 40px }
}
@media screen and (max-width:480px) { #mainV_lower h2 { padding-top: 40px }
}
@media screen and (max-width:768px) { #mainV_lower { padding-top: 90px; height: 140px; background-position: center center }
}
@media screen and (max-width:480px) { #mainV_lower { padding-top: 69px; /*height: 120px;*/ height: 200px; background-position: center center }
}
/*.overlay { height: 190px; background-color: rgba(255, 255, 255, 0.4)*/
}
.overlay {height: 190px;/
}
.topicPath { overflow: hidden; margin-bottom: 20px
}
.topicPath .fa { font-size: 16px; font-size: 1.6rem; margin-right: 5px
}
.topicPath ol { padding-left: 5px
}
.topicPath li { padding-top: 20px; float: left; margin-right: 16px
}
.topicPath a { color: #444
}
.topicPath a:hover { color: #4979c3
}
.topicPath:before { content: ""; display: block; height: 3px; width: 100%; background: -webkit-gradient(linear, left top, right bottom, from(#03a), to(#790042)); background: -moz-linear-gradient(left, #03a, #790042); background: linear-gradient(to right, #03a, #790042)
}
@media screen and (max-width:768px) { .topicPath { margin-bottom: 30px } .topicPath ol { padding-left: 10px; padding-right: 10px }
}
.service-gra, .service-gra_s { margin: 30px 0 10px
}
.service-gra img, .service-gra_s img { width: 100%; height: auto
}
.service-gra_s { max-width: 480px
}
.service-gra.mt0, .mt0.service-gra_s { margin-top: 0
}
.service-gra_02 { margin: 10px 0 15px; width: 310px; border: 1px solid #ccc; box-sizing: border-box; float: left
}
.service-gra_02 img { width: 100%; height: auto
}
.service-intro { float: left; width: 60%; margin-bottom: 30px
}
@media screen and (max-width:480px) { .service-intro { float: none; width: auto }
}
.service-image, .service-image_02 { float: right; width: 35%
}
.service-image p, .service-image_02 p { margin-bottom: 0
}
.service-image img, .service-image_02 img { width: 100%; height: auto
}
@media screen and (max-width:480px) { .service-image, .service-image_02 { margin: 0 0 10px 10px }
}
.service-image_02 { width: 27%; margin-left: 30px
}
.service-index { clear: both
}
.service-index h4 { font-size: 18px; font-size: 1.8rem; padding: 10px 5px; border-bottom: 1px dotted #ccc
}
.service-index ul { margin-top: 20px; padding-left: 5px
}
.service-index a { text-decoration: underline
}
.service-txt { margin-bottom: 30px
}
.serviceItem-box { clear: both; overflow: hidden; margin-bottom: 15px
}
.serviceItem-box h5 { margin: 0; background: #ed6a06; border-radius: 2px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center
}
.serviceItem-box ul { padding: 10px 5px 0
}
.serviceItem-box ul li { float: left; margin-right: 10px
}
.serviceItem-box_2col, .serviceItem-box_2col_2 { overflow: hidden; margin-bottom: 20px; margin-left: -3%
}
@media screen and (max-width:768px) { .serviceItem-box_2col, .serviceItem-box_2col_2 { overflow: auto }
}
@media screen and (max-width:480px) { .serviceItem-box_2col, .serviceItem-box_2col_2 { margin-bottom: 0; margin-left: 0 }
}
.serviceItem-box_2col_2 { margin-bottom: 0
}
.serviceItem_2col { width: 47%; margin-left: 3%; float: left
}
.serviceItem_2col h5 { margin: 0; background: #ed6a06; border-radius: 2px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center
}
.serviceItem_2col p { padding: 10px 5px 0
}
.serviceItem_2col ul { padding: 10px 5px 0 20px
}
.serviceItem_2col ul li { float: left; width: 50%; list-style: circle
}
@media screen and (max-width:480px) { .serviceItem_2col { float: none; width: auto; margin: 0 0 20px }
}
.serviceItem-box_3col, .serviceItem-box_3col_2 { overflow: hidden; margin-bottom: 30px; margin-left: -1.33%
}
@media screen and (max-width:768px) { .serviceItem-box_3col, .serviceItem-box_3col_2 { overflow: auto }
}
@media screen and (max-width:480px) { .serviceItem-box_3col, .serviceItem-box_3col_2 { margin-bottom: 0; margin-left: 0 }
}
.serviceItem-box_3col_2 { margin-bottom: 0
}
.serviceItem_3col { width: 32%; margin-left: 1.33%; float: left
}
.serviceItem_3col h5 { margin: 0; background: #ed6a06; border-radius: 2px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center
}
.serviceItem_3col p { padding: 10px 5px 0
}
@media screen and (max-width:480px) { .serviceItem_3col { float: none; width: auto; margin: 0 0 20px }
}
.trouble-list { margin-bottom: 30px; padding: 10px; border: 1px dotted #ccc
}
.trouble-list li { font-size: 16px; font-size: 1.6rem; font-weight: bold
}
.trouble-list li:before { font-family: "FontAwesome"; display: inline-block; content: '\f06a'; font-size: 20px; font-size: 2rem; color: #2f54a2; margin-right: 5px
}
.trouble-list span { font-weight: normal; font-size: 14px; font-size: 1.4rem
}
.strength { margin-bottom: 30px; position: relative
}
.strength p { margin: 0
}
.strength .service-gra, .strength .service-gra_s { margin: 30px 0 15px
}
.strength.bb { padding-bottom: 20px; border-bottom: 1px solid #ccc
}
.sup { color: #777; margin-bottom: 30px; padding-left: 10px
}
.service-pic_right { float: right; width: 35%; height: 260px; margin-left: 15px; margin-bottom: 15px; background: #000
}
.service-pic_right img { width: 100%
}
.strong { font-size: 16px; font-size: 1.6rem; margin-top: 0; margin-bottom: 10px; font-weight: bold; border-left: #ed6a06 5px solid; padding-left: 8px
}
.serviceCaution { margin-bottom: 30px
}
.serviceCaution li { font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 5px 10px 5px 32px; margin-bottom: 8px; text-indent: -12px; border: 1px solid #ed6a06
}
.serviceCaution li:before { font-family: "FontAwesome"; display: inline-block; content: '\f046'; font-size: 20px; font-size: 2rem; color: #ed6a06; margin-right: 5px
}
.serviceCaution-item_s { width: 58%
}
.gray { padding-left: 3px; padding-right: 3px; color: #999
}
.point { border: 1px dotted #ccc; padding: 15px; margin-bottom: 10px
}
.point h5 { color: #2f54a2; margin-top: 0; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem
}
.point.mb30 { margin-bottom: 30px
}
.level-table th { vertical-align: middle; text-align: center
}
@media screen and (max-width:480px) { .level-table th { display: table-cell; border: 1px solid #ccc }
}
@media screen and (max-width:480px) { .level-table td { display: table-cell; border: 1px solid #ccc }
}
.level-table .level { font-size: 16px; font-size: 1.6rem
}
.level-table .ver1 { width: 10%
}
.level-table .ver2 { width: 30%
}
.simpleList { font-size: 16px; font-size: 1.6rem
}
.simpleList li { list-style: circle; margin-left: 20px
}
.orderList { font-size: 16px; font-size: 1.6rem
}
.orderList li { list-style: decimal; margin-left: 20px; margin-bottom: 10px
}
.orderList li:last-child { margin-bottom: 0
}
.otherList dt { font-weight: bold; font-size: 16px; font-size: 1.6rem
}
.otherList dt a { text-decoration: underline
}
.otherList dd { margin-left: 0; margin-bottom: 15px
}
.scheduleList { overflow: hidden; margin-bottom: 20px
}
.scheduleList dt { background: #f9f9f9; width: 22%; box-sizing: border-box; font-weight: bold; margin-bottom: 10px; float: left; clear: left; font-size: 16px; font-size: 1.6rem; letter-spacing: 1px; padding: 5px 10px
}
@media screen and (max-width:480px) { .scheduleList dt { font-size: 14px; font-size: 1.4rem; letter-spacing: normal; float: none; width: auto }
}
.scheduleList dd { margin-left: 3%; float: left; font-size: 15px; font-size: 1.5rem; padding: 5px 0; width: 75%
}
@media screen and (max-width:480px) { .scheduleList dd { font-size: 14px; font-size: 1.4rem; letter-spacing: normal; margin-top: 0; margin-bottom: 10px; float: none; width: auto }
}
.program-table { margin-bottom: 30px
}
.program-table th { display: table-cell; padding: 3px 8px; border: 1px solid #ccc
}
.program-table td { display: table-cell; padding: 3px 8px; border: 1px solid #ccc
}
.program-table .program-time { width: 80px
}
.program-table .program-image { width: 200px
}
.program-table .program-image img { width: 100%
}
@media screen and (max-width:480px) { .program-table .program-image { display: none }
}
.service-flow { font-size: 14px; font-size: 1.4rem; overflow: hidden; padding: 10px; position: relative; border: 1px solid #cdced8; margin: 0; box-sizing: border-box; display: table; width: 100%; background: #fff; background: -moz-linear-gradient(top, #fff 0, #f8f8f8 100%); background: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%); background: linear-gradient(to bottom, #fff 0, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0)
}
.service-flow:last-child { margin-bottom: 0
}
@media screen and (min-width:481px) and (max-width:768px) { .service-flow { padding: 10px; font-size: 14px; font-size: 1.4rem }
}
@media screen and (max-width:480px) { .service-flow { padding: 0; font-size: 14px; font-size: 1.4rem; font-weight: normal }
}
.service-flow dt { display: table-cell; vertical-align: middle; text-align: center; width: 80px
}
@media screen and (max-width:480px) { .service-flow dt { display: block; width: auto; border: 5px solid #fff; background: #0071bd }
}
.service-flow dt span { border-radius: 50%; line-height: 30px; width: 30px; height: 30px; color: #fff; font-size: 30px; font-size: 3rem; font-family: "Roboto Slab", Garamond, "Times New Roman"; font-style: italic; font-weight: bold; padding: 10px; background: #0071bd; box-shadow: 2px 2px 0 #fff; display: block
}
@media screen and (max-width:480px) { .service-flow dt span { font-size: 20px; font-size: 2rem; box-shadow: none; width: 100%; height: auto; padding: 0; text-align: center }
}
.service-flow dd { display: table-cell; vertical-align: middle; margin-left: 0
}
@media screen and (max-width:480px) { .service-flow dd { display: block; padding: 10px }
}
.service-flow h5 { font-size: 18px; font-size: 1.8rem; color: #0071bd; margin: 0
}
@media screen and (max-width:480px) { .service-flow h5 { font-size: 16px; font-size: 1.6rem }
}
.icon_arrow { background: 0; border: 0; line-height: 1; margin: 0 0 5px; padding: 0; text-align: center; color: #0071bd; font-size: 22px; font-size: 2.2rem
}
.btn-service { margin: 20px 0 40px; padding: 10px 0; overflow: hidden; background: #f9f9f9
}
.btn-service a { float: left; cursor: pointer; width: 46%; padding: 10px 0; position: relative; color: #fff; font-size: 16px; font-size: 1.6rem; background: #2f54a2; border: 0; margin: 0 2%; font-weight: bold; text-decoration: none; text-align: center; display: block; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.btn-service a:hover { background: #4979c3
}
@media screen and (min-width:481px) and (max-width:768px) { .btn-service a { font-size: 15px; font-size: 1.5rem }
}
@media screen and (max-width:480px) { .btn-service a { float: none; width: 100%; margin-bottom: 10px }
}
@media screen and (max-width:480px) { .btn-service { margin-bottom: 0 }
}
.network-item { overflow: hidden; border-bottom: 1px dashed #ccc; margin-bottom: 30px; padding-bottom: 15px
}
.network-pic { width: 30%; margin-left: 20px; float: right
}
.network-pic img { width: 100%; max-width: 224px
}
@media screen and (max-width:768px) { .network-pic { margin-top: 0 }
}
@media screen and (max-width:480px) { .network-pic { width: 40% }
}
.mapLink { color: #2f54a2; font-size: 12px; font-size: 1.2rem; background: #fff; background: -moz-linear-gradient(top, #fff 0, #dddcdc 100%); background: -webkit-linear-gradient(top, #fff 0, #dddcdc 100%); background: linear-gradient(to bottom, #fff 0, #dddcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddcdc', GradientType=0); border-radius: 2px; border: 1px solid #ccc; line-height: 1; margin-left: 13px; padding: 2px 5px; font-weight: normal
}
.mapLink:before { font-family: "FontAwesome"; content: '\f041'; margin-right: 3px
}
.mapLink:hover { background: #eee; color: #2f54a2
}
.network-gra { margin-bottom: 30px
}
.network-gra img { width: 100%
}
.newsDetail { padding: 0 0 120px
}
@media screen and (min-width:481px) and (max-width:768px) { .newsDetail { padding: 40px 0 }
}
@media screen and (max-width:480px) { .newsDetail { padding: 30px 0 }
}
.newsDetail-title { margin-top: 0; margin-bottom: 30; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 30px; font-size: 3rem
}
@media screen and (min-width:481px) and (max-width:768px) { .newsDetail-title { font-size: 28px; font-size: 2.8rem }
}
@media screen and (max-width:480px) { .newsDetail-title { font-size: 20px; font-size: 2rem }
}
.newsDetail-info { overflow: hidden; margin-bottom: 30px
}
.newsDetail-day { float: left
}
.newsDetail-category { float: right; background: #2f54a2; color: #fff; line-height: 24px; font-size: 90%; width: 120px; text-align: center
}
@media screen and (max-width:768px) { .newsDetail-category { margin-left: 10px; font-size: 12px; font-size: 1.2rem; width: 100px }
}
.newsDetail-txt { clear: both
}
.newsDetail-article { text-align: left; border: solid 1px #d1d6db; padding: 15px 10px 15px 10px
}
.newsDetail-article table { width: auto; table-layout: auto; margin: 0 auto 0 auto
}
.newsDetail-article ol { list-style-type: decimal; margin-left: 16px;
}
.newsDetail-article ol li { margin-bottom: 8px;
}
.newsDetail-article ul { list-style-type: disc; margin-left: 16px;
}
.newsDetail-article ul li { margin-bottom: 0px;
}
.newsDetail-article table tr td { padding: 8px;
}
.newsDetail-image { width: 100%; overflow: hidden
}
.newsDetail-img { max-width: 600px; max-height: 420px; margin-bottom: 30px; overflow: hidden; border: 4px solid #ccc
}
.newsDetail-img img { width: 100%
}
.faq-wrapper { overflow: hidden; padding-bottom: 30px
}
#faq-select { overflow: hidden; margin-bottom: 40px; width: auto; padding: 10px; background: #f9f9f9; border: 1px solid #ccc
}
#faq-select p { font-weight: bold; color: #2f54a2; padding-top: 5px; display: inline; margin-right: 10px
}
#faq-select select { padding: 5px 10px; width: 300px; border: 1px solid #ccc; background: #fff; border-radius: 0
}
.faq { overflow: hidden; margin: 0
}
.faq a { color: #2f54a2; text-decoration: underline
}
.faq a:hover { text-decoration: none
}
@media screen and (max-width:480px) { .faq { font-size: 14px; font-size: 1.4rem }
}
.faq-q { clear: both; line-height: 30px; padding: 10px; transition: all .2s; margin-bottom: 15px; font-weight: bold; overflow: hidden; cursor: pointer; font-size: 16px; font-size: 1.6rem
}
.faq-q .faq-ico { font-weight: normal; background: #2f54a2; color: #fff; float: left; display: block; width: 30px; height: 30px; font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; margin-right: 10px
}
.faq-q:hover { background: #eee
}
.faq-a { display: none; clear: both; line-height: 1.8; margin: 0 0 20px; padding: 10px; overflow: hidden
}
.faq-a .faq-ico { background: #9b4b7e; color: #fff; float: left; display: block; width: 30px; height: 30px; font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; margin-right: 10px
}
.faq-txt { margin-left: 40px; display: block
}
.faq-item { list-style: outside decimal; margin-left: 3rem; padding-bottom: 10px
}
.privacy { padding-bottom: 30px; line-height: 1.8
}
.privacy_last { padding-bottom: 70px
}
.privacy-txt_2 { padding-top: 30px; text-align: right
}
.privacy-list li { list-style: outside decimal; margin-left: 2rem; padding-bottom: 20px
}
.privacy-list_2 li { list-style: outside disc; margin-left: 2rem; padding-bottom: 10px
}
.privacy-list_3 li { list-style: outside upper-roman; margin-left: 2rem; padding-bottom: 10px
}
.privacy-list_4 li { list-style: outside upper-alpha; margin-left: 2rem; padding-bottom: 10px
}
.privacy-title { font-size: 16px; font-size: 1.6rem; margin: 30px 0 20px; padding: 0
}
.company-prof { margin-bottom: 30px; width: 100%; border-collapse: collapse
}
.company-prof th { width: 120px; padding: 15px 10px; background: #f9f9f9; border: 1px solid #ccc
}
@media screen and (max-width:480px) { .company-prof th { width: auto; border: 0 }
}
.company-prof td { padding: 15px 10px; border: 1px solid #ccc
}
.company-prof td a { color: #2f54a2
}
@media screen and (max-width:480px) { .company-prof td { width: auto; border: 0 }
}
.history { margin-bottom: 30px; overflow: hidden
}
.history dt { font-weight: bold; float: left; width: 120px; clear: left; margin-bottom: 15px; padding-left: 11px; border-left: 4px solid #ccc
}
.history dd { width: 580px; float: left; margin: 0; margin-bottom: 15px
}
.entry-list { overflow: hidden; background: #f9f9f9; padding: 70px 30px
}
@media screen and (min-width:481px) and (max-width:768px) { .entry-list { padding: 40px 10px }
}
@media screen and (max-width:480px) { .entry-list { padding: 30px 10px }
}
.entry-item { width: 30%; text-align: center; float: left; margin-right: 5%; font-size: 18px; font-size: 1.8rem
}
.entry-item a { display: table; background: #2f54a2; color: #fff; vertical-align: middle; text-align: center; width: 100%; height: 110px; position: relative; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.entry-item a span { display: table-cell; vertical-align: middle; text-align: center; width: 100%; line-height: 1.2
}
.entry-item a:after { -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 0; width: 100%; bottom: 5px; color: #fff; font-family: "FontAwesome"; display: inline-block; content: '\f107'; font-size: 30px; font-size: 3rem; line-height: 1
}
.entry-item a:hover { opacity: .7
}
.entry-item a:hover:after { bottom: -5px
}
@media screen and (min-width:481px) and (max-width:768px) { .entry-item { font-size: 14px; font-size: 1.4rem } .entry-item a { height: 80px } .entry-item a:after { font-size: 24px; font-size: 2.4rem; line-height: 24px }
}
@media screen and (max-width:480px) { .entry-item { width: 100%; font-size: 16px; font-size: 1.6rem; margin-bottom: 10px } .entry-item a { height: 70px } .entry-item a:after { font-size: 24px; font-size: 2.4rem; line-height: 24px }
}
.entry-item_3rd { margin-right: 0
}
.entry-txt { text-align: center
}
.entry-table { width: 100%; font-size: 16px; font-size: 1.6rem
}
.entry-table th { height: auto; margin: 0; padding: 10px 20px; border: 1px solid #ccc; font-weight: normal; width: 180px; background: #f9f9f9
}
.entry-table td { height: auto; margin: 0; padding: 10px 20px; border: 1px solid #ccc; background: #fff
}
.entry-table td h3 { font-size: 18px; font-size: 1.8rem; margin: 0; padding: 0; color: #2f54a2
}
@media screen and (max-width:768px) { .entry-table { font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #ccc } .entry-table th { display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; border-bottom: 0; width: auto } .entry-table td { padding-left: 10px; padding-right: 10px; overflow: hidden; display: block; border-bottom: 0; width: auto }
}
.entry-back { background: #f9f9f9; padding: 20px 0; margin-top: 30px; margin-bottom: 70px; width: 1000px; margin-right: auto; margin-left: auto; overflow: hidden
}
@media screen and (min-width:769px) { .entry-back { width: auto; max-width: 1000px }
}
@media screen and (max-width:768px) { .entry-back { width: auto; max-width: 1000px; margin-left: 10px; margin-right: 10px; padding: 15px 0 }
}
.entry-btn { text-align: center
}
.entry-btn a { background: #2f54a2; color: #fff; padding: 10px 70px; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.entry-btn a:hover { opacity: .7
}
@media screen and (max-width:480px) { .entry-btn a { font-size: 12px; font-size: 1.2rem; padding: 10px 20px }
}
.form { padding-top: 70px; padding-bottom: 70px
}
@media screen and (min-width:481px) and (max-width:768px) { .form { padding-top: 40px; padding-bottom: 40px }
}
@media screen and (max-width:480px) { .form { padding-top: 30px; padding-bottom: 30px }
}
.form table { width: 100%
}
.form table th { height: auto; margin: 0; padding: 10px 20px; border: 1px solid #ccc; font-weight: normal; width: 180px; background: #f9f9f9
}
.form table td { height: auto; margin: 0; padding: 10px 20px; border: 1px solid #ccc; background: #fff
}
.form table td span { margin-right: 5px
}
.form table td input { line-height: 2
}
.form table td li { margin-top: 5px
}
.form table td a { color: #2f54a2; text-decoration: underline
}
@media screen and (max-width:768px) { .form table { border-bottom: 1px solid #ccc } .form table th { display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; border-bottom: 0; width: auto } .form table td { padding-left: 10px; padding-right: 10px; overflow: hidden; display: block; border-bottom: 0; width: auto }
}
@media screen and (max-width:480px) { textarea, select, input[type="text"], input[type="email"] { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
}
.list50 { width: 50%; float: left
}
.form-textarea { width: 100% !important
}
.form-btn_next, #mfp_button_send { font-size: 16px; font-size: 1.6rem; width: 200px; text-align: center; letter-spacing: .2rem; display: block; padding: 10px 0; background: #2f54a2; color: #fff; position: relative; outline: 0; border: 0; margin: 0 auto; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.form-btn_next:after, #mfp_button_send:after { -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 15px; top: 50%; margin-top: -10px; color: #fff; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 20px; line-height: 20px
}
.form-btn_next:hover, #mfp_button_send:hover { opacity: .7
}
.form-btn_next:hover:after, #mfp_button_send:hover:after { left: 25px
}
@media screen and (max-width:480px) { .form-btn_next, #mfp_button_send { width: 100% }
}
#mfp_button_send { float: right; margin: 0 10px
}
@media screen and (max-width:480px) { #mfp_button_send { margin: 0 0 20px 0 }
}
#mfp_button_cancel { float: right; font-size: 16px; font-size: 1.6rem; width: 200px; text-align: center; letter-spacing: .2rem; display: block; padding: 10px 0; background: #9b4b7e; color: #fff; position: relative; outline: 0; border: 0
}
#mfp_button_cancel:after { position: absolute; left: 25px; top: 50%; margin-top: -10px; color: #fff; font-family: "FontAwesome"; display: inline-block; content: '\f105'; font-size: 20px; line-height: 20px
}
@media screen and (max-width:480px) { #mfp_button_cancel { width: 100% }
}
.mfp_buttons { width: 440px; margin: 30px auto 0 auto; overflow: hidden
}
@media screen and (max-width:480px) { .mfp_buttons { width: auto }
}
.must { color: #C00; padding-left: 10px; line-height: 1
}
.enrty-box { clear: both; border: 1px solid #2f54a2; background: #f9f9f9; color: #2f54a2; padding: 20px; font-weight: bold; margin-top: 20px
}
#poricy { height: 14em; overflow: auto; border: #999 1px solid; padding: 5px
}
.thanks { padding-bottom: 70px
}
@media screen and (min-width:481px) and (max-width:768px) { .thanks { padding-bottom: 40px }
}
@media screen and (max-width:480px) { .thanks { padding-bottom: 40px }
}
.contact-form span { color: #C00
}
.contact-form a { text-decoration: underline; color: #2f54a2
}
#contact-table { margin: 30px 0
}
.btn-contact { cursor: pointer; padding: 10px 80px; position: relative; color: #fff; font-size: 16px; font-size: 1.6rem; background: #2f54a2; border: 0; margin: 30px auto 0; font-weight: bold; text-decoration: none; text-align: center; display: block; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s
}
.btn-contact:hover { background: #4979c3
}
.btn_frame { width: 660px; margin: 0 auto; position: relative
}
@media screen and (max-width:480px) { .btn_frame { width: auto }
}
.btn-back { cursor: pointer; background: 0; border: 0; padding: 10px 0; position: absolute; color: #888; top: 0; left: 0
}
@media screen and (max-width:480px) { .btn-back { text-align: center; position: static; margin-top: 20px; width: 100% }
}
.btn-back:before { margin-right: 10px; font-family: "FontAwesome"; font-weight: normal; content: '\f104'; font-size: 18px
}
#siteMap dl { width: 440px; margin-bottom: 50px; border-left: 3px solid #e2e2e2; padding-left: 20px; font-size: 14px; color: #666
}
#siteMap dt { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-bottom: 10px
}
#siteMap dt a { color: #2f54a2
}
#siteMap dt a:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px
}
#siteMap dd { margin-left: 0; margin-bottom: 20px
}
#siteMap h5 { font-size: 18px; font-size: 1.8rem; margin-top: 0; margin-bottom: 10px
}
.siteMap-left { float: left; width: 48%
}
@media screen and (max-width:768px) { .siteMap-left { float: none; width: auto }
}
.siteMap-right { float: right; width: 48%
}
@media screen and (max-width:768px) { .siteMap-right { float: none; width: auto }
}
#coming { margin: 450px auto 0; font-size: 50px; color: #fff
}
#overlay { display: none; width: 100%; height: 100%; text-align: center; position: fixed; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.7)
}