@charset "utf-8"; @import url('lower.css'); .infoList .su-row .su-column {margin: 0 0 0 2%;} .infoList .su-column-size-1-2 {width: 49%;} /*--------------------------------------------- reset ---------------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { *font-size: 100%; } legend { color: #000; } li { list-style: none; } img { border: none; background: transparent; vertical-align: bottom; } a img, a:hover img, a:active img { border: none; background: transparent; } li { list-style: none; } img { border: none; background: transparent; vertical-align: bottom; } /*--------------------------------------------- custom ---------------------------------------------*/ *,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} a { text-decoration: none; color: #333333;}a:hover,a:active { text-decoration: none;} html,body { height: 100%; font-size:14px; line-height: 1.5; color: #333333; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: inherit;} /*$行間*/ .wrapInner{ overflow: hidden; margin: 0 auto; max-width:1280px;} /*--------------------------------------------- generic class ---------------------------------------------*/ .txtB { font-weight: bold; }.txtN { font-weight: normal; } .txt_mini{font-size: 85.71%;} .layoutC { text-align: center; }.layoutL { text-align: left; }.layoutR { text-align: right; } .ov{overflow: hidden;}.fl{float: left;}.fr{float: right;} .textDnone{text-decoration: none!important;} .w5p{ width: 5%!important;}.w10p{ width: 10%!important;}.w15p{ width: 15%!important;}.w18p{ width: 18%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w33p{ width: 33.33%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w43p{ width: 43%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;} .wmax{ width: 100%!important; height: auto!important;} /*--------------------------------------------- base margin ---------------------------------------------*/ .mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; } .ml0 { margin-left: 0 !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; } .mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; } .mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; } .w5p{ width:5%!important;}.w10p{ width:10%!important;}.w15p{ width:15%!important;}.w20p{ width:20%!important;}.w25p{ width:25%!important;}.w30p{ width:30%!important;}.w35p{ width:35%!important;}.w40p{ width:40%!important;}.w45p{ width:45%!important;}.w50p{ width:50%!important;}.w55p{ width:55%!important;}.w60p{ width:60%!important;}.w65p{ width:65%!important;}.w70p{ width:70%!important;}.w75p{ width:75%!important;}.w80p{ width:80%!important;}.w85p{ width:85%!important;}.w90p{ width:90%!important;}.w95p{ width:95%!important;}.w100p{ width:100%!important;} .w20e{width: 20em!important;} .maxw800{max-width: 800px!important; margin-left: auto; margin-right: auto;} .maxw980{max-width: 980px!important; margin-left: auto; margin-right: auto;} .maxw1080{max-width: 1080px!important; margin-left: auto; margin-right: auto;} /*--------------------------------------------- font size ---------------------------------------------*/ .fs115{font-size: 115%!important;}.fs129{font-size: 129%!important;}.fs172{font-size: 172%!important;}.fs85{font-size: 85%!important;} .txt_blue{color: #1f2b63!important;} /*--------------------------------------------- grid system ---------------------------------------------*/ .grid {margin: 0 auto;overflow: hidden;padding-right: 0;} .grid:after {content: "";display: table;clear: both;} .colNum {float: left;min-height: 1px;}.push_right { float: right } .gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_35 { margin-right: -35px; margin-bottom: -35px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;} .gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_35 .colNum {margin-bottom: 35px; padding-right: 35px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;} .grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/} .grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;} .grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; } .col_1_1 { width: 100% }.col_2_3,.col_8_12 { width: 66.66% }.col_3_5 { width: 60% }.col_1_2,.col_6_12 { width: 50% }.col_1_3,.col_4_12 { width: 33.33% }.col_1_4,.col_3_12 { width: 25% }.col_1_5 { width: 20% }.col_1_6,.col_2_12 { width: 16.667% }.col_1_7 { width: 14.28% }.col_1_8 { width: 12.5% }.col_1_9 { width: 11.1% }.col_1_10 { width: 10% }.col_1_11 { width: 9.09% }.col_1_12 { width: 8.33% }.col_11_12 { width: 91.66% }.col_10_12 { width: 83.333% }.col_9_12 { width: 75% }.col_5_12 { width: 41.66% }.col_7_12 { width: 58.33% } .push_2_3,.push_8_12 { margin-left: 66.66% }.push_1_2,.push_6_12 { margin-left: 50% }.push_1_3,.push_4_12 { margin-left: 33.33% }.push_1_4,.push_3_12 { margin-left: 25% }.push_1_5 { margin-left: 20% }.push_1_6,.push_2_12 { margin-left: 16.667% }.push_1_7 { margin-left: 14.28% }.push_1_8 { margin-left: 12.5% }.push_1_9 { margin-left: 11.1% }.push_1_10 { margin-left: 10% }.push_1_11 { margin-left: 9.09% }.push_1_12 { margin-left: 8.33% } .colInner{height: 100%;} .tabl_w{display: table; width: 100%;} .tabl_c{display: table-cell; vertical-align: middle;} /*--------------------------------------------- flexslider ---------------------------------------------*/ .flexslider {margin:0; position:relative;} .flex-viewport{ overflow: hidden;} ul.slides>li>img{width: 100%;height: auto;} /* Control Nav */ .flex-control-nav {width:100%; position:absolute; bottom:70px; text-align:center;} .flex-control-nav li {margin:0 10px; display:inline-block;} .flex-control-paging li a {width:8px; height:8px; display:block; background: #505252; cursor:pointer; text-indent:-9999px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .flex-control-paging li a.flex-active { background:#fff; cursor:default;} /* Direction Nav **/ .flex-direction-nav a {display:block;width:40px;height:80px;margin:-40px 0 0;position:absolute;top:50%;overflow:hidden;cursor:pointer;z-index:10;text-indent: -9999px; } .flex-direction-nav .flex-prev {left:0;background: url(../images/arrow_slide_l.png) no-repeat center;}/**/ .flex-direction-nav .flex-next {right:0;background: url(../images/arrow_slide_r.png) no-repeat center;}/**/ .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;} .flex-direction-nav .flex-disabled {opacity:0; cursor:default;} .flex-direction-nav a:before {font-size:40px; display:inline-block; content:'';} /* Slider */ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block; margin: 0 auto;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-prev,.slick-next{ position: absolute; top: 50%; margin-top: -60px; background: #f00; z-index: 2;padding: 0; text-indent: -9999px; width: 64px; height: 120px; border: none; display: block; cursor: pointer; } .slick-prev{ display: none; left: 0; background: url(../images/arrow_slider_left.png) no-repeat center; } .slick-next{ display: none; right: 0; background: url(../images/arrow_slider_right.png) no-repeat center; } .slick-arrow.slick-disabled{ opacity: 0.2; } .slick-dots { position: absolute; bottom: -8px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 0; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; background-image: url(../images/carousel_circle.png); background-repeat: no-repeat; -webkit-background-size: 6px; background-size: 6px; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-position: center top;} .slick-dots li.slick-active button:before { opacity: 1; color: black; background-image: url(../images/carousel_circle_cur.png) ; background-position: center top; } .carouselWrap{position: relative;} .carouselWrap .slick-slider{position: static;} .carouselArea{ max-width: 1260px; margin: 0 auto;} .carouselArea .slick-list{overflow: visible;} .carouselArea>ul.slick-dotted{padding-bottom: 20px;} .carouselArea li.slick-slide {padding: 0; background: #fff; } .carouselArea li.slick-slide:nth-child(2n){margin-top: 75px;} .serviceCard{/*max-width: 420px; */min-height: 320px; margin-right: 140px; padding: 20px 15px 50px 20px; background: url(../images/arrow_right_list_w.png) left 15px bottom 15px no-repeat; -webkit-font-smoothing: antialiased;} .serviceCard .lead{ font-size: 142.86%; display: block; line-height: 1.1;} .serviceCard .ttl{ font-size: 257.14%; display: block; line-height: 1.1; margin-bottom: 10px;-webkit-font-smoothing: antialiased;} .serviceCard dd{font-size: 114.29%; } .cardLink{display: block;background: url(../images/pic_box_sd_01.png) right center no-repeat ; -webkit-background-size: contain; background-size: contain; color: #fff;} .cardLink.bg_sd_01{background-image: url(../images/pic_box_sd_01.png); } .cardLink.bg_sd_01 .serviceCard{background-color: #2b5393;} .cardLink.bg_sd_02{background-image: url(../images/pic_box_sd_02.png); } .cardLink.bg_sd_02 .serviceCard{background-color: #b7904b; } .cardLink.bg_sd_03{background-image: url(../images/pic_box_sd_03.png); } .cardLink.bg_sd_03 .serviceCard{background-color: #4aa0c8; } .cardLink.bg_sd_04{background-image: url(../images/pic_box_sd_04.png); } .cardLink.bg_sd_04 .serviceCard{background-color: #367b5d; } .cardLink.bg_is_01{background-image: url(../images/pic_box_is_01.png); } .cardLink.bg_is_01 .serviceCard{background-color: #416c36;} .cardLink.bg_is_02{background-image: url(../images/pic_box_is_02.png); } .cardLink.bg_is_02 .serviceCard{background-color: #9a4309;} .cardLink.bg_is_03{background-image: url(../images/pic_box_is_03.png); } .cardLink.bg_is_03 .serviceCard{background-color: #c8af4a;} .cardLink.bg_is_04{background-image: url(../images/pic_box_is_04.png); } .cardLink.bg_is_04 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_05{background-image: url(../images/pic_box_is_05.png); } .cardLink.bg_is_05 .serviceCard{background-color: #12548c;} .cardLink.bg_is_06{background-image: url(../images/pic_box_is_06.png); } .cardLink.bg_is_06 .serviceCard{background-color: #237f8a;} .cardLink.bg_is_07{background-image: url(../images/pic_box_is_07.png); } .cardLink.bg_is_07 .serviceCard{background-color: #00b3d6;} .cardLink.bg_is_08{background-image: url(../images/pic_box_is_08.png); } .cardLink.bg_is_08 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_09{background-image: url(../images/pic_box_is_09.png); } .cardLink.bg_is_09 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_10{background-image: url(../images/pic_box_is_10.png); } .cardLink.bg_is_10 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_11{background-image: url(../images/pic_box_is_11.png); } .cardLink.bg_is_11 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_12{background-image: url(../images/pic_box_is_12.png); } .cardLink.bg_is_12 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_13{background-image: url(../images/pic_box_is_13.png); } .cardLink.bg_is_13 .serviceCard{background-color: #4abbc8;} .cardLink.bg_is_14{background-image: url(../images/pic_box_is_14.png); } .cardLink.bg_is_14 .serviceCard{background-color: #6f2727;} .cardLink.bg_ois_01{background-image: url(../images/pic_box_ois_01.png); } .cardLink.bg_ois_01 .serviceCard{background-color: #93372b;} .cardLink.bg_ois_02{background-image: url(../images/pic_box_ois_02.png); } .cardLink.bg_ois_02 .serviceCard{background-color: #343d55;} .cardLink.bg_ois_03{background-image: url(../images/pic_box_ois_03.png); } .cardLink.bg_ois_03 .serviceCard{background-color: #176382;} .cardLink.bg_ois_04{background-image: url(../images/pic_box_ois_04.png); } .cardLink.bg_ois_04 .serviceCard{background-color: #74a550;} /*wp plugin*/ .su-row{text-align: center; margin-top: 30px;} .su-row img{height: auto;} .topicsDetail p{ margin-bottom: 10px; } /*--------------------------------------------- wrap ---------------------------------------------*/ #wrap{ position: relative; height: auto !important; height: 100%; min-height: 100%;} /*--------------------------------------------- header ---------------------------------------------*/ #header .wrapInner{ padding: 15px 10px; max-width: 1400px;} #header .headerContentsWrap{ display: table;width: 100%; position: relative;} #header .headerContentsWrap .siteId, #header .headerContentsWrap .headerContents{ display: table-cell; vertical-align: middle; height: 70px;} #header .headerContentsWrap .siteId{ width: 300px; padding: 20px;} #header .headerContentsWrap .siteId .center_logo{position: absolute; left: 50%; top: 50%; margin-left: -115px; margin-top: -30px;} #header .headerContentsWrap .headerContents .headerConTop, #header .headerContentsWrap .headerContents .headerConMiddle, #header .headerContentsWrap .headerContents .headerConBottom{ overflow: hidden;} #header .headerContentsWrap .headerContents .headerConBottom{ margin-top: 5px;} #header .headerContentsWrap .headerContents .headerConBlock{ float: right; padding-right: 10px; } #header .headerContentsWrap .headerContents .headerConBlock:first-child{ padding-right: 0; } #header .headerContentsWrap .headerContents .headerConBlock.siteNavWrap{ padding-left: 50%; } /*#header .siteNavList{text-align: right; font-size: 85.71%; display: table;} #header .siteNavList li{display: table-cell; vertical-align: middle; width: 220px; text-align: right; padding: 0 10px;} #header .siteNavList li{padding-right: 0;}*/ .pcHeader{} .pcHeaderInner{position: relative;} .sideCur{overflow: hidden;} .sidr{width: 100%;} .contactBtn{background: #2b5393; display: block; padding: 25px; position: relative; color: #fff;padding-right: 45px; max-width: 238px; cursor: pointer;} .dropContents{display: none;} .contactBtnWrap{position: relative; z-index: 500; margin: 13px 0;} .contactBtnWrap .contactBtn{background: #fff; color: #2b5393; border: 1px solid #2b5393; display: block; padding: 10px 30px 10px 10px; position: relative;} .contactBtnWrap .contactBtn:after{ content: ""; background: url(../images/arrow_acc_b.png) no-repeat center; -webkit-background-size: 10px 5px; background-size: 10px 5px; width: 10px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -2px; z-index: 1;} .contactBtnWrap.cur .contactBtn{background-color: #2b5393; color: #fff;} .contactBtnWrap.cur .contactBtn:after{ background-image: url(../images/arrow_acc_c_t.png);} .contactBtnWrap .contactBtnChild{border: 4px solid #2b5393; position: absolute; right: 0;top: 43px; width: 350px;} .contactBtnWrap .contactBtnChild .txtB{font-size: 20px;} .contactBtnWrap .contactBtnChild .childList li{border-top: 1px solid #eee;} .contactBtnWrap .contactBtnChild .childList li:first-child{border-top: none;} .contactBtnWrap .contactBtnChild .childList li a{display: block; padding: 10px 20px; color: #1f2b63;} .contactBtnWrap .contactBtnChild .childList li:nth-child(1) a{ background: url(../images/bg_btn_contact_01.png) no-repeat right center #fff; } .contactBtnWrap .contactBtnChild .childList li:nth-child(2) a{ background: url(../images/bg_btn_contact_02.png) no-repeat right center #fff; } .contactBtnWrap .contactBtnChild .childList li:nth-child(3) a{ background: url(../images/bg_btn_contact_03.png) no-repeat right center #fff; } #header .wrapInner{overflow: visible!important;} #header .wrapInner:after {content: "";clear: both;display: block;} #header .headerContentsWrap .headerContents .headerConTop{overflow: visible!important;} #header .headerContentsWrap .headerContents .headerConTop:after {content: "";clear: both;display: block;} .pcHeader.fixed .mega_display_wrap{position: fixed; top: 60px; left: 0;} .mega_display_wrap{position: absolute; z-index: 100; width: 100%; left: 0; top: 60px;} .mega_display_wrap .mega_display{display: none;} .megaDropDown{ background: #323542; color: #fff; } .megaDropDown .magaHd{padding: 20px; border-bottom: 2px solid #5b5d68;} .megaDropDown .magaHd .txt_ja{ font-size: 18px; display: block;} .megaDropDown .magaHd .txt_en{ font-size: 10px; display: block;} .megaDropDownInner{display: table; width: 100%; min-width: 1080px; height: 315px;} .megaDropDownInner .megaDropDownNavi{display: table-cell; vertical-align: top; width: 25%; min-width: 300px; color: #fff; padding: 0 0;} .megaDropDownInner .megaDropDownNavi li{border-top: 1px solid #2d303b;} .megaDropDownInner .megaDropDownNavi li.cur{ background: #2b5393; } .megaDropDownInner .megaDropDownNavi li:first-child{border-top: none;} .megaDropDownInner .megaDropDownNavi li .megaBtn{display: block; padding: 15px 20px;} .megaDropDownInner .megaDropDownNavi li .megaBtn .icon_arrow{display: block; background: url(../images/icon_arrow_mega_gray.png) right center no-repeat;} .megaDropDownInner .megaDropDownContents{display: table-cell; vertical-align: top; background: #3e4250; height: 100%;} .megaDropDownInner .megaDropDownContents .tabContents{height: 100%;} .megaDropDownInner .megaDropDownContents .tabContents>ul, .megaDropDownInner .megaDropDownContents .tabContents>ul>li, .megaDropDownInner .megaDropDownContents .tabContents>ul>li>div{height: 100%;} .megaChildWrap{display: table; width: 100%; height: 100%;} .megaChildWrap .megaChildList{ display: table-cell; vertical-align: top; width: 35%; } .megaChildWrap .megaChildContents{display: table-cell; vertical-align: top; background: #f0f4f9;} .megaChildWrap .megaChildList li{border-top: 1px solid #2d303b; background: #454959;} .megaChildWrap .megaChildList li:first-child{border-top: none;} .megaChildWrap .megaChildList li.cur .megaBtn{ background: #f0f4f9; color: #000; } .megaChildWrap .megaChildList li .megaBtn{display: block; padding: 15px 20px; color: #fff;} .megaChildWrap .megaChildList li.tabBtn .megaBtn .icon_arrow{display: block; background: url(../images/icon_arrow_mega_gray.png) right center no-repeat;} .megaChildWrap .megaChildList li.cur .megaBtn .icon_arrow{background: url(../images/icon_arrow_mega_blue.png) right center no-repeat;} .megaChildWrap .megaGrandList{ padding: 20px; } .megaChildWrap .megaGrandList >li{margin-top: 10px;} .megaChildWrap .megaGrandList >li .grandBtn{display: block; background: #fff; padding: 8px 15px; font-size: 16px; border: 2px solid #e2e8ef;} .megaChildWrap .megaGrandList >li .grandBtn .icon_arrow{padding-top: 2px; padding-bottom: 2px; display: block; background: url(../images/arrow_right_list_off.png) no-repeat right center;padding-right: 30px; } .tabBtn, .megaTabBtn, .megaBtn{cursor: pointer;} .tabContentsList, .magaTabContentsList{display: none;} .tabContentsList.cur, .magaTabContentsList.cur{display: block;} /*--------------------------------------------- gnav ---------------------------------------------*/ #gnav{border-top: 1px solid #eee;} #gnav .wrapInner{ max-width: 1120px; font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased;} #gnav .parentList{ display: table; width: 100%;} #gnav .parentList>li{ display: table-cell; text-align: center; vertical-align: middle; } #gnav .parentList>li>.btn{ display: table-cell; width: 1000px; height: 60px; vertical-align: middle; position: relative; cursor: pointer; } #gnav .parentList>li:nth-child(2){width: 245px;} /*#gnav .parentList>li:last-child{width: 210px;}*/ /*--------------------------------------------- cnav ---------------------------------------------*/ #cnav{ position: fixed; top: -280px; left: 0; width: 100%; background: #fff; z-index: 999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pcHeader.fixed #cnav{top: 0;} #cnav .wrapInner{ max-width: 1420px; font-weight: bold; -webkit-font-smoothing: antialiased; overflow: visible; padding: 0 20px;} #cnav .parentList{ display: table; width: 100%;font-size: 14px;} #cnav .parentList>li{ display: table-cell; text-align: center; vertical-align: middle; } #cnav .parentList>li:nth-child(2){width: 170px;} #cnav .parentList>li:last-child{width: 140px;} #cnav .parentList>li>.btn{ display: table-cell; width: 1000px; height: 60px; vertical-align: middle; position: relative; font-size: 13px;} #cnav .cnav_logo{float: left; padding: 16px 0; /*max-width: 200px;*/ width: 15%;} #cnav .cnav_logo img{ max-width: 100%; height: auto; } #cnav .cnav_center{margin-left: 15%; margin-right: 26%;} #cnav .cnav_right{float: right;} #cnav .cnav_right .contactBtnWrap{ margin: 8px 0; } /*--------------------------------------------- mainVisual ---------------------------------------------*/ #mainVisual .wrapInner{ overflow: visible; max-width: 100%; position: relative; padding-left: 0; padding-right: 0;} #mainVisual .mainBox{ background: #ccc; -webkit-background-size: cover; background-size: cover;} #mainVisual .mainBoxTxt{width: 1120px; margin: 0 auto; display: table; padding-bottom: 65px;} #mainVisual .mainBoxTxt .inner { display: table-cell; vertical-align: middle;height: 435px; color: #fff; padding-left: 40px; padding-right: 40px;} #mainVisual .mainBoxTxt .inner .lead{font-size: 228.57%; margin-bottom: 15px;} #mainVisual .mainBoxTxt .inner .hd{font-size: 457.14%; font-weight: bold; -webkit-font-smoothing: antialiased; line-height: 1.25;} #mainVisual .mainBoxTxt .inner .txt{font-size: 114.29%; margin-top: 20px;} #mainVisual .flex-control-nav{bottom: 70px;} #mainVisual .infoFirst{ position: absolute; left: 0; bottom: 0; right: 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee; overflow: hidden;} #mainVisual .infoFirst ul{max-width: 1122px; margin: -1px auto; position: relative; padding-left: 8em; padding-right: 2em;} #mainVisual .infoFirst ul:after{content:"News"; position: absolute; left: 10px; top: 50%; margin-top: -0.5em; line-height: 1; font-size: 228.57%; -webkit-font-smoothing: antialiased;color: #1f2b63;} #mainVisual .infoFirst ul>li>dl{padding: 20px 0;} /*--------------------------------------------- footer ---------------------------------------------*/ #footer { } .footerContents{} .footerContents .siteNavWrap{ float: left; } .footerContents .siteNavList li{display: inline-block; padding: 0 10px;} .footerContents .siteNavList li:first-child{ padding-left: 0; } .footerContents .copyrightWrap{ float: right; } .pageTopWrap { position: fixed; right: 40px; bottom: 40px; width: 64px; height: 64px; z-index: 999; cursor: pointer; } .pageTopWrap .wrapInner{ padding-left: 0; padding-right: 0; } .pageTopWrap #page-top-btn { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 64px; height: 64px; background: url(../images/icon_pagetop.png) no-repeat center #333; text-indent: -9999px; } .footerTop{padding: 75px 0; background: #f0f4f9; } .footerTop a{color: #1f2b63;} .footerTop .hd{margin-bottom: 15px;} .footerTop .addressWrap { margin-top: 10px; } .footerTop .addressWrap span{display: block;margin-top: 5px;} .footerTop .childList{font-size: 85.71%; margin-bottom: 40px;} .footerTop .childList li{margin-bottom: 10px; padding-left: 15px; line-height: 1.25;} .footerTop .childList>li{ margin-left: -15px; } .footerTop .childList>li:before{content: "-"; margin-right: 5px;} .footerTop .childList>li .grandChild{margin-top: 10px;} .footerMiddle{ padding: 40px 0;} .logoList{text-align: center; margin-bottom: -20px;} .logoList li{ display: inline-block; margin: 0 20px 20px; } .footLogo img{ max-width: 100%; height: auto; } .footpmark{ max-width: 100%; text-align: left;} .footpmark img{ margin: 16px 0; max-width: 100px; height: 100px; } .footerBottom{ padding: 25px 0; background: #323542; color: #fff;} .footerBottom a{color: #fff;} /*--------------------------------------------- module ---------------------------------------------*/ .hdWrap{overflow: hidden; text-align: center; margin-bottom: 0;} .hdWrap .hd02{ line-height: 1.25; color: #1f2b63;} .hdWrap .hd02+.lead{font-size: 114.29%; color: #1f2b63;} .hd01 .ttl{ font-size: 225.71%; } .hd02 .ttl{ font-size: 285.71%; } .hd03 .ttl{ font-size: 129%; } .normalLink {color: #005adb; padding-left: 10px;background: url(../images/arr_normal_link.png) no-repeat left center;} .infoList{background: rgba(255,255,255,0.7); } .infoList>ul>li:first-child{ border-top: 1px solid #eeeeee; } .infoList>ul>li {border-bottom: 1px solid #eeeeee; position: relative;} .infoList.detail>ul>li{ padding-bottom: 50px; border-top: none;} .infoList>ul>li .area_link{ position: absolute; left: 0; top: 0; bottom: 0;right: 0; } .infoList>ul>li dl {overflow: hidden; line-height: 1.75; display: table; width: 100%; padding: 18px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .infoList>ul>li dl dt {display: table-cell; width: 8em; padding-right: 35px; font-size: 85.71%; color: #28559c;} .infoList>ul>li dl dt.pdf{background: url(../images/pdf_list_off.png) no-repeat right center;padding-right: 30px;color: #333;font-size: 100%;} .infoList>ul>li dl dd {display: table-cell;} .infoList>ul>li dl dd.txt{background: url(../images/arrow_right_list_off.png) no-repeat right center;padding-right: 30px;} .infoList>ul>li dl dd.pdf{background: url(../images/pdf_list_off.png) no-repeat right center;padding-right: 30px;} .infoList>ul>li dl dd.blank{background: url(../images/tab_list_off.png) no-repeat right center;padding-right: 30px;} .infoList>ul>li dl dd.type {width: 140px; text-align: center; padding-right: 20px; letter-spacing: -1px; font-size: 85.71%;} .infoList>ul>li dl dd.type span {background: #fff; display: block;} .infoList>ul>li a:hover+ dl dd.txt{background-image: url(../images/arrow_right_list_on.png);} .infoList>ul>li a:hover+ dl dd.pdf{background-image: url(../images/pdf_list_on.png);} .infoList>ul>li a:hover+ dl dd.blank{background-image: url(../images/tab_list_on.png);} .infoList.detail>ul>li dl{padding:0; margin-bottom: 30px;} .infoList.detail>ul>li dl dt{ padding-top: 10px; padding-bottom: 10px; vertical-align: top;} .infoList.detail>ul>li dl dd{vertical-align: top;} .infoList.detail>ul>li dl dd.type{ padding-top: 10px; padding-bottom: 10px;} .infoList.detail .centerBtn{margin-top: 60px;} .type.cat01 span {background: #fff; border: 1px solid #367b5d; color: #367b5d;} .type.cat02 span {background: #fff; border: 1px solid #4aa0c8; color: #4aa0c8;} .type.cat03 span {background: #fff; border: 1px solid #2b5393; color: #2b5393;} .type.cat04 span {background: #fff; border: 1px solid #b7904b; color: #b7904b;} .type.cat01.topics span{ border-color: #4abbc8; color: #4abbc8; } .type.cat01.event span{ border-color: #c8824a; color: #c8824a; } .type.cat01.pressrelease span, .type.cat01.release span, .type.cat01.press span{ border-color: #28559c; color: #28559c; } .infoList.detail>ul>li dl dd.ttl{ font-size: 171.43%; } .infoList.infoFirst ul li{ display: none;} .infoList.infoFirst ul li:first-child{ display: block;} .infoMain{margin: 40px 0;} .exampleList>li:nth-child(4n) .introBox dt, .exampleList>li:nth-child(4n-1) .introBox dt{ float: right; margin-right: 0; margin-left: 30px; } .introBox{ overflow: hidden; background: #ccc; padding: 20px 40px; height: 100%; -webkit-background-size: cover;background-size: cover; background-position: center;} .introBox dt{float: left; margin-right: 30px; width: 240px; display: table; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; background: rgba(255,255,255,0.2); padding: 10px;} .introBox dt span{display: table-cell;height: 220px;vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; background: #fff; } .introBox dd{ padding: 30px 0 0 0; overflow: hidden;} .introBox dd .ttl{font-size: 200%; color: #fff; margin-bottom: 10px; line-height: 1.25;} .introBox dd .type>span { /*width: 120px; display: inline-block; text-align: center;*/ font-size: 85.71%; color: #fff;} .introBox dd .txtWrap{color: #fff; margin-top: 10px; font-size:114.29%;} .whiteBox{margin: 40px 0; background: #fff; padding: 30px;} .whiteBox>.hd{text-align: center;font-size: 171.43%; color: #1f2b63; margin-bottom: 30px;} .bd_btn{border: 1px solid #1f2b63; display: inline-block; padding: 15px; line-height: 1.25; max-width: 290px; margin: 0 10px; background: #fff; color: #1f2b63; font-weight: bold; width: 100%;} .icon_more{ background: url(../images/btn_arrow_more.png) no-repeat left center; padding-left: 20px; } .icon_more.prev{ background: url(../images/btn_arrow_more_prev.png) no-repeat left center; padding-left: 20px; } .bb_btn{border: 1px solid #1f2b63; display: inline-block; padding: 15px; line-height: 1.25; max-width: 290px; margin: 0 10px; background: #1f2b63; color: #fff; font-weight: bold; width: 100%;} .bb_btn.prev{background: #999; border: 1px solid #999; } .icon_moreW{ background: url(../images/btn_arrow_more_w.png) no-repeat left center; padding-left: 20px; } .bb_btn.prev .icon_moreW{ background: none; padding-left: 0; } .bb_btn{padding: 20px; font-size: 128.57%; max-width: inherit; min-width: 290px; width: auto; } .centerBtn{text-align: center; margin-top: 40px;} .carouselWrap+.centerBtn{margin-top: 80px;} .section{padding: 45px 0;} .section.section_blue01{background: url(../images/bg_section_blue01.png) no-repeat; -webkit-background-size: cover; background-size: cover; } .section.section_blue02{background: url(../images/bg_section_blue02.png) no-repeat; -webkit-background-size: cover; background-size: cover; } .section.section_blue03{background: url(../images/bg_section_blue03.png) no-repeat; -webkit-background-size: cover; background-size: cover; } .section.section_service_carousel .wrapInner{max-width: initial;max-width: auto; padding-left: 0; padding-right: 0;} .section.section_blue04{background: #f1fbff;} .section.section_blue04 .wrapInner{padding-left: 0; padding-right: 0;} .section.section_blue05{background: #e4eaf4;} .section.pdMin{padding: 30px 0;} .section.section_news{background: url(../images/bg_section_news.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .section.section_bg_01{ position: relative; overflow: hidden; padding: 0;} .section.section_bg_01:before{ content: ""; position: absolute; left: 0; top: 0; background: url(../images/bg_section_01_lefttop.png) no-repeat; width: 235px; height: 116px; } .section.section_bg_01:after{ content: ""; position: absolute; right: 0; bottom: 0; background: url(../images/bg_section_01_rightbottom.png) no-repeat; width: 392px; height: 265px; } .section.section_bg_01 .wrapInner{position: relative;} .pcOnly{display: block!important;} .spOnly{display: none!important;} img.pcOnly{display: inline-block!important;} .accContents{display: none;} .accContentsC{display: none;position: absolute;right: 0;background: #2b5393;padding: 4px; width: 330px;z-index: 100} .accContentsC>li a{background: #fff;display: block;padding: 15px; color: #1f2b63;} .accContentsC>li span{font-size: 143%;} .accContentsC>li:nth-child(2){border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;} #wrap .accContact{position: relative;} #wrap div>span.accToggleC:after, #wrap div>a.accToggleC:after{ content: ""; background: url(../images/arrow_acc_C_b.png) no-repeat center; -webkit-background-size: 10px 5px; background-size: 10px 5px; width: 10px; height: 5px; position: absolute; right: 20px; top: 50%; margin-top: -2px;} #wrap div.accWrapC{position: relative;} #wrap div.accWrapC .accToggleC{background: #2b5393; display: block; padding: 25px; position: relative; color: #fff;padding-right: 45px; width: 238px;} #wrap div.accWrapC.cur>span.accToggleC:after, #wrap div.accWrapC.cur>a.accToggleC:after{ background-image: url(../images/arrow_acc_c_t.png);} #pageVisual{ /* background: url(../images/img_pagetitle.png) no-repeat center;*/ /*-webkit-background-size: cover;*/ /*background-size: cover;*/ padding: 30px 0; background-color: #E9ECEE; /*position: relative;*/ } #pageVisual .hdWrap h1, #pageVisual .hdWrap p{color: #1A1A1A; } #pageVisual .breadcrumb{position: absolute;top: 20px;left: 20px; right: 20px; color: #fff; font-size: 85%;} #pageVisual .breadcrumb a{color: #fff;} .anchor3{background: #e4eaf4;padding: 16px 0;} .anchor3 ul{width: 90%;overflow: hidden;margin: 0 auto;} .anchor3 ul li{float: left;width: 32%;text-align: center;} .anchor3 ul li:nth-child(2){margin: 0 2%;} .anchor3 ul li a{display: block; padding: 16px 0;background: rgba(255,255,255,0.5);color: #1f2b63;} .anchorWrap{background: #e4eaf4; padding: 16px 10px;} .anchorWrap ul{display: table; width: 100%;} .anchorWrap ul li{display: table-cell; vertical-align: middle; text-align: center; padding: 0 10px;} .anchorWrap ul li >a, .anchorWrap ul li >span{display: table-cell; vertical-align: middle; height: 50px; width: 1000px; background: rgba(255,255,255,0.5);} .sectionTtl{background: #1976D2; color: #fff; font-size: 285.71%;text-align: center;padding: 30px 0;} .companyComent img{float: right;/*width: 30%;*/} .companyComent p{/*float: left;width: 65%;*/font-size: 115%;line-height: 2;} .companyRead{font-family: "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size: 228%;line-height: 2;} .searchAddress{display: none;} .tableLayout{width: 100%;max-width: 1080px;margin: auto;} .tableLayout tr:first-child{border-top: 1px solid #eee;} .tableLayout tr{width: 100%;border-bottom: 1px solid #eee;} .tableLayout tr th{width: 25%;vertical-align: top;padding: 24px 0;color: #28559c;font-weight: bold;} .iconList li{background: url(/common/images/icon_border_dot.png) no-repeat left 0.55em;padding-left: 1em;text-indent: 0;line-height: 1.75;} .iconList li:first-child{ margin-top: 0!important; } .big_iconList li{background: url(/common/images/icon_circle_big.png) no-repeat left 0.55em;padding-left: 1.5em;text-indent: 0;line-height: 1.75; font-size: 128.57%; margin-top: 5px;} .big_iconList li .txtB{color: #12265e;} .indentList li{ padding-left: 1em;text-indent: -1em;line-height: 1.75;} .tableLayout tr td{width: 75%;vertical-align: top;padding: 24px 0;} .tableLayout tr td a{color: #28559c;text-decoration: underline;} .tableLayout .innerTable{padding: 0;} .tableLayout .innerTable table {width: 100%;} .tableLayout .innerTable table tr{border: none;} .tableLayout .innerTable table tr th{vertical-align: middle;color: #333;font-weight: normal;} .tableLayout .innerTable table tr:first-child{border-bottom: 1px solid #eee;} .contact_form table td .lineList label { display: block; margin-bottom: 5px; cursor: pointer; } .contact_form td .sizeL { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_form td .sizeM { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_form td .sizeS { width: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_form td .sizeSS { width: 10%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_form table td .lineList label input { float: left; margin-left: 2px; margin-top: 4px; margin-bottom: 4px; margin-right: 10px; vertical-align: middle; } .contact_form td input, .contact_form td textarea, .contact_form td select { padding: 10px 30px 10px 10px; display: block; background: #eeeeee; border: none; } .contact_form td select.entry_radio { border-radius: 0px; background-color: #eeeeee !important; } .bgcolor_w { background-color: #ffffff !important; } .bgcolor_g { background-color: #eeeeee !important; } .contact_form td .form_input.horizon input{display: inline-block;padding: 10px;} .contact_form td select{height: 40px;} .contact_form table th .req { display: inline-block; vertical-align: top; margin-left: 15px; overflow: hidden; padding: 0 8px; background: #28559c; color: #fff; font-size: 13px; -webkit-font-smoothing: antialiased; } #wrap .postLayout div{float: left;} #wrap .postLayout p{float: right;margin-top: 0;} #wrap select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background: url(../images/arrow_acc_b.png) no-repeat right 20px center; background-size: 10px; } .borderBttl{color: #1f2b63;position: relative;padding-bottom: 15px;} .borderBttl:after{content: ""; display: block;width: 100px;height: 1px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;background: #d0d4df;} .textLink{color: #28559c;text-decoration: underline;} .attentionBox {height: 300px;overflow: auto;border: 4px solid #e4eaf4;padding: 20px;box-sizing: border-box;} .attentionBox.normal{height: auto;} .normalTab .tabTitle{background: #e4eaf4;padding-top: 16px;} .normalTab .tabTitle>ul{display: table;width: 100%;table-layout: fixed;max-width: 1280px;margin: 0 auto;} .normalTab .tabTitle>ul li{display: table-cell;text-align: center;vertical-align: middle;height: 60px;cursor: pointer;color: #12265e; background: #f4f7fb;border: 4px solid #e4eaf4;border-width: 0px 8px 8px 8px;box-sizing: border-box;} .normalTab .tabTitle>ul li.cur{background: #fff;color: #12265e;border-color: #fff;position: relative;} .normalTab .tabTitle>ul li.cur:after{content: "";display: block;width: 40px;height: 2px;background: #1f2b63;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;} .normalTab .tabContents>ul>li{display: none;} .normalTab .tabContents>ul>li.cur{display: block;} .normalTab .tabContents>ul>li .tabContentsListInner{padding:20px 10px;} #lnav{background: #f4f4f4;border-top: 1px solid #eee;} #lnav ul{text-align: center;margin: 0 auto;letter-spacing: -0.40em;} #lnav li{display: inline-block;padding: 14px 7px;letter-spacing: normal;} #lnav li.cur a{color: #2b5393;font-weight: bold;} .lowerPage{max-width: 750px; margin: 0 auto;} .lowerLinkWrap{background: #f0f4f9; padding: 40px 0; margin: 40px 0 0;} .lowerLink{} .lowerLink >li{margin-top: 10px;} .lowerLink >li .grandBtn{display: block; background: #fff; padding: 8px 15px; font-size: 16px; border: 2px solid #e2e8ef;} .lowerLink >li .grandBtn .icon_arrow{padding-top: 2px; padding-bottom: 2px; display: block; background: url(../images/arrow_right_list_off.png) no-repeat right center;padding-right: 30px; } .bg_elm.bg_recruit_01{ background: url(../img/recruit/bg_recruit_01.png) no-repeat right center; padding-right: 540px; } .bg_elm.bg_recruit_02{ background: url(../img/recruit/bg_recruit_03.png) no-repeat left center; padding-left: 540px; } .bg_elm{padding-top: 60px; padding-bottom: 60px;} .bg_elm .elmTtl{font-size: 257.14%; margin-bottom: 20px;} .bg_elm .elmContents p{ margin-bottom: 20px; line-height: 1.75;} .bg_elm .elmContents p em{color: #1f2b63; font-weight: bold;} .categoryTypeList>li{margin-bottom: 50px;} .typeBox{ overflow: hidden; background: #fff; } .typeBox>.img{display: table-cell; vertical-align: top; -webkit-background-size: cover; background-size: cover;} .typeBox>.img img{width: 100%; height: auto; visibility: hidden;} .typeBox>.con{display: table-cell; vertical-align: top;overflow: hidden; padding: 40px 40px; width: 420px;} .typeBox>.con a.openrecruit{ display: block; width: 250px; padding: 15px 0; background: #0E71CD; color: #ffffff; text-align: center; margin: 20px auto 0 auto; } /*ボックス全体*/ .accbox { margin: 0; padding: 0; max-width: 100%;/*最大幅*/ } /*ラベル*/ .accbox label { display: block; margin: 0; padding : 15px 12px; text-align: center; font-size: 15px; color :#ffffff; font-weight: bold; background :#1976D2; cursor :pointer; transition: all 0.5s; } /*ラベルホバー時*/ .accbox label:hover { background :#85baef; } /*チェックは隠す*/ .accbox input { display: none; } /*中身を非表示にしておく*/ .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ .cssacc:checked + .accshow { height: auto; padding: 5px; background: #ffffff; opacity: 1; } .accshow table{ margin: 20px auto; width: 90%; } .accshow table td{ border: 1px solid #CACACA; padding: 15px; } .accshow table td:nth-child(1){ width: 30%; background: #F0F0F0; text-align: center; color: #00467C; font-size: 15px; font-weight: bold; } .accshow table td:nth-child(2){ width: 70%; } .accshow table a{ text-decoration: underline; } .accshow table a:hover{ text-decoration: none; } .accshow a.btnrecruit{ width: 450px; padding: 30px; margin: 20px auto; display:block; text-decoration: none; background:#1976D2; text-align:center; color:#FFFFFF; font-size:30px; font-weight:bold; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; } .accshow a.btnrecruit:hover{ background:#0099FF; color:#FFFFFF; box-shadow:none; } .typeBox>.con .hd{font-size: 200%; font-weight: bold; color: #1f2b63; padding: 10px 0; margin-bottom: 20px; position: relative;-webkit-font-smoothing: antialiased;} .typeBox>.con .hd:before{content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100px; background: #d0d4df;} .typeBox>.con .ttl{font-size: 142.86%; font-weight: bold; color: #1f2b63; margin-bottom: 15px;} .typeBox>.con .wantedList>li{border-bottom: 1px solid #e7e9ef; padding: 5px; margin-bottom: 5px; overflow: hidden;} .typeBox>.con .wantedList>li .num{font-size: 171.43%; float: left; font-weight: bold; vertical-align: bottom; display: block; line-height: 1; -webkit-font-smoothing: antialiased; font-style: italic; color: #1f2b63; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; } .typeBox>.con .wantedList>li .txt{ font-size: 114.29%; vertical-align: bottom; display: block; margin-left: 2em;} .temp_lead{text-align: center; margin: 30px 0 40px; font-size: 128.57%; line-height: 1.75;} .accessBtnWrap{overflow: hidden;} .accessBtnWrap .txt{float: left; margin-right: 20px;} .accessBtnWrap .btn{ float: left; /*width: 8em;*/ text-align: center;} .accessBtnWrap .btn a{text-decoration: none; padding: 10px;} .contactBox{border: 4px solid #e4eaf4;} .contactBoxInner{display: table; width: 100%; table-layout: fixed;} .contactBoxInner .inner{display: table-cell; vertical-align: top; padding: 25px 45px; text-align: center; position: relative;} .contactBoxInner .inner:before{content: ""; width: 1px; background: #d0d4df; position: absolute; left: 0; top: 25px; bottom: 25px;} .contactBoxInner .inner:first-child:before{display: none;} .contactBoxInner .inner .hd{font-size: 128.57%; font-weight: bold; margin-bottom: 15px;} .contactBoxInner .inner .tel{font-size: 300%; color: #28559c; line-height: 1;} .contactBoxInner .inner .tel span{ background: url(../images/icon_tel.png) no-repeat left center; display: inline-block; padding-left: 1.25em;} .contactBoxInner .inner .btn a{max-width: 100%; margin-left: 0; margin-right: 0;} .contactBoxInner .inner .txt{margin-top: 10px;} #pageVisual.bg_ss_ec{background-image: url(../images/img_pagetitle_ss_ec.png);} #pageVisual.bg_ss_os{background-image: url(../images/img_pagetitle_ss_os.png);} #pageVisual.bg_ss_ic{background-image: url(../images/img_pagetitle_ss_ic.png);} #pageVisual.bg_ss_cso{background-image: url(../images/img_pagetitle_ss_cso.png);} #pageVisual.bg_ss_vd{background-image: url(../images/img_pagetitle_ss_vd.png);} #pageVisual.bg_ss_house{background-image: url(../images/img_pagetitle_ss_house.png);} #pageVisual.bg_ss_wos{background-image: url(../images/img_pagetitle_ss_wos.png);} #pageVisual.bg_ss_cnc{background-image: url(../images/img_pagetitle_ss_cnc.png);} #pageVisual.bg_ss_tab{background-image: url(../images/img_pagetitle_ss_tab.png);} #pageVisual.bg_ss_ex{background-image: url(../images/img_pagetitle_ss_ex.png);} #pageVisual.bg_ss_ex_a{background-image: url(../images/img_pagetitle_ss_ex_a.png);} .lead_txt{ max-width: 800px; margin: 0 auto; } .lead_txt a{ color: #28559c; } .lead_txt em{ color: #1f2b63; font-weight: bold;} .normalTable{width: 100%;} .normalTable thead th{padding: 10px; background: #6382b6; color: #fff; text-align: center; border-left: 1px solid #fff; border-top: 1px solid #fff;} .normalTable tbody th, .normalTable tbody td{padding: 15px 20px; background: #eff2f8; border-left: 1px solid #fff; border-top: 1px solid #fff;} .normalTable tbody th{font-weight: bold;} .normalTable tbody tr.bg_tb_01 th, .normalTable tbody tr.bg_tb_01 td{background: #e0e6f0;} .columnBox{background: #fff; padding: 45px; position: relative; height: 100%;} .columnBox:before{content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 64px; background: #12265e;} .columnBox .pt{font-size: 114.29%; font-style: italic; text-align: center; margin-bottom: 10px; color: #1f2b63;} .columnBox .pt .num{font-size: 120%;} .columnBox .ttl{font-size: 257.14%; padding-bottom: 15px; color: #1f2b63; font-weight: bold; -webkit-font-smoothing: antialiased; text-align: center; line-height: 1.25; margin-bottom: 15px; position: relative;} .columnBox .ttl:after{content: ""; width: 100px; position: absolute; left: 50%; bottom: 0; } .columnBox .txt{margin-top: 10px; font-size: 128.57%; text-align: center;} .columnBox .img{margin-top: 15px; margin-top: 30px; text-align: center;} .columnBox .img img{ max-width: 100%;height: auto; } .columnBox .bd_box{margin-top: 30px;} .columnBox .bd_btn{ width: auto; display: block; margin-top: 15px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 30px;} .bd_box{border: 4px solid #e4eaf4; padding: 15px;} .bd_box .bd_ttl{ text-align: center; font-weight: bold; margin-bottom: 5px; } .bd_box.big .bd_ttl{font-size: 128.57%;} .bd_box.big{padding: 40px 20px ;} .bd_box.big .big_iconList{ max-width: 920px; margin: 0 auto; } .topicsDetail .imgWrap{ text-align: center;} .topicsDetail .imgWrap img{max-width: 100%; height: auto;} /*========================================================================================================== hover ==========================================================================================================*/ body.pc_view .cardLink:hover{opacity: 0.8;} body.pc_view #gnav .parentList>li>.btn:hover{color: #2b5393;} body.pc_view #gnav .parentList>li>.btn:hover:after{content: ""; background: #2b5393; height: 3px; position: absolute; bottom: 0; left: 0; right: 0;} body.pc_view #cnav .parentList>li>.btn:hover{color: #2b5393;} body.pc_view #cnav .parentList>li>.btn:hover:after{content: ""; background: #2b5393; height: 3px; position: absolute; bottom: 0; left: 0; right: 0;} body.pc_view .infoList a:hover dd.txt{background: url(../images/arrow_right_list_on.png) no-repeat right center;} body.pc_view .infoList a:hover dd.pdf, body.pc_view .infoList a:hover dt.pdf{background: url(../images/pdf_list_on.png) no-repeat right center;} body.pc_view .infoList a:hover dd.blank{background: url(../images/tab_list_on.png) no-repeat right center;} body.pc_view .anchor3 ul li a:hover{background: #fff;} body.pc_view .tableLayout tr td a:hover{text-decoration: none;} body.pc_view .textLink:hover{text-decoration: none;} body.pc_view #lnav li a:hover{color: #2b5393;} body.pc_view .lowerLink >li .grandBtn:hover .icon_arrow{ background-image: url(../images/arrow_right_list_on.png); } /*body.pc_view .infoList a:hover dd.txt, body.pc_view .infoList a:hover dd.pdf, body.pc_view .infoList a:hover dd.blank, body.pc_view .infoList ul li dl dt.pdf { width: 100%; -webkit-background-size: 12px; background-size: 12px; }*/ body.pc_view .pageTopWrap #page-top-btn:hover { background-color: #999; } body.pc_view .megaChildWrap .megaGrandList >li .grandBtn:hover .icon_arrow{background-image: url(../images/arrow_right_list_off.png);} /*========================================================================================================== 小柳追加 2019.03.07 ==========================================================================================================*/ .daihyowrap .daihyowrapL img{ width: 100%; height: auto; } .daihyowrap .daihyowrapL{ width: 48%; float: left; } .daihyowrap .daihyowrapR{ width: 52%; float: right; } .daihyowrap .daihyowrapR p{ margin:0 0 30px 30px; } .daihyowrap .daihyowrapR span{ font-size: 142.86%; color: #1f2b63; font-weight: bold; } /*========================================================================================================== PC Only ==========================================================================================================*/ @media screen and (min-width: 961px){ .wrapInner{ overflow: hidden; margin: 0 auto; max-width:1280px; padding-left: 40px; padding-right: 40px;} } /*========================================================================================================== SP Only ==========================================================================================================*/ @media screen and (max-width: 960px){ body{font-size: 12px;} .spOnly { display: block !important; } .pcOnly { display: none !important; } .w100sp{ width:100%!important;} img{max-width: 100%;} img.spOnly { display: inline-block !important; } .wrapInner { max-width: 100%; } .colNum { width: 100%; } .section { padding: 30px 10px; } .section.pdMin{padding: 10px 0;} .section.section_service_carousel, .section.pdN { padding: 30px 0; } #header { position: fixed; top: 0; left: 0;/**/ width: 100%; z-index: 100; background: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #header .wrapInner { padding: 0;} #header .headerContentsWrap .siteId { display: block; width: 100%; position: relative; z-index: 100; padding: 0 10px; height: 60px;} #header .headerContentsWrap .siteId .logo{position: relative; padding: 20px; z-index: 9; float: left; display: none;} #header .headerContentsWrap .siteId .logo{} #header .headerContentsWrap .siteId .center_logo{left: 0; top: 0; margin: 0; right: 0; text-align: center;} #header .headerContentsWrap .siteId .center_logo a{display: inline-block; padding: 10px; height: 60px;} #header .headerContentsWrap .siteId .center_logo img{ height: 100%; width: auto; vertical-align: middle;} #wrap{padding-top: 60px;} .spMenuToggle{height: 60px;} .spMenuToggle { position: absolute; right: 0; top: 0; width: 60px; z-index: 10; background: url(../images/btn_menu_sp.png) no-repeat center; -webkit-background-size: 100%; background-size: 100%; cursor: pointer; } .spMenuToggle.cur { background-image: url(../images/btn_menu_close_sp.png); } .pageTopWrap{width: 30px; height: 30px; bottom: 70px; display: none;} .pageTopWrap #page-top-btn{width: 30px; height: 30px; -webkit-background-size: cover; background-size: cover;} /*sidr*/ .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999; overflow-x: hidden; overflow-y:auto; } #sp-gnav { position: fixed; top: 0; width: 100%; z-index: 90; } #sp-gnav .wrapInner { padding-top: 60px; padding-left: 0; padding-right: 0; } .sideCur #sp-gnav .wrapInner {} .lnav ul, .lnav ul li, .lnav ul li a { display: block; border-width: 0; width: 100%; height: auto; } .lnav ul { padding-top: 0; } .lnav ul li { border-bottom-width: 1px; margin-bottom: 0; text-align: left; } .lnav ul li a { padding: 10px; } .container .contents { width: 100%; } .container #side { width: 100%; } .container #side .sideInner { padding: 10px; } .footerContents .siteNavWrap { float: none; text-align: center; } .footerContents .copyrightWrap { float: none; text-align: center; } .footerMiddle{padding: 20px 0;} .infoList ul li dl { display: block; padding: 10px 0; } .infoList ul li dl dt, .infoList ul li dl dd { display: block; float: left; } .infoList ul li dl dt{margin-top: 2px; width: 8em; padding-right: 10px;} .infoList ul li dl dd.txt,.infoList ul li dl dd.pdf,.infoList ul li dl dd.blank,.infoList ul li dl dt.pdf { width: 100%; -webkit-background-size: 12px; background-size: 12px; } .infoList ul li dl dd.type{margin-bottom: 5px;} #mainVisual .mainBox{-webkit-background-size: cover; background-size: cover; background-position: 30% center; background-position: 30% center;} #mainVisual .infoFirst{position: static;} #mainVisual .infoFirst ul{padding-left: 0; } #mainVisual .infoFirst ul:after{display: none;} #mainVisual .infoFirst ul>li>dl{padding: 10px;} #mainVisual .mainBoxTxt{width: auto; padding: 0;} #mainVisual .mainBoxTxt .inner{ padding: 20px 30px; height: 250px;} #mainVisual .mainBoxTxt .inner .lead{font-size: 114.28%!important;} #mainVisual .mainBoxTxt .inner .hd{font-size: 228.57%; line-height: 1.25;} #mainVisual .mainBoxTxt .inner .txt{font-size: 10px; margin-top: 10px;} #mainVisual .flex-control-nav{bottom: 5px;} .hd01 .ttl{font-size: 220%;} .flex-direction-nav a{width: 20px; height: 40px;} .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{-webkit-background-size: 20px 40px; background-size: 20px 40px; margin-top: -20px;} .flex-direction-nav .flex-prev{left: 5px;} .flex-direction-nav .flex-next{right: 5px;} .slick-prev,.slick-next{ width: 32px; height: 60px; -webkit-background-size: 32px 60px; background-size: 32px 60px; margin-top: -30px;} .hdWrap{margin-bottom: 20px;} .hd02 .ttl{font-size: 180%;} .hdWrap .hd02+.lead{font-size: 100%;} .carouselWrap{padding-right: 30%; padding-left: 20px;} .serviceCard{ margin-right: 30%; min-height: initial; padding: 10px 5px 30px 10px; -webkit-background-size: 12px 12px; background-size: 12px 12px; background-position: left 10px bottom 10px; } .serviceCard .lead{font-size: 100%;} .serviceCard .ttl{font-size: 160%;} .serviceCard dd{font-size: 10px;} .cardLink{ } .carouselWrap+.centerBtn{margin-top: 30px;} .introBox{padding: 15px;} .introBox dt{width: 120px; height: 120px; padding: 5px; margin-right: 15px;} .introBox dt span{ height: 110px; width: 110px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .introBox dt span img{width: 100%; height: auto;} .introBox dd{padding-top: 0;} .introBox dd .ttl{ font-size: 140%; margin-bottom: 5px;} .introBox dd .txtWrap{margin-top: 10px; font-size: 100%;} .exampleList>li:nth-child(2n+1) .introBox dt{ float: left; margin-left: 0; margin-right: 15px; } .exampleList>li:nth-child(2n) .introBox dt{ float: right; margin-left: 15px; margin-right: 0; } .whiteBox{padding: 15px; margin: 10px;} .whiteBox>.hd{font-size: 120%; margin-bottom: 10px;} .logoList{margin-bottom: -10px;} .logoList li{margin: 0 10px 10px; height: 24px;} .logoList li img{ max-width: initial; height: 100%; width: auto;} .centerBtn{padding: 0 8px; margin-top: 20px;} .section.section_service_carousel .centerBtn, .section.pdN .centerBtn{ padding-left: 20px; padding-right: 20px; } .centerBtn .bd_btn{max-width: calc(100% - 16px) ;padding: 8px;} .infoMain{margin: 20px 0;} .carouselArea li.slick-slide:nth-child(2n){margin-top: 40px;} .spNavList{background: #f0f4f9; padding: 20px 10px;} #footer .spNavList .navBtnBnr{display: none;} .spNavList .navBtnBnr{margin-bottom: 20px;} .spNavList .navBtnBnr img{width: 100%; height: auto;} .spNavList .parentList{background: #e2e8ef; padding: 1px; margin-top: -1px; } .spNavList .parentList li{margin-top: 1px;} .spNavList .parentList>li:first-child{ margin-top: 0; } .spNavList .parentList li>span, .spNavList .parentList li>a{background: #fff; display: block; padding: 10px; position: relative;} .spNavList .parentList li>span.accToggle:after, .spNavList .parentList li>a.accToggle:after{ content: ""; background: url(../images/arrow_acc_b.png) no-repeat center; -webkit-background-size: 10px 5px; background-size: 10px 5px; width: 10px; height: 5px; position: absolute; right: 10px; top: 50%; margin-top: -2px;} .spNavList .parentList li.accWrap.cur>span.accToggle:after, .spNavList .parentList li.accWrap.cur>a.accToggle:after{ background-image: url(../images/arrow_acc_t.png);} .spNavList .parentList li .childList{padding: 10px;} .spNavList .parentList li .childList .grandChild li>a, .spNavList .parentList li .childList .grandChild li>span{background: #1f2b63; color: #fff;} .spNavList .parentList.col2List{margin-top: 10px; overflow: hidden;} .spNavList .parentList.col2List>li{width: 50%; float: left;padding-right: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .spNavList .parentList.col2List>li:nth-child(2){ margin-top: 0; } .spNavList .parentList.col2List>li:nth-child(2n){padding-right: 0;} .footerContents .siteNavList{overflow: hidden; border-left: 1px solid #fff; margin-bottom: 10px;} .footerContents .siteNavList li{display: block; float: left; margin: 0; padding: 0; width: 50%;} .footerContents .siteNavList li a{border: 1px solid #fff; display: block; padding: 10px; border-left: none;} .footerContents .siteNavList li:nth-child(3) a{border-top: none;} .footerBottom{padding: 10px;} .footerContents .copyrightWrap{padding: 10px;} #wrap .accContact{margin-bottom: 20px;} #wrap div.accWrapC .accToggleC{width: 100%;padding: 15px 25px; background: #fff;border: 1px solid #2b5393;color: #2b5393;} .accContentsC{width: 100%; position: static;} #wrap div.accWrapC.cur>span.accToggleC{border: none;background: #2b5393;color: #fff;} #wrap div>span.accToggleC:after{ content: ""; background: url(../images/arrow_acc_s_b.png) no-repeat center; -webkit-background-size: 10px 5px; background-size: 10px 5px; width: 10px; height: 5px; position: absolute; right: 10px; top: 50%; margin-top: -2px;} #wrap div>span.accToggleC.cur:after{right: 10px;} .companyComent img {float: none;width: 70%;height: auto;margin: 0 auto;margin-bottom: 20px;display: block;} .companyComent p {float: none;width: 100%;} .companyRead{font-size: 140%;} .sectionTtl{font-size: 200%; padding: 15px 0;} .tableLayout tr th{width: 100%;display: block; padding: 12px 0 6px;} .tableLayout tr td{width: 100%;display: block; padding: 0 0 12px;} .contact_form td .sizeS{width: 30%;} .contact_form td .sizeSS{width: 20%;} #wrap .postLayout div {float: none;} #wrap .postLayout p {float: none; margin-top: 20px; } #lnav ul{padding: 10px;} #lnav li{padding: 5px 7px;} .lowerPage img{max-width: 100%; height: auto;} .lowerLinkWrap{padding: 10px;} .lowerLink >li:first-child{ margin-top: 0; } .lowerPage *{max-width: 100%; width: auto;} .lowerPage table{width: 100%; table-layout: fixed;} .lowerPage table th, .lowerPage table td{padding: 5px;word-break: break-all;} .lowerPage table th{width: auto;} .lowerPage ul.sevice{margin-left: 0;} .bg_elm.bg_recruit_01, .bg_elm.bg_recruit_02{padding: 30px; position: relative;} .bg_elm:before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.7);} .bg_elm .elmTtl,.bg_elm .elmContents{ position: relative; fz180p } .bg_elm .elmTtl{font-size: 180%;} .typeBox>.img{display: block;} .typeBox>.con{display: block;padding: 20px; width: auto;} .typeBox>.con .hd{padding-top: 0; margin-bottom: 10px; font-size: 160%;} .typeBox>.con .ttl{margin-bottom: 10px;} .contactBoxInner .inner{display: block; padding: 10px;} .contactBoxInner .inner:before{left: 10px; right: 10px; top: 0; width: auto; height: 1px;} .contactBoxInner .inner .hd{margin-bottom: 10px;} .contactBoxInner .inner .tel{font-size: 200%; position: relative;} .contactBoxInner .inner .tel span{-webkit-background-size: 20px 20px;} .contactBoxInner .inner .tel .spTel{position: absolute; left: 0; top: 0; right: 0; bottom: 0;} /*background-size: 20px 20px;}*/ .anchorWrap{padding: 10px 5px;} .anchorWrap ul li{padding: 0 5px;} .normalTab .tabTitle>ul li{height: 50px;} .accessBtnWrap .txt{float: none;} .accessBtnWrap .btn{float: none; margin-top: 10px;} .accessBtnWrap .btn a{ margin-left: 0; margin-right: 0;} .columnBox{padding: 15px;} .columnBox:before{width: 4px; height: 32px;} .columnBox .ttl{font-size: 180%; padding-bottom: 10px; margin-bottom: 10px;} .columnBox .bd_btn{margin-top: 15px;} .bd_box.big{padding: 20px;} .normalTable tbody th, .normalTable tbody td{padding: 10px;} /*======================== 小柳追加 2019.03.07 ===========================*/ .daihyowrap .daihyowrapL{ width: 100%; float: none; } .daihyowrap .daihyowrapR{ width: 100%; float: none; } .daihyowrap .daihyowrapR p{ margin:20px 0 0 0; } }