@charset "utf-8"; /**/ .is-top {} /**/ .m-btn.is-flow a { color: #FFFFFF; background-color: #607885; border: 1px solid #607885; } .m-btn.is-flow a::after { background-image: url(../images/icon/arrowW.svg); } @media (hover: hover) and (pointer: fine) { .m-btn.is-flow a:hover { color: #607885; background-color: #FFFFFF; border-color: #607885; } .m-btn.is-flow a:hover::after { background-image: none; mask: url(../images/icon/arrowW.svg) 100% 100% / cover; background-color: #607885; right: 0.75rem; } } @media print, screen and (min-width: 751px) { .is-nuro .top-main-service-child.is-flow-list { top: 78.5% } .is-closed-net .top-main-service-child { bottom: 7%; width: 50%; } .is-closed-net .m-btn.is-XS a { height: 2.36em; font-size: .785rem; } .is-closed-net .top-main-service-child .m-btn { margin: -2.5px auto; } } @media print, screen and (min-width: 751px) and (max-width:850px) { .is-nuro .top-main-service-child.is-flow-list { top: 83% } .is-nuro .top-main-service-child { top: 67.5%; } .is-nuro .top-main-service-child { top: 68%; } .is-nuro .m-btn.is-L a { font-size: 0.98rem; height: 2.66em; } } @media print, screen and (min-width: 850px) and (max-width: 1024px) { .is-nuro .top-main-service-child { top: 62%; } } @media print, screen and (min-width: 751px) and (min-width: 1025px) and (max-width: 1350px){ .is-closed-net .m-btn.is-XS a { height: 2.36em; font-size: .585rem; } .is-closed-net .top-main-service-child .m-btn { margin: -2.2px auto; } } @media print, screen and (min-width: 1025px) { .is-closed-net .m-btn.is-XS a::after { right: 0.6rem; } } .is-terms-page {} /**/ .is-terms-page .is-terms-top {} /**/ .is-support {} /**/ .is-service {} /**/ .is-seminar {} body.is-seminar.is-seminar-archive{ background: #f4f4f4; } /**/ .is-seminar .is-seminar-archive {} .seminar-archive__image::after { content: initial; } /**/ .is-news {} /**/ .is-managed-cloud-portal {} /**/ .is-managed-cloud-portal .is-form {} /**/ .is-managed-cloud {} /**/ .is-managed-cloud .is-form {} /**/ .is-form {} /*問い合わせフォームフォントサイズ・余白調整*/ @media print, screen and (min-width: 751px){ body.is-form .form-col-wrap .form-col__label { width: 12rem; font-size: 16px; }} @media print, screen and (min-width: 751px){ body.is-form .form-col-wrap .form-col__body { width: calc(100% - 12rem); }} .form-required { font-size: 12px; } /*フォームの戻る表示*/ @media print, screen and (min-width: 751px){ .pcnone { display: none; } } @media print, screen and (max-width: 751px){ .spnone { display: none; } } /*市区町村番地の非表示*/ .address-hidden { margin-top: -40px; visibility: hidden; } @media print, screen and (max-width: 751px){ .address-hidden1 { margin-top: -54px; } } /**/ .is-form .is-service-area {} /**/ .is-column li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: decimal !important; } .is-column pre { padding: 20px; } /**/ .is-column {} /**/ .is-case {} /**/ .is-campaign {} /**/ .is-about {} /**/ .internet-lp {} /**/ .none {} /*ALL*/ /*--------------------------------- ページでよく使いそうなclass -----------------------------------*/ /*----【redTxt】----*/ .redTxt { color: #FF3636; } /*----【greenTxt】----*/ .greenTxt { color: #007B69; } /*----【blueTxt】----*/ .blueTxt { color: #1E64B4; } /*----左寄せ----*/ .txtL { text-align: left; } /*----右寄せ----*/ .txtR { text-align: right; } /*----中央----*/ .txtC { text-align: center; } /*微調整Class*/ .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mb0 { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .pt0 { padding-top: 0 !important;} .pt5 { padding-top: 5px !important;} .pt10 { padding-top: 10px !important;} .pt15 { padding-top: 15px !important;} .pt20 { padding-top: 20px !important;} .pb0 { padding-bottom: 0 !important;} .pb5 { padding-bottom: 5px !important;} .pb10 { padding-bottom: 10px !important;} .pb15 { padding-bottom: 15px !important;} .pb20 { padding-bottom: 20px !important;} /*--------------------------------- NUROアクセスCTA用css -----------------------------------*/ .cta-price-box { height: 230px; background-image: url('/_cms/wp-content/uploads/2022/10/cta_price_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: auto; transition: 1s all ease; padding: 2rem 5%; border-radius: 1rem; } @media only screen and (max-width: 1110px) { .cta-price-box { background-position: left center; } } @media print, screen and (min-width: 479px) and (max-width: 752px) { .cta-price-box { height: auto; background-size: auto 100%!important; } } @media only screen and (max-width: 479px) { .cta-price-box { height: auto; background-image: url('/_cms/wp-content/uploads/2022/10/cta_price_bg_sp.jpg'); background-position: top; background-size: cover; } } @media print, screen and (min-width: 750px) { .cta-box-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .cta-box_textLabel { font-size: 24px; font-size: 1.498rem; font-weight: bold; color: #333; line-height: 1.63!important; } @media print, screen and (min-width: 751px) and (max-width: 980px) { .cta-box_textLabel { font-size: 22px; font-size: 2.26vw; } } @media print, screen and (min-width: 390px) and (max-width: 750px) { .cta-box_textLabel { font-size: 31px; font-size: 4.2vw; } } @media print, screen and (max-width: 390px) { .cta-box_textLabel { font-size: 17px; font-size: 4.4vw; } } @media print, screen and (min-width: 751px) { .cta-box_inner { padding-right: 82px; padding-top: 12px; position: relative; } } @media print, screen and (min-width: 751px) and (max-width: 980px) { .cta-box_inner { padding-top: 23px; } } @media print, screen and (max-width: 391px) { .cta-box_inner { padding-top: 14px; } } @media print, screen and (max-width: 749px) { .cta-box_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }