@charset "utf-8";
/* CSS Document */
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; }}
/*===============================
common
================================*/
body{
color: #333;
font: 400 16px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
/* line-heightの上下の余白削除 */
.lineHeightCorp::before {
content: "";
display: block;
height: 0;
margin-top: calc((1 - 1.6) * .5em);
width: 0;
}
.main__leftnavi { margin-top: 30px; }
.main__leftnavi,
.main__right { letter-spacing: 0; }
.p_mainContainer {
margin: 30px auto 0;
width: 750px;
}
@media screen and (max-width:768px) {
h1 img { width: 100%; height: auto; }
.p_mainContainer { width: 95%; }
.p_mainContainer img { max-width: 100%;height: auto; }
}
.wrapper_main {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
width: 100%;
}
.container_main {
width: 730px;
}
.container_side {
width: 200px;
}
.container_main img { vertical-align: bottom; }
.txt_flat {}
.txt_flat + .txt_flat { margin-top: 20px; }
.is-hide { display: none; }
.txt_note {
color: #666;
font-size: 12px;
}
.box_image { margin: 20px 0; }
@media screen and (max-width:599px) {
.box_image img { height: auto; width: 100%; }
}
/*
リスト
================================*/
.list_normal {}
.list_normal_item {}
.list_normal_item + .list_normal_item { margin-top: 10px; }
/* 矢印 */
.list_arrow {}
.list_arrow_item {}
.list_arrow_item + .list_arrow_item { margin-top: 10px; }
.list_arrow_link {
color: #052674;
display: block;
padding-left: 1.2em;
text-indent: -1.2em;
}
.list_arrow_link::before {
border-top: 3px solid currentColor;
border-right: 3px solid currentColor;
content: "";
display: inline-block;
height: .5em;
margin-right: 10px;
transform: rotate(45deg);
width: .5em;
}
.list_arrow_link:hover {
color: #005580;
text-decoration: underline;
}
/* 丸 */
.list_hasMarker { margin-bottom: 20px; }
.list_hasMarker_item {
padding-left: 1em;
text-indent: -1em;
}
.list_hasMarker_item::before {
background-color: currentColor;
border-radius: 50%;
content: "";
display: inline-block;
height: .5em;
margin-right: 5px;
vertical-align: 2px;
width: .5em;
}
/* 点 */
.list_bullet { margin: 0 0 20px; }
.list_bullet_item {
padding-left: 1em;
text-indent: -1em;
}
.list_bullet_item + .list_bullet_item { margin-top: 5px; }
/* 注訳 */
.list_note {
margin: 20px 0;
}
.list_note_item {
color: #666;
font-size: 12px;
padding-left: 1em;
text-indent: -1em;
}
.list_note_item + .list_note_item { margin-top: 5px; }
/* ※＋数字 */
.list_note_item.hasNum {
padding-left: 3em;
text-indent: -3.2em;
}
/*
リンク
================================*/
.box_link { margin: 20px 0; }
.link_normal {
color: #052674;
text-decoration: none;
}
.link_normal:hover {
color: #005580;
text-decoration: underline;
}
/* 楕円 */
.link_ellipse {
background-color: #AF0019;
border-radius: 50px;
box-shadow: inset 1px 2px 0 0 rgba(255, 151, 165, .8), 1px 2px 0 0 rgb(74, 14, 23);
color: #fff;
display: block;
margin: auto;
padding: 10px;
text-align: center;
width: 80%;
}
.link_ellipse:hover {
box-shadow: inset 1px 2px 0 0 rgba(255, 151, 165, .8);
color: #fff;
text-decoration: none;
transform: translate(1px, 2px);
}
/* 三角付き */
.link_arrow {
display: inline-block;
padding-left: 1em;
text-indent: -1em;
}
.link_arrow::before {
border: 5px solid transparent;
border-left: 8px solid currentColor;
border-right: none;
content: "";
display: inline-block;
margin-right: 5px;
}
.link_arrow:hover {
text-decoration: underline;
}
/* アングル */
.link_hasAngle {
-ms-align-items: center;
align-items: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
line-height: 1;
}
.link_hasAngle::after {
border-color: currentColor;
border-style: solid;
border-radius: 2px;
border-width: 2px 2px 0 0;
content: "";
display: block;
height: .5em;
line-height: 1;
margin-left: 5px;
transform: rotate(45deg);
width: .5em;
}
/* bar */
.link_bar {
background-color: #ccc;
color: #fff;
display: block;
margin: auto;
padding: 10px 20px;
text-align: center;
transition: .3s;
max-width: 350px;
}
.link_bar:hover {
color: #fff;
text-decoration: none;
opacity: .6;
}
/* バナー＋テキスト */
.box_link-banner { margin: 20px 0; }
.link_onBanner {
background-position: center;
background-repeat: no-repeat;
color: currentColor;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
justify-content: center;
font-size: 18px;
font-weight: bold;
height: 100px;
line-height: 1.2;
padding: 20px 30px;
transition: .3s;
}
.link_onBanner > span {
font-size: .75em;
font-weight: normal;
display: inline-block;
margin-top: 10px;
}
.link_onBanner:hover {
color: currentColor;
opacity: .6;
text-decoration: none;
}
.link_onBanner.venture { background-image: url("../../img/bup/__iy_smartpack_venturepack.jpg"); }
.link_onBanner.smp { background-image: url("../../img/bup/__iy_smartpack_qa.jpg"); color: #fff; }
.link_onBanner.leaf { background-image: url("../../img/bup/__iy_smartpack_leaf_qa.jpg"); color: #fff; }
@media screen and (max-width:599px){
.link_onBanner { border-radius: 8px; height: auto; padding: 20px; width: calc(100% - 8px); }
.link_onBanner.venture { background-color: #f7cd67; background-image: none; box-shadow: 5px 5px 0 0 rgb(155, 113, 10); }
.link_onBanner.smp { background-color: #e6002e; background-image: none; box-shadow: 5px 5px 0 0 rgb(157, 0, 31); }
.link_onBanner.leaf { background-color: #00c77f; background-image: none; box-shadow: 5px 5px 0 0 rgb(0, 100, 64); }
}
@media screen and (max-width:768px){
.container_main { width: 100%; }
.container_side { display: none; }
.txt_flat {
text-align: justify;
text-justify: inter-ideograph;
}
}
/*===============================
Container Header
================================*/
.container_header {
margin-bottom: 30px;
}
.heading_img { margin-bottom: 20px; }
.heading_img > img{ display: block; }
/*===============================
Container Body
================================*/
.container_body {
line-height: 1.6;
letter-spacing: .1em;
}
.box_section {}
.box_section + .box_section { margin-top: 50px; }
.box_section + .box_section.large { margin-top: 90px; }
.box_section_inner { margin-top: 50px; }
.box_section_inner.large { margin-top: 80px; }
.box_section_inner.hasBorder {
border-top: 1px solid #ccc;
padding-top: 50px;
}
/* スライダー */
.p_date--slider .js_commonSlider{
padding: 0 0 32px;
}
.p_date--slider .js_commonSlider .slick-dots{
bottom:10px;
}
/* figure */
.box_image {
margin: 30px 0;
text-align: center;
}
.box_image-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.box_image-flex > img {
height: auto;
max-width: 100%;
}
/* announcemnt */
.box_announcement {
border: 2px solid #AF0019;
font-size: 14px;
margin: 20px 0;
padding: 20px 30px;
}
.box_announcement_ttl {
color: #AF0019;
border-bottom: 3px solid #AF0019;
display: inline-block;
font-weight: bold;
margin-bottom: 5px;
}
/*
ナビ
================================*/
.navi_block {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-bottom: 30px;
width: 100%;
}
.navi_block_item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
}
.navi_block_item + .navi_block_item { padding-left: 2px; }
.navi_block_link {
-ms-align-items: center;
align-items: center;
background-color: #ccc;
color: currentColor;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
font-size: 14px;
justify-content: center;
padding: 10px 5px;
text-align: center;
width: 100%;
}
.navi_block_link:hover {
background-color: #110942;
color: #fff;
text-decoration: none;
}
@media screen and (max-width:599px) {
.navi_block { flex-direction: column; }
.navi_block_item + .navi_block_item { border-top: 1px solid #fff; }
}
/*
見出し
================================*/
.heading_primary {
font-size: 24px;
font-weight: bold;
letter-spacing: .3em;
margin-bottom: 20px;
}
.heading_merit {
color: #1b1464;
font-size: 21px;
font-weight: bold;
letter-spacing: .2em;
margin-bottom: 20px;
text-align: center;
}
.heading_merit > img {
display: inline-block;
margin-bottom: 10px;
}
.heading_bold {
font-size: 24px;
font-weight: bold;
letter-spacing: .2em;
margin-bottom: 10px;
}
@media screen and (max-width:599px) {
}
/*
table
================================*/
.tbl_plan {
border-color: #ccc;
border-collapse: collapse;
border-style: solid;
border-width: 1px 0;
margin-bottom: 30px;
table-layout: fixed;
width: 100%;
}
.tbl_plan th {
border-color: #ccc;
border-style: solid;
border-width: 0 1px 0 0;
padding: 8px;
text-align: center;
}
.tbl_plan th:first-child {
background-color: #1b1464;
color: #fff;
}
.tbl_plan th:last-child { border-right-width: 0; }
.tbl_plan td {
border-color: #ccc;
border-style: solid;
border-width: 1px 1px 0 0;
padding: 8px;
text-align: right;
}
.tbl_plan td:last-child { border-right-width: 0; }
.tbl_plan .cell_pack {
background-color: #fcd12c;
border-color: #fff;
font-size: 14px;
font-weight: bold;
}
.tbl_plan .cell_pack > span {
font-size: 1.3em;
margin-left: 5px;
}
.tbl_plan td.point {
color: #AF0019;
font-size: 1.2em;
font-weight: bold;
}
@media screen and (max-width:599px){
.tbl_plan { border-width: 0; }
.tbl_plan thead { display: none; }
.tbl_plan tr { width: 100%; }
.tbl_plan td {
align-items: center;
border-width: 1px 0 0 0;
display: flex;
justify-content: space-between;
width: 100%;
}
.tbl_plan td:first-child { font-weight: bold; justify-content: center; }
.tbl_plan td::before {
content: attr(data-label);
font-weight: bold;
margin-right: 10px;
}
}
/*
flexbox
================================*/
.box_flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 30px;
}
.box_flex_inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 10px;
}
.box_flex-full {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 30px;
}
.box_flex-full_inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
.u_resMdCol1{width:8.333%;}
.u_resMdCol2{width:16.667%;}
.u_resMdCol3{width:25%;}
.u_resMdCol4{width:33.333%;}
.u_resMdCol5{width:41.666%;}
.u_resMdCol6{width:50%;}
.u_resMdCol7{width:58.333%;}
.u_resMdCol8{width:66.666%;}
.u_resMdCol9{width:75%;}
.u_resMdCol10{width:83.33%;}
.u_resMdCol11{width:91.666%;}
.u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
.u_resSmCol1{width:8.333%;}
.u_resSmCol2{width:16.667%;}
.u_resSmCol3{width:25%;}
.u_resSmCol4{width:33.333%;}
.u_resSmCol5{width:41.666%;}
.u_resSmCol6{width:50%;}
.u_resSmCol7{width:58.333%;}
.u_resSmCol8{width:66.666%;}
.u_resSmCol9{width:75%;}
.u_resSmCol10{width:83.33%;}
.u_resSmCol11{width:91.666%;}
.u_resSmCol12{width:100%;}
}
.u_hasGutterXs{padding:2.5px;}
.u_hasGutterSm{padding:5px;}
.u_hasGutterMd{padding:7.5px;}
.u_hasGutterLg{padding:10px;}
.u_hasGutterXl{padding:12.5px;}
.u_noGutterXs{margin:-2.5px;}
.u_noGutterSm{margin:-5px;}
.u_noGutterMd{margin:-7.5px;}
.u_noGutterLg{margin:-10px;}
.u_noGutterXl{margin:-12.5px;}
@media screen and (max-width:599px) {
.box_flex { justify-content: center; }
}
/*
ボーダーBOX
================================*/
.box_border {
border: 1px solid #aaa;
padding: 20px;
}
@media screen and (max-width:599px) {
.box_border { align-items: center; flex-direction: column; }
.box_border_txt { text-align: justify; text-justify: inter-ideograph; }
}
/*
装飾ボックス（ケース）
================================*/
.box_decoration {
background-color: #F3F2EA;
border: 1px solid #ccc;
padding: 30px 50px;
position: relative;
}
.box_decoration_ttl {
background-color: #fcd12c;
box-sizing: border-box;
color: #1b1464;
padding: 5px 30px;
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
/* ケース */
.list_case {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 15px;
}
.list_case_item {
margin-bottom: 10px;
}
@media screen and (max-width:599px) {
.box_decoration { padding: 30px; }
.box_decoration_ttl {
margin-bottom: 10px;
padding: 10px;
position: static;
transform: none;
white-space: normal;
}
}
/*
装飾ボックス（クリップボード）
================================*/
.box_clipboard {
background-color: #F3F2EA;
border-top: 10px solid #1b1464;
margin: 50px 0;
padding: 20px 30px;
}
.box_clipboard.bgBlue { background-color: #E4EDEF; }
.box_clipboard_inner {
background-color: #fff;
margin: 20px 0;
padding: 20px;
}
.box_clipboard_inner.hasBorder {
border: 1px solid #ccc;
}
.box_clipboard_ttl{
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.box_clipboard_ttl::after{
content: "\f0c1";
color: #ccc;
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-left: 5px;
}
/* スマートパックで利用できる商品・サービス */
.container_serviceList {
border: 1px solid #666;
overflow: hidden;
}
.container_serviceList + .container_serviceList { margin-top: 30px; }
.container_serviceList_ttl {
background-color: #fcd12c;
color: #1b1464;
font-size: 18px;
font-weight: bold;
padding: 5px 15px;
}
.container_serviceList_ttl > span {
font-size: .5em;
margin-left: 5px;
}
.box_serviceList {
background-color: #fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 20px;
}
.box_serviceList + .box_serviceList {
border-top: 1px solid #666;
margin-top: 20px;
padding-top: 20px;
}
.box_serviceList_img {
flex-shrink: 0;
margin-right: 20px;
width: 190px;
}
.box_serviceList_txt {}
.box_serviceList_txt > .u_innerTtl {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.box_serviceList_link {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
font-size: 14px;
justify-content: flex-end;
margin: 5px 0;
}
.box_serviceList-divider {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.box_serviceList-divider + .box_serviceList-divider {
border-top: 1px solid #666;
margin-top: 20px;
padding-top: 20px;
}
/* 2021/09/09 追記 */
.box_serviceList.noGutter {
/*margin: -5px;*/
padding: 0;
}
.box_serviceList.noGutter .box_serviceList_inner {
padding: 5px;
/*position: relative;*/
}
.box_serviseList_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 10px;
position: relative;
z-index: 1;
width: 100%;
}
.box_serviseList_contents .box_serviceList_link { margin-top: auto; }
@media screen and (min-width: 768px){
.box_serviceList.noGutter .box_serviceList_inner .box_serviseList_contents::before,
.box_serviceList.noGutter .box_serviceList_inner .box_serviseList_contents::after {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(1) .box_serviseList_contents::before {
border-right: 3px dotted #ccc;
height: calc(100% - 5px);
left: 5px
}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(1) .box_serviseList_contents::after {
border-bottom: 3px dotted #ccc;
height: 100%;
left: 5px;
width: calc(100% - 5px);
}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(2) .box_serviseList_contents::before {}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(3) .box_serviseList_contents::before {}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(4) .box_serviseList_contents::before {
border-left: 3px dotted #ccc;
height: calc(100% - 5px);
left: auto;
right: 2px
}
.box_serviceList.noGutter .box_serviceList_inner:nth-of-type(4) .box_serviseList_contents::after {
border-top: 3px dotted #ccc;
left: auto;
right: 0;
top: -10px;
width: 100%;
}
}
.box_serviseList_ttl {
border-left: 8px solid #ccc;
font-weight: bold;
margin-bottom: 10px;
padding-left: 8px;
}
/* ****************
--color
text #51a160
assessment #7bac45
recipy #15a3a6
flier #0d6db1
grasys #8d5b98
**************** */
/* Web関連サービス */
.box_serviseList_contents.web {
background-image: url("../../img/bup/smartpack_bg_web.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.web .box_serviseList_ttl {
border-left-color: #C45828;
color: #C45828;
}
/* テキスト */
.box_serviseList_contents.text {
background-image: url("../../img/bup/smartpack_bg_text.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.text .box_serviseList_ttl {
border-left-color: #51a160;
color: #51a160;
}
/* アセスメント */
.box_serviseList_contents.assessment {
background-image: url("../../img/bup/smartpack_bg_assessment.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.assessment .box_serviseList_ttl {
border-left-color: #7bac45;
color: #7bac45;
}
/* レシピー */
.box_serviseList_contents.recipy {
background-image: url("../../img/bup/smartpack_bg_polyglots.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.recipy .box_serviseList_ttl {
border-left-color: #15a3a6;
color: #15a3a6;
}
/* フライヤー */
.box_serviseList_contents.flier {
background-image: url("../../img/bup/smartpack_bg_flier.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.flier .box_serviseList_ttl {
border-left-color: #0d6db1;
color: #0d6db1;
}
/* グラシス */
.box_serviseList_contents.grasys {
background-image: url("../../img/bup/smartpack_bg_grasys.png");
background-position: top right;
background-repeat: no-repeat;
}
.box_serviseList_contents.grasys .box_serviseList_ttl {
border-left-color: #8d5b98;
color: #8d5b98;
}
.box_serviseList_contents .box_serviseList_txt { margin-bottom: 10px;}
@media screen and (max-width:599px) {
.box_clipboard { padding: 20px; }
.container_serviceList_ttl > span { display: block; }
.box_serviceList,
.box_serviceList-divider {
align-items: center;
flex-direction: column;
}
.box_serviceList_img { margin-right: 0; }
.box_serviceList.noGutter .box_serviceList_inner + .box_serviceList_inner {
border-top: 3px dotted #ccc;
margin-top: 10px;
padding-top: 10px;
}
}
/*
step
================================*/
.box_step {}
.box_step_inner {}
.box_step_ttl {
-ms-align-items: center;
align-items: center;
background-color: #fff;
border: 1px solid #333;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
font-weight: bold;
padding: 8px 10px;
}
.box_step_ttl > img { margin-right: 30px; }
.box_step_contents {
border-left: 10px solid #fcd12c;
margin-left: 45px;
position: relative;
}
.box_step_contents::before {
position: absolute;
left: -7.8%;
top: 50%;
transform: translateY(-50%);
}
.box_step_contents.step4 { min-height: 130px; }
.box_step_contents.step1::before { content: url("../../img/bup/smartpack_icon_step1.png"); top: 33%; }
.box_step_contents.step2::before { content: url("../../img/bup/smartpack_icon_step2.png"); }
.box_step_contents.step3::before { content: url("../../img/bup/smartpack_icon_step3.png"); }
.box_step_contents.step4::before { content: url("../../img/bup/smartpack_icon_step4.png"); }
.box_step_inner:last-of-type .box_step_contents {
/*border: none;
margin-left: 55px;*/
}
.box_step_txtBox {
padding: 25px 25px 25px 65px;
}
.box_step_inner:last-of-type .box_step_txtBox { padding-bottom: 0; }
@media screen and (max-width:599px) {
.box_step_contents { margin-left: 0; }
.box_step_contents.step1::before,
.box_step_contents.step2::before,
.box_step_contents.step3::before,
.box_step_contents.step4::before { content: none; }
.box_step_inner:last-of-type .box_step_contents { margin-left: 0; }
.box_step_txtBox { padding: 25px 0 25px 10px; }
}
/*
よくある質問
================================*/
.qaBox {}
.qaBox_question {
font-size: 15px;
margin-bottom: 10px;
min-height: 30px;
padding-left: 40px;
position: relative;
}
.qaBox_questionMark {
background-color: #6f6f6f;
border-radius: 50%;
color: #fff;
display: block;
font-family: Arial;
font-size: 15px;
font-weight: bold;
height: 30px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 30px;
}
.qaBox_answer {
line-height: 1.7;
margin-bottom: 30px;
min-height: 30px;
padding-left: 40px;
position: relative;
}
.qaBox_answer:last-child { margin-bottom: 0; }
.qaBox_answerMark {
background-color: #e82a2a;
border-radius: 50%;
color: #fff;
display: block;
font-family: Arial;
font-size: 15px;
font-weight: bold;
height: 30px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 30px;
}
/*
▼220817問合せリニューアル_②公開講座版730px
**************************************/
@media screen and (max-width: 768px){
#commonInquiry.m_bupFtInquiry-w500{
width: 95%;
}
}
/*===============================
Utility
================================*/
/* color */
.u_color-coral { color: #ff7f50 !important; }
.u_color-rouge { color: #ec2c43 !important; }
.u_color-crimson { color: #e6002d !important; }
/* display */
.u_d-b { display: block !important; }
.u_d-ib { display: inline-block!important; }
.u_d-fx { display: flex !important; }
@media screen and (max-width: 599px){
.u_res_d-n { display: none; }
.u_res_d-b { display: block; }
}
/* float */
.u_fl-n { float: none !important; }
.u_fl-l { float: left !important; }
.u_fl-r { float: right !important; }
/* font-size */
.u_fz-xs { font-size: .75em !important; }
.u_fz-sm { font-size: .875em !important; }
.u_fz-md { font-size: 1em !important; }
.u_fz-lg { font-size: 1.25em !important; }
.u_fz-xl { font-size: 1.5em !important; }
.u_fz-sr { font-size: smaller !important; }
.u_fz-lr { font-size: larger !important; }
.u_fz10 { font-size: 10px !important; }
.u_fz11 { font-size: 11px !important; }
.u_fz12 { font-size: 12px !important; }
.u_fz13 { font-size: 13px !important; }
.u_fz14 { font-size: 14px !important; }
.u_fz15 { font-size: 15px !important; }
.u_fz16 { font-size: 16px !important; }
.u_fz17 { font-size: 17px !important; }
.u_fz18 { font-size: 18px !important; }
.u_fz19 { font-size: 19px !important; }
.u_fz20 { font-size: 20px !important; }
/* font-weigth */
.u_fw-b { font-weight: bold !important; }
.u_fw-n { font-weight: normal !important; }
/* line-height */
.u_lh-nm { line-height: normal !important; }
.u_lh-ih { line-height: inherit !important; }
.u_lh0 { line-height: 0 !important; }
.u_lh1 { line-height: 1 !important; }
.u_lh2 { line-height: 2 !important; }
.u_lh3 { line-height: 3 !important; }
.u_lh4 { line-height: 4 !important; }
.u_lh5 { line-height: 5 !important; }
.u_lh6 { line-height: 6 !important; }
.u_lh-xs { line-height: 1.25 !important; }
.u_lh-sm { line-height: 1.33 !important; }
.u_lh-md { line-height: 1.5 !important; }
.u_lh-lg { line-height: 1.75 !important; }
.u_lh-xl { line-height: 2 !important; }
/* padding */
.u_py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
/* margin */
.u_mt0 { margin-top: 0 !important; }
.u_mt-a { margin-top: auto !important; }
.u_mt-xs { margin-top: 0.2rem !important; }
.u_mt-sm { margin-top: 0.5rem !important; }
.u_mt-md { margin-top: 1rem !important; }
.u_mt-lg { margin-top: 1.5rem !important; }
.u_mt-xl { margin-top: 3rem !important; }
.u_ml0 { margin-left: 0 !important; }
.u_ml-a { margin-left: auto !important; }
.u_ml-xs { margin-left: 0.2rem !important; }
.u_ml-sm { margin-left: 0.5rem !important; }
.u_ml-md { margin-left: 1rem !important; }
.u_ml-lg { margin-left: 1.5rem !important; }
.u_ml-xl { margin-left: 3rem !important; }
.u_mb0 { margin-bottom: 0 !important; }
.u_mb-a { margin-bottom: auto !important; }
.u_mb-xs { margin-bottom: 0.2rem !important; }
.u_mb-sm { margin-bottom: 0.5rem !important; }
.u_mb-md { margin-bottom: 1rem !important; }
.u_mb-lg { margin-bottom: 1.5rem !important; }
.u_mb-xl { margin-bottom: 3rem !important; }
.u_mr0 { margin-right: 0 !important; }
.u_mr-a { margin-right: auto !important; }
.u_mr-xs { margin-right: 0.2rem !important; }
.u_mr-sm { margin-right: 0.5rem !important; }
.u_mr-md { margin-right: 1rem !important; }
.u_mr-lg { margin-right: 1.5rem !important; }
.u_mr-xl { margin-right: 3rem !important; }
.u_my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.u_my10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.u_my20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.u_my30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.u_mt5 { margin-top: 5px !important; }
.u_mt10 { margin-top: 10px !important; }
.u_mt15 { margin-top: 15px !important; }
.u_mt20 { margin-top: 20px !important; }
.u_mt30 { margin-top: 30px !important; }
.u_mt50 { margin-top: 50px !important; }
.u_mt100 { margin-top: 100px !important; }
.u_mt-5 { margin-top: -5px !important; }
.u_mt-10 { margin-top: -10px !important; }
.u_mt-15 { margin-top: -15px !important; }
.u_mt-20 { margin-top: -20px !important; }
.u_mt-30 { margin-top: -30px !important; }
.u_mt-50 { margin-top: -50px !important; }
.u_mt-100 { margin-top: -100px !important; }
.u_mb5 { margin-bottom: 5px !important; }
.u_mb10 { margin-bottom: 10px !important; }
.u_mb15 { margin-bottom: 15px !important; }
.u_mb20 { margin-bottom: 20px !important; }
.u_mb30 { margin-bottom: 30px !important; }
.u_mb50 { margin-bottom: 50px !important; }
.u_mb100 { margin-bottom: 100px !important; }
.u_mb-5 { margin-bottom: -5px !important; }
.u_mb-10 { margin-bottom: -10px !important; }
.u_mb-15 { margin-bottom: -15px !important; }
.u_mb-20 { margin-bottom: -20px !important; }
.u_mb-30 { margin-bottom: -30px !important; }
.u_mb-50 { margin-bottom: -50px !important; }
.u_mb-100 { margin-bottom: -100px !important; }
.u_m-a { margin: auto !important; }
/* position */
.u_pos-r { position: relative !important; }
.u_pos-a { position: absolute !important; }
/* text-align */
.u_ta-c { text-align: center !important; }
.u_ta-r { text-align: right !important; }
.u_ta-l { text-align: left !important; }
/* text-indent */
.u_ti--1 { text-indent: -1em !important; padding-left: 1em !important; }
.u_ti-0 { text-indent: 0em !important; padding-left: 0em !important; }
/* text-decoration */
.u_td-n { text-decoration: none !important; }
.u_td-u { text-decoration: underline !important; }
.u_td-o { text-decoration: overline !important; }
.u_td-l { text-decoration: line-through !important; }
/* vertical-align */
.u_va-sup { vertical-align: super !important; }
.u_va-t { vertical-align: top !important; }
.u_va-tt { vertical-align: text-top !important; }
.u_va-m { vertical-align: middle !important; }
.u_va-bl { vertical-align: baseline !important; }
.u_va-b { vertical-align: bottom !important; }
.u_va-tb { vertical-align: text-bottom !important; }
.u_va-sub { vertical-align: sub !important; }
/* flexbox */
.u_ac-fs { align-content: flex-start !important; }
.u_ac-fe { align-content: flex-end !important; }
.u_ac-c { align-content: center !important; }
.u_ac-sb { align-content: space-between !important; }
.u_ac-sa { align-content: space-around !important; }
.u_ac-s { align-content: stretch !important; }
.u_ai-fs { align-items: flex-start !important; }
.u_ai-fe { align-items: flex-end !important; }
.u_ai-c { align-items: center !important; }
.u_ai-b { align-items: baseline !important; }
.u_ai-s { align-items: stretch !important; }
.u_as-a { align-self: auto !important; }
.u_as-fs { align-self: flex-start !important; }
.u_as-fe { align-self: flex-end !important; }
.u_as-c { align-self: center !important; }
.u_as-b { align-self: baseline !important; }
.u_as-s { align-self: stretch !important; }
.u_jc-fs { justify-content: flex-start !important; }
.u_jc-fe { justify-content: flex-end !important; }
.u_jc-c { justify-content: center !important; }
.u_jc-sb { justify-content: space-between !important; }
.u_jc-sa { justify-content: space-around !important; }
.u_fx0-1-a { flex: 0 1 auto !important; }
.u_fx1-0-a { flex: 1 0 auto !important; }
.u_fx1-1-a { flex: 1 1 auto !important; }
.u_fx0-0-a { flex: 0 0 auto !important; }
.u_fx1-0-0 { flex: 1 0 0% !important; }
/* order */
.u_ord0 { order: 0 !important; }
.u_ord1 { order: 1 !important; }
.u_ord2 { order: 2 !important; }
.u_ord3 { order: 3 !important; }
.u_ord4 { order: 4 !important; }
.u_ord5 { order: 5 !important; }
.u_ord6 { order: 6 !important; }
.u_ord9999 { order: 9999 !important; }
.u_ord-1 { order: -1 !important; }
/* table-layout */
.u_tbl-a { table-layout: auto !important; }
.u_tbl-f { table-layout: fixed !important; }
/* width */
.u_w350 { width: 350px !important; }
.u_w400 { width: 400px !important; }
.u_w40p { width: 40% !important; }
.u_w45p { width: 45% !important; }
.u_w50p { width: 50% !important; }
.u_w100p { width: 100% !important; }
.u_maW70p { max-width: 70% !important; }
.u_maW75p { max-width: 75% !important; }
.u_maW80p { max-width: 80% !important; }
.sp { display: none; }