@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}main{ display: block;}* { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}html { font-size: 62.5%;}body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #333333; font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif; position: relative; background: #fff; font-size: 14px; font-size: 1.4rem; font-weight: normal; text-align: left;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}nav ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #333333;}ins { background-color: #ff9; color: #000; text-decoration: none;}mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}del { text-decoration: line-through;}abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;}table { border-collapse: collapse; border-spacing: 0;}hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}input, select { vertical-align: middle;}li { list-style: none;}
#is_sideHistory[v-cloak]{ display: none;}.sp { display: none;}.header { margin: 0 auto; padding: 23px 0 0 0; width: 1220px; background: #fff;}.header-top, .header-middle, .header-bottom { width: 100%; overflow: hidden; *zoom: 1;}.htop-nav__list, .hmiddle-nav__list, .hbottom-nav__list { float: left;}.htop-logo, .htop-search, .htop-nav , .htop-contact{ float: left;}.htop-login { float: right; margin: 0 10px 0 0; position: relative; width:300px; height: 47px;}.htop-login .faqbtn { position: absolute; top:0px; left:10px;}.htop-login .faqbtn:hover{ opacity:0.5;}.htop-login .loginbtn{ position: absolute; top:3px; left:155px;}.htop-logo { margin: 0 90px 0 10px;}.htop-search { padding: 7px 0 0 0; width: 220px;}.htop-search .txt { padding: 0 0 0 27px; width: 148px; height: 25px; border: solid 1px #999; background-image: url(/resource/img/new_bup/search_icon.png); background-size: 15px auto; background-repeat: no-repeat; background-position: 5px center;}.htop-search .btn { height: 25px;}.htop-contact{ padding: 10px 0 0 0; width: 100px;}.htop-contact__link{ border:solid 1.5px #777; padding: 5px; letter-spacing: 1px;}.htop-contact__link:hover{ background-color: #ececec;}.htop-nav { overflow: hidden; *zoom: 1;}.htop-nav__list { padding: 9px 0 0 0; margin: 0 0 0 16px;}.htop-nav__list:first-child { margin: 0;}.htop-nav__link{ font-size: 11px; font-size: 1.1rem;}.hmiddle-nav { margin: 13px 0 0 10px; padding: 0 0 10px 0; overflow: hidden; *zoom: 1;}.hmiddle-nav__list { margin: 0 32px 0 0;}.hmiddle-nav__link:hover { padding: 0 0 2px 0; border-bottom: solid 3px #9f9f9f;}.hmiddle-nav__link--active { padding: 0 0 2px 0; border-bottom: solid 3px #9f9f9f;}.hbottom-nav { margin: 13px 0 0 0;}.hbottom-nav__list { width: 20%; height: 35px; border-left: solid 2px #e7e6e6;}.hbottom-nav__list:first-child { border-left: none;}.hbottom-nav__link { text-align: center; display: block; height: 35px; line-height: 35px;}.hbottom-nav__link:hover { font-weight: bold; color: #ff0000;}.hbottom-nav__link--active { font-weight: bold; color: #ff0000;}.mainvisual { width: 100%; height: 401px; background-size: cover; -ms-behavior: url(/resource/htc/new_bup/backgroundsize.min.htc);}.mainvisual-wrap { margin: 0 auto; width: 1220px; height: 401px; position: relative;}.mainvisual--hasNewNav { height: 336px;}.mainvisual--middle { height: 300px;}.mainvisual--bottom { height: 65px;}.mainvisual--hasNewNav.mainvisual--bottom { display: none;}.mainvisual-wrap--hasNewNav { height: 336px;}.mainvisual-wrap--middle { height: 300px;}.mainvisual-wrap--bottom { height: 65px;}.mainvisual-slider{ position: absolute; right: 0; bottom: 0; width: 680px;}.mainvisual-slider .js_commonSlider .slick-dots{ bottom: 10px;}.mv-logo { position: absolute; top: 21px; left: 0;}.mv-logo--middle { background-color: rgba(255,255,255,.8); padding: 5px; top: 21px;}.mv-logo--middle img { display: block; height: auto; max-width: 100%;}.mv-btns { position: absolute; left: 0; bottom: 90px;}.mv-btns__btn { display: inline-block; width: 180px; height: 45px; line-height: 45px;}.mv-btns__btn .white { margin: 3px 0 3px 0; display: block; width: 167px; background-color: #fff; text-align: center; color: #333333; height: 39px; line-height: 39px; border: 1px solid #333; font-family: 游ゴシック, "Yu Gothic"; font-weight: bold; letter-spacing: 1px;}.mv-btns__btn .white:hover{ color: #b22222; border: 1px solid #b22222;}.mv-btns__btn:last-child { margin: 0;}.mv-nav { background-color: rgba(0.75, 90, 157, 0.78); padding: 6px 17px; display: inline-block; position: absolute; top: 20px; left: 554px; border-radius: 3px;}.mv-nav__icon { position: absolute; top: 28px; left: 528px;}.mv-nav__ul { overflow: hidden; *zoom: 1;}.mv-nav__list { float: left; margin: 0 0 0 28px;}.mv-nav__list:first-child { margin: 0;}.mv-nav__link { color: #fff;}.nav { position: relative; width: 100%;}.nav-top2 { width: 100%; padding: 20px 0 24px; background: #E8EAEF;}.nav-top2__title{ width: 1220px; margin: 0 auto 16px; line-height: 1; color: #164a84; font-size: 20px; font-weight: bold; text-align: center;}.nt2 { display: flex; align-items: stretch; justify-content: flex-start; width: 1220px; margin: 0 auto;}.nt2__list { display: flex; width: 100%; padding: 2px;}.nt2__link { position: relative; display: block; width: 100%; padding: 8px 0; border-radius: 8px; box-shadow: 2px 2px 2px #ccc; text-align: center; font-size: 15px; font-weight: bold; background: #fff;}.nt2__link:hover { background: #164a84; color: #fff;}.nt2__link::after { content: attr(data-example); position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto; width: 80%; padding: 4px 8px; border: 1px solid #ccc; border-radius: 3px; color: #333; text-align: left; font-size: 11px; background: #fff; opacity: 0; transition: .7s opacity;}.nt2__link:hover::after { opacity: 1;}.nt2__link::before{ content: ""; display: block; width: 80%; height: 52px; margin: 0 auto 4px; line-height: 0; background: no-repeat center center;}.nt2__link--hierarchy::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_level_bl.gif"); background-size: 43px 40px;}.nt2__link.nt2__link--hierarchy:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_level_wh.gif");}.nt2__link--skill::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_theme_bl.gif"); background-size: 50px 51px;}.nt2__link.nt2__link--skill:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_theme_wh.gif");}.nt2__link--map::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_coursemap_bl.gif"); background-size: 62px 42px;}.nt2__link.nt2__link--map:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_coursemap_wh.gif");}.nt2__link--schedule::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_date_bl.gif"); background-size: 41px 39px;}.nt2__link.nt2__link--schedule:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_date_wh.gif");}.nt2__link--online::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_online_bl.gif"); background-size: 50px 38px;}.nt2__link.nt2__link--online:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_online_wh.gif");}.nt2__link--area::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_open_bl.gif"); background-size: 95px 44px;}.nt2__link.nt2__link--area:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_open_wh.gif");}.nt2__link--situation::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_trouble_bl.gif"); background-size: 39px 45px;}.nt2__link.nt2__link--situation:hover::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_trouble_wh.gif");}.nav-top2--win { background: #F8F3ED;}.nav-top2--win .nt2__link--hierarchy::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_level_win.gif");}.nav-top2--win .nt2__link--hierarchy:hover { background: #394C99;}.nav-top2--win .nt2__link--skill::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_theme_win.gif");}.nav-top2--win .nt2__link--skill:hover { background: #7A4881;}.nav-top2--win .nt2__link--map::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_coursemap_win.gif");}.nav-top2--win .nt2__link--map:hover { background: #B6362B;}.nav-top2--win .nt2__link--schedule::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_date_win.gif");}.nav-top2--win .nt2__link--schedule:hover { background: #BA8E1E;}.nav-top2--win .nt2__link--online::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_online_win.gif");}.nav-top2--win .nt2__link--online:hover { background: #70711F;}.nav-top2--win .nt2__link--area::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_open_win.gif");}.nav-top2--win .nt2__link--area:hover { background: #01663A;}.nav-top2--win .nt2__link--situation::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_trouble_win.gif");}.nav-top2--win .nt2__link--situation:hover { background: #4C312C;}.nav-top2--sm { background: #E8EAEF;}.nav-top2--sm .nt2__link--hierarchy::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_level_sm.gif");}.nav-top2--sm .nt2__link--hierarchy:hover { background: #4F6ED3;}.nav-top2--sm .nt2__link--skill::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_theme_sm.gif");}.nav-top2--sm .nt2__link--skill:hover { background: #B555C9;}.nav-top2--sm .nt2__link--map::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_coursemap_sm.gif");}.nav-top2--sm .nt2__link--map:hover { background: #F45951;}.nav-top2--sm .nt2__link--schedule::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_date_sm.gif");}.nav-top2--sm .nt2__link--schedule:hover { background: #F4BD2C;}.nav-top2--sm .nt2__link--online::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_online_sm.gif");}.nav-top2--sm .nt2__link--online:hover { background: #AABC00;}.nav-top2--sm .nt2__link--area::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_open_sm.gif");}.nav-top2--sm .nt2__link--area:hover { background: #1FA390;}.nav-top2--sm .nt2__link--situation::before{ background-image: url("https://www.insource.co.jp/resource/img/bup/nav/icon_trouble_sm.gif");}.nav-top2--sm .nt2__link--situation:hover { background: #AD492F;}.nav { position: relative; width: 100%;}.nav-top { width: 100%; height: 65px; background-color: rgba(255,255,255,0.8); position: absolute; top: auto !important; bottom: 22px;}.nt, .nb { margin: 0 auto; width: 1220px; position: relative; *zoom: 1;}.nt:after, .nb:after { content: ""; display: table; clear: both;}.nav-top__title { display: none;}.nt__list { float: left; width: 16.6%; height: 65px; border-right: solid 1px #808080;}.nt__list:first-child { border-left: solid 1px #808080;}.nt__list--lineup { float: left; width: 16.5%; height: 65px; border-right: solid 1px #808080;}.nt__link { display: block; text-align: center; font-size: 15px; font-size: 1.5rem; font-weight: bold; height: 65px; line-height: 15px; padding-top: 18px;}.nt__link--smalltxt { font-size: 10px; font-size: 1.0rem; display: block;}.nt__link:hover { background-color: #bccddb;}.nav-bottom { width: 100%; height: 22px; background-color: #164a84;}@media screen and (min-width: 769px){ .nav-bottom { display: block !important; } .nb{ right: auto !important; }}.nb:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}.nb__list { padding: 2px 0 0 0; float: left; margin: 0 0 0 63px; position: relative; display: none;}.nb__list:first-child { margin: 0 0 0 38px;}.nb__link { height: 20px; line-height: 20px; float: left; color:#ffffff; font-size: 11px; font-size: 1.1rem;}.nb__link:after { content: " ▼ ";}.nb__link:hover { font-weight: bold; color: #ff0000;}.mnav-nav { display: none; width: 240px; position: absolute; left: 0; top: 22px; z-index: 99999;}.mnav-nav__list { line-height: 1; display: block; background-color: rgba(204, 204, 204, 0.95); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eecccccc,EndColorStr=#eecccccc); background-color: #ccc\9; position: relative;}.mnav-nav__list:first-child:before { top: 19px;}.mnav-nav__list:first-child .mnav-nav__link { padding: 20px 0 10px 40px;}.mnav-nav__list:last-child .mnav-nav__link { padding: 10px 0 20px 40px;}.mnav-nav__list:before { content: ""; position: absolute; top: 9px; left: 25px; width: 3px; height: 15px; background: #999; display: block;}.mnav-nav__link { padding: 10px 0 10px 40px; display: block; float: none; font-size: 13px; font-size: 1.3rem;}.forPrint {display:none;}.nav-pankuzu { padding: 5px 0; width: 100%; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;}.np { margin: 0 auto; width: 1220px; padding: 0 10px; overflow: hidden; *zoom: 1;}.np__list { float: left; font-size: 11px; font-size: 1.1rem;}.np__list:after { margin: 0 10px; content: ">";}.np__link:hover { color: #0066ff; text-decoration: underline;}.np__list.np__list--last:after { content: "";}.np__current{ display: inline; font-size: inherit; font-weight: inherit;}.main { margin: 0 auto; width: 1220px; overflow: hidden; *zoom: 1;}.main__leftnavi { width:200px; float:left;}.main__left { padding: 0 0 0 10px; float: left; width: 800px;}.main__left_930 { padding: 0; float: inline-end; width: 930px;}.main__left--2col{ width: 980px;}.main__left--rev { float: right;}.main__right { float: right; width: 200px;}.main__right--rev { float: left;}.mln-linkbox { padding: 30px 5px 5px 5px;}.mln-linkbox__title { border-bottom: dotted 1px #ccc; border-top: solid 4px #0168b3; font-weight: bold; padding: 2px;}.mln-linkbox__contbox { padding: 10px 0; border-bottom: 1px solid #D9D0BB;}.mln-linkbox__leftcont { text-align: center; float: left; border-right: 1px solid #D9D0BB; padding-right: 13px; width: 95px;}.mln-linkbox__rightcont { text-align: center; float: right; width: 95px;}.clearfix { display: block;}.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}.mln-linkbox__icon { color:#0168b3;}.mln-linkbox__icon:hover { color:#afd0ef;}.mln-areabox { padding: 30px 5px 5px 5px;}.mln-areabox__title { border-bottom: dotted 1px #ccc; border-top: solid 4px #0168b3; font-weight: bold; padding: 2px;}.mln-areabox__list { padding: 5px 0 5px 5px; border-bottom: dotted 1px #ccc; font-size: 13px;}.mln-areabox__list:last-child { border-bottom:none;}.mln-areabox__link:hover { color:#0168b3;}.mrn__dlbtn { font-size: 14px; font-size: 1.4rem; text-align: center; display: block; line-height: 25px; height: 25px; color: #333; font-family: 游ゴシック, "Yu Gothic"; border: solid 2px #555;margin-right:4px;}.mrn__dlbtn:hover { border: solid 3px #1583be; background-color: #1583be; color: #fff;}.mrn__dlbtn--schedule { font-size: 14px; font-size: 1.4rem; text-align: center; display: inline-block; line-height: 25px; height: 25px; color: #333; font-family: 游ゴシック, "Yu Gothic"; border: solid 2px #555; width: 48%; margin-right: 3px;}.mrn__dlbtn--schedule:hover { border: solid 2px #1583be; background-color: #1583be; color: #fff;}.mr-search {}.mr-search__inner { margin-top: 30px;}.mr-serch__hidden{ padding: 5px 25px 5px 5px; width: 200px; height: 30px; }.mr-beginner { margin-top:20px; padding: 0 10px 0 0; }.mr-beginner__link { font-size: 16px; font-size: 1.6rem; text-align: center; display: block; line-height: 35px; height: 35px; background-color: #b80e3b; color: #fff; font-family: 游ゴシック, "Yu Gothic";}.mr-beginner__link:hover { background-color:#e3b3cd;}.mr-status { margin: 20px 0 0 0;}.mr-status__title { padding: 0 0 0 35px; background-image: url(/resource/img/new_bup/cart_icon.png); background-repeat: no-repeat; background-position: 0 1px; font-size: 18px; font-size: 1.8rem; font-weight: normal;}.mr-status__info { margin: 15px 0 12px 0; padding: 10px 16px; width: 190px; height: 50px; background: #1583be; vertical-align: baseline; color: #fff; border-radius: 5px; font-size: 14px; font-size: 1.4rem;}.mr-status__info--big { margin: 0 5px 0 10px; font-size: 26px; font-size: 2.6rem; font-weight: bold; border-radius: 5px;}.mr-status__link { text-decoration: underline; font-size: 12px; font-size: 1.2rem;}.mr-infobox{ margin-top:20px;}.mr-infobox__title{ color: #fff; background-color: #164a84; padding: 0px 0 0 8px;}.mri-info{ width: 200px; height: 320px; overflow: auto; margin-bottom: 25px; border: 2px solid #164a84; font-size: 13px;}.mri-info__list{ padding: 8px 0 8px 0; border-bottom: 1px dotted #ccc; margin: 0 8px; font-size: 12px;}.mri-info__date{ clear: left; padding: 2px 10px 2px;}.mri-info__value{ padding: 2px 0 2px 20px; text-decoration: none;}.mri-info__value--link{ color: #052674;}.mri-info__value--link:hover{ border-bottom: 1px solid #052674;}.mr__reqlink { font-size: 12px;}.mr__reqlink:hover { text-decoration: underline;}.mr-dl__link { font-size: 16px; font-size: 1.6rem; text-align: center; display: block; line-height: 35px; height: 35px; background-color: #b80e3b; color: #fff; font-family: 游ゴシック, "Yu Gothic"; }.mr-dl__link:hover { background-color:#e3b3cd;}.mr-letter { margin: 20px 0 0 0;}.letter-title { color: #fff; background-color: #31579B; padding: 0px 0 0 8px;}.letter-box { border:solid #31579B 1px; padding: 10px; font-size: 12px; font-size: 1.2rem; }.privacy { margin: 10px 20px 10px 10px; font-size: 11px; font-size: 1.1rem; }.privacy__link { text-decoration:underline; color: #005580;}.letter-btn { background-color: #31579B; color:#fff; display: block; padding: 5px; text-align: center; font-size: 14px; font-size: 1.4rem;}.letter-btn:hover { background:#9aadbe; color:#fff;}.mr-banner{ width:280px; padding:10px; border:solid 3px #b8b8b8; margin: 20px 10px 0 10px; text-align: center; font-size: 18px; font-size: 1.8rem; font-weight: bold;}.mr-perf { margin: 15px 0 0 0; width: 200px;}.mr-perf__title { margin: 15px 0 5px 0; text-align: left; font-size: 14px; font-size: 1.4rem; font-weight: bold; border-top: solid 4px #0168b3; padding: 2px;}.mrp-boxs{ padding: 5px 8px; width: 200px; border: solid 3px #d7d0c0; border-radius: 3px;}.mrp-box2__title{ margin: 10px 0 5px 0; text-align: center; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #c23535; }.mrp-box, .mrp-box2 { overflow: hidden; *zoom: 1;}.mrp-box__label { width: 70px; float: left; font-weight: bold; padding-top: 6px; font-size: 12px;}.mrp-box2__label { width: 80px; float: left; font-weight: bold; padding-top: 6px; font-size: 12px;}.mrp-box__label--small { font-size: 10px; font-size: 1rem;}.mrp-box__value, .mrp-box2__value { font-size: 20px; font-size: 2.0rem; font-weight: bold; text-align:right;}.mrp-box__value--small { padding: 0 0 0 5px; font-size: 14px; font-size: 1.4rem; font-weight: normal; font-weight: bold; line-height:1;}.mrp-box__value--has2unit{ display:flex; justify-content:flex-end; align-items:center}.mrp-box2--margin, .mrp-alert { margin: 15px 0 0 0;}.mrp-alert__label { color: #666666; font-size: 10px; font-size: 1.0rem;}.mr-rank {padding-top:20px;}.mr-rank__title { font-size: 14px; border-top: solid 4px #5398FF; font-weight: bold; padding: 6px 0;}.mr-nav { margin: 35px 0 0 0;}.mr-nav__title { font-size: 14px; border-bottom: dotted 1px #ccc; border-top: solid 4px #0168b3; font-weight: bold; padding: 2px;}.mrn { margin: 20px 0 0 0;}.mrn__list { margin: 10px 0 0 0;}.mrn__link:hover { color: #005580; text-decoration: underline; }.mr-news { margin: 20px 0 0 0;}.mr-news__title { font-size: 14px; border-top: solid 4px #5398FF; font-weight: bold; padding: 6px 0;}.mrn-boxs {}.mrn-box { padding: 5px 0; border-bottom: dotted 1px #ccc; font-size: 12px;}.mrn-box_link:hover { color: #005580; text-decoration: underline;}.mbn__new { margin: 0 5px 0 0; width: 50px; display: inline-block; background-color: #333333; text-align: center; color: #fff; height: 20px; line-height: 20px;}.mbn__newImg{ margin-right: 4px; vertical-align: -1px;}.mbn__text2 { margin: 5px 0 0 0;}.mr-recent{ padding-top: 20px;}.mr-recent__title{ padding: 6px 0; border-top: 4px solid #5398FF; font-weight: bold; font-size: 14px;}.footer { margin: 80px 0 50px 0; width: 100%; border-top: solid 1px #333;}.footer__inner{ display:-ms-grid; display:grid; -ms-grid-rows:auto auto; grid-template-rows:auto auto; -ms-grid-columns:984px 1fr; grid-template-columns:984px 1fr; width:1200px; margin:0 auto;}.footer-nav{ -ms-grid-column:1; grid-column:1 / 2; -ms-grid-row:1; grid-row:1 / 2;}.fn { display: flex; justify-content: space-between; margin-top:15px; text-align: center;}.footer__copy{ -ms-grid-row:2; grid-row: 2 / 3; -ms-grid-column:1; grid-column: 1 / 2; margin-top: 20px; text-align: right; font-size: 1.2rem;}.footer__iconList{ -ms-grid-column:2; grid-column:2 / 3; -ms-grid-row:1; -ms-grid-row-span:2; grid-row:1 / 3; display:flex; justify-content:flex-end; align-items:flex-end; margin-top:16px;}.footer__icon + .footer__icon{ padding-left:8px;}.fn__link { font-size: 1.2rem;} .faq-btn { background-color: #0168b3; color:#fff; margin: 5px 10px 30px 0px; display: block; padding: 10px; text-align: center; font-size: 16px; font-size: 1.6rem; width:387px; } .faq-btn:hover { background:#77aad7; color:#fff; } .faq-box { display: block; margin: auto; border:solid 2px #0168b3; width:95%; } .faq-box__title { text-align: center; background-color: #0168b3; color: #fff; font-size: 18px; padding: 5px 0; font-family: 游ゴシック, "Yu Gothic"; } .faq-box__list--tel { width: 80%; margin: 0 auto; overflow: hidden; height: 70px; } .faq-box__list--mail { width: 80%; margin: 0 auto; overflow: hidden; height: 95px; } .fqb-list__icon { float: left; margin-top: 23px; color:#0168b3; } .fqb-list__text--tel { float: left; font-size: 18px; padding-left: 23px; margin-top: 21px; font-family: 游ゴシック; font-weight: 700; line-height: 1.4em; } .fqb-list__text--mail { float: left; font-size: 18px; padding-left: 15px; margin-top: 21px; font-family: 游ゴシック; font-weight: 700; line-height: 1.4em; } .fqb-list__tri { float: left; margin-left: 19px; margin-top: 25px; } .fqb-list__number { font-size: 53px; margin-top: 15px; font-family: arial; font-weight: 700; line-height: 1; } .fqb-list__btn { float: right; margin-top: 21px; }.fqb-list__freeimg {padding-left:20px;}@media screen and (max-width: 768px) { body { background-color: #fafafa; } .sp { display: block; } .header { padding: 0; position: relative; width: 100%; height: 46px; } .header_menubtn { top: 0; left: 0; position: absolute; } .header_menubtn img { width: 50%; height: auto; } .htop-logo { position: absolute; top: 8px; left: 50px; } .htop-logo img { width: 87%; height: auto; } .header_searchbtn { position: absolute; top: 10px; right: 10px; } .header_searchbtn img { width: 65%; height: auto; } .htop-search { padding: 0; width: 100%; position: absolute; top: 47px; left: 0; background: #fff; height: 0; overflow: hidden; opacity: 0; } .htop-search .txt { padding: 5px 10px; width: 100%; height: 40px; border: none; background-image: none; font-size: 16px; font-size: 1.6rem; } .htop-search .btn { display: none; } .htop-nav, .header-bottom, .htop-contact { display: none; } .htop-login { display: none; } .nav-top { width: 100%; height: auto; background-color: #fafafa; position: static; } .hmiddle-nav { margin: 0; padding: 0; position: absolute; top: 47px; left: 0; background-color: #fff; height: 0; overflow: hidden; opacity: 0; } .hmiddle-nav__list { margin: 0; width: 50%; border-bottom: solid 1px #ccc; background-image: -moz-linear-gradient(center top, #ffffff, #ecebe9); } .hmiddle-nav__list:nth-child(odd) { border-right: solid 1px #ccc; } .hmiddle-nav__link { display: block; text-align: center; width: 100%; height: 40px; line-height: 40px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } .hmiddle-nav__link:hover { padding: 0; border-bottom: none; } .nav-top2 { padding: 16px 0 24px; } .nav-top2__title{ margin: 0 auto 8px; font-size: 16px; } .nav-top2__title{ width: 100%; } .nt2 { width: 100%; } .nt2__list { display: flex; width: 100%; padding: 2px; } .nt2__link { font-size: 12px; } .nt2__link::after { content: none; } .nt2__link::before{ height: 36px; background-size: contain; } .nt { width: 100%; background-color: #b5c8ce; } .nav-top__title { margin: 25px 0 15px 0; text-align: center; display: block; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .nt__list { float: left; width: 16.6%; height: 45px; border-left: solid 1px #fafafa; border-right: none; } .nt__list:first-child { border-left: none; }.nt__list--lineup {display:none;} .nt__link { display: flex; align-items: center; justify-content: center; font-size: 14px; font-size: 1.4rem; height: 45px; line-height: 1.3; font-weight: normal; padding-top: 0px; } .nt__link:hover { background-color: #b5c8ce; color: #333; font-weight: normal; } #overlay{ position: fixed; top: 0; left: 0; z-index: 999998; display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, .8); } .nav-bottom{ position: fixed; top: 0; right: -100%; z-index: 999999; width: calc(100% - 64px); height: 100vh; background: transparent; } .nbToggle{ position: absolute; top: 16px; left: -48px; z-index: 9999; } .nbToggle__btn{ display: block; color: #fff; font-size: 11px; line-height: 1; text-decoration: none; text-align: center; } .nbToggle__btn::before{ content: "×"; display: block; font-size: 40px; } .nb{ position: static; width: 100%; height: 100%; padding-bottom: 128px; overflow-x: visible; overflow-y: auto; } .nb__list{ display: block; float: none; margin: 0; padding: 0; border-top: 1px solid #ccc; background: #fff; } .nb__list:first-child{ margin: 0; } .nb__list--ttl{ display: block; padding: 8px 16px; line-height: 1; font-weight: bold; background: #ccc; font-size: 13px; } .mnav-nav{ position: static; width: auto; } .nb__link{ float: none; height: auto; } .nb__link:hover{ color: inherit; font-weight: inherit; } .nb__link::after{ content: ""; } .mnav-nav__list:before{ content: ""; width: auto; height: auto; } .mnav-nav__list:first-child .mnav-nav__link, .mnav-nav__list:last-child .mnav-nav__link{ padding: 8px 24px 8px 16px; } .nb__link, .mnav-nav__link{ position: relative; display: block; padding: 8px 24px 8px 16px; text-decoration: none; color: #333; line-height: 1; font-size: 14px; } .nb__link::before, .mnav-nav__link::before{ position: absolute; right: 8px; top: 50%; font: 16px / 1 fontawesome; transform: translateY(-50%); } .nb__link::before{ content: "\f067"; } .nb__link--spLink::before, .mnav-nav__link::before{ content: "\f105"; } .mnav-nav__link{ background: #ededed; } .mnav-nav{ border-top: 1px solid #ccc; } .mnav-nav__list{ background: transparent; } .mnav-nav__list + .mnav-nav__list{ border-top: 1px solid #ccc; } .globalNav{ display: none !important; } .nav-toggle.is-active .navTgl-first{ transform: translateY(-10px) !important; } .nav-toggle.is-active .navTgl-second{ transform: translateY(10px) !important; } .nav-toggle.is-active .navTgl-third{ transform: none !important; } .header-logo{ width: 120px; line-height: 0; } .header-logo img{ max-width: 100%; height: auto; } #gm-sp-bupSub{ position: absolute; top: 6px; right: 60px; } .nav-bupSubList{ display: flex; align-items: center; } .nav-bupSubList__item{} .nav-bupSubList__item + .nav-bupSubList__item{ padding-left: 24px; } .nav-bupSubList__target{ display: block; line-height: 0; } .nav-bupSubList__target--question::before{ content: "\f29c"; display: block; color: #999; font: 32px / 1 fontawesome; } #search .searchbtn{ background-color: #164a84 !important; } .np { margin: 0 auto; width: 100%; padding: 0 10px; overflow: hidden; *zoom: 1;} .mnav-nav { padding: 0; width: 100%; top: 0; position: relative; } .mnav-nav__list { padding: 0; width: 100%; border-left: none; } .mnav-nav__list:first-child { margin: 0; } .mnav-nav__link { width: 100%; } .mainvisual { display: none; width: 100%; height: 0; padding-top: 47.81%; background-size: contain; background-repeat: no-repeat; } .mainvisual-wrap { display: none; } .main { width: 100%; } .main__left { padding: 0; float: none; width: 100%; } .main__leftnavi { display: none; } .main__right { display: none; } .footer { margin: 60px 0 0 0; width: 100%; border-top: none; } .footer__inner{ display:block;width:100%; } .footer-nav { width: 100%; } .fn { display:block; margin: 0; border-top: solid 1px #cccccc; background-color: #fff; } .fn__list { border-bottom: solid 1px #cccccc; margin: 0; float: none; display: block; text-align: left; } .fn__link { display: block; width: 100%; padding: 12px 0 12px 20px; font-size: 12px; font-size: 1.2rem; } .footer__copy { margin: 0; padding: 10px 0; width: 100%; background-color: #cad7dc; text-align: center; font-size: 12px; font-size: 1.2rem; }.faq-box__list--tel { width: 90%;} .faq-btn { width: 90%; margin: auto; } .fqb-list__btn { float: none; margin-top: 0px; } .fqb-list__number { text-align: center; font-size: 30px; } .fqb-list__iconbox { display: none; } .faq-box__list--mail { height: 70px; }.fqb-list__freeimg {padding-left:0px;}}.p_comment-taxIncrease { width: 1200px; margin: 20px auto; font-weight: bold; color: red; border: 1px solid red; padding: 5px; display: block;}.p_comment-taxIncrease > p { padding-left: 1em; text-indent: -1em; line-height: 1.6;}.p_comment-taxIncrease a {}.p_comment-taxIncrease a:hover { text-decoration: underline; }#last_line_footer p a.sp { display: none; }@media screen and (max-width:768px){.p_comment-taxIncrease { width: auto; }}.p_bgcBox { font-size: 14px; margin-top: 20px;}.p_bgcBox .p_list {}.p_bgcBox .p_list_item { padding: 6px 10px 6px 6px; background: #e8eaef;}.p_bgcBox .p_list_item + .p_list_item { margin-top: 2px; }.main__right .c_link { transition: .3s; }.main__right .c_link:hover { text-decoration: none; opacity: .6; }.main__right .c_link-hasIco { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 13px; position: relative; }.main__right .c_link-hasIco.first { -ms-align-items: center; align-items: center;}.main__right .c_link-hasIco::before { color: #1583be; content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; width: 20px;}.main__right .c_link-hasIco.flowApp::before { content: "\f044"; margin-left: 3px; margin-right: 2px;}.main__right .c_link-hasIco.faq::before { content: "\f128"; margin-left: 4px; margin-right: 1px;}.main__right .c_link-hasIco.first::before { content: url("https://www.insource.co.jp/resource/img/bup/icon_beginnerMark.gif"); vertical-align: -4px;}.main__right .c_link-hasIco.flowCourse::before { content: "\f51b"; }.main__right .c_link-hasIco.flowOnlineCourse::before { content: "\f1eb"; transform:rotate(-45deg) }.main__right .c_link-hasIco.search::before { content: url("https://www.insource.co.jp/resource/img/bup/bup_icon-03.png"); vertical-align: -2px;}.main__right .c_link-hasIco.company::before {content: url("https://www.insource.co.jp/resource/img/bup/bup_icon-04.png"); vertical-align: -4px;}.main__right .c_link-arrow { position: relative; display: block; padding-right: 16px;}.main__right .c_link-arrow::after { border-top: 3px solid #1583be; border-right: 3px solid #1583be; content: ""; display: block; height: .5em; margin-left: auto; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); width: .5em;}.m_sideBasicMenu { margin: 20px 0; }.m_sideBasicList {}.m_sideBasicList > * + * { margin-top: 2px; }.m_sideBasicList__item { --theme_sideBasicList: #e6002d;}.m_sideBasicList__link { display: grid; grid-template-columns: auto auto 1fr; font-size: 13px; font-weight: bold; padding: 8px; place-items: center; &:hover { background-color: var(--theme_sideBasicList); color: #fff; &::before { background-color: #fff; } } &::before { background-color: var(--theme_sideBasicList); content: "" !important; height: 20px; margin-right: 10px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 20px; } &.__whats::before { mask-image: url("/resource/img/bup/icon_navi_1_1.svg"); } &.__reasonsToChoose::before { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>'); } &.__flowApp::before { mask-image: url("/resource/img/bup/icon_navi_2_1.svg"); } &.__find::before { mask-image: url("/resource/img/bup/icon_navi_3_1.svg"); } &.__flowCourse::before { mask-image: url("/resource/img/bup/icon_navi_4_1.svg"); } &.__flowOnline::before { mask-image: url("/resource/img/bup/icon_navi_5_1.svg"); } &.__corporateService::before { mask-image: url("/resource/img/bup/icon_navi_6_1.svg"); } &.__faq::before { mask-image: url("/resource/img/bup/icon_navi_7_1.svg"); }}.m_sideBasicList__link::after { background-color: #e6002d; clip-path: path("M1.768,12.768,0,11,4.616,6.384,0,1.768,1.768,0,8.152,6.384Z"); content: ""; height: 13px; margin-left: auto; width: 10px;}.m_sideBasicList__link:hover:after { background-color: #fff; }.mr-download { margin: 20px 0 0 0; }.mr-download_inner {}.mr-download_heading { border-top: solid 4px #0168b3; font-size: 14px; font-weight: 700; margin-bottom: 10px; padding: 6px 0 0 4px; text-align: left;}.mr-donloadContents { font-size: 14px; }.mr-donloadContents + .mr-donloadContents { margin-top: 20px; }.mr-donloadContents_ttl { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 10px;}.mr-donloadContents_img { text-align: center;}.main__right .c_link-dlBtn { background-color: #00b9a7; border-radius: 3px; display: inline-block; font-size: 12px; padding: 5px; color: #fff; transition: .3s;}.main__right .c_link-dlBtn:hover { text-decoration: none; opacity: .6;}.main__right .c_link-dlBtn i { margin-left: 5px; }.main__right .c_link-normal { color: #052674;}.main__right .c_link-normal:hover { color: #005580; text-decoration: underline;}.side_box_link { margin-top: 0; padding-right: 0; text-align: right;}.side_link-directionArw { align-items: center; border: 1px solid #666; display: flex; font-size: 12px; justify-content: space-around; line-height: 1; margin-left: auto; padding: 3px 5px; position: relative; text-align: center; width: 115px;}.side_link-directionArw:hover { opacity: .6; }.side_link-directionArw::after { background: #5398ff; color: #fff; content: "\f054"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; height: 15px; line-height: 15px; width: 15px;}.side_recommendedvideo{ margin-top: 16px;}.side_recommendedvideo__ttl{ border-top: 3px solid #aa0521; font-size: 14px; font-weight: bold; position: relative; padding: 7px 0;}.side_recommendedvideo__linkWrap{ display: block;}.side_recommendedvideo__link{}.side_recommendedvideo__img{ display: block;}.side_recommendedvideo__linkWrap + .side_recommendedvideo__linkWrap{ margin-top: 8px;}.cu_hide{ display: none;}.cu_hideImp{ display: none !important;}@media screen and (max-width: 768px){ .resHide, .cu_resMdHide{ display: none; } .cu_resMdInline{ display: inline; } .cu_resMdBlock{ display: block; } .cu_resMdHideImp{ display: none !important; } .cu_resMdInlineImp{ display: inline !important; } .cu_resMdBlockImp{ display: block !important; }}@media screen and (max-width: 599px){ .cu_resSmHide{ display: none; } .cu_resSmInline{ display: inline; } .cu_resSmBlock{ display: block; } .cu_resSmHideImp{ display: none !important; } .cu_resSmInlineImp{ display: inline !important; } .cu_resSmBlockImp{ display: block !important; }}#bupInquiry.m_footInquiryBup{ margin: 30px auto; border: 2px solid #CCCCCC; text-align: center; padding :16px 16px 24px 16px; font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#bupInquiry .m_footInquiryBup__ttl{ padding-bottom: 8px; margin-bottom: 16px; font-size: 24px; font-weight: bold; border-bottom: 1px solid #cccccc; line-height: 1.6;}#bupInquiry .m_footInquiryBup__body{}#bupInquiry .m_footInquiryBup__item{ display: flex; align-items: center; justify-content: flex-start;}#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item{ margin-top: 16px;}#bupInquiry .m_footInquiryBup__item + .m_footInquiryBup__item--request{ margin-top: 16px; padding-top: 16px; border-top: 1px dotted #ccc;}#bupInquiry .m_footInquiryBup__subHeading{ width: 100%; padding: 0 14px;}#bupInquiry .m_footInquiryBup__subTtl{ padding: 4px 0 4px 8px; border-left: 8px solid #4d4d4d; text-align: left; font-weight: bold; line-height: 1.4; font-size: 20px;}#bupInquiry .m_footInquiryBup__subTtl br{ display: none;}#bupInquiry .m_footInquiryBup__btn{ width: 100%; display: flex; align-items: stretch; padding: 0 14px; font-size: 20px;}#bupInquiry .m_footInquiryBup__btn::before{ content: ""; display: block; height: 3.5em;}#bupInquiry .m_footInquiryBup__btnTarget{ display: flex; align-items: center; justify-content: center; width: 100%; border: 2px solid; border-radius: 5px; text-decoration: none; color: inherit; transition: .3s opacity;}#bupInquiry .m_footInquiryBup__btnTarget:hover{ opacity: .7; }#bupInquiry .m_footInquiryBup__btnInner{ position: relative; padding-left: 40px;}#bupInquiry .m_footInquiryBup__btnInner::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 32px; height: 32px; margin: auto 0; line-height: 0;}#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnTarget{ border-color: #E6002D; color: #fff; background: #E6002D;}#bupInquiry .m_footInquiryBup__btn--inquiry .m_footInquiryBup__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/icon_inquiry.png"); top: 9px;}#bupInquiry .m_footInquiryBup__btn--faq::before{ height: 2.5em;}#bupInquiry .m_footInquiryBup__btn--faq .m_footInquiryBup__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/icon_qa.png");}#bupInquiry .m_footInquiryBup__btn--request::before{ height: 2.5em;}#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnTarget{ border-color: #eb9100; color: #fff; background: #eb9100;}#bupInquiry .m_footInquiryBup__btn--request .m_footInquiryBup__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/icon_request.png");}#bupInquiry .m_footInquiryBup__body + .m_footInquiryBup__footer{ margin-top: 24px;}#bupInquiry .m_footInquiryBup__footer{ position: relative; padding-left: 1em; color: #666; text-align: left; font-size: 12px; line-height: 1.6;}#bupInquiry .m_footInquiryBup__footer::before{ content: "\203B"; position: absolute; left: 0; display: block;}#bupInquiry .m_footInquiryBup__link{ color: #2e3192; text-decoration: underline;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{ width: 80%; margin: 0 auto;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__item{ display: block;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__subHeading{ margin-bottom: 12px; padding: 0;}#bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__btn{ padding: 0;}@media screen and (max-width: 768px){ #bupInquiry .m_footInquiryBup__body{ width: 80%; margin: 0 auto; } #bupInquiry .m_footInquiryBup__item{ display: block; } #bupInquiry .m_footInquiryBup__subHeading{ margin-bottom: 12px; padding: 0; } #bupInquiry .m_footInquiryBup__btn{ padding: 0; }}@media screen and (max-width: 599px){ #bupInquiry .m_footInquiryBup__body, #bupInquiry.m_footInquiryBup--w500 .m_footInquiryBup__body{ width: 90%; } #bupInquiry .m_footInquiryBup__subTtl br{ display: inline; } #bupInquiry .m_footInquiryBup__btn::before{ height: 4em; } #bupInquiry .m_footInquiryBup__btnInner{ padding: 40px 0 0; } #bupInquiry .m_footInquiryBup__btnInner::before{ bottom: auto; right: 0; margin: auto; } #bupInquiry .m_footInquiry__btn--inquiry .m_footInquiry__btnInner::before{ top: 6px; } #bupInquiry .m_footInquiryBup__btn{ font-size: 18px; }}#commonInquiry .box_bupFtFaq{ background-color: #F9F9F9; line-height: 1.6; margin: 30px 1px -24px; text-align: left; padding: 20px 35px;}#commonInquiry.m_bupFtInquiry-w500 .box_bupFtFaq{ padding: 20px 32px;}.box_bupFtFaq_inner {}.box_bupFtFaq_ttl { font-size: 16px; font-weight: bold; color: #0C3F71; position: relative;}.box_bupFtFaq_ttl > span { display: block; font-size: .9em; font-weight: 500; color: #333;}.m_bupFtInquiry-w500 .box_bupFtFaq_ttl > span { font-size: 13px;}.list_bupFtFaq { margin: 8px 0;}.list_bupFtFaq_item {}.list_bupFtFaq_item + .list_bupFtFaq_item { margin-top: 8px; }.list_bupFtFaq_link { font-size: 14px; font-weight: 400; color: #333; display: inline-block; padding-left: 1.5em; position: relative;}.list_bupFtFaq_link:hover { opacity: 0.6; transition: .3s; color: #333; text-decoration: none;}.list_bupFtFaq_link::before { content: "Q"; color: #0C3F71; font-size: 20px; font-weight: bold; font-family: "roboto"; display: inline-block; line-height: 1; position: absolute; top: 0; left: 0;}.box_bupFtFaq_link { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; margin-bottom: 0 !important;}.box_bupFtFaq_link > a { font-size: 14px; font-weight: bold; color: #333;}.box_bupFtFaq_link > a:after{ content: "\f105"; font: 700 14px "FontAwesome"; padding-left: 10px;}.box_bupFtFaq_link > a:hover { opacity: 0.6; transition: .3s; color: #333; text-decoration: none;}@media screen and (max-width: 500px) {.lowerStep_flex { flex-flow: column-reverse wrap; }.tellNum { margin-bottom: 20px; }.box_bupFtFaq_ttl { display: block; }.box_bupFtFaq_ttl > span { display: block;margin-left: 0; }}#commonInquiry.m_bupFtInquiry{ margin: 85px auto 30px; max-width: 626px; width:100%; border-top: 1px solid #C2C2C2; text-align: center; padding :24px 0px; font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#commonInquiry.m_bupFtInquiry-w500{ margin: 85px auto 30px; width: 100%; max-width:626px; border-top: 1px solid #C2C2C2; text-align: center; padding :24px 0px; font-family: "Helvetica Neue", "Noto Sans JP", "Meiryo","Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;}#commonInquiry .m_bupFtInquiry__ttl{ padding-bottom: 16px; margin-bottom: 16px; font-size: 22px; font-weight: bold; line-height: 1;}#commonInquiry .m_bupFtInquiry__body{}#commonInquiry .m_bupFtInquiry__msg{ font-size: 15px; line-height: 1.6; letter-spacing: -0.1px; font-weight: 500;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{ display:block;}#commonInquiry .m_bupFtInquiry__body + .m_bupFtInquiry__btns{ margin-top: 30px;}#commonInquiry .m_bupFtInquiry__btns{ display: flex; justify-content: space-between; align-items: stretch; }#commonInquiry .m_bupFtInquiry__btn{ display: flex; align-items: stretch; font-size: 15px; font-weight: bold; width: 31.3%;}#commonInquiry .m_bupFtInquiry__btn::before{ content: ""; display: block; height: 3.5em;}#commonInquiry .m_bupFtInquiry__btnTarget{ display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid; border-radius: 4px; text-decoration: none; color: inherit; transition: .3s opacity;}#commonInquiry .m_bupFtInquiry__btnTarget:hover{ opacity: .6; }#commonInquiry .m_bupFtInquiry__btnInner{ position: relative; padding-left: 35px;}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{ padding-left: 30px;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{ padding-left: 30px;}#commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{ padding-left: 25px;}#commonInquiry .m_bupFtInquiry__btnInner::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 20px; height: 20px; margin: auto 0; line-height: 0;}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnTarget{ border-color: #333333; box-shadow: 3px 3px 6px rgba(48, 48, 48,.3);}#commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/footer-icon_qa.svg"); left: 0px;}#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnTarget{ border-color: #E5002D; box-shadow: 3px 3px 10px rgba(158, 39, 48,.16);}#commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/footer-icon_inquiry.svg"); top: 5px;}#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnTarget{ border-color: #EB9100; box-shadow: 3px 3px 10px rgba(252, 146, 24,.16);}#commonInquiry .m_bupFtInquiry__btn--requests .m_bupFtInquiry__btnInner::before{ content: url("https://www.insource.co.jp/resource/img/inquiry/footer-icon_seminar-request.svg");}#commonInquiry .m_bupFtInquiry__btns + .m_bupFtInquiry__footer{ margin-top: 16px; font-weight: 500;}#commonInquiry .m_bupFtInquiry__footer{ position: relative; padding-left: 0; color: #999; text-align: center; font-size: 14px; line-height: 1.6; letter-spacing: -0.1px; margin: 0 -21px;}#commonInquiry .m_bupFtInquiry__footer::before{ content: "\203B"; position: relative; left: 0; display: inline-block;}#commonInquiry .m_bupFtInquiry__link{ color: #2e3192; text-decoration: underline;}#commonInquiry .m_bupFtInquiry__link:hover{ opacity: 0.6; transition: .3s;}#commonInquiry.m_bupFtInquiry--w500{}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{ width: 200px;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner{ padding: 40px 0 0;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnInner::before{ position: absolute; bottom: auto; top: 6px; right: 0; display: block; width: 32px; height: 32px; margin: auto; line-height: 0;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{ top: 12px;}#commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btn::before{ height: 3.8em;}@media screen and (max-width: 768px){ #commonInquiry.m_bupFtInquiry{ width: 100%; } #commonInquiry.m_bupFtInquiry-w500{ width: 100%; } #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__msg__resM_br{ display:none; } #commonInquiry .m_bupFtInquiry__btnTarget{ width: 200px; } #commonInquiry .m_bupFtInquiry__btnInner{ padding: 33px 0 7px; } #commonInquiry .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{ padding: 33px 0 7px; } #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btnInner{ padding: 33px 0 7px; } #commonInquiry.m_bupFtInquiry-w500 .m_bupFtInquiry__btn--faq .m_bupFtInquiry__btnInner{ padding: 33px 0 7px; } #commonInquiry .m_bupFtInquiry__btnInner::before{ position: absolute; top: 9px; bottom: auto; right: 0; margin: auto; } #commonInquiry .m_bupFtInquiry__btn--inquiry .m_bupFtInquiry__btnInner::before{ top: 11px; } #commonInquiry .m_bupFtInquiry__btn::before{ height: 3.8em; } #commonInquiry .m_bupFtInquiry__footer{ margin: 0; } .m_bupFtInquiry__footer > .m_bupFtInquiry__resM_br{ display: none; }}@media screen and (max-width: 599px){ #commonInquiry .m_bupFtInquiry__btns{ display: block; margin: 0; } #commonInquiry .m_bupFtInquiry__btn{ padding: 0; width: 80%; margin: auto; } #commonInquiry .m_bupFtInquiry__btn + .m_bupFtInquiry__btn{ margin-top: 16px; } #commonInquiry .m_bupFtInquiry__btnTarget, #commonInquiry.m_bupFtInquiry--w500 .m_bupFtInquiry__btnTarget{ width: 100%; margin: 0 auto; }}
.m_solutionBaseSideNavs{}.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item{ margin-top: 10px;}.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--banner{ margin-top: 10px;}.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item.m_solutionBaseSideNavs__item--assessment{ margin-top: 10px;}.m_solutionBaseSideNavs__list{ font-family: helvetica neue,noto sans jp,yu gothic,YuGothic,ヒラギノ角ゴ pron w3,hiragino kaku gothic pron,Arial,メイリオ,Meiryo,sans-serif; line-height: normal;}.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--ir,.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--func{ margin-top: 10px;}.m_solutionBaseSideNavs__list--companyLink{ margin-top: 10px; }.m_solutionBaseSideNavs__listItem{}.m_solutionBaseSideNavs__listItem + .m_solutionBaseSideNavs__listItem{ margin-top: 1px;}.m_solutionBaseSideNav{}.m_solutionBaseSideNav__ttl{ display: flex; align-items: center; height: 40px; padding-left: 8px; border-left: 9px solid; font-weight: bold; letter-spacing: 0; color: inherit; font-size: 14px; background: #F5F5F5;}.m_solutionBaseSideNav__list{ padding: 5px 0 0px 8px;}.m_solutionBaseSideNav__listItem{ padding: 5px 0;}.m_solutionBaseSideNav__listItem:empty { padding:0 ;}.m_solutionBaseSideNav__listItem__sub{ padding-left: 8px;}.m_solutionBaseSideNav__listTtl{ font-size: 15px; font-weight: bold; padding-left: 10px; position: relative;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #1a8192 0, #1a8192 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav__ttl--halfColor{ flex-direction: column; align-items: baseline; justify-content: center;}.m_solutionBaseSideNav__ttl--halfColor .m_solutionBaseSideNav__subTtl--color{ color: #980416; transition: .3s;}.m_solutionBaseSideNav__ttl--halfColor:hover .m_solutionBaseSideNav__subTtl--color{ color: #FFFF00;}.m_solutionBaseSideNav__subTtl-lsN0{ letter-spacing: normal;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl{ font-size: 13px; color: #1a8192; transition: .3s;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:hover{ opacity: .7; }.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp{ color: #333; transition: none; margin-left: 7px; font-size: 15px;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp:hover{ opacity: 1;}.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]{ color: #005e04; transition: .3s;}.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]:hover{ opacity: .7;}.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]{ color: #666; transition: .3s;}.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]:hover{ opacity: .7;}.m_solutionBaseSideNav__listTtl--lsN0{ letter-spacing: 0px!important;}.m_solutionBaseSideNav__listTtl--lsN1{ letter-spacing: -1px!important;}.m_solutionBaseSideNav__listTtl--lsN2{ letter-spacing: -2px!important;}.m_solutionBaseSideNav__target{ position: relative; display: block; padding-left: 11px; color: inherit; font-weight: bold; font-size: 11px; transition: .3s opacity; letter-spacing: 0;}.m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{ letter-spacing: 0;}.m_solutionBaseSideNav__target--new,.m_solutionBaseSideNav__target--column{ text-indent: 11px; padding-left: 0; letter-spacing: 1px;}.m_solutionBaseSideNav__target--banner{ padding-left: 0; padding-bottom: 0px;}.m_solutionBaseSideNav__target--banner img{ vertical-align: bottom;}.m_solutionBaseSideNav--service .m_solutionBaseSideNav__target--banner{ margin-left: -8px;}.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__target--banner{ margin-left: -8px;}.m_solutionBaseSideNav__target--lsN0{ letter-spacing: 0px!important;}.m_solutionBaseSideNav__target--lsN1{ letter-spacing: -1px!important;}.m_solutionBaseSideNav__target--lsN2{ letter-spacing: -2px!important;}.m_solutionBaseSideNav__target::before{ content: ""; position: absolute; left: 0; top: 6px; display: block; width: 4px; height: 4px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg);}.m_solutionBaseSideNav__target--banner::before{ content: none;}.m_solutionBaseSideNav__target--columnRank::before{ counter-increment: columnRank 1; content: counter(columnRank); transform: unset; border: none; font-size: 18px; left: -7px; top: -3px; color:#980416;}.m_solutionBaseSideNav__target:hover{ opacity: .7; color: inherit; text-decoration: none;}.m_solutionBaseSideNav__ttl.m_solutionBaseSideNav__ttl--link:hover{ text-decoration: none;}.m_solutionBaseSideNavs__item--assessment{ margin-bottom: 10px;}.m_solutionBaseSideNavs__item--history{}.m_solutionBaseSideNavs__item--history .m_solutionBaseSideNav__ttl{ margin-bottom: 10px; border-color: #8f1e35;}.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--group{ margin-top: 0px;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl,.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl,.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl{ margin-left: 7px;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl{ font-size: 16px; padding-left: 0;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub{ font-size: 14px; padding-left: 10px; margin-left: 7px;}.m_solutionBaseSideNav__ttl-lsN1{ letter-spacing: -1px;}.m_solutionBaseSideNav__ttl-lsN2{ letter-spacing: -2px;}.m_solutionBaseSideNav--companyLink{}.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl{ border-color: #9caeb7;}.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #9caeb7 0, #9caeb7 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--pickup{}.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl{ border-color: #980416;}.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav__ttl--new{ position: relative;}.m_solutionBaseSideNav__ttl--new:after{ content: "New!"; display: inline-block; color: #980416; font-size: 12px; position:absolute; right: 9px;}.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--new[href="/campaign/insource-energy-partner.html"]:after{ top: 3px;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--new[href="https://www.insource-ri.co.jp/"]:after{ bottom: 4px;}.m_solutionBaseSideNav__ttl--new:hover:after{ color: #FFFF00;}.m_solutionBaseSideNav__ttl--date{ position: relative;}.m_solutionBaseSideNav__subTtl--date{ color: #980416; font-size: 12px; position:absolute; right: 4px;}.m_solutionBaseSideNav__ttl--date:hover .m_solutionBaseSideNav__subTtl--date{ color: #FFFF00;}.m_solutionBaseSideNav--ir{}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl{ border-color: #CC2914; height: 24px; font-size: 12px;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #CC2914 0, #CC2914 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav__ttl--attention{ position: relative;}.m_solutionBaseSideNav__ttl--attention:after{ content: "注目"; display: inline-block; color: #980416; font-size: 12px; position:absolute; right: 9px;}.m_solutionBaseSideNav__ttl--attention:hover:after{ color: #FFFF00;}.m_solutionBaseSideNav__listItem--group{ padding: 5px 0 5px 8px;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl{ border-color: #980416;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color; font-size: 11px;}.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl{ border-color: #666; height: 30px; letter-spacing: -0.5px;}.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #666 0, #666 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color; font-size: 11px;}.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl{ border-color: #052674; height: 30px;}.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #052674 0, #052674 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color; font-size: 11px;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link:hover,.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link:hover,.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--mainService{}.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl{ border-color: #2a6cae;}.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #2a6cae 0, #2a6cae 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link[href="/it-tool/kenkanrisys_top.html"]{ letter-spacing: -1px;}.m_solutionBaseSideNav--newPage{}.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl{ border-color: #04980b;}.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #04980b 0, #04980b 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--asessment{}.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl{ border-color: #cc337a; letter-spacing: 0;}.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link{ background: linear-gradient(to right, #cc337a 0, #cc337a 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%; transition: .3s background-position, .3s color;}.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link:hover{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl,.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl,.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl {.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl, color: #333;}.m_solutionBaseSideNav__listTtl:before{ content:""; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); display: inline-block; width: 8px; height: 8px; border: none; border-radius: 50%;}.m_solutionBaseSideNav__listTtl-sub:before{ left: -5px; width: 5px; height: 5px;}.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl:before{ background-color: #980416;}.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl:before{ background-color: #666;}.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl:before{ background-color: #052674;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:before{ background-color: #1a8192;}.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__listTtl:before{ background-color: #fc5c8c;}.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__listTtl:before{ background-color: #ee7800;}.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl:before{ background-color: #fc5c8c;}.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl:before{ background-color: #04980b;}.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl:before{ background-color: #fc5c8c;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl:before{ content: none;}.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub:before{ content: ""; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); display: inline-block; width: 5px; height: 5px; border: none; border-radius: 50%; background-color: #CC2914;}.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl:before{ background-color: #6C597E;}.m_solutionBaseSideNav--service .m_solutionBaseSideNav__list{ color: #400416;}.m_solutionBaseSideNav--new .m_solutionBaseSideNav__list{ color: #013303;}.m_solutionBaseSideNav--column .m_solutionBaseSideNav__list{ color: #372d40;}.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__list{ color: #3d3d3d;}.m_solutionBaseSideNav--func .m_solutionBaseSideNav__list{ color: #400416;}.m_solutionBaseSideNav--leaf{ letter-spacing: 0px;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl{ border-color: #1a8192; line-height: 1.2;}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list{}.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list--leaf--temp{ padding: 0;}.m_solutionBaseSideNav--solution{}.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__ttl{ border-color: #EE7800;}.m_solutionBaseSideNav--recruit{}.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__ttl{ border-color: #fc5c8c;}.m_solutionBaseSideNav--business{}.m_solutionBaseSideNav--business .m_solutionBaseSideNav__ttl{ border-color: #E9E92E;}.m_solutionBaseSideNav--service{}.m_solutionBaseSideNav--service .m_solutionBaseSideNav__ttl{ border-color: #fc5c8c;}.m_solutionBaseSideNav--group{}.m_solutionBaseSideNav--new{}.m_solutionBaseSideNav--new .m_solutionBaseSideNav__ttl{ border-color: #04980b;}.m_solutionBaseSideNav--column{}.m_solutionBaseSideNav--column .m_solutionBaseSideNav__ttl{ border-color: #6C597E ;}.m_solutionBaseSideNav--gambatte{}.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__ttl{ border-color: #707070;}.m_solutionBaseSideNav--func{}.m_solutionBaseSideNav--func .m_solutionBaseSideNav__ttl{ border-color: #fc5c8c;}.m_solutionBaseSideNav--columnRank{ counter-reset: columnRank 0; }.m_solutionBaseSideNav--columnRank .m_solutionBaseSideNav__ttl{ border-color: #980416 ;}.m_solutionBaseSideNav--acc > .m_solutionBaseSideNav__ttl--link:after{ content: ""; border: 2px solid #333; border-bottom: none; border-left: none; min-width: 5px; height: 5px; transform: rotate(135deg); margin-left: auto; margin-right: 15px; transition: .3s;}.m_solutionBaseSideNav--acc.is_active > .m_solutionBaseSideNav__ttl--link:after,.m_solutionBaseSideNav--acc:hover > .m_solutionBaseSideNav__ttl--link:after{ border-color: #fff;}.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__ttl--link,.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__ttl--link{ color: #fff; background-position: left 0% center;}.m_solutionBaseSideNav--acc > .m_solutionBaseSideNav__list{ overflow: hidden; padding: 0 0 0 8px;}.m_solutionBaseSideNav--acc.is_active > .m_solutionBaseSideNav__list,.m_solutionBaseSideNav--acc:hover > .m_solutionBaseSideNav__list{ padding: 5px 0 0px 8px;}.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem { padding: 0; transition: padding .2s;}.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem,.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem{ padding: 5px 0;}.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{ line-height: 0; transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear; opacity: 0; visibility: hidden; letter-spacing: 0;}.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target,.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{ line-height: 1.6; transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear; padding: 0 0 0 11px; opacity: 1; visibility: visible;}.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover,.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover{ opacity: .7;}.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{}.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:first-line{ color: #d66c00;}.side_bupService { background-color: #E4F1F9; font-size: 12px; margin: 30px 0;}.side_bupService_ttl {}.side_bupService_ttl img { display: block; }.side_bupService_inner { padding: 10px; }.side_bupService_card { background-color: #fff; padding: 8px;}.side_bupService_card +.side_bupService_card { margin-top: 10px; }.side_bupService_card_link { color: currentColor; display: block; padding: 0; text-decoration: none;}.side_bupService_card_link--attachment { border: 5px solid #e5002d; margin-top: 20px !important; padding: 18px 8px 8px; position: relative;}.side_bupService_card_link--attachment::before { border: 25px solid transparent; border-top: 0; border-bottom: 15px solid #e5002d; content: ""; display: block; height: 0; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); width: 0;}.side_bupService_card_link--attachment::after { content: url("/resource/img/bup/img_new.jpg"); display: block; position: absolute; top: 0; left: 0;}.side_bupService_card_link-full { color: currentColor; display: block; text-decoration: none;}.side_bupService_card_link:hover,.side_bupService_card_link-full:hover { opacity: .6; text-decoration: none;}.side_bupService_card_img { text-align: center; }.side_bupService_card_img--flex { align-items: flex-start; display: flex; justify-content: space-around;}.side_bupService_card_img > img { height: auto; max-width: 100%;}.side_bupService_card_catchCopy { background-color: #666; color: #fff; letter-spacing: .03em; line-height: 1; margin: 5px 0; padding: 5px 0; text-align: center;}.side_bupService_card_catchCopy.request { background-color: #038693; }.side_bupService_card_catchCopy.trip { background-color: #008fd1; }.side_bupService_card_catchCopy.catalog { background-color: #1962f1; }.side_bupService_card_catchCopy.webins { background-color: #e5002d; }.side_bupService_card_catchCopy.smp { background-color: #f15a24; }.side_bupService_card_catchCopy.vlp { background-color: #e35070; }.side_bupService_card_catchCopy.leaf { background-color: #33cc99; }.side_bupService_card_catchCopy.another { background-color: #FFBF0B; }.side_bupService_card_txt {}.side_bupService_card_img + .side_bupService_card_txt { margin-top: 5px; }.side_bupService_txt { line-height: 1.2; margin-bottom: 10px;}.side_bupService_txt-blue { color: #194a72; }.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav{ margin-top: 7px; letter-spacing: -0.5px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav + .m_assessment_subNav{ margin-top: 24px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl{ position: relative; display: flex; color: 00479d; font-size: 14px; font-weight: bold; border-bottom: 3px solid #00479d; padding-bottom: 5px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner{}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner::before{ position: absolute; content: url('/resource/img/assessment/icon_assess_beginner_blue.svg');}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup{}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup::before{ position: absolute; content: url('/resource/img/assessment/icon_assessment_blue.svg');}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation{}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation::before{ position: absolute; content: url('/resource/img/assessment/icon_assess_search.svg');}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_text{ padding-left: 25px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item{ border-bottom: 1px dotted #C2C2C2; padding: 5px 3px 5px 0px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-jewel:first-letter{ color: #00479d;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-outer{ border-bottom: none; padding: 3px 3px 0px 0px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner{ border-bottom: none; padding: 0px 3px 0px 27px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner_hasBorder{ border-bottom: 1px dotted #C2C2C2; padding: 2px 3px 3px 27px;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link{ position: relative; display: block; color: #333; font-size: 12px; font-weight: 600; text-decoration: none;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link:hover{ color: initial; text-decoration: none; opacity: .6;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link::after{ position: absolute; content: url('/resource/img/assessment/arrow_off.svg'); top: 3px; right: 5px; transition: .3s;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item:hover .m_assessment_subNav_link::after{ position: absolute; content: url('/resource/img/assessment/arrow_hover_blue.svg'); top: 3px; right: 0; transition: .3s;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text{ position: relative;}.m_assessment_subNav_link[href="/consulting/fl_literacy.html"] .m_assessment_subNav_link_text,.m_assessment_subNav_link[href="/consulting/assessment_harassment_risk.html"] .m_assessment_subNav_link_text,.m_assessment_subNav_link[href="/consulting/assessment-engagement-diagnosis.html"] .m_assessment_subNav_link_text{ letter-spacing: -1px!important;}.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text_color{ color: #ea3636;}.m_sideNavHistory{}.m_sideNavHistory__ttl{ margin-bottom: 10px; font-weight: bold; font-size: 16px;}.m_sideNavHistory__list{ padding-left: 8px;}.m_sideNavHistory__list > li{ position: relative; height: calc(1em * 1.6); line-height: 1.6; font-weight: bold; font-size: 11px; overflow: hidden;}.m_sideNavHistory__list > li::after{ content: ""; position: absolute; right: 0; bottom: 0; display: block; width: 3em; height: calc(13px * 1.6); background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)}.m_sideNavHistory__list > li + li{ margin-top: 5px;}.m_sideNavHistory__list a{ position: relative; display: block; padding-left: 1em; color: inherit;}.m_sideNavHistory__list a:hover{ opacity: .7;}.m_sideNavHistory__list a::before{ content: ""; position: absolute; top: 6px; left: 0; display: block; width: 6px; height: 6px; border-right: 1px solid; border-top: 1px solid; transform: rotate(45deg);}.m_sideNavHistory__footer{ margin-top: 6px; text-align: right;}.m_sideNavHistory__footer a{ display: inline-block; color: inherit; font-weight: bold; font-size: 12px;}.m_sideNavHistory__footer a:hover{ text-decoration: none; opacity: .7;}.m_newReleaseFlashSideNavList{ margin-bottom: 10px;}.m_newReleaseFlashSideNavList__ttl{ margin-bottom: 10px;}.m_newReleaseFlashSideNavList__list{}.m_newReleaseFlashSideNavList__item{ & + &{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; }}.m_newReleaseFlashSideNavList__footer{ margin-top: 10px;}.m_newReleaseFlashSideNavList__footer.c_btn--rigthSide{ text-align: right;}.m_newReleaseFlashSideNavList__footer .c_btn__target{ border: 1px solid #ccc; display: inline-block; color: #333; transition: .3s; font-weight: bold; padding: 3px 10px; font-size: 13px;}.m_newReleaseFlashSideNavList__footer .c_btn__target:hover{ text-decoration: none; opacity: .7;}.m_newReleaseFlashSideNavCard{ color: inherit; text-decoration: none; transition: .3s opacity; &:hover{ opacity: .7; }}.m_newReleaseFlashSideNavCard__img{ line-height: 0; text-align: center; img{ max-width: 100%; height: auto; } & + .m_newReleaseFlashSideNavCard__body{ margin-top: 7px; }}.m_newReleaseFlashSideNavCard__body{ line-height: 1.3; font-size: 13px;}.m_newReleaseFlashSideNavCard__tags{ display: flex; gap: 5px; & + .m_newReleaseFlashSideNavCard__ttl{ margin-top: 3px; }}.m_newReleaseFlashSideNavCard__tag{ font-weight: bold;}.m_newReleaseFlashSideNavCard__tag--haken{ color: #842e30;}.m_newReleaseFlashSideNavCard__tag--bup{ color: #0c3f71;}.m_newReleaseFlashSideNavCard__tag--douga{ color: #cc2d5e;}.m_newReleaseFlashSideNavCard__date{ font-weight: bold; color: #d66c00;}.m_newReleaseFlashSideNavCard__ttl{ margin-bottom: 3px; font-weight: bold;}.m_newReleaseFlashSideNavCard__msg{ position: relative; max-height: 4lh; font-size: 11px; overflow: hidden; &:before{ content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 3em; height: 1lh; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%); pointer-events: none; }}
.main { display: flex; margin-top: 30px; gap: 35px;}.main__leftnavi {}.main__left { float: none; padding: 0; width: 750px;}.main__right { float: none; }.mr-status { margin: 0; }@media screen and (max-width: 768px) { .main__left { margin-inline: auto; width: 95%; }}.ml { }.main__left > * + * { margin-top: 30px; }.l_mlContents {}.l_mlContents > * + * { margin-top: 30px; }.mr-search{ display: none;}.ml__title { padding: 0 0 8px 35px; border-bottom: solid 5px #997120; position: relative; font-size: 22px; font-size: 2.2rem; font-weight: normal;}.ml__title:after { content: ""; display: block; width: 8px; height: 30px; background-color: #997120; position: absolute; top: 0; left: 13px;}.sec0-boxs { margin: 19px 0 0 0; }.sec0-box { padding: 10px 0 10px 10px; }.sec0-boxs__pick { margin: 19px 0 0 0; padding: 0 0 0 30px; }.s0b-pick__list { display: inline-flex; width: 32%;}.s0b-pick__img { margin:5px; display: flex; position:relative;}@media screen and (max-width: 768px){ .s0b-pick__list { width: auto; }}.sec0-box__text { font-family: 游ゴシック, "Yu Gothic"; font-weight: bold; font-size: 18px; font-size: 1.8rem; padding: 0 24px 0 0px;}.sec0-box__list { margin-right: 30px; font-size: 16px; font-size: 1.6rem; display: inline-block; width:260px;}.sec0-box__list:last-child { margin-right: 0px;}.sec0-box__list--valuetxt { font-size: 24px; font-size: 2.4rem; font-weight: bold;}.s0b-list__number { color: rgba(255,255,255,0.9); background-color: rgba(47,79,79,0.9); font-weight: bold; display: block; position: relative; top:-20px; left:110px; width:40px; text-align: center; font-size: 24px; font-size: 2.4rem;}.s0b-list__box { box-shadow: 6px 12px 16px rgba(0, 0, 0, .15); padding-bottom: 20px;}.s0b-list__img { width:260px; height:110px;}.sec0-box__list--text { padding: 5px 30px;}.sec0-box__list--smalltext { font-size: 10px; font-size: 1.0rem;}.sec0-box__btn { background-image: linear-gradient(to bottom, #008080, #2f4f4f); border-radius: 4px; color:#fff; margin: 5px 30px; display: block; padding: 10px; text-align: center;}.sec0-box__btn2 { display: none;}.sec0-box__btn:hover { background:#6db5a9; color:#fff;}.sec0-box__btn--icon {padding-left:3px;}.sec0-box__alert { text-align: right;}.sec1-boxs { margin: 19px 0 0 0;}.sec1-box { padding: 17px 0; border-bottom: dashed 1px #333; width: 100%; height: 260px; overflow: hidden;}.sec1-box:last-child { border: none;}.sec1-box__bg01 { background-image: url(/resource/img/new_bup/top/layer_bg01.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 34px 0;}.sec1-box__bg02 { background-image: url(/resource/img/new_bup/top/layer_bg02.png); background-repeat: no-repeat; background-size: auto 100%; background-position: 34px 0;}.box_title { padding: 0 0 0 36px; width: 100%; font-size: 20px; font-size: 2rem; font-weight: normal;}.box-mv__left { float: left;}.box-mv__right { float: right;}.box-mv { margin: 10px 0 0 0; padding: 0 0 0 50px; width: 50%;}.box-mv__list { margin: 5px 10px;}.box-mv__list:before { content: "◆"; margin: 0 5px 0 0;}.box-mv__link:hover { color: #005580; text-decoration: underline;}.box-mv__link--small { padding: 0 0 0 17px; display: block; font-size: 12px; font-size: 1.2rem;}.sec2-boxs { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; letter-spacing: -1em;}.sec2-box { margin: 30px 0 0 0; width: 480px; vertical-align: top; display: inline-block; letter-spacing: normal; overflow: hidden;}.sec2-box__image { float: left; width: 140px;}.sec2-box__right { padding: 0 0 0 12px; float: left; width: 340px; position: relative;}.sec2-morebtnare { flex: 1; }.sec2-box__morebtn { position: absolute; bottom: 5px; right: 10px;}.sec2-box__title { font-size: 16px; font-size: 1.6rem; font-weight: bold;}.sec2-box__title:hover { color: #005580; text-decoration: underline; }.s2b-nav { margin: 10px 0 0 0;}.s2b-nav__list:before { content: "◆";}.s2b-nav__list--nomark:before { content: "";}.s2b-nav__link { font-size: 12px; font-size: 1.2rem;}.s2b-nav__link:hover { color: #005580; text-decoration: underline;}.s2b-nav__link--small { padding: 0 0 0 15px; display: block; font-size: 10px; font-size: 1rem;}.s2b-nav__link--small2 { padding: 0 0 0 5px; display: inline-block; font-size: 10px; font-size: 1rem;}.ml__morebtn { margin: 35px 0 0 0; width: 100%; text-align: center; border: solid 3px #555; font-size: 18px; font-size: 1.8rem; height: 50px; line-height: 50px; display: grid; place-content: center;}.ml__morebtn:hover { border: solid 3px #1583be; background-color: #1583be; color: #fff;}.s2b-nab__morebtn { width: auto; border: solid 2px #b8b8b8; color: #666666; text-align: center; height: 38px; line-height: 38px; display: grid; place-content: center;}.s2b-nab__morebtn:hover { border: solid 2px #bccddb; background-color: #bccddb;}.infoBoxList{}.infoBoxList__item + .infoBoxList__item{ margin-top: 30px;}.infoBox__item--news{ flex: 1 1 auto;}.infoBox__item--movie{ flex: 0 0 430px;}.newsBox{ padding-bottom: 10px; border-bottom: 1px solid;}.newsBox__header{ position: relative; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid;}.newsBox__ttl{ font-size: 16px; font-weight: bold;}.newsBox__more{ position: absolute; bottom: 20px; right: 0;}.newsBox__more a{ display: block; width: 160px; padding: 4px 0; border: 1px solid; line-height: 1; text-align: center; color: inherit; transition: .4s opacity;}.newsBox__more a:hover{ opacity: .7;}.newsBox__list{ max-height: 205px; overflow: auto;}.newsBox__listItem{}.newsBox__listItem + .newsBox__listItem{ margin-top: 8px; padding-top: 8px; border-top: 1px dotted #999;}.newsItem{}.newsItem__date{ line-height: 1; font-size: 12px; font-weight: bold;}.newsItem__date + .newsItem__ttl{ margin-top: 4px;}.newsItem__ttl{ line-height: 1.3; font-size: 12px;}.newsItem__target { transition: .3s opacity; }.newsItem__target:hover { opacity: .7; }.movieBox{}.movieBox__header{ margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid;}.movieBox__ttl{ font-size: 16px; font-weight: bold;}.movieBox__thumbnail{ line-height: 0; text-align: center;}.movieBox__thumbnail img{ max-width: 100%; height: auto;}.movieBox__link{ display: block; overflow: hidden;}.movieBox__link > img{ transition: .4s transform;}.movieBox__link:hover > img{ transform: scale(1.1);}.infoBox{ align-items: end; display: grid; grid-template-columns: 1fr 220px; grid-template-rows: 1fr; gap: 20px;}.infoBox__item{ }.infoBox__item--news{ flex: 1 1 auto;}.infoBox__item--other{ flex: 0 0 446px; width: 446px; }.infoBox__inner{ display: block; width: 100%;}.infoBox__innerItem + .infoBox__innerItem{ margin-top: 20px;}@media screen and (max-width: 768px){ .infoBox__item{ flex: 1 1 auto; width: 100%; }}@media screen and (max-width: 599px){ .infoBox{ display: block; margin: auto; width: 95%; } .infoBox__item:has(.panelSlider) { margin-top: 30px; }}.link--text { text-decoration: none; }.link--text:hover { text-decoration: underline;}.infoGridWrapper { --mainVarticalGap: 30px; display: grid; font-weight: 500; grid-template-columns: 2fr 1fr; gap: 20px;}@media screen and (max-width: 599px) { .infoGridWrapper { grid-template-columns: 1fr; margin: auto; width: 95%; }}.infoGridWrapper__item {}.infoGridWrapper__inner { position: relative; }.infoGridWrapper__inner + .infoGridWrapper__inner::before { border-top: 1px solid #ccc; content: ""; display: block; position: absolute; top: calc(var(--mainVarticalGap) / 2 * -1); left: 0; width: 100%;}.infoGridWrapper__item.__main { display: grid; gap: var(--mainVarticalGap) 0;}.infoGridWrapper__title { color: #c40f0f; font-size: 14px; font-weight: bold; margin-bottom: 10px;}.gridBox { --girdBox_gap: 10px; display: grid; gap: var(--girdBox_gap); grid-template-columns: repeat(auto-fit, minmax(calc(240px - var(--girdBox_gap)), 1fr));}.gridBox + .gridBox { margin-top: 30px; }.gridBox--sm { gap: var(--mainVarticalGap) 10px;}.gridBox__item { display: grid; grid-template-rows: subgrid; grid-row: span 3; position: relative; row-gap: 10px;}.gridBox--sm .gridBox__item:not(:only-child):before { border-top: 1px dotted #ccc; content: ""; display: block; position: absolute; bottom: calc(var(--mainVarticalGap) / 2 * -1); left: 0; width: 100%;}.gridBox__title { font-size: 14px; font-weight: bold;}.gridBox__image { text-align: center; }.gridBox__link { text-decoration: none;}.gridBox__link::after { background-color: transparent; content: ""; pointer-events: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: .3s background-color;}.gridBox__link:hover::after { background-color: rgba(255,255,255,.3);}.gridBox__link--narrow { transition: .3s opacity; }.gridBox__link--narrow:hover { opacity: 0.7; }.gridBox__link--narrow::after { content: none; }.gridBox--sm .gridBox__item { grid-row: span 1;}.gridBox__item img { aspect-ratio: 1 / 0.45; height: auto; image-rendering: -webkit-optimize-contrast; -o-object-fit: cover; object-fit: cover; max-width: 100%;}.gridBox__header { display: flex; font-size: 10px; gap: 5px; justify-content: space-between;}.gridBox--sm .gridBox__title {}.gridBox--sm .gridBox__image { max-width: 40%;}.gridBox__date { color: #c40f0f; font-weight: bold;}.gridBox__update { font-size: 12px; font-weight: bold;}.list--normal {}.list--normal > .list__item + .list__item { margin-top: 20px; }:is(.__side) [class*="list--"] { font-size: 12px; }.list--bullet {}.list--bullet > .list__item { padding-left: 1em; position: relative;}.list--bullet > .list__item::before { content: "\30FB"; position: absolute; left: 0; top: 0;}.linkWrapper { display: flex; flex-wrap: wrap;}.linkWrapper:not(:first-child) { margin-top: 20px; }.linkWrapper--align_left { justify-content: flex-start; }.linkWrapper--align_center { justify-content: center; }.linkWrapper--align_right { justify-content: flex-end; }.infoGridWrapper__item.__side { display: grid; gap: var(--mainVarticalGap) 0; grid-template-columns: auto; grid-auto-rows: -webkit-min-content; grid-auto-rows: min-content; margin-top: 27px;}@media screen and (max-width: 599px) { .infoGridWrapper__item.__side { border-top: 1px solid #ccc; margin-top: 0; padding-top: 15px; } }[class*="__side"] .gridBox__item { grid-template-rows: auto; grid-row: auto;}[class*="__side"] .gridBox__header:has(+ ul) { position: relative; }.u_pos--r { position: relative; }.pickupBox{}.pickupBox__header{ margin-bottom: 12px;}.pickupBox__body{}.pickupBox__list{ display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: -8px 0;}.pickupBox__item{ display: flex; width: 25%; padding: 8px;}.pickupBox__pickup{ position: relative; display: block; width: 100%; line-height: 0; text-align: center;}.pickupBox__pickup::before{ content: "詳しくみる"; display: block; position: absolute; bottom: 10px; left: 50%; -webkit-tranform: translateX(-50%); transform : translateX(-50%); border: 1px solid #ccc; padding: 0px 10px; border-radius: 3px; background: #fff; opacity:0; line-height: 1.6; transition: 0.7s opacity; -webkit-transition : 0.7s opacity; white-space: pre;}.pickupBox__pickup:hover::before{ opacity: 1;}.pickupBox__pickup img{ max-width: 100%; height: auto;}@media screen and (max-width: 768px){ .pickupBox__body{ margin: 0 auto; padding: 0 30px; } .pickupBox__list{ margin: -4px 0; } .pickupBox__item{ padding: 4px; }}@media screen and (max-width: 599px){ .pickupBox__body{ padding: 0 12px; } .pickupBox__item{ width: 50%; }}.js_pickupSlider{}.js_pickupSlider__body{ width: 100%; overflow: hidden;}.js_pickupSlider__inner{ position: relative; top: 0; left: 0; display: flex; align-items: stretch; justify-content: flex-start;}.js_pickupSlider__footer{ display: flex; align-items: center; justify-content: center; margin: 8px -4px 0;}.js_pickupSlider__btn{ padding: 0 4px;}.js_pickupSlider__btn--perv{ order: 0;}.js_pickupSlider__btn--next{ order: 2;}.js_pickupSlider__btnTarget{ display: block; width: 8px; height: 8px; border-left: 2px solid; border-top: 2px solid; color: inherit;}.js_pickupSlider__btnTarget.is_prev{ transform: rotate(-45deg);}.js_pickupSlider__btnTarget.is_next{ transform: rotate(135deg);}.js_pickupSlider__indicator{ order: 1; display: flex; align-items: stretch; margin: 0 -4px; padding: 0 4px;}.js_pickupSlider__indicatorItem{ padding: 0 4px;}.js_pickupSlider__indicatorBtn{ display: block; width: 12px; height: 12px; border: 1px solid; border-radius: 50%; color: inherit;}.js_pickupSlider__indicatorBtn.is_active{ background: #333;}@media (max-width: 768px) { .ml { margin: 0; padding: 0; width: 100%; } .ml__title { margin: 40px 0 0 0; padding: 0 0 8px 30px; border-bottom: solid 3px #777; font-size: 18px; font-size: 1.8rem; font-weight: normal; } .ml__title:after { width: 5px; height: 25px; left: 13px; } .sec0-box { padding: 5px 0; } .sec0-box__text { font-size:14px; font-size:1.4rem; padding:5px 0px 0 20px; } .sec0-box__list { font-size: 12px; font-size:1.2rem; padding: 5px 0px 0 20px; width:100%; } .s0b-list__img { display:none; } .s0b-list__box { box-shadow: 0px 0px 0px rgba(255, 255, 0, 1.0); padding-bottom: 0px; } .s0b-list__number { color: #000; background-color: #fafafa; font-weight: normal; position: static; top:0px; left:0px; text-align: left; font-size: 20px; font-size: 2.0rem; float:left; } .sec0-box__btn { display: none; } .sec0-box__btn2 { display: block; color: #333333; background-color: #fafafa; border:solid 1px #333333; margin: 0px 10px 0 -10px; padding: 13px 0; width: auto; height: auto; line-height: 1; font-size: 14px; font-size: 1.4rem; text-align: center; } .sec0-box__alert { font-size: 10px; font-size: 1.0rem; } .sec1-boxs { margin: 19px 0 0 0; } .sec1-box { padding: 0 10px 12px 10px; border-bottom: none; width: 100%; height: auto; } .sec1-box__bg01 { background-image: none; } .sec1-box__bg02 { background-image: none; } .box_title { padding: 0 0 0 36px; width: 100%; border: solid 1px #e2e9ec; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); background-color: #e2e9ec; position: relative; cursor: pointer; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; font-weight: bold; } .box_title:after { content: ""; position: absolute; width: 20px; height: 20px; top: 15px; right: 20px; background-image: url(/resource/img/new_bup/top/sp/plus_icon2.png); background-repeat: no-repeat; background-size: 100% 100%; } .box_title__bg01 { background-image: url(/resource/img/new_bup/top/sp/layer_bg01.png); background-repeat: no-repeat; background-size: auto 50px; background-position: 15px 0; } .box_title__bg02 { background-image: url(/resource/img/new_bup/top/sp/layer_bg02.png); background-repeat: no-repeat; background-size: auto 50px; background-position: 15px 0; } .box-mv__left { margin: 25px 0 0 0; float: none; width: 100%; } .box-mv__right { margin: 0; padding: 0 0 20px 0; float: none; width: 100%; } .box-mv { margin: 15px 0 0 0; padding: 0 0 0 0; width: 100%; display: none; } .box-mv__list { margin: 15px 0 0 0; } .sec2-boxs { margin: 10px 0 0 0; padding: 0 10px 0 10px; width: 100%; letter-spacing: -1em; overflow: hidden; } .sec2-box { margin: 10px 0 0 0; padding: 7px; width: 49%; border: solid 1px #cccccc; box-shadow: none; float: left; } .sec2-box:nth-child(2n) { margin: 10px 0 0 0; float: right; } .sec2-box__image { float: left; width: 25%; line-height: 0; } .sec2-box__image img { width: 100%; height: auto; } .sec2-box__right { padding: 0 0 0 10px; width: 75%; } .sec2-box__title { line-height: 1.3; font-size: 12px; font-size: 1.2rem; font-weight: normal; } .s2b-nav { display: none; } .sec2-box__morebtn { display: none; } .ml__morebtn { margin: 20px 10px 0 10px; padding: 13px 0; width: auto; height: auto; line-height: 1; border: solid 1px #555; font-size: 14px; font-size: 1.4rem; } .sec2-morebtnare.sec2-box { padding: 0; border: none; box-shadow: none; font-size: 12px; font-size: 1.2rem; } .s2b-nab__morebtn { width: 100%; border: solid 1px #b8b8b8; font-size: 10px; font-size: 1rem; }}.sliderImg { font-size:0; position: relative; font-family: "游ゴシック";}.sliderImg > a > img { transition: .3s; }.sliderImg > a:hover > img { opacity: 0.6; } .bx-wrapper .sliderImg img {width: initial;max-width: none;display: inline;}.sliderImg_ttl {border-bottom: 1px solid #000;color: #000;font-size: 32px;font-family: "游明朝";font-weight: bold;letter-spacing: 1px;line-height: 1;position: absolute;top: 19px;left: 537px;}.sliderImg_ttl > span { font-family: inherit; font-size: 25px;}.bup-link-right { background-color: rgba(255,255,255,0); color: transparent; display: block; height: 100%; position: absolute; top: 0; left: 0; transition: .3s; width: 40.5%}.bup-link-right:hover { background-color: rgba(255,255,255,0.3); color: transparent;}.bup-link { font-size: 25px; position: absolute; top: 70px; display: block; line-height: 1.3; font-weight: bold; color: #333; left: 575px; transition: .3s;}.bup-link:nth-of-type(2) { top: 154px; }.bup-link:nth-of-type(3) { top: 236px; }.bup-link:hover { opacity: 0.6; }.bup-link > span { font-size: 15px; font-family: inherit; }.bxslider { opacity: 0; visibility: hidden; transition: .3s;}.bxslider.slick-initialized { display: block; opacity: 1; visibility: visible;}.slick-slider{ opacity: 0; position: relative; transition: opacity .3s linear; z-index: 9999;}.slick-slider.slick-initialized { opacity: 1; }.nav-top2{ padding-top: 36px;}@media screen and (max-width: 768px){ .nav-top2{ padding-top: 16px; }}.slick-prev,.slick-next { position: absolute; top: 0; bottom: 0; display: block; width: 24px; height: 80px; margin: auto 0; border: none; background: #777; text-indent: -9999px; cursor: pointer;}.slick-prev::before,.slick-next::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; margin: auto;}.slick-prev{ left: 0; transform: translateX(-100%);}.slick-next{ right: 0; transform: translateX(100%);}.slick-prev::before{ transform: translateX(4px) rotate(-135deg);}.slick-next::before{ transform: translateX(-4px) rotate(45deg);}.slick-dots{ display: flex; justify-content: center; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%, 100%);}.slick-dots button{ display: block; width: 100px; height: 7px; margin:0 8px; border: none; border-radius: 0; background: #fff; text-indent: -9999px; line-height: 0; cursor: pointer;}.slick-dots button:hover,.slick-dots .slick-active button{ background: #164a84;}.panelSlider { display: flex !important; flex-direction: column; height: 100%; opacity: 0; padding-bottom: 50px; width: 100%;}.panelSlider__dot { display: flex !important; gap: 10px; justify-content: center; margin-top: auto; padding: 0 30px; position: absolute; bottom: 0; left: auto; right: auto; width: 100%;}.panelSlider__dot button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ccc; border: none; border-radius: 50%; cursor: pointer; height: 13px; outline: none; padding: 0; text-indent: -9999px; width: 13px;}.panelSlider__dot .slick-active button { background-color: #be0533; }.panelSlider .slick-arrow { border-radius: 25px; height: 24px; top: auto; transform: none; width: 24px;}.panelSlider .slick-prev { z-index: 2; }.panelSlider .slick-next { z-index: 2; }.panelSlider .slick-prev::before,.panelSlider .slick-next::before { border: 8px solid transparent; border-right: none; border-left: 8px solid #fff; display: block; height: 0; width: 0;}.panelSlider .slick-prev::before { transform: rotate(180deg); left: -2px;}.panelSlider .slick-next::before { transform: none; right: -2px;}.panelSlider__link { transition: .3s; }.panelSlider__link:has(img) { display: block; margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;}.panelSlider__link:hover { opacity: .7; text-decoration: none;}.panelSlider img { max-width: 220px; height: auto;}@media screen and (max-width: 599px) { .panelSlider img { margin: auto; }}.flexContainer { align-content: stretch; display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 30px;}.flexInner { margin-bottom: 50px; padding-bottom: 40px; position: relative; width: 30%;}.flexInner-last {margin: 0;padding: 0;visibility: hidden;}.flexInner-last > p { height: 0; }.upperBox { display: flex; gap: 9px; justify-content: space-between;}.upperBox img { display: block; }.seminarInfo { border-bottom: 1px solid #333; position: relative; width: 61%;}.seminarInfo > dt { font-weight: 700; margin-bottom: 10px;}.seminarInfo > dt > a{ display: block; font-weight: 700; margin-bottom: 10px; transition: .3s opacity; padding-left: 10px; position: relative;}.seminarInfo > dt > a:hover{ opacity:.6;}.seminarInfo > dt > a:before{ border: 5px solid transparent; border-left: 5px solid #333; content: ""; display: block; height: 0; position: absolute; top: 7px; left: 0; width: 0;}.seminarInfo > dt > a:has(+ a){ margin-bottom: 0px;}.seminarInfo > dd { font-size: 18px; line-height: 1.5; position: absolute; right: 0; bottom: 0; text-align: right;}.seminarInfo > dd > span { font-size: 35px; font-weight: 700; line-height: 1; margin-right: 5px;}.seminarLinkBox { font-size: 14px; margin-top: 20px;}.seminarLinkBox > li + li { margin-top: 10px; }.seminarLinkBox > li > a { display: block; padding-left: 10px; position: relative; transition: .3s;}.seminarLinkBox > li > a:hover { opacity: 0.6; }.seminarLinkBox > li > a::before { border: 5px solid transparent; border-left: 5px solid #333; content: ""; display: block; height: 0; position: absolute; top: 5px; left: 0; width: 0;}.seminarLinkBox.hasMoreLink{ position: relative;}.seminarLinkBox.hasMoreLink.is-fold::before{ content: ""; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; z-index: 1; height: 32px; background: linear-gradient(to top,#fff 0,rgba(255, 255, 255, 0) 100%) no-repeat;}.seminarLinkBox li:has(img){display:none;}.sub_ttl{display:block;font-size:10px;}.moreLink, .hideLink { border: 1px solid #333; box-sizing: border-box; color: #333; display: inline-block; font-size: 13px; margin-top: 10px; padding: 5px 20px; position: absolute; right: 0; transition: .3s;}.moreLink--hierarchy, .hideLink--hierarchy { bottom: 20px;}.moreLink:hover ,.hideLink:hover{ opacity: 0.6; }.moreLink::before { content: "\f175"; display: inline-block; font-family: FontAwesome; margin-right: 5px;}.hideLink::before{ content: "\f176"; display: inline-block; font-family: FontAwesome; margin-right: 5px;}.hierarchyList{ position:relative; padding-bottom:40px;}.titleBox { align-content: flex-end; border-bottom: 1px solid #333; display: flex; justify-content: space-between; margin-top: 30px; padding-bottom: 10px;}.hierarchyListTtl { font-size: 18px; font-weight: 500;}.hierarchyListTtl > a { transition : .3s opacity;}.hierarchyListTtl > a:hover { opacity:.6;}.semNum {align-self: flex-end;font-size: 18px;}.semNum > span {font-size: 35px;font-weight: 700;line-height: 1;}.hierarchyListTtl > img { margin-right: 10px; vertical-align: -15px;}.seminarLinkHierarchy { display: flex; flex-flow: row wrap; font-size: 13px; justify-content: space-between; margin-top: 20px; width: 100%;}.seminarLinkHierarchy > li { margin-bottom: 20px; padding-left: 10px; position: relative; width: 30%;}.seminarLinkHierarchy > li > a {display:block; transition: .3s; }.seminarLinkHierarchy > li > a:hover { opacity: 0.6; }.seminarLinkHierarchy > li > a::before { border: 5px solid transparent; border-left: 5px solid #333; content: ""; display: block; height: 0; position: absolute; top: 5px; left: 0; width: 0;}.is-seminarLink{ overflow:hidden;}.is-hide{display:none !important;}@media (max-width: 768px){.flexInner { width: 300px; margin: 20px auto;}.titleBox { padding: 0 10px 10px; }.seminarLinkHierarchy { padding: 0 10px; width: auto;}.seminarLinkHierarchy > li { width: 100%; }}.s0b-pick__img::before{content: "詳しくみる"; display: block; position: absolute; bottom: 10px; left: 50%; -webkit-tranform: translateX(-50%); transform : translateX(-50%); border: 1px solid #ccc; padding: 0px 10px; border-radius: 3px; background: #fff; opacity:0;}.s0b-pick__img:hover::before{transition: 0.7s opacity; -webkit-transition : 0.7s opacity; opacity: 1;}.btnLink {overflow: hidden;margin: 10px 0 10px 30px;}.btnLink_link { border-radius: 2px; padding: 5px 15px; margin: auto; transition: .3s; font-size: 16px; float: right; background-color: #23466e; color: #fff; font-family: "游ゴシック",sans-serif;}.btnLink_link:hover { opacity: .6; }.p_history__show{width:100%;overflow:hidden;}.p_history__body{display:flex;}.p_history__list{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;}.p_history__list_item{display:flex;padding:8px;width:33.333%;}.p_history__link_wrap{display:flex;width:100%;flex-wrap:wrap;align-content:space-between;}.p_history__link{display:block;width:100%;}.p_history__link + .p_history__sublink_list{margin-top:16px;}.p_history__list_item--next{justify-content:center; align-items:center;}.p_history__list_item--next > .p_history__link{display: inline; position:relative; width:auto; padding-left:40px; color: #1583be; border-radius: 2px; font-size: 16px; letter-spacing: 2px;}.p_history__list_item--next > .p_history__link::before{content:"▲"; display:block; position:absolute; top:50%; left: 0; transform:translateY(-50%) rotate(90deg);}.p_history__img > img{max-width:100%;height:auto;vertical-align:top;}.p_history__img + .p_history__msg{margin-top:8px;}.p_history__msg{font-size:14px;}.p_history__sub_msg{display:block;font-size:10px;}.p_history__sublink_list{display:flex;justify-content:flex-end;width:100%;}.p_history__sublink_list_item + .p_history__sublink_list_item{padding-left:8px;}.p_history__sublink{display:block;padding:4px 8px;border:1px solid #333;font-size:12px;}.p_history__sublink::before{content:">";margin-right:4px;}.p_history__link,.p_history__sublink{transition:.3s opacity;}.p_history__link:hover,.p_history__sublink:hover{opacity:.6;}[v-cloak]{display:none;}@media screen and (max-width:768px){ .p_history__sublink{padding:2px;font-size:10px;}}@media screen and (max-width:599px){ .p_history__list{display:block;} .p_history__list_item{width:100%;padding:8px 0;} .p_history__list_item--next{margin-top:24px;justify-content:flex-start;} .p_history__img{display:none;} .p_history__sublink{padding:4px 8px;font-size:12px;} .p_history__resSmHide{display:none;}}.is_carousel_wrap{position:relative;padding:0 32px 16px;}.is_carousel{position:relative;top:0;left:0;transition:1s left;}.is_carousel_btn{position:absolute;line-height:1;color:#ddd;}.is_carousel_btn--next,.is_carousel_btn--previous{top:50%;transform:translateY(-50%);font-size:24px;}.is_carousel_btn--next{right:0;}.is_carousel_btn--previous{left:0;}.is_carousel_btn--tofirst{bottom:0;left:0;}.is_active{color:#333;}.is_active.is_carousel_btn{cursor:pointer;}.is_active.is_carousel_btn:hover{opacity:.6;}.p_attention{}.p_attention__body{display:flex;padding: 12px 32px;background: #f9ecd7;}.p_attention__list{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;}.p_attention__list_item{display:flex;padding:8px;width:33.333%;}.p_attention__link_wrap{display:flex;width:100%;flex-wrap:wrap;align-content:space-between;}.p_attention__link{display:block;width:100%;}.p_attention__link + .p_attention__sublink_list{margin-top:16px;}.p_attention__list_item--next{justify-content:center; align-items:center;}.p_attention__list_item--next > .p_attention__link{display: inline; position:relative; width:auto; padding-left:40px; color: #1583be; border-radius: 2px; font-size: 16px; letter-spacing: 2px;}.p_attention__list_item--next > .p_attention__link::before{content:"▲"; display:block; position:absolute; top:50%; left: 0; transform:translateY(-50%) rotate(90deg);}.p_attention__img > img{max-width:100%;height:auto;vertical-align:top;}.p_attention__img + .p_attention__msg{margin-top:8px;}.p_attention__msg{font-size:14px;}.p_attention__sub_msg{display:block;font-size:10px;}.p_attention__sublink_list{display:flex;justify-content:flex-end;width:100%;}.p_attention__sublink_list_item + .p_attention__sublink_list_item{padding-left:8px;}.p_attention__sublink{display:block;padding:8px;font-size:12px;background:#997120;color: #fff;}.p_attention__sublink::before{content:">";margin-right:4px;}.p_attention__link,.p_attention__sublink{transition:.3s opacity;}.p_attention__link:hover,.p_attention__sublink:hover{opacity:.6;}@media screen and (max-width:768px){ .p_attention__sublink{padding:2px;font-size:10px;}}@media screen and (max-width:599px){ .p_attention__list{display:block;} .p_attention__list_item{width:100%;padding:8px 0;} .p_attention__list_item--next{margin-top:24px;justify-content:flex-start;} .p_attention__img{display:none;} .p_attention__sublink{padding:4px 8px;font-size:12px;} .p_attention__resSmHide{display:none;}}.side_box_link { margin-top: 0; padding-right: 0; text-align: right;}.side_link-directionArw { align-items: center; border: 1px solid #666; display: flex; font-size: 12px; justify-content: space-around; line-height: 1; margin-left: auto; padding: 3px 5px; position: relative; text-align: center; width: 115px;}.side_link-directionArw:hover { opacity: .6; }.side_link-directionArw::after { background: #5398ff; color: #fff; content: "\f054"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 10px; font-weight: 900; height: 15px; line-height: 15px; width: 15px;}.searchField{ margin-bottom: 0; padding: 0;}.searchField__inner{ padding: 20px; background: #E8EAEF;}.searchField__body{ display: flex; align-items: center;}.searchField__heading{ flex: 0 0 200px; position: relative; margin-right: 30px; background: #164A84;}.searchField__heading::before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; border-top: 15px solid rgba(255, 255, 255, 0); border-bottom: 15px solid rgba(255, 255, 255, 0); border-left: 15px solid #164A84; transform: translateX(100%);}.searchField__ttl{ position: relative; padding: 0 16px; color: #fff; font-weight: bold; font-size: 14px; line-height: 30px;}.searchField__ttl::after{ content: ""; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto 0; border-top: 15px solid rgba(255, 255, 255, 0); border-bottom: 15px solid rgba(255, 255, 255, 0); border-left: 15px solid #E8EAEF; transform: translateX(100%);}.searchField__ttl::before{ content: ""; position: absolute; right: 12px; top: 0; bottom: 0; z-index: 1; margin: auto 0; border-top: 15px solid rgba(255, 255, 255, 0); border-bottom: 15px solid rgba(255, 255, 255, 0); border-left: 15px solid #164A84; transform: translateX(100%);}.searchField__fieldWrap{ flex: 1 1 auto; display: flex; align-items: stretch;}.searchField__field{ width: calc(100% - 30px);}.searchField__field input{ width: 100%; padding: 0; border: 1px solid #707070; border-right: none; border-radius: 0; outline: none; line-height: 28px; text-indent: .5em;}.searchField__btn{ background: #2793D2; width: 30px; height: 30px; padding: 6px; border: none; line-height: 0; cursor: pointer; transition: .3s opacity;}.searchField__btn img{ max-width: 100%; height: auto;}.searchField__btn:hover{ opacity: .7;}.searchField__footer{ margin-top: 16px;}@media screen and (max-width: 768px){ .searchField{ width: 95%; margin: 40px auto 0; } .searchField__body{ flex-wrap: wrap; } .searchField__heading{ margin: 0 0 8px 0; } .searchField__fieldWrap{ width: 100%; }}.searchWordBox{ display: flex; align-items: center;}.searchWordBox__ttl{ flex: 0 0 200px; position: relative; margin-right: 30px; padding-left: 36px; font-weight: bold; font-size: 15px;}.searchWordBox__ttl::before{ content: url(/resource/img/new_bup/top/ico_attention_keyword.png); position: absolute; left: 0; top: 0; bottom: 0; display: block; height: 23px; margin: auto 0; line-height: 0;}.searchWordBox__words{ flex: 1 1 auto; display: flex; flex-wrap: wrap; padding-left: 12px; border-left: 4px solid #164A84;}.searchWordBox__word{ padding: 4px 6px; line-height: 1;}.searchWordBox__wordTarget{ font-size: 14px; text-decoration: underline; transition: .3s opacity;}.searchWordBox__wordTarget:hover{ opacity: .7;}@media screen and (max-width: 768px){ .searchWordBox{ display: block; } .searchWordBox__ttl{ margin: 0 0 12px 0; }}:root { --theme_basic: #0382c0; --theme_bup : #164A84; --theme_webins: #D1151B; --theme_beginner: #00817C; --theme_date: #D66C00;}body.newType { .main__left > * + * { margin-top: 0; } .ml__titleWrap { margin-bottom: 10px; } .ml__title { border: none; font-size: 24px; font-weight: 500; padding: 0; &::after { content: none; } #is_history > & { margin-bottom: calc(30px - 8px); } &.__secondary { font-size: 18px; font-weight: bold; margin-bottom: 15px; &.__theme_basic { color: var(--theme_basic); } &.__theme_bup { color: var(--theme_bup); } } } .slick-dots { bottom: -48px; left: calc(50% + 125px); } .slick-dots button { height: 8px; width: 80px; } :is(.bxslider) { .slick-prev, .slick-next { background-color: var(--theme_bup); border-radius: 9999px; height: 27px; top: auto; bottom: -67px; width: 27px; } .slick-prev { left: calc((50% + 125px) - 450px); } .slick-next { right: calc((50% - 125px) - 450px); } .slick-prev::before, .slick-next::before { height: 8px; width: 8px; } .slick-prev::before { transform: translateX(2px) rotate(-135deg); } .slick-next::before { transform: translateX(-2px) rotate(45deg); } } .nav-top2 { padding-top: 42px; } .infoBox { align-items: flex-start; grid-template-columns: 1fr 280px; } .panelSlider { padding-bottom: 0; img { aspect-ratio: 1 / 0.4; object-fit: cover; max-width: 280px; width: 100%; } .articleBox__attribute { margin-top: 10px; } .articleBox__date { font-weight: bold; } } .infoBox__item { display: flex; flex-direction: column; height: 310px; @media screen and (max-width: 768px) { height: 350px; } } .newsBox { display: flex; flex-direction: column; height: 100%; } .newsBox__more { top: 50%; bottom: auto; transform: translateY(-50%); } .newsBox__list { max-height: none; }}.mainvisual--top { background-image: url("/resource/img/new_bup/top/bg_mainvisual.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 323px; @media screen and (max-width: 768px) { aspect-ratio: 640 / 300; background-image: url(/resource/img/new_bup/top/sp/bup_top_s.jpg); display: block; height: auto; padding-top: 0; width: auto; } .mainvisual-wrap { height: 291px; } .slick-slider { width: 970px; } .slick-slide img { -o-object-fit: cover; object-fit: cover; height: auto; width: 100%; }}.mainvisual--flex { display: flex; flex-wrap: wrap; gap: 20px;}.mainvisual-subContents { flex: 1; margin: auto; max-width: 220px;}.mainvisual-linkBox {}.mainvisual-linkBox_item { background-color: #fff; border: 2px solid; border-radius: 3px; padding: 10px 20px; position: relative; text-align: center; &:not(:first-child) { margin-top: 10px; } &.__webins { border-color: var(--theme_webins); color: var(--theme_webins); display: flex; flex-direction: column; > span { font-size: 12px; font-weight: bold; } } &.__beginner { border-color: var(--theme_beginner); color: var(--theme_beginner); } &.__basic { border-color: var(--theme_basic); color: var(--theme_basic); } > img { width: 100%; height: auto; }}.mainvisual-linkBox_link { color: inherit; display: flex; font-weight: bold; gap: 0.5em; :is(.__webins) &::before { background-color: var(--theme_webins); } :is(.__beginner) &::before { background-color: var(--theme_beginner); } :is(.__basic) &::before { background-color: var(--theme_basic); } &::before { content: ""; display: block; height: 15px; margin-block: auto; width: 15px; -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z"/></svg>'); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } &::after { content: ""; display: block; position: absolute; inset: -1px; transition: .3s background-color; } &:hover::after { background-color: rgba(255, 255, 255, .4); }}.mainvisual-linkBox_btn { background-color: #ccc; border-radius: 9999px; color: #fff; justify-content: center; line-height: 1; padding: 5px; &:not(:only-child) { margin-top: 5px; } :is(.__webins) & { background-color: var(--theme_webins); } :is(.__webins) &::before { background-color: #fff; }}.mainvisual--bar { background-color: var(--theme_bup); color: #fff; font-size: 18px; font-weight: bold; height: 32px; line-height: 32px; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); position: relative; text-align: center; z-index: 99999;}.nav--container { background-color: #f8f3ed; .searchField { @media screen and (max-width:768px) { margin: 0 auto; } } .searchField__inner { background-color: transparent; margin: auto; width: 985px; @media screen and (max-width:768px) { width: 100%; } } .searchField__heading { background-color: #164a84; flex: 0 0 180px; position: relative; } .searchField__heading::before { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #164a84; content: ""; display: block; height: 0; position: absolute; top: 0; right: 0; transform: translateX(100%); width: 0; } .searchField__heading::after { background-color: #f8f3ed; -webkit-clip-path: polygon(172px -1px, 167px -1px, 183px 50%, 168px 100%, 173px 100%, 188px 50%); clip-path: polygon(172px -1px, 167px -1px, 183px 50%, 168px 100%, 173px 100%, 188px 50%); content: ""; display: block; height: 100%; position: absolute; top: 0; right: -15px; width: calc(100% + 15px); } .searchField__title { color: #fff; font-size: 15px; font-weight: bold; line-height: 30px; padding: 0 10px; position: relative; } .searchWordBox__ttl { margin-right: 10px; }}.campaignBox {}.campaignBox__title { margin-bottom: 20px; }.articleList { container: articleList / inline-size; max-height: 110px; overflow-y: auto; overflow-x: hidden;}.articleList__item { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px;}.articleList__body { display: flex; gap: 20px; position: relative; @container articleList (max-width: 230px) { display: block; }}.articleList__image { flex-shrink: 0; line-height: 0; width: 130px; > img { max-width: 100%; height: auto; }}.articleList__data { color: var(--theme_date); font-weight: bold;}.articleList__title {}.articleList__link { &::after { content: ""; display: block; position: absolute; inset: -1px; transition: .3s background-color; } &:hover::after { background-color: rgba(255, 255, 255, 0.3); }}.basicListContainer { container: basicListContainer / inline-size; &:has(+ *) { margin-bottom: 30px; }}.basicList { display: flex; flex-wrap: wrap; gap: 5px; @container basicListContainer (max-width: 320px) { gap: 5px; } .basicList__item { border: 2px solid var(--theme_basic); border-radius: 5px; display: flex; flex: 1; @container basicListContainer (max-width: 560px) { flex: auto; width: calc(100% / 2 - (10px * 1 / 2)); } @container basicListContainer (max-width: 320px) { flex: auto; width:100%; } } .basicList__link { display: grid; grid-template-columns: auto 1fr; font-size: 12px; font-weight: 500; gap: 5px; height: 100%; line-height: 1.2; padding: 5px; place-items: center start; width: 100%; &:hover { background-color: var(--theme_basic); color: #fff; &::before { background-color: #fff; } } @container basicListContainer (max-width: 720px) { font-size: 13px; & > br { display: none; } } @container basicListContainer (max-width: 599px) { font-size: 13px; & > br { display: none; } } &::before { background-color: var(--theme_basic); content: ""; display: block; height: 20px; margin-block: auto; width: 20px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } &.__whats::before { -webkit-mask-image: url("/resource/img/new_bup/top/icon_about_insource.svg"); mask-image: url("/resource/img/new_bup/top/icon_about_insource.svg"); } &.__reasonsToChoose::before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>'); } &.__flowApp::before { -webkit-mask-image: url("/resource/img/bup/icon_navi_3_1.svg"); mask-image: url("/resource/img/bup/icon_navi_3_1.svg"); } &.__find::before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M500.5 231.4l-192-160C287.9 54.3 256 68.6 256 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2zm-256 0l-192-160C31.9 54.3 0 68.6 0 96v320c0 27.4 31.9 41.8 52.5 24.6l192-160c15.3-12.8 15.3-36.4 0-49.2z"/></svg>'); } &.__howToViewPage::before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M624 416H381.5c-.7 19.8-14.7 32-32.7 32H288c-18.7 0-33-17.5-32.8-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M624 416H381.5c-.7 19.8-14.7 32-32.7 32H288c-18.7 0-33-17.5-32.8-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z"/></svg>'); } &.__caseStudy::before { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M436 480h-20V24c0-13.3-10.7-24-24-24H56C42.7 0 32 10.7 32 24v456H12c-6.6 0-12 5.4-12 12v20h448v-20c0-6.6-5.4-12-12-12zM128 76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76zm0 96c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm52 148h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm76 160h-64v-84c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84zm64-172c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z"/></svg>'); mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M436 480h-20V24c0-13.3-10.7-24-24-24H56C42.7 0 32 10.7 32 24v456H12c-6.6 0-12 5.4-12 12v20h448v-20c0-6.6-5.4-12-12-12zM128 76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76zm0 96c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm52 148h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm76 160h-64v-84c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84zm64-172c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z"/></svg>'); } }}#bupSideNav .basicListContainer { margin-bottom: 20px; }#bupSideNav .basicList { gap: 5px; }#bupSideNav .basicList__item:nth-of-type(n+4) {display: none; }.articleBox { position: relative; &.__large { .articleBox__title { --articleBox_title_fz: 20px; font-size: var(--articleBox_title_fz); height: auto; max-height: calc(var(--articleBox_title_fz) * 2 * var(--articleBox_title_lh)); } &:has(ul) { .articleBox__body { position: relative; } } } &.__mini { display: flex; gap: 10px; justify-content: space-between; &:not(:first-child) { border-top: 1px solid #e4e4e4; margin-top: 10px; padding-top: 10px; } .articleBox__body { margin-bottom: 0; } .articleBox__image { margin-top: 0; flex-grow: 1; flex-shrink: 0; max-width: 30%; } }}.articleBox__body { &:has(+ .articleBox__image) { margin-bottom: 15px; }}.articleBox__title { .panelSlider & { --articleBox_title_fz: 14px; } --articleBox_title_fz: 16px; --articleBox_title_lh: 1.625; font-size: var(--articleBox_title_fz); font-weight: bold; line-height: var(--articleBox_title_lh); -webkit-box-orient: vertical; display: -webkit-box; font-size: var(--articleBox_title_fz); font-weight: bold; height: calc(var(--articleBox_title_fz) * 2 * var(--articleBox_title_lh)); -webkit-line-clamp: 2; line-height: var(--articleBox_title_lh); overflow: hidden; text-overflow: ellipsis; &:has(+ .articleBox__attribute) { margin-bottom: 8px; }}.articleBox__link { &::after { content: ""; display: block; position: absolute; inset: -1px; transition: .3s background-color; } &:hover::after { background-color: rgba(255, 255, 255, .3); }}.articleBox__image { line-height: 0; img { height: auto; width: 100%; } &:has([src$="webinsource_logo_color.svg"]) { border: 1px solid #e4e4e4; margin-bottom: 10px; padding: 10px; } &:has(a) { position: relative; }}.articleBox__attribute { align-items: center; display: flex; flex-wrap: wrap; font-size: 12px; gap: 5px;}.articleBox__type { &::before { content: ""; display: block; border: 1px solid; font-size: 11px; line-height: 1; padding: 2px 3px; text-align: center; min-width: 40px; width: fit-content; }}.articleBox__date { color: var(--theme_date); line-height: 1; width: fit-content;}.panelSlider { .articleBox { padding: 0 20px; } .articleBox__title { font-size: 14px; font-weight: bold; }}.topFaqContainer { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px;}.topFaqContainer__item { background-position: top right; background-repeat: no-repeat; display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 15px; &.__bup { background-image: url("/resource/img/new_bup/top/__iy_img_qa_bup.png"); .topFaqContainer__title { color: var(--theme_bup); } } &.__webins { background-image: url("/resource/img/new_bup/top/__iy_img_qa_webin.png"); .topFaqContainer__title { color: var(--theme_webins); } }}.topFaqContainer__title { font-size: 16px; font-weight: bold;}.topFaqContainer__body { display: flex; }.topFaqContainer__footer {}.topFaqContainer__link { > a { border: 1px solid #707070; display: block; line-height: 1; padding: 5px; text-align: center; width: 100%; &:hover { opacity: .7; } }}.m_list--arrow { > .m_list__item { padding-left: 1em; position: relative; text-indent: 0; &::before { border: 5px solid transparent; border-right: 0; border-left: 8px solid currentColor; content: ""; display: block; height: 0; position: absolute; top: .5em; left: 0; width: 0; } }}.list--normal:is(.topFaqContainer__body *) > .list__item + .list__item { margin-top: 10px; }.m_list--arrow:is(.topFaqContainer__body *) { display: flex; flex-direction: column; height: 100%; justify-content: space-between;}.m_list--angle { > .m_list__item { padding-left: 1em; position: relative; text-indent: 0; &::before { border-top: 2px solid currentColor; border-right: 2px solid currentColor; content: ""; display: block; height: .5em; position: absolute; top: 6px; left: 0; width: .5em; transform: rotate(45deg); } &:not(:first-child) { margin-top: 6px; } }}.m_list__link { color: currentColor; text-decoration: none; transition: .3s opacity; &:hover { opacity: 0.7; text-decoration: none; }}.linkWrapper { > a { transition: .3s opacity; width: fit-content; &:hover { opacity: .7; } }}.articleGrid { &:not(:last-child) { border-top: 1px solid #333; padding-top: 20px; } &:last-child { border-top: 1px solid #333; border-bottom: 1px solid #333; padding-top: 20px; padding-bottom: 20px; }}.articleGrid__item { display: flex; flex-wrap: wrap; gap: 40px; + & { margin-top: 20px; } @media screen and (max-width: 599px) { flex-direction: column; gap: 20px; } &.__upper { .articleGrid__inner { width: calc(100% / 2 - (40px * 1 / 2)); } } &.__lower { .articleGrid__inner { border-top: 1px solid #E4E4E4; padding-top: 20px; width: calc(100% / 3 - (40px * 2 / 3)); } } &:is(.__upper, .__lower) { .articleGrid__inner { @media screen and (max-width: 599px) { width: 100%; } } }}[data-service_type=douga]::before { content: "\52d5\753b\95a2\9023"; color: #cc2d5e; background: none;}[data-service_type=middle]::before { content: "\307e\3068\3081"; color: #842e30; background: none;}[data-service_type=haken]::before { content: "\6D3E\9063"; color: #842e30; background: none;}[data-service_type=bup]::before { content: "\516C\958B"; color: #0c3f71; background: none;}[data-service_type=other]::before { content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d"; color: #e6002d; background: none;}[data-service_type=it]::before { content: "IT\FF7B\FF70\FF8B\FF9E\FF7D"; color: #008d79; background: none;}[data-service_type=free]::before { content: "\7121\6599\FF7E\FF90\FF85\FF70"; color: #333; background: none;}[data-service_type=cont]::before { content: "\8AAD\307F\7269"; color: #0c3f71; background: none;}[data-service_type=consul]::before { content: "\30B3\30F3\30B5\30EB"; color: #7a614f; background: none;}
.js_isHide{ display: none !important;}.mt10{ margin-top: 10px !important;}.mt30{ margin-top: 30px !important;}.m_searchField{}.m_searchField--mainCont{}.m_searchField--mainCont > .mr-search{ margin-top: 30px;}
ul, ol, dd{ list-style: none; } #header{ margin: auto; font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif; } #header .clr{ display: none; } .clr{ clear: both; display: block; font-size: 1px; margin: 0 0 -1px; padding: 0; height: 1px; } .clr hr{ display: none; } .m_superHeader{ margin-bottom: 8px; padding: 2px 0; background: #f8f3ed; } .m_superHeader__ttl{ width: 1240px; margin: 0 auto; text-align: left; font-weight: normal; font-size: 13px; } @media screen and (max-width: 768px){ .m_superHeader{ margin: 0 -2.5% 8px; overflow: hidden; } .m_superHeader__ttl{ width: 95%; font-size: 11px; } } .m_globalHeaderWrap{ position: relative; font-size: 14px; line-height: 1; margin: 8px calc(50% - 50vw) 0; width: 100vw; } .m_globalHeaderWrap__funcs{ width: 1240px; margin: 0 auto; } .m_globalHeaderWrap__funcs + .m_globalHeaderWrap__gNav{ margin-top: 8px; } .m_globalHeaderWrap__gNav{ background: #8F1E35; } .m_globalHeaderWrap__gNavInner{ width: 1240px; margin: 0 auto; } .m_globalHeaderWrap__subNav{ border-bottom: 1px solid #CCC; } .m_globalHeaderWrap__subNavInner{ width: 1240px; margin: 0 auto; } @media screen and (max-width: 1240px){ .m_globalHeaderWrap{ width: 1240px; } } @media screen and (max-width: 980px){ .m_globalHeaderWrap{ margin: 8px auto 0; } .m_globalHeaderWrap__funcs{ width: 100%; } .m_globalHeaderWrap__gNavInner{ width: 100%; } .m_globalHeaderWrap__subNav{ width: 100%; } .m_globalHeaderWrap__subNavInner{ width: 100%; } } @media screen and (max-width: 768px){ .m_globalHeaderWrap{ overflow: hidden; } .m_globalHeaderWrap, .m_globalHeaderWrap__funcs{ width: 100%; } .m_globalHeaderWrap__gNav, .m_globalHeaderWrap__subNav{ display: none; } } .m_gFuncs{} .m_gFuncs__item + .m_gFuncs__item{ margin-top: 2px; } .m_gFuncs__inner{ display: flex; align-items: flex-end; justify-content: space-between; } .m_gFuncs__box{ display: flex; justify-content: flex-start; align-items: flex-end; } .m_gFuncs__logo{ line-height: 0; } .m_gFuncs__logo a{ display: block; transition: .3s opacity; } .m_gFuncs__logo a:hover{ opacity: .7; } .m_gFuncs__logo img{ max-width: 100%; height: auto; } .m_gFuncs__logo + .m_gFuncs__infos{ margin-left: 20px; } @media screen and (max-width: 768px){ .m_gFuncs{ display: flex; align-items: center; position: relative; height: 55px; padding: 5px 0; border-bottom: 1px solid #ccc; box-sizing: content-box; } .m_gFuncs__item + .m_gFuncs__item{ margin: 0 16px 0 0; } .m_gFuncs__item--nav{ order: 1; } .m_gFuncs__box--right{ display: none; } .m_gFuncs__infos{ display: none; } } @media screen and (max-width: 599px){ .m_gFuncs__item--nav{ flex: 1 1 auto; } .m_gFuncs__logo{ width: 100px; } } .m_gFuncs__logo-pc{ width: auto; height:auto; opacity: 1; visibility:none; } .m_gFuncs__logo-sp{ width: 0; height:0; opacity: 0; visibility: hidden; } @media screen and (max-width: 768px){ .m_gFuncs__logo-pc{ width: 0; height:0; opacity: 0; visibility:hidden; } .m_gFuncs__logo-sp{ width: auto; height:auto; opacity: 1; visibility: visible; } } @media screen and (max-width: 599px){ .m_gFuncs__logo-pc{ width: 0; height:0; opacity: 0; visibility: hidden; } .m_gFuncs__logo-sp{ width: auto; height:auto; opacity: 1; visibility: visible; } } .m_gFuncNav{ display: flex; justify-content: flex-end; align-items: center; } .m_gFuncNav__list{ display: flex; align-items: stretch; margin: 0 -4px; list-style: none; padding-top: 2px; align-items: center; } .m_gFuncNav__item{ padding: 0 4px; } .m_gFuncNav__target{ position: relative; display: block; padding: 0 4px 6px; color: #333; text-decoration: none; font-weight: bold; line-height: 1; letter-spacing: 0; overflow: hidden; } .m_gFuncNav__target::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #333; transform: translateX(-100%) translateX(-2px); transition: .3s transform; } .m_gFuncNav__target:hover{ color: #333; text-decoration: none; } .m_gFuncNav__target:hover::before{ transform: translateX(0%); } .m_gFuncNav__target--group{ padding-bottom: 3px; margin-bottom: 5px; } .m_gFuncNav__target--group:hover{} .m_gFuncNav__target--group::before{} .m_gFuncNav__list + .m_gFuncNav__search{ margin-left: 16px; } #search.m_gFuncNav__search{ width: auto; } @media screen and (max-width: 768px){ .m_gFuncNav{ justify-content: flex-start; } .m_gFuncNav__list{ display: none; } #search.m_gFuncNav__search{ width: 100%; } .m_gFuncNav__list + .m_gFuncNav__search{ margin-left: 0; } } .m_gSearch{} .m_gSearch__inner{ position: relative; width: 240px; height: 32px; border: 2px solid #606060; border-radius: 2px; } .m_gSearch__field{ width: 100%; height: auto; padding: 0; margin: 0; border: none; border-radius: 0; outline: none; color: inherit; line-height: 28px; letter-spacing: 0; text-indent: 1em; font-size: 14px; } .m_gSearch__field:focus{ border: none; box-shadow: none; } .m_gSearch__btn{ position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 32px; background: #CECECE; } .m_gSearch__btn::before{ content: url("/resource/img/gnav/icon_navi-a00_search.svg"); } @media screen and (max-width: 599px){ .m_gSearch__inner{ max-width: 240px; width: calc(100% - 64px); } } .m_gInfos{} .m_gInfos__item + .m_gInfos__item{ margin-top: 8px; } .m_gInfos__list{ display: flex; margin: 0 -.5em; list-style: none; } .m_gInfos__listItem{ padding: 0 .5em; } #header .m_gInfo{ line-height: 1; letter-spacing: 0; font-weight: bold; font-size: 12px; } .m_gInfo__em{ margin: 0 2px; color: #002D8E; line-height: 100%; font-weight: bold; font-size: 18px; } .m_askNav{} .m_askNav__list{ display: flex; align-items: stretch; margin: 0 -.5em; list-style: none; } .m_askNav__item{ display: flex; padding: 0 .5em; } .m_askNav__item + .m_askNav__item{ border-left: 1px solid; } .m_askNav__target{ position: relative; display: flex; align-items: center; justify-content: center; padding: 2px 4px; color: inherit; text-decoration: none; line-height: 1; letter-spacing: 0; font-weight: bold; overflow: hidden; } .m_askNav__target::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; transform: translateX(-100%) translateX(-2px); transition: .3s transform; } .m_askNav__target::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; transform: translateX(-100%) translateX(-2px); transition: .3s transform; } .m_askNav__target:hover{ color: inherit; text-decoration: none; } .m_askNav__target:hover::before, .m_askNav__target.is_show::before{ transform: translateX(0%); } .m_askNav__ico{ width: 24px; height: auto; margin-right: 4px; } .m_askNav__target--ask, .m_askNav__target--ask:hover{ color: #ec4062; } .m_askNav__target--ask::before{ background: #ec4062; } .m_askNav__target--shodan, .m_askNav__target--shodan:hover{ color: #2a6cae; } .m_askNav__target--shodan::before{ background: #2a6cae; } .m_askNav__target--tel, .m_askNav__target--tel:hover{ color: #666; } .m_askNav__target--tel::before{ background: #666; } .m_askNav__webin{ width: 120px; height: auto; } .m_gNav{ border-left: 1px solid #fff; border-right: 1px solid #fff; } .m_gNav__list{ display: flex; align-items: stretch; justify-content: flex-end; list-style: none; } .m_gNav__item{ display: flex; width: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; } .m_gNav__target{ position: relative; display: block; width: 100%; color: #fff; text-align: center; line-height: 28px; font-weight: bold; letter-spacing: 0; background: #8F1E35; text-decoration: none; transition: .3s background, .3s color; } .m_gNav__target:hover, .m_gNav__target.is_current{ color: #8F1E35; text-decoration: none; background: #F8F3ED; } .m_gNav__target::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #8F1E35; } .m_gNav__midpoint{ margin-left: -4px; letter-spacing: -3px; } .m_gNav--flexibleWidth{} .m_gNav--flexibleWidth .m_gNav__item{ width: 100%; } .m_gNav--flexibleWidth .m_gNav__target{ padding: 0 17px; white-space: nowrap; } .m_gNav--flexibleWidth .m_gNav__item:last-of-type .m_gNav__target{ padding: 0 18px 0 17px; } .m_subNav{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .m_subNav__list{ display: flex; align-items: stretch; } .m_subNav__item{ display: flex; width: 100%; } .m_subNav__item + .m_subNav__item{ border-left: 1px solid #ccc; } .m_subNav__target{ display: flex; align-items: center; justify-content: center; width: 100%; font-weight: bold; text-decoration: none; color: inherit; line-height: 1; letter-spacing: 0; font-size: 12px; transition: .3s opacity; } .m_subNav__target::before{ display: inline-block; height: 1em; margin-right: 8px; line-height: 1; font-weight: normal; font-size: 16px; font-family: FontAwesome; } .m_subNav__target:hover{ text-decoration: none; color: inherit; opacity: .7; } .m_subNav__target::after{ content: ""; display: block; width: 0; height: 2.2em; } .m_subNav__target--bupVenue::before{ content: "\f239"; color: #ed6c00; } .m_subNav__target--bupSchedule::before{ content: "\f073"; color: #9bc600; } .m_subNav__target--bupRequest::before{ content: "\f2a0"; color: #094; } .m_subNav__target--bupRanking::before{ content: "\f024"; color: #00a0c1; } .m_subNav__target--bupCatalog::before{ content: "\f15b"; color: #a50082; } .m_subNav__target--bupNewcom::before{ content: "\f069"; color: #f783ac; } .m_subNav__target--webin::before{ content: "\f26c"; color: #333; } .m_subNav__target--smartpack::before{ content: "\f288"; color: #333; } .m_subNav__target--coresolution::before{ content: "\f0f6"; color: #333; } .m_subNav__target--municipality::before{ content: "\f015"; color: #333; } .m_subNav__target--evalsheet::before{ content: "\f2bc"; color: #333; } .m_subNav__target--stress::before{ content: "\f08a"; color: #333; } .m_subNav__target--dx::before{ content: "\f1c0"; color: #333; } .m_subNav__target--recruit::before{ content: "\f0c0"; color: #333; } .m_subNav__target--web::before{ content: "\f109"; color: #333; } .m_subNav__ico{ width: auto; height: 16px; margin-right: 8px; } .m_subNav--leaf .m_subNav__target::after{ height: 3em; }#tp_container { border-bottom:1px solid #CCC; margin: 0 calc(50% - 50vw); width: 100vw;}.tp_container_inner { margin: auto; width: 1240px;}div#header p#tp { clear:both; height:24px; font-size:10px; visibility: hidden;}div#header p#tp a { display:block; float:left; padding:1px 15px 2px 7px; background:url(/common/images/bg_tpath.gif) no-repeat 100% 0px; line-height:24px;font-family: 游ゴシック, メイリオ,sans-serif; font-weight: 700; font-size: 11px;}div#header p#tp a:hover {color:#0066FF;text-decoration:none;}div#header p#tp strong { display:block; float:left; padding-left:7px; font-weight:normal; line-height:24px; font-family: 游ゴシック, メイリオ,sans-serif; font-weight: 700; font-size: 11px;}div#header p#tp span { display:none;}@media screen and (max-width: 1240px){ #tp_container{ width: 1240px; }}@media screen and (max-width: 980px){ #tp_container { margin: auto; } .tp_container_inner { width: 100%; }}@media screen and (max-width: 768px){ #tp_container { width: 100%; } }.breadcrumbs{ height:24px; width: 1240px; visibility: hidden; list-style: none;}.breadcrumbs__item{ float:left; font:700 11px/24px '游ゴシック','メイリオ',sans-serif;}.breadcrumbs__item + .breadcrumbs__item{ padding-left:22px; background:url(/common/images/bg_tpath.gif) no-repeat 7px top;}.breadcrumbs__item:first-of-type{ padding-left:7px;}.breadcrumbs__item > a{ font:inherit;}.breadcrumbs__item > a > span{ font:inherit;color:inherit;}@media screen and (max-width:768px){ .breadcrumbs{ width: 100% ;}}@media print { #tp_container { margin: auto; width: 100%; }} @media screen and (max-width: 768px){ .js_resGlobalHeader{ left: 0; z-index: 99999; width: 100%; } }.u_v-v { visibility: visible !important; }.u_color-coral { color: #ff7f50; }.u_color-crimson { color: #e6002d; }.u_disp-b { display: block; }.u_disp-ib { display: inline-block; }.u_disp-i { display: inline; }.u_disp-fx { display: flex; }.u_fz-sr { font-size: smaller; }.u_fz-lr { font-size: larger; }.u_fz10 { font-size: 10px;}.u_fz11 { font-size: 11px;}.u_fz12 { font-size: 12px;}.u_fz13 { font-size: 13px;}.u_fz14 { font-size: 14px;}.u_fz15 { font-size: 15px;}.u_fz16 { font-size: 16px;}.u_fz17 { font-size: 17px;}.u_fz18 { font-size: 18px;}.u_fz19 { font-size: 19px;}.u_fz20 { font-size: 20px;}.u_fw-b { font-weight: bold; }.u_mt10 { margin-top: 10px; }.u_mt15 { margin-top: 15px; }.u_mt20 { margin-top: 20px; }.u_mt30 { margin-top: 30px; }.u_mt50 { margin-top: 50px; }.u_mt50 { margin-top: 50px; }.u_mt100 { margin-top: 100px; }.u_mb10 { margin-bottom: 10px; }.u_mb15 { margin-bottom: 15px; }.u_mb20 { margin-bottom: 20px; }.u_mb30 { margin-bottom: 30px; }.u_mb50 { margin-bottom: 50px; }.u_mb50 { margin-bottom: 50px; }.u_mb100 { margin-bottom: 100px; }.u_p10 { padding: 10px; }.u_p15 { padding: 15px; }.u_p20 { padding: 20px; }.u_p30 { padding: 30px; }.u_p50 { padding: 50px; }.u_p50 { padding: 50px; }.u_p100 { padding: 100px; }.u_pb10 { padding-bottom: 10px; }.u_pb15 { padding-bottom: 15px; }.u_pb20 { padding-bottom: 20px; }.u_pb30 { padding-bottom: 30px; }.u_pb50 { padding-bottom: 50px; }.u_pb50 { padding-bottom: 50px; }.u_pb100 { padding-bottom: 100px; }.u_px0 { padding-left: 0; padding-right: 0; }.u_py0 { padding-top: 0; padding-bottom: 0; }.u_px-xs { padding-left: 0.2rem; padding-right: 0.2rem; }.u_py-xs { padding-top: 0.2rem; padding-bottom: 0.2rem; }.u_px-sm { padding-left: 0.5rem; padding-right: 0.5rem; }.u_py-sm { padding-top: 0.5rem; padding-bottom: 0.5rem; }.u_px-md { padding-left: 1rem; padding-right: 1rem; }.u_py-md { padding-top: 1rem; padding-bottom: 1rem; }.u_px-lg { padding-left: 1.5rem; padding-right: 1.5rem; }.u_py-lg { padding-top: 1.5rem; padding-bottom: 1.5rem; }.u_px-xl { padding-left: 3rem; padding-right: 3rem; }.u_py-xl { padding-top: 3rem; padding-bottom: 3rem; }.u_ta-c { text-align: center; }.u_ta-r { text-align: right; }.u_ta-l { text-align: left; }.u_va-sup { vertical-align: super; }.u_va-t { vertical-align: top; }.u_va-tt { vertical-align: text-top; }.u_va-m { vertical-align: middle; }.u_va-bl { vertical-align: baseline; }.u_va-b { vertical-align: bottom; }.u_va-tb { vertical-align: text-bottom; }.u_va-sub { vertical-align: sub; }.u_ac-fs { align-content: flex-start; }.u_ac-fe { align-content: flex-end; }.u_ac-c { align-content: center; }.u_ac-sb { align-content: space-between; }.u_ac-sa { align-content: space-around; }.u_ac-s { align-content: stretch; }.u_ai-fs { align-items: flex-start; }.u_ai-fe { align-items: flex-end; }.u_ai-c { align-items: center; }.u_ai-b { align-items: baseline; }.u_ai-s { align-items: stretch; }.u_as-a { align-self: auto; }.u_as-fs { align-self: flex-start; }.u_as-fe { align-self: flex-end; }.u_as-c { align-self: center; }.u_as-b { align-self: baseline; }.u_as-s { align-self: stretch; }.u_jc-fs { justify-content: flex-start; }.u_jc-fe { justify-content: flex-end; }.u_jc-c { justify-content: center; }.u_jc-sb { justify-content: space-between; }.u_jc-sa { justify-content: space-around; }.u_fxd-c { flex-direction: column; }.u_fxd-cr { flex-direction: column-reverse; }.u_fxd-r { flex-direction: row; }.u_fxd-rr { flex-direction: row-reverse; }.u_fx0-1-a { flex: 0 1 auto; }.u_fx1-0-a { flex: 1 0 auto; }.u_fx1-1-a { flex: 1 1 auto; }.u_fx0-0-a { flex: 0 0 auto; }.u_fx1-0-0 { flex: 1 0 0%; }.u_fxw-w { flex-wrap: wrap; }.u_fxw-nw { flex-wrap: nowrap; }.u_w350 { width: 350px; }.u_w400 { width: 400px; }.u_w40p { width: 40%; }.u_w45p { width: 45%; }.u_w50p { width: 50%; }.u_maW70p { max-width: 70%; }.u_maW75p { max-width: 75%; }.u_maW80p { max-width: 80%; }body { overflow-x: hidden; }.header { padding: 12px 0 0; position: relative;}.headerContainer { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif'sans-serif; font-size: 14px;}.headerContainer-upper { -ms-align-items: flex-end; align-items: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 7px;}.header-logo a,.header-logo img { display: block; }.hCont { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px;}.hCont:last-of-type { flex-grow: 1;}.hCont_searchBox {}#search { display: inline-block; height: 30px; position: relative; width: 100%;}#search .txt {border: 2px solid #cccccc;border-radius: 2px;box-shadow: none;display: inline;height: 30px;padding: 3px 0px 3px 5px;width: 240px;}#search .searchbtn { background-color: #2793d2; border-radius: 0 3px 3px 0; box-shadow: none; height: 30px; padding: 8px; position: absolute; top: 0; right: 0;}.hCont_comment { font-size: 14px; font-weight: 700; line-height: 1; margin-bottom: 4px;}.hCont_comment span { color: #e6002d; margin: 0 0 5px; font-size: 24px; font-weight: 700;}.hContNavWrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}.hContNav { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}.hContNav_item { font-size: 13px;}.hContNav_item + .hContNav_item{ border-left: 1px solid;}.hContNav_link { padding: 0 10px; }.hContNav_link:hover { text-decoration: underline; }.hContNav_item-global { border-right: none; margin-left: auto;}.hContNav_item-global .hContNav_link { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-weight: bold;}.hContNav_item-global img { margin-right: 5px; }.hContNavBeginner{}.hContNavBeginner_link{ position: relative; display: block; padding: 0 4px 2px 20px; border-bottom: 1px solid; font-size: 12px;}.hContNavBeginner_link::before{ content: url(/common/img/icon_beginner.svg); position: absolute; left: 2px; display: block; width: 14px; line-height: 0;}.hCont_linkbox { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}.hCont_linkbox-tel { color: #5e5e5e; font-family: arial; font-size: 30px; font-weight: bold; letter-spacing: -0.01em; margin-left: 16px;}.hCont_linkbox-tel img { margin-right: 5px; }.hCont_linkbox-mail { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-left: 10px;}.hCont_linkbox-mail a { -ms-align-items: center; align-items: center; border-radius: 2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 8px 16px; background: #e6002d; color: #fff;}.hCont_linkbox-mail a:hover { text-decoration: none; opacity: .7;}.hCont_linkbox-mail img { margin-right: 5px; }.hCont_linkbox-faq { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-left: 10px;}.hCont_linkbox-faq a { -ms-align-items: center; align-items: center; border-radius: 2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 8px 16px; background: #008cff; color: #fff;}.hCont_linkbox-pythonG a { background-color: #021E35; }.hCont_linkbox-faq a:hover { text-decoration: none; opacity: .7;}.hCont_linkbox-faq img { margin-right: 5px; }.hCont_linkbox-webins { margin-left: auto;}.hCont_linkbox-webins img { display: block; }.hCont_linkbox-webins a { transition: .3s; }.hCont_linkbox-webins a:hover { opacity: .6; }.hCont_subBtn{ display: flex; align-items: flex-end; margin-left: auto;}.headerRecruit {}.headerRecruit > a { align-items: center; background-color: #f77514; border-radius: 100px; color: #fff; display: flex; height: 34px; justify-content: center; margin-right: 10px; padding: 4px 7px; line-height: 1; width: 136px;}.headerRecruit > a:hover { opacity: 0.6; }.headerRecruit > a > img { flex: 0 0 0px; margin-right: 5px;}.headerContainer-lower {}#nav-toggle { display: none; }#gm { background-color: #f8f3ed; border-top: 2px solid #cccccc; height: 32px; margin: 0px -200%; padding: 0px 200%;}.globalNav { -ms-align-items: center; align-items: center; color: #191919; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-weight: bold; justify-content: space-between; height: 100%; margin: auto; width: 100%;}.globalNav_item { border-right: 2px solid #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; width: 20%;}.globalNav_item:first-of-type { border-left: 2px solid #fff; }.globalNav_item-res { display: none; }.globalNav_link { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; height: 100%; width: 100%;}.globalNav_link:hover { background-color: #e6002d; color: #fff;}#nav-toggle { display: none; }.globalNav-flexible{ justify-content: flex-start;}.globalNav-flexible .globalNav_item{ width: auto;}.globalNav-flexible .globalNav_item a{ padding: 0 28px;}.globalNav-flexible .globalNav_item-adjust a{ padding: 0 20px;}#gm-sub { height: 30px; margin: 0px -200%; padding: 0px 200%;}.globalSubNav { -ms-align-items: center; align-items: center; color: #191919; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 12px; font-weight: bold; justify-content: space-between; height: 100%; margin: auto; padding: 2px 0; width: 100%;}.globalSubNav_item { border-right: 1px solid #ccc; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; width: 20%;}.globalSubNav_item:last-of-type { border-right: none; }.globalSubNav_link { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; height: 100%; transition: .3s; width: 100%;}.globalSubNav_link::before { content: ""; color: #ccc; font-family: "FontAwesome"; font-size: 1.3em; font-weight: normal; margin-right: 5px;}.globalSubNav_link.about::before { content: url("/resource/img/new_bup/icon_bup_subnav_sem.gif"); background-color: #ccc; height: 18px; }.globalSubNav_link.venue::before { content: "\f239"; }.globalSubNav_link.schedule::before { content: "\f073"; }.globalSubNav_link.request::before { content: "\f2a0"; }.globalSubNav_link.ranking::before { content: "\f024"; }.globalSubNav_link.catalog::before { content: "\f109"; }.globalSubNav_link.case::before { content: "\f15b"; }.globalSubNav_link.newcom::before { content: "\f069"; }.globalSubNav_link.about:hover::before { background-color: #E60012;; }.globalSubNav_link.venue:hover::before { color: #ED6C00; }.globalSubNav_link.schedule:hover::before { color: #9BC600; }.globalSubNav_link.request:hover::before { color: #009944; }.globalSubNav_link.ranking:hover::before { color: #00A0C1; }.globalSubNav_link.catalog:hover::before { color: #1D2088; }.globalSubNav_link.case:hover::before { color: #A50082; }.globalSubNav_link.newcom:hover::before { color: #f783ac; }.u_color-coral { color: #ff7f50; }.u_color-crimson { color: #e6002d; }.u_disp-b { display: block; }.u_disp-ib { display: inline-block; }.u_disp-i { display: inline; }.u_disp-fx { display: flex; }.u_fz-sr { font-size: smaller; }.u_fz-lr { font-size: larger; }.u_fz10 { font-size: 10px;}.u_fz11 { font-size: 11px;}.u_fz12 { font-size: 12px;}.u_fz13 { font-size: 13px;}.u_fz14 { font-size: 14px;}.u_fz15 { font-size: 15px;}.u_fz16 { font-size: 16px;}.u_fz17 { font-size: 17px;}.u_fz18 { font-size: 18px;}.u_fz19 { font-size: 19px;}.u_fz20 { font-size: 20px;}.u_fw-b { font-weight: bold; }.u_mt10 { margin-top: 10px; }.u_mt15 { margin-top: 15px; }.u_mt20 { margin-top: 20px; }.u_mt30 { margin-top: 30px; }.u_mt50 { margin-top: 50px; }.u_mt50 { margin-top: 50px; }.u_mt100 { margin-top: 100px; }.u_mb10 { margin-bottom: 10px; }.u_mb15 { margin-bottom: 15px; }.u_mb20 { margin-bottom: 20px; }.u_mb30 { margin-bottom: 30px; }.u_mb50 { margin-bottom: 50px; }.u_mb50 { margin-bottom: 50px; }.u_mb100 { margin-bottom: 100px; }.u_p10 { padding: 10px; }.u_p15 { padding: 15px; }.u_p20 { padding: 20px; }.u_p30 { padding: 30px; }.u_p50 { padding: 50px; }.u_p50 { padding: 50px; }.u_p100 { padding: 100px; }.u_pb10 { padding-bottom: 10px; }.u_pb15 { padding-bottom: 15px; }.u_pb20 { padding-bottom: 20px; }.u_pb30 { padding-bottom: 30px; }.u_pb50 { padding-bottom: 50px; }.u_pb50 { padding-bottom: 50px; }.u_pb100 { padding-bottom: 100px; }.u_px0 { padding-left: 0; padding-right: 0; }.u_py0 { padding-top: 0; padding-bottom: 0; }.u_px-xs { padding-left: 0.2rem; padding-right: 0.2rem; }.u_py-xs { padding-top: 0.2rem; padding-bottom: 0.2rem; }.u_px-sm { padding-left: 0.5rem; padding-right: 0.5rem; }.u_py-sm { padding-top: 0.5rem; padding-bottom: 0.5rem; }.u_px-md { padding-left: 1rem; padding-right: 1rem; }.u_py-md { padding-top: 1rem; padding-bottom: 1rem; }.u_px-lg { padding-left: 1.5rem; padding-right: 1.5rem; }.u_py-lg { padding-top: 1.5rem; padding-bottom: 1.5rem; }.u_px-xl { padding-left: 3rem; padding-right: 3rem; }.u_py-xl { padding-top: 3rem; padding-bottom: 3rem; }.u_ta-c { text-align: center; }.u_ta-r { text-align: right; }.u_ta-l { text-align: left; }.u_va-sup { vertical-align: super; }.u_va-t { vertical-align: top; }.u_va-tt { vertical-align: text-top; }.u_va-m { vertical-align: middle; }.u_va-bl { vertical-align: baseline; }.u_va-b { vertical-align: bottom; }.u_va-tb { vertical-align: text-bottom; }.u_va-sub { vertical-align: sub; }.u_ac-fs { align-content: flex-start; }.u_ac-fe { align-content: flex-end; }.u_ac-c { align-content: center; }.u_ac-sb { align-content: space-between; }.u_ac-sa { align-content: space-around; }.u_ac-s { align-content: stretch; }.u_ai-fs { align-items: flex-start; }.u_ai-fe { align-items: flex-end; }.u_ai-c { align-items: center; }.u_ai-b { align-items: baseline; }.u_ai-s { align-items: stretch; }.u_as-a { align-self: auto; }.u_as-fs { align-self: flex-start; }.u_as-fe { align-self: flex-end; }.u_as-c { align-self: center; }.u_as-b { align-self: baseline; }.u_as-s { align-self: stretch; }.u_jc-fs { justify-content: flex-start; }.u_jc-fe { justify-content: flex-end; }.u_jc-c { justify-content: center; }.u_jc-sb { justify-content: space-between; }.u_jc-sa { justify-content: space-around; }.u_fxd-c { flex-direction: column; }.u_fxd-cr { flex-direction: column-reverse; }.u_fxd-r { flex-direction: row; }.u_fxd-rr { flex-direction: row-reverse; }.u_fx0-1-a { flex: 0 1 auto; }.u_fx1-0-a { flex: 1 0 auto; }.u_fx1-1-a { flex: 1 1 auto; }.u_fx0-0-a { flex: 0 0 auto; }.u_fx1-0-0 { flex: 1 0 0%; }.u_fxw-w { flex-wrap: wrap; }.u_fxw-nw { flex-wrap: nowrap; }.u_w350 { width: 350px; }.u_w400 { width: 400px; }.u_w40p { width: 40%; }.u_w45p { width: 45%; }.u_w50p { width: 50%; }.u_maW70p { max-width: 70%; }.u_maW75p { max-width: 75%; }.u_maW80p { max-width: 80%; }@media screen and (max-width:768px) { .hCont_comment, .hContNavWrap, .hContNav, .hCont_linkbox, #gm-sub { display: none; } .header { height: auto; margin: auto; width: 95%; } .headerContainer-upper { align-items: flex-start; flex-direction: column; } .header-logo { margin-bottom: 10px; } .hCont { margin-left: 0; width: 100%; } #search .txt { width: 100%; } #nav-toggle { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 42px; justify-content: center; position: absolute; top: 0; right: 0; width: 42px; z-index: 999; }.navTgl { background-color: #999; display: block; height: 3px; position: absolute; transition: .3s; width: 60%;}.navTgl-first { transform: translateY(-10px); }.navTgl-second { transform: translateY(10px); }.navTgl-third {}.nav-toggle.is-active .navTgl-first { transform: rotate(45deg); }.nav-toggle.is-active .navTgl-second { transform: rotate(-45deg); }.nav-toggle.is-active .navTgl-third { transform: rotate(-45deg); } .nav-toggle { display: block; } #gm { background-color: transparent; border-top: none; height: 0; margin: 0; padding: 0; } .globalNav { background-color: #ccc; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; height: auto; position: absolute; transform: translateY(-300%); transition: .5s; } .globalNav.is-open { transform: translateY(-40px); } .globalNav_item { border: none; border-bottom: 1px solid #fff; width: 50%; } .globalNav_item:first-of-type { border-left: none; } .globalNav_item:nth-of-type(odd) { border-right: 1px solid #fff; } .globalNav_item-res { display: flex; } .globalNav_link { font-size: 12px; padding: 4px 0; } }