@charset "utf-8";

/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.7; color:#000; letter-spacing:0; font-weight:normal; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

* { -webkit-appearance: none; }

html { min-width:1200px; font-size:62.5%; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden scroll;  }
body { min-width:1200px; font-size:1.8rem; width:100%; height:100%; position:relative; -webkit-text-size-adjust:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button,textarea { outline:0; font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; font-size:1.8rem; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:2.0rem; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }

a { color:#000; line-height:1.5; outline:0; text-decoration:none; transition: all 0.2s ease 0s; }
a:hover { color:#493C31; }
span { transition: all 0.1s ease 0s; }
small { display:block; padding:30px; text-align:center; color:#fff; background:linear-gradient(90deg,rgba(6, 79, 151, 1) 0%, rgba(0, 62, 123, 1) 100%); }

.spMenu { display:none; }
.spMenuList { display:none; }
.spTable { display:none; }
#ci .diSP { display:none; }
#ci .diPC { display:block; }
.pullMenus { display:none; }
.pullWrap { display:none; }

/*--------------------------------------------------
TOP
---------------------------------------------------*/
header { background: #064F97; background:linear-gradient(90deg,rgba(6, 79, 151, 1) 0%, rgba(0, 62, 123, 1) 100%); padding:30px 0 30px 0; box-sizing:border-box; }
.headWrap { justify-content:space-between; width:1160px; margin:0 auto 0 auto; display:flex; background:#fff; border-radius:0.8em; box-sizing:border-box; z-index:999; position:relative; }
.logo a { padding:15px 0 15px 22px; display:inline-block; }
.logo a span { font-size:2.4rem; font-weight:bold; letter-spacing:-1px; vertical-align:middle; }
.logo a img { vertical-align:middle; margin:0 8px 0 0; }
.gNav { display:flex; box-sizing:border-box; align-items:center; }
.gNav li { display:table; height:94px; }
.gNav li:nth-child(5) a { padding:15px 16px; }
.gNav a { display:table-cell; padding:15px 13px; font-size:1.6rem; height:100%; box-sizing:border-box; vertical-align:middle; font-weight:bold; letter-spacing:-1px; }
.gNav a:hover { background:#fffeea; color:#003E7B; }
.contactNav { box-sizing:border-box; height:94px; display:table-cell; vertical-align:middle; padding:15px 20px; background:#EAF4FF; border-radius:0 0.8em 0.8em 0; }
.contactNav span { display:inline-block; padding:0 0 0 24px; color:#003E7B; font-weight:bold; font-size:2.0rem; letter-spacing:-1px; position:relative; }
.contactNav span:after { font-family:'icomoon'; font-size:2.0rem; content:"\e942"; color:#003E7B; position:absolute; left:0; top:0; font-weight:normal; }

.pageTitle { padding:100px 0; text-align:center; background:#eee; position:relative; }
.pageTitle h2 { display:inline-block; background:#fff; padding:20px 50px; font-weight:bold; font-size:3.2rem; color:#003E7B; }
.pageTitle:before { display:block; width:100%; height:100%; position:absolute; left:0; top:0; content:""; background: rgba(6,79,151,0.3); }

.companyBg { background:transparent url("../img/subpage4.jpg") center center no-repeat; background-size:cover; }
.workBg { background:transparent url("../img/subpage1.jpg") center bottom no-repeat; background-size:cover; }
.recruitBg { background:transparent url("../img/subpage3.jpg") center center no-repeat; background-size:cover; }
.accessBg { background:transparent url("../img/subpage2.jpg") center center no-repeat; background-size:cover; }
.policyBg { background:transparent url("../img/subpage5.jpg") center center no-repeat; background-size:cover; }

.pageNation { padding:20px 0; background:#fff; border:solid #ddd; border-width:0 0 1px; }
.pageNation ul { width:1160px; margin:0 auto 0 auto; display:flex; display:-webkit-flex; }
.pageNation ul li { font-size:1.5rem; margin:0 30px 0 0; padding:0 0 0 35px; position:relative; color:#999; }
.pageNation ul li:before { top:-1px; transition: all 0.1s ease 0s; position: absolute; left:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:5px; height:5px; border-top:1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(405deg); transform: rotate(405deg); }
.pageNation ul li:first-child { padding:0; }
.pageNation ul li:first-child:before { display:none; }
.pageNation ul li a { font-weight:bold; color:#32318F; font-size:1.5rem; }

.singleContent { background:#f5f5f5; padding:50px 0; }
.contentWrap { background:#fff; border:solid #ddd; border-width:1px; border-radius:0.4em; width:1160px; margin:0 auto 0 auto; box-sizing:border-box; padding:40px; }
.contentWrap p { margin:0 0 25px; }
.contentWrap > p:last-child { margin:0; }

.workWrap { width:1160px; margin:0 auto 0 auto; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; }
.workContent { width:calc(100% / 2 - 15px); margin:0 0 35px 0; box-sizing:border-box; background:#fff; padding:13px; border-radius:0.4em; border:solid #ddd; border-width:1px; }
.workContent dt { margin:0 0 10px; border-radius:0.4em; width:100%; }
.workContent dt img { max-width:100%; border-radius:0.4em; }
.workContent h3 { font-size:2.6rem; font-weight:bold; margin:0 0 10px; letter-spacing:-1px; }
.workContent p { font-size:1.6rem; }

.footerWrap { border:solid #ddd; border-width:1px 0 0 0; }
.footerWrap ul { width:1160px; margin:0 auto 0 auto; display:flex; border:solid #ddd; border-width:0 0 0 1px; }
.footerWrap ul li { border:solid #ddd; border-width:0 1px 0 0; width:16.6%; }
.footerWrap ul li a { display:block; padding:15px; box-sizing:border-box; font-size:1.4rem; text-align:center; }

.headLine { color:#003D7F; font-size:2.8rem; font-weight:bold; letter-spacing:-1px; position:relative; padding:15px 0 30px 0; }
.headLine:before { position:absolute; content:""; width:20%; height:3px; left:0; top:0; display:block; background:#003D7F; z-index:2; }
.headLine:after { position:absolute; content:""; width:100%; height:3px; background:#eee; left:0; top:0; display:block; }

.lineTitle { font-weight:bold; font-size:1.8rem; border:solid #ddd; border-width:0 0 1px; padding:5px 0 13px 0; margin:0 0 15px; }

.basicList { margin:0 0 25px; }
.basicList li { margin:0 0 5px; }

.aboutPresident { display:flex; margin:0 0 25px; }
.aboutPresident dt { margin:0 30px 0 0; width:213px; }
.aboutPresident dt img { max-width:100%; }
.aboutPresident dd { flex:1; }

.subTitle { border:solid #0f81af; border-width:0 0 0 4px; line-height:1.4; padding:12px 12px 12px 15px; font-weight:bold; font-size:2.2rem; background:#e9f1ff; margin:0 0 20px; }
.subTitle strong { font-weight:bold; display:inline-block; margin:0 0 0 10px; color:#f32525; }

.basicTable { border-collapse:collapse; width:100%; margin:0 auto 40px auto; border:solid #d0d0d0; border-width:1px 0 0 1px; }
.basicTable th { font-size:1.8rem; line-height:1.5; width:25%; font-weight:bold; background:#eff9ff; padding:10px 15px; text-align:left; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.basicTable td { font-size:1.8rem; line-height:1.5; padding:10px 15px; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.basicTable td strong { color:#85AC21; }
.basicTable p { margin:0 0 20px; line-height:1.5; }
.basicTable p:last-child { margin:0; }

.columnContent { display:flex; }
.columnContent > div { width:48%; margin:0 4% 0 0; }
.columnContent > div:last-child { margin:0; }

.history { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.history li { border:dotted #bbb; border-width:0 0 1px; display:table; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:13px 0; }
.history li time { display:table-cell; text-align:left; font-weight:bold; width:180px; color:#003D7F; font-size:1.5rem; }
.history li p { display:table-cell; text-align:left; font-size:1.6rem; }

.shagon { width:220px; }

.accessContent { display:flex; margin:0 0 25px; }
.accessContent > div { width:32%; margin:0 2% 0 0; }
.accessContent > div:last-child { margin:0; }

.subCaption { color:#003D7F; font-size:1.8rem; font-weight:bold; border:solid #ddd; border-width:0 0 1px; padding:0 0 10px 25px; position:relative; margin:0 0 15px; }
.subCaption:before { position:absolute; left:0; top:4px; display:inline-block; content:""; background:#003D7F; padding:6px; -webkit-border-radius:50%; border-radius:50%; width:6px; height:6px; }
.subCaption:after { position:absolute; left:3px; top:7px; display:inline-block; content:""; background:#fff; padding:2px; -webkit-border-radius:50%; border-radius:50%; width:8px; height:8px; }

.topWorksWrap { background:#EAF4FF url("../img/topworkbg.jpg") right top no-repeat; padding:75px 0 75px 0; }
.commonSubTitle { position:relative; padding:0 0 37px; margin:0 0 40px; line-height:1.2; font-size:5.2rem; font-weight:bold; vertical-align:middle; letter-spacing:-1px; }
.commonSubTitle span { line-height:1.2; display:inline-block; margin:0 0 0 25px; font-weight:bold; font-size:2.0rem; vertical-align:middle; color:#003E7A; letter-spacing:-1px; }
.commonSubTitle:after { content:""; width:40px; height:4px; background:#003E7B; position:absolute; left:0; bottom:0; }

.workWrapTitle { width:1160px; margin:0 auto 55px auto; }
.workWrapTitle { display:flex; }
.workWrapTitle dd { flex:1; padding:10px 0 0 120px; }
.workWrapTitle dd p { margin:0 0 5px; font-size:1.7rem; display:inline-block; padding:7px 10px; line-height:1.5; background:#003E7B; box-sizing:border-box; color:#fff; font-weight:bold; letter-spacing:-1px; }

.workWrapTop { width:1160px; margin:0 auto 30px auto; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between; }
.workContentTop { width:calc(100% / 3 - 25px); margin:0 0 35px 0; box-sizing:border-box; background:#fff; padding:13px; border-radius:0.4em; }
.workContentTop dt { margin:0 0 10px; border-radius:0.4em; width:100%; }
.workContentTop dt img { max-width:100%; border-radius:0.4em; }
.workContentTop h3 { font-size:2.6rem; font-weight:bold; margin:0 0 10px; letter-spacing:-1px; }
.workContentTop p { font-size:1.6rem; }

.basicBtn { background:#003E7B; border-radius:5em; padding:12px 70px 13px 70px; display:inline-block; line-height:1.5; }
.basicBtn span { display:inline-block; font-size:2.0rem; padding:0 12px 0 0; font-weight:bold; color:#fff; line-height:1.5; position:relative; }
.basicBtn span:after { line-height:1.4; transition:all 0.1s ease 0s; position:absolute; right:-8px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.basicBtn:hover { background:#229bbf; }

.searchIcon span { padding:0 0 0 26px; }
.searchIcon span:after{ display:none; }
.searchIcon span:before { position:absolute; left:0; top:5px; bottom:0; margin:auto; vertical-align:middle; font-size:16px; color:#fff; font-weight:normal; }


.companyWrapTop { background: linear-gradient(131deg,rgba(6, 79, 151, 1) 0%, rgba(0, 62, 123, 1) 100%); padding:100px 0 100px 0; }
.companyContentTop { width:1160px; margin:0 auto 0 auto; display:flex; justify-content:space-between; }
.companyContentTop > div { width:46%; }
.companyContentTop > div img { max-width:100%; border-radius:0.4em; }
.whiteTitle { color:#fff; }
.whiteTitle span { color:#F0F000; }
.whiteTitle:after { background:#fff; }

.whiteBase { background:#fff; }
.whiteBase span { color:#003E7B; transition:all 0.1s ease 0s; }
.whiteBase span:after { border-color:#003E7B; transition:all 0.1s ease 0s; }
.companyContentTopTxt p { color:#fff; margin:0 0 40px; }
.companyContentTopTxt p:last-child { margin:0; }
.whiteBase:hover span { color:#fff; }
.whiteBase:hover span:after { border-color:#fff; }

.certificateNewsWrap { width:1160px; margin:0 auto 0 auto; display:flex; }
.certificateNewsWrap > div { width:50%; box-sizing:border-box; padding:65px 46px; }
.certificateNewsWrap > div:first-child { border:solid #ddd; border-width:0 1px 0 0;}
.certificateNewsWrap > div img { max-width:100%; }

.commonSubHeadTitle { position:relative; margin:0 0 50px; line-height:1.2; font-size:3.5rem; font-weight:bold; vertical-align:middle; letter-spacing:-1px; }
.commonSubHeadTitle span { line-height:1.2; display:inline-block; margin:0 0 0 23px; font-weight:bold; font-size:2.0rem; vertical-align:middle; color:#003E7A; letter-spacing:-1px; }

.certificateContent p { margin:0 0 30px; }
.newsList { margin:0 0 40px; }
.newsList li:first-child { border-width:1px 0 1px 0; }
.newsList li { border:solid #ddd; border-width:0 0 1px; }
.newsList li a { display:flex; padding:15px 26px 15px 0; position:relative; }
.newsList li a:hover p { color:#003E7B; }
.newsList li a time { display:block; width:100px; font-size:1.6rem; padding:3px 0 0 0; margin:0 30px 0 0; }
.newsList li a p { flex:1; line-height:1.5; transition:all 0.1s ease 0s; }
.newsList li a:after { line-height:1.4; transition:all 0.1s ease 0s; position:absolute; right:10px; top:0; bottom:0; margin:auto; content:""; vertical-align:middle; width:8px; height:8px; border-top:2px solid #888; border-right:2px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.newsList li a:hover:after { border-color:#003E7B; }

/*--------------------------------------------------
SLIDE
---------------------------------------------------*/
.slide_all { width:100%; height:105vh; position:relative; background:#003e7b; left:0; top:0; box-sizing:border-box; margin:0 0 0; padding:30px 0 0; }
.slide_wrap { width:90%; height:105vh; position:absolute; right:0; top:0; background:#000; }
.slide_body { width:100%; height:105vh; box-sizing:border-box; -webkit-box-sizing:border-box; }
.slide { height:105vh; width:100%; }
.slide p { display:none; }
.kv1 { background:transparent url("../img/kv1.jpg") left center no-repeat; background-size:cover; z-index:10; }
.kv2 { background:transparent url("../img/kv2.jpg") center top no-repeat; background-size:cover; z-index:10; }
.kv3 { background:transparent url("../img/kv3.jpg") left center no-repeat; background-size:cover; z-index:10; }
.slideCopy { position:absolute; left:70px; top:50%; z-index:99; margin:-40px 0 0; }
.slideCopy span { color:#003E7A; display:inline-block; background:#fff; font-size:8.0rem; display:inline-block; margin:0 0 12px; padding:20px 25px 20px 25px; line-height:1; font-weight:bold; letter-spacing:-2px; }
.slideCopy span:last-child { margin:0; }

/*--------------------------------------------------
FORM
---------------------------------------------------*/
.contact { margin:0 0 30px; width:100%;  border-collapse:collapse; border-spacing:0; border:#d0d0d0 solid; border-width:1px 0 0 1px; }
.contact th { font-size:15px; padding:15px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#fffbe7; width:25%; text-align:left; font-weight:bold; }
.contact th span { font-size:13px; color:#DA3C14; }
.contact td { padding:13px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#fff; }
.contact td input { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; margin:0 5px 0 0; }
.contact td textarea { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; }
.contact td span { margin:0 10px 0 0; font-size:15px; display:inline-block; }
.contact td em { font-style:normal; font-size:13px; color:#666; display:inline-block; margin:0 0 0 5px; }
.required { color:#DA3C14; }
.contact td input[type=text] { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#jpk .contact td input.ssRange { width:5em; }
#jpk .contact td input.sRange { width:10em; }
#jpk .contact td input.mRange { width:20em; }
#jpk .contact td input.lRange { width:30em; }
#jpk .scape { overflow:hidden; }
#jpk .scape li { float:left; margin:0 20px 0 0; }
#jpk .scape li:last-child { margin:0; }
.recIcon { display:inline-block; color:#fff; font-size:12px; background:#c71c24; -moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; padding:4px 5px 4px 4px; line-height:1; vertical-align:text-top; margin:0 5px 0 0; }

.iconcheckBox { display:block; margin:4px 0 0; font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif; }
.iconcheckBox:before { display:inline-block; transition: all 0.1s ease 0s; font-family: 'icomoon'; content: "\ea52"; font-size:12px; margin:0 5px 0 0; text-decoration:none; color:#c14343; vertical-align:text-top; }

input[type=radio], input[type=checkbox] { display: none; }
.radio {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer;}
.radio:hover:after {border-color: #bbb;}
.radio:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #bbb;border-radius: 50%;content: '';}
.radio:before {outline: 0; -webkit-transition: opacity 0.1s linear;transition: opacity 0.1s linear;position: absolute;top: 50%;left: 5px;display: block;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #AEBC41;content: '';opacity: 0;}
input[type=radio]:checked + .radio:before {opacity: 1;}
.formList li { margin:0 0 10px; }
.formList li:last-child { margin:0; }

.checkbox {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer; }
.checkbox:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #D9D2BD; content: ''; -moz-border-radius:0.1em; -khtml-border-radius:0.1em; -webkit-border-radius:0.1em; border-radius:0.1em;}
.checkbox:before {-webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%;left: 7px; display: block; margin-top: -7px; width: 4px; height: 8px; border-right: 3px solid #1CB193; border-bottom: 3px solid #6BB836; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }

.form-list .custom-select:after { line-height: 137%; }
.custom-select { outline:0; overflow: hidden;display: inline-block;*display: inline;*zoom: 1;position: relative;border: solid #bbb;border-width: 1px;vertical-align: middle;}
.custom-select > select { outline:0; width: 100%;padding: 10px 50px 10px 10px;height: 38px;font-size: 15px;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;background: #fff;vertical-align: middle;color: #333;-webkit-box-sizing: border-box;box-sizing: border-box;}
.custom-select:after { outline:0; position: absolute;top: 0;right: 0;bottom: 0;display: block;pointer-events: none;border: solid #bbb;border-width: 0 0 0 1px;background: #F9F8F3;content: "\ea50";font-family: 'icomoon';transform: rotateX(180deg);font-size: 18px;padding: 5px 8px;}
.error { border:solid #D9D2BD; border-width:2px; padding:20px; background:#F9F8F3; color:#DA3C14; }

textarea { font-size:16px; outline:0; border:solid #D9D2BD; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; display:block; }
.deciList { padding:0 0 0 20px; margin:0 0 20px; }
.deciList li { list-style:decimal; }
.privacyPolicy { border:solid #D9D2BD; border-width:1px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; height:300px; overflow-y:scroll; margin:0 0 20px; padding:10px; }

.sBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #093879; border-width:0 0 2px; font-size:16px; display:inline-block; background:#005ad9; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.red { background:#E74C3C; border-color:#DD2F1C; }
.gray:hover { background:#A5A5A5; }
.red:hover { background:#DD2F1C; color:#fff; }
.gray { background:#BBBBBB; border-color:#A5A5A5; }
.aBtn { text-decoration:none !important; color:#fff !important; font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #097e8b; border-width:0 0 2px; font-size:16px; display:inline-block; background:#099cac; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.aBtn:hover { background:#11aebf; }

.commonBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #341A7E; border-width:0 0 2px; font-size:16px; display:inline-block; background:#4D27BC; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.commonBtn:hover { background:#643ED7; color:#fff; }

.formConfirm { width:1100px; margin:30px auto 0 auto; }
.formConfirmTitle { font-weight:bold; background:#009294; color:#fff; font-size:19px; padding:12px 15px; margin:0 0 20px; }
.success { font-size:24px; line-height:170%; font-weight:bold; color:#23af88; text-align:center; margin:0 0 20px; }
#jpk .error_messe { color:red; margin:0 0 5px; font-weight:bold; font-size:100%; }

.sideTitle { display:inline-block; font-weight:bold; font-size:2.2rem; position:relative; padding:10px 20px; background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px); }

.mTitle { padding:20px 0; font-weight:bold; }
.sTitle { border:solid #0f81af; border-width:0 0 0 5px; color:#0f81af; padding:5px 0 5px 10px; font-weight:bold; margin:0 0 20px; font-size:2.0rem; }

.checkList { margin:0 0 15px; }
.checkList li{ position:relative; padding-left:15px; margin:0 0 5px; font-weight:bold; color:#ff5722; font-size:2.0rem; }
.checkList li:before { content:""; position:absolute; top:0; left:0; bottom:0; margin:auto; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 5px; height: 10px; border-right: 3px solid #ff5722; border-bottom: 3px solid #ff5722; }

/*--------------------------------------------------
ADJUSTMENT
---------------------------------------------------*/
.frImg { margin:0 0 10px 40px !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
.fl { float:left; }
.fr { float:right; }
.tc { text-align:center !important; }
.fB { font-weight:bold; }
.tdvm td { vertical-align:middle !important; }
.thvm th { vertical-align:middle !important; }
.of { overflow:hidden; }
.m0 { margin:0 !important; }
.mauto { margin:0 auto 0 auto!important; }
.mr20 { margin:0 20px 0 0 !important; }
.mb10 { margin:0 0 10px 0 !important; }
.mb20 { margin:0 0 20px 0 !important; }
.mb30 { margin:0 0 30px 0 !important; }
.mb40 { margin:0 0 40px 0 !important; }
.mb50 { margin:0 0 50px 0 !important; }
.mb120 { margin:0 0 120px 0 !important; }
.mb60 { margin:0 0 60px 0 !important; }
.mb80 { margin:0 0 80px 0 !important; }
.mt20 { margin:20px 0 0 0 !important; }
.clear:after { content:""; display:block; clear:both; }
.p0 { padding:0 !important; }
#jpk .radi { border-radius:0; }

#jpk .sFont { font-size:1.5rem; }
#jpk .w5 { width:5%; }
#jpk .w8 { width:8%; }
#jpk .w7 { width:7%; }
#jpk .w420 { width:420px; }
#jpk .w200 { width:200px; }
#jpk .w720 { width:720px; }
#jpk .w10 { width:10%; }
#jpk .w12 { width:12%; }
#jpk .w13 { width:13%; }
#jpk .w15 { width:15%; }
#jpk .w16 { width:16%; }
#jpk .w20 { width:20%; }
#jpk .w22 { width:22%; }
#jpk .w26 { width:26%; }
#jpk .w30 { width:30%; }
#jpk .w35 { width:35%; }
#jpk .w40 { width:40%; }
#jpk .w45 { width:45%; }
#jpk .w50 { width:50%; }
#jpk .w60 { width:60%; }
#jpk .h100 { height:100%; }