@charset "UTF-8";
/*
Theme Name: Neocilius
Author: inter life media
Description: Neocilius WordPress Theme
*/
/*  mixin・設定
-------------------------------------------------- */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap");
.robot { font-family: 'Roboto', sans-serif; }

/*  リセット
-------------------------------------------------- */
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, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, audio, video { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; list-style: none; font-weight: normal; }

h1, h2, h3, h4, h5, h6 { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

main { display: block; }

/*  共通
-------------------------------------------------- */
body { min-width: 1200px; font-family: 'Noto Sans Japanese', sans-serif; font-size: 62.5%; }

#js_mediaFlag { position: absolute; width: 100px; pointer-events: none; }

header { padding: .5em 40px 0; position: fixed; z-index: 999; display: flex; align-items: center; width: 100%; min-width: 1200px; height: 80px; background: #FFF; transition: .3s; }

header.fixed { box-shadow: 0px 8px 3px -3px rgba(0, 0, 0, 0.1); }

header .logo { width: 296px; height: 43px; }

header .logo a { display: block; width: 100%; height: 100%; line-height: 0; }

header .logo img { transition: .3s; width: 100%; height: 100%; }

header .logo img:hover { opacity: .7; }

header nav { margin-left: auto; }

header nav > ul > li > a { padding: 30px 0; }

header nav .bg-line { display: none; }

header ul { display: flex; font-weight: 500; }

header li { line-height: 1; font-size: 16px; letter-spacing: .07em; }

header li:not(:last-child) { margin-right: 2.7em; }

header li a { position: relative; transition: .3s; }

header li a:hover { color: #004f99; }

header li img { display: none; }

header .megamenu_wrap { position: relative; }

header .megamenu_wrap:hover .megamenu { opacity: 1; pointer-events: auto; }

header .megamenu { margin-top: 23px; padding: 30px 20px; position: absolute; top: 100%; right: -100px; width: 514px; background: rgba(204, 204, 204, 0.7); opacity: 0; pointer-events: none; transition: opacity .4s; }

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { header .megamenu { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(239, 239, 239, 0.7); } }

header .megamenu:before { margin: auto; border-style: solid; border-width: 0 6px 12px 6px; border-color: transparent transparent rgba(239, 239, 239, 0.8) transparent; position: relative; width: 12px; height: 0; content: ''; position: absolute; right: 148px; top: 1px; left: auto; box-sizing: border-box; transform: translateY(-100%); }

header .megamenu p, header .megamenu a { text-align: center; }

header .megamenu p { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7); }

header .megamenu .megamenu_list { margin-top: 21px; display: flex; justify-content: space-between; }

header .megamenu .megamenu_list li { margin: 0; }

header .megamenu .megamenu_list li.neocilius { letter-spacing: -.04em; }

header .megamenu .megamenu_list a { display: flex; align-items: center; justify-content: center; width: 232px; height: 48px; color: #fff; font-size: 17px; background: #ff6600; }

header .megamenu .megamenu_list a:hover { opacity: .7; }

header .icon-twitter { margin-left: 60px; line-height: 0; transition: .3s; }

header .icon-twitter a { display: block; position: relative; }

header .icon-twitter a:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../data/images/icon-twitter-hover.svg) no-repeat; background-size: contain; opacity: 0; transition: opacity .3s; content: ""; }

header .icon-twitter img { width: 40px; height: auto; transition: opacity .3s; }

header .icon-twitter:hover { opacity: 1; }

header .icon-twitter:hover a:after { opacity: 1; }

header .icon-twitter:hover img { opacity: 0; }

header .btn-sp-nav { display: none; }

@media only screen and (max-width: 1300px) { header li:not(:last-child) { margin-right: 2.7vw; } header .icon-twitter { margin-left: 2.7vw; } }

footer { padding: 40px 0 20px; background: #FFF; }

footer .footer-inner { margin: 0 auto; padding-left: 8px; display: flex; width: 1200px; }

footer .footer-inner .logo-area { margin-right: 40px; width: 64px; line-height: 0; }

footer .footer-inner .logo-area img { width: 100%; }

footer .footer-inner .text-area { width: 1096px; }

footer .footer-inner .text-area ul { margin-bottom: 5px; }

footer .footer-inner .text-area ul:after { display: block; content: ""; clear: both; }

footer .footer-inner .text-area li { margin: 0 20px 5px 0; padding-right: 20px; display: inline-block; float: left; }

footer .footer-inner .text-area li:not(:last-child) { border-right: 1px solid #a9a9a9; }

footer .footer-inner .text-area li.right_edge { margin-right: 0; }

footer .footer-inner .text-area li a { line-height: 1; color: #222; font-size: 14px; font-weight: 200; letter-spacing: .03em; }

footer .copy-right { line-height: 1; color: #999; font-size: 12px; letter-spacing: .1em; }

p { font-size: 16px; font-weight: 200; text-align: justify; }

a { color: #000; text-decoration: none; }

.inner { margin: 0 auto; width: 1200px; }

#product main, #information main, #information-detail main, #case main, #scene main, #scene-detail main { padding-top: 84px; }

#product .main-visual, #information .main-visual, #information-detail .main-visual, #case .main-visual, #scene .main-visual, #scene-detail .main-visual { display: flex; justify-content: center; align-items: center; position: relative; height: 500px; color: #FFF; }

#product .main-visual h1, #information .main-visual h1, #information-detail .main-visual h1, #case .main-visual h1, #scene .main-visual h1, #scene-detail .main-visual h1 { text-align: center; }

#product .main-visual h1 img, #information .main-visual h1 img, #information-detail .main-visual h1 img, #case .main-visual h1 img, #scene .main-visual h1 img, #scene-detail .main-visual h1 img { margin-bottom: 15px; width: 640px; }

#product .main-visual h1 span, #information .main-visual h1 span, #information-detail .main-visual h1 span, #case .main-visual h1 span, #scene .main-visual h1 span, #scene-detail .main-visual h1 span { display: block; line-height: 1; font-size: 24px; font-weight: 200; }

#product .main-visual .page-path, #information .main-visual .page-path, #information-detail .main-visual .page-path, #case .main-visual .page-path, #scene .main-visual .page-path, #scene-detail .main-visual .page-path { padding: 0 40px; display: flex; position: absolute; top: 40px; right: 0; font-size: 14px; }

#product .main-visual .page-path li, #information .main-visual .page-path li, #information-detail .main-visual .page-path li, #case .main-visual .page-path li, #scene .main-visual .page-path li, #scene-detail .main-visual .page-path li { font-weight: 200; letter-spacing: .1em; }

#product .main-visual .page-path li a, #information .main-visual .page-path li a, #information-detail .main-visual .page-path li a, #case .main-visual .page-path li a, #scene .main-visual .page-path li a, #scene-detail .main-visual .page-path li a { color: #FFF; }

#product .main-visual .page-path li:not(:last-child), #information .main-visual .page-path li:not(:last-child), #information-detail .main-visual .page-path li:not(:last-child), #case .main-visual .page-path li:not(:last-child), #scene .main-visual .page-path li:not(:last-child), #scene-detail .main-visual .page-path li:not(:last-child) { margin-right: 1em; white-space: nowrap; }

#product .main-visual .page-path li:not(:last-child):after, #information .main-visual .page-path li:not(:last-child):after, #information-detail .main-visual .page-path li:not(:last-child):after, #case .main-visual .page-path li:not(:last-child):after, #scene .main-visual .page-path li:not(:last-child):after, #scene-detail .main-visual .page-path li:not(:last-child):after { margin-left: 1em; content: ">"; }

.contact-wrap { padding: 160px 0; overflow: hidden; color: #FFF; background: url(../data/images/bg-contact-wrap.jpg) no-repeat center center; background-size: cover; }

.contact-wrap .contact-inner { margin: 0 auto; width: 1200px; }

.contact-wrap p { line-height: 1.5; font-size: 16px; font-weight: 200; text-align: center; }

.contact-wrap p.lead-text { margin-bottom: 10px; font-size: 26px; }

.contact-wrap p + p { margin: 0; }

.contact-wrap .btn_list { display: flex; justify-content: center; }

.contact-wrap .btn-contact { margin: 40px 18px 0; padding: 25px 0; display: block; position: relative; z-index: 2; width: 375px; line-height: 1; color: #FFF; font-size: 20px; font-weight: 200; text-align: center; transition: color .3s; transition-timing-function: ease-in-out; }

.contact-wrap .btn-contact:before { border: 3px solid #fb6705; box-sizing: border-box; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; opacity: 0; transform: scale3d(1.2, 1.2, 1); transition: transform 0.3s, opacity 0.3s; transition-timing-function: ease-in-out; }

.contact-wrap .btn-contact:after { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ""; background: #fb6705; transition: transform 0.3s, opacity 0.3s; transition-timing-function: ease-in-out; }

.contact-wrap .btn-contact:hover:before { opacity: 1; transform: scale3d(1, 1, 1); }

.contact-wrap .btn-contact:hover:after { opacity: 0; transform: scale3d(0.8, 0.8, 1); }

.pc-hidden, .pc_hidden { display: none; }

.sp-hidden, .sp_hidden { display: block; }

/*  トップ
-------------------------------------------------- */
#home .fadein-up { animation: fadeInUp 1s; animation-timing-function: ease; animation-fill-mode: forwards; }

@keyframes fadeInUp { from { opacity: 0;
    transform: translateY(100px); }
  to { opacity: 1;
    transform: translateY(0); } }

#home .js-inview-fadein-up { opacity: 0; transform: translateY(-100px); }

#home .fadein-left { animation: fadeInLeft 1s; animation-timing-function: ease; animation-fill-mode: forwards; animation-delay: .5s; }

@keyframes fadeInLeft { from { opacity: 0;
    transform: translateX(-100px); }
  to { opacity: 1;
    transform: translateY(0); } }

#home .js-inview-fadein-left { opacity: 0; transform: translateX(-100px); }

#home header { background: transparent; }

#home header.fixed { background: #FFF; }

#home h2 { margin-bottom: 65px; color: #004f99; }

#home h2 img { margin-bottom: 15px; width: 500px; }

#home h2 img.margin-short { margin-bottom: 0; }

#home h2 span { display: block; font-size: 18px; font-weight: 400; }

#home .main-visual { padding: 75px 0; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; min-height: 100vh; background: linear-gradient(to bottom, #dddddd 0%, #ffffff 50%); }

#home .main-visual .pc-visual { max-width: 90%; }

#home .main-visual .sp-visual { display: none; }

#home .main-visual .btn-scroll { border: 3px solid #004f99; border-radius: 50px; display: block; position: absolute; bottom: 20px; left: 50%; width: 30px; height: 55px; box-sizing: border-box; font-size: 0; }

#home .main-visual .btn-scroll:before { border-radius: 100%; position: absolute; top: 10px; left: 50%; width: 6px; height: 6px; content: ""; background: #004f99; animation: scroll 2s infinite; box-sizing: border-box; }

@keyframes scroll { 0% { transform: translate(-50%, 0);
    opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(-50%, 25px);
    opacity: 0; }
  100% { opacity: 0; } }

#home .bg-line-wrap { position: relative; width: 100%; }

#home .bule-wrap { position: absolute; top: 108px; right: 0; width: 100%; height: 5030px; overflow: hidden; pointer-events: none; }

#home .bule-wrap svg { position: absolute; top: 1055px; left: 50%; width: 150%; height: 1450px; transform: translate(-50%, -50%) rotate(-18deg); }

#home .bule-wrap .line { position: absolute; top: 0; right: 0; width: 100%; height: 68%; transform-origin: right top; transform: skew(0deg, -18deg); }

#home .bule-wrap .line .line-inner { height: 100%; background: #e1f1fd; }

@keyframes fadeInSlide { from { width: 0; }
  to { width: 100%; } }

#home .bule-wrap.js-inview-fadein-slide .line .line-inner { width: 0; }

#home .bule-wrap.fadein-slide .line .line-inner { animation: fadeInSlide 3s; animation-timing-function: linear; animation-fill-mode: forwards; }

#home .philosophy-wrap { padding: 115px 0 100px; position: relative; z-index: 2; }

#home .philosophy-wrap .inner { position: relative; display: flex; justify-content: flex-end; }

#home .philosophy-wrap .text-area { padding: 90px 80px; width: 790px; background: #FFF; }

#home .philosophy-wrap .text-area p { font-size: 17px; line-height: 1.8; }

#home .philosophy-wrap .text-area p + p { margin-top: 25px; }

#home .philosophy-wrap .text-area p.lead-text { margin-bottom: 65px; line-height: 1.5; font-size: 22px; font-weight: 500; }

#home .philosophy-wrap .text-area p.lead-text .en-text { font-size: 32px; }

#home .philosophy-wrap .text-area .parags p { line-height: 2.1; }

#home .philosophy-wrap .blue-book { position: absolute; top: 50%; left: -115px; width: 492px; line-height: 0; transform: translate(0, -50%); }

#home .philosophy-wrap .blue-book img { width: 100%; }

#home .philosophy-wrap .fadein-up:nth-child(1) { animation-delay: 0s; }

#home .philosophy-wrap .fadein-up:nth-child(2) { animation-delay: 0.5s; }

#home .philosophy-wrap .fadein-up:nth-child(3) { animation-delay: 1s; }

#home .solution-wrap { padding: 130px 0 100px; position: relative; z-index: 2; }

#home .solution-wrap .solution-box { padding: 0 80px 80px; background: rgba(255, 255, 255, 0.9); }

#home .solution-wrap .solution-box .solution-ttl { margin-bottom: 30px; position: relative; top: -32px; left: -10px; }

#home .solution-wrap .solution-box .solution-ttl img { margin-bottom: 10px; width: 248px; height: auto; }

#home .solution-wrap .solution-box .logo_link { display: block; }

#home .solution-wrap .solution-box .logo_link img { transition: opacity .3s; }

#home .solution-wrap .solution-box .logo_link:hover img { opacity: .7; }

#home .solution-wrap .solution-box .flexbox { display: flex; align-items: center; justify-content: space-between; }

#home .solution-wrap .solution-box .flexbox dl { width: 460px; }

#home .solution-wrap .solution-box .flexbox dt { margin-bottom: 30px; line-height: 1.5; font-size: 22px; letter-spacing: -.025em; }

#home .solution-wrap .solution-box .flexbox dd { line-height: 2.11; font-size: 17px; letter-spacing: -.075em; }

#home .solution-wrap .solution-box .flexbox.-bm { margin-top: 100px; flex-direction: row-reverse; }

#home .solution-wrap .solution-box .feature-list { margin-top: 40px; display: flex; justify-content: space-between; font-size: 22px; }

#home .solution-wrap .solution-box .feature-list .fadein-up:nth-child(2) { animation-delay: 0.5s; }

#home .solution-wrap .solution-box .feature-list .fadein-up:nth-child(3) { animation-delay: 1s; }

#home .solution-wrap .solution-box .feature-list dl { padding: 32px 40px 60px; width: 326px; background: #eff7fe; }

#home .solution-wrap .solution-box .feature-list dt { margin-bottom: 25px; color: #004f99; font-family: Century Gothic, sans-serif; letter-spacing: -.05em; }

#home .solution-wrap .solution-box .feature-list dd { font-weight: 500; }

#home .solution-wrap .solution-box .feature-list.-Concept dl { background: #f0f8fe; }

#home .solution-wrap .solution-box .feature-list.-Concept dt { letter-spacing: -.025em; }

#home .solution-wrap .btn-solution { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; margin: 42px auto 0; padding: 13px 0; width: 360px; font-size: 18px; }

#home .solution-wrap .btn-solution:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#home .solution-wrap .btn-solution:hover { color: #004f99; }

#home .solution-wrap .btn-solution:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#home .solution-wrap .btn-solution.-bm { letter-spacing: .01em; }

#home .scene-wrap { padding: 100px 0 30px; position: relative; z-index: 2; }

#home .scene-wrap .text-area { padding: 0 100px 490px 70px; width: 790px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33px, white 33px); }

#home .scene-wrap .text-area p { font-size: 17px; line-height: 2.11; }

#home .scene-wrap .text-area p + p { margin-top: 1em; }

#home .scene-wrap .scene-slider-wrap { position: absolute; bottom: 100px; width: 100%; overflow: hidden; }

#home .scene-wrap .scene-slider { opacity: 0; }

#home .scene-wrap .scene-slider li { margin-right: 36px; width: 376px; }

#home .scene-wrap .scene-slider li img { margin-bottom: 15px; transition: .3s; }

#home .scene-wrap .scene-slider li:hover img { opacity: .7; }

#home .scene-wrap .scene-slider a { display: block; }

#home .scene-wrap .scene-slider h3 { margin: 0 0 5px; line-height: 1.3; color: #004f99; font-size: 15px; }

#home .scene-wrap .scene-slider p { line-height: 1.5; color: #666; font-size: 15px; }

#home .scene-wrap .infiniteslide_wrap .scene-slider { opacity: 1; align-items: flex-start !important; }

#home .scene-wrap .fadein-up:nth-child(1) { animation-delay: 0s; }

#home .scene-wrap .fadein-up:nth-child(2) { animation-delay: 0.5s; }

#home .scene-wrap .fadein-up:nth-child(3) { animation-delay: 1s; }

#home .case-wrap { padding: 100px 0 240px; }

#home .case-wrap h2 { margin-bottom: 45px; padding-left: 80px; }

#home .case-wrap .inner { padding: 30px 0 55px; background: linear-gradient(to left, #f0f8fe 790px, rgba(255, 255, 255, 0) 790px); }

#home .case-wrap .case-container { display: flex; align-items: flex-start; }

#home .case-wrap .case-container .text-area { padding: 70px 80px; width: 600px; }

#home .case-wrap .case-container h3 { margin-bottom: 15px; line-height: 1.5; font-size: 24px; }

#home .case-wrap .case-container p { color: #666; line-height: 1.8; font-size: 15px; }

#home .case-wrap .case-container .btn-more { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #004f99; font-weight: 200; text-align: center; transition: .3s; margin-top: 25px; padding: 10px 0; width: 160px; font-size: 14px; }

#home .case-wrap .case-container .btn-more:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #004f99; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#home .case-wrap .case-container .btn-more:hover { color: #FFF; }

#home .case-wrap .case-container .btn-more:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#home .case-wrap .btn-case-list { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; margin: 55px auto 0; padding: 13px 0; width: 280px; font-size: 18px; }

#home .case-wrap .btn-case-list:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#home .case-wrap .btn-case-list:hover { color: #004f99; }

#home .case-wrap .btn-case-list:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#home .case-wrap .fadein-up:nth-child(1) { animation-delay: 0s; }

#home .case-wrap .fadein-up:nth-child(2) { animation-delay: 0.5s; }

#home .case-wrap .fadein-up:nth-child(3) { animation-delay: 1s; }

#home .case-wrap .fadein-up:nth-child(4) { animation-delay: 1.5s; }

#home .case-wrap .fadein-up:nth-child(5) { animation-delay: 2s; }

#home .case-wrap .scene-slider-wrap { position: absolute; top: 530px; width: 100%; animation-delay: 1.5s !important; }

#home .contact-wrap { /** 20181025 ADD START **/ position: relative; z-index: 2; /** 20181025 ADD END **/ }

/*  製品
-------------------------------------------------- */
#product main { background: url(../data/product/images/bg-blue.svg) no-repeat center center; background-size: 100% auto; }

#product h2 { margin-bottom: 60px; color: #004f99; text-align: center; }

#product h2 img { margin-bottom: 10px; width: 600px; }

#product h2 img.margin-short { margin-bottom: 0; }

#product h2 .break-row { display: inline-block; }

#product h2 .break-row img { width: auto; }

#product h2 .break-row:not(:last-of-type) { margin-right: 15px; }

#product h2 span { display: block; font-size: 18px; font-weight: 400; }

#product .lead { margin-bottom: 80px; }

#product .lead p { line-height: 1.8; color: #666; text-align: center; }

#product .lead p.large { margin-bottom: 20px; line-height: 1.4; color: #000; font-size: 28px; font-weight: 400; }

#product .main-visual { background: url(../data/product/images/bg-mainvisual.jpg) no-repeat center center; background-size: cover; }

#product .main-visual h1 { line-height: 0; }

#product .main-visual h1 img { margin-bottom: 0; width: auto; }

#product .anchor-list { margin-bottom: 60px; padding: 40px 0; }

#product .anchor-list ul { margin: 0 auto; display: flex; justify-content: center; width: 1200px; line-height: 1; font-size: 16px; }

#product .anchor-list li:not(:last-child) { margin-right: 40px; }

#product .anchor-list li a { display: block; position: relative; padding-left: 40px; font-weight: 500; }

#product .anchor-list li a:before { display: inline-block; position: absolute; top: 40%; left: 0; width: 31px; height: 5px; content: ""; background: url(../data/product/images/anker-arrow.svg) no-repeat; background-size: cover; }

#product .information { padding: 0 0 100px; }

#product .information h2 { margin-bottom: 25px; }

#product .information .info-list .list-head { margin-bottom: 25px; padding-bottom: 16px; border-bottom: 3px solid #000; display: flex; justify-content: flex-end; line-height: 1; font-size: 16px; }

#product .information .info-list .list-head a { padding-left: 42px; display: inline-block; position: relative; }

#product .information .info-list .list-head a:before { display: inline-block; position: absolute; top: 40%; left: 0; width: 30px; height: 5px; content: ""; background: url(../data/product/images/info-arrow.svg) no-repeat center center; background-size: cover; }

#product .information .info-list li { padding: 8px 0; }

#product .information .info-list li a { padding-left: 40px; display: flex; position: relative; color: #666; }

#product .information .info-list li p { font-weight: 500; }

#product .information .info-list li p.date { margin-right: 35px; width: 90px; }

#product .information .info-list li p.text { width: 1035px; }

#product .feature { padding: 0 0 160px; }

#product .feature h3 { margin-bottom: 30px; font-size: 22px; text-align: center; }

#product .feature .feature-anchor { margin-bottom: 80px; padding-bottom: 22px; display: flex; }

#product .feature .feature-anchor li { width: 100%; background: #e1f1fd; text-align: center; transition: .3s; }

#product .feature .feature-anchor li:not(:last-child) { margin-right: 36px; }

#product .feature .feature-anchor li:hover { opacity: .8; }

#product .feature .feature-anchor a { padding: 60px 0 90px; box-sizing: border-box; display: block; position: relative; height: 100%; }

#product .feature .feature-anchor a:after { display: block; position: absolute; left: 50%; bottom: -22px; width: 11px; height: 61px; content: ""; background: url(../data/product/images/feature-anchor-arrow.svg) no-repeat center center; background-size: cover; transform: translate(-50%, 0); }

#product .feature .feature-anchor img { margin-bottom: 20px; width: 100%; height: 180px; }

#product .feature .feature-anchor p { line-height: 1.2; font-size: 24px; font-weight: 400; text-align: center; }

#product .feature .feature-box { margin-bottom: 60px; }

#product .feature .feature-box .headline-box { padding: 60px 100px; position: relative; width: 1100px; color: #FFF; background: #006699; }

#product .feature .feature-box .headline-box h3 { margin-bottom: 15px; font-size: 28px; font-weight: 200; text-align: left; }

#product .feature .feature-box .headline-box h3 .label { margin-bottom: 15px; }

#product .feature .feature-box .headline-box p { color: #e1f1fd; }

#product .feature .feature-box .headline-box:after { display: block; position: absolute; left: 0; width: 100%; content: ""; background: #006699; }

#product .feature .feature-box > ul { margin-left: 100px; padding: 60px 0 0; position: relative; z-index: 2; width: 1100px; background: #FFF; box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1); }

#product .feature .feature-box > ul > li { padding: 0 80px; }

#product .feature .feature-box > ul > li h4 { margin-bottom: 15px; color: #004f99; font-size: 22px; }

#product .feature .feature-box > ul > li:not(:last-child) { margin-bottom: 35px; }

#product .feature .feature-box > ul > li.full-width { padding: 0; }

#product .feature .feature-box > ul > li.full-width h4 { padding: 0 80px; }

#product .feature .feature-box > ul > li dl { margin-top: 20px; position: relative; font-size: 16px; }

#product .feature .feature-box > ul > li dt { padding: 16px 20px 16px 80px; position: absolute; left: 0; width: 245px; font-weight: 500; }

#product .feature .feature-box > ul > li dd { padding: 16px 80px 16px 245px; color: #666; background: #fafcfe; }

#product .feature .feature-box > ul > li dd:nth-of-type(odd) { background: #ecf5fc; }

#product .feature .feature-box .inner-list { padding: 20px 36px; border: 4px solid #006699; }

#product .feature .feature-box .inner-list li { padding: 20px 0; }

#product .feature .feature-box .inner-list li:not(:last-child) { border-bottom: 1px solid #bfd9e5; }

#product .feature .feature-box .inner-list li h5 { margin-bottom: 10px; color: #004f99; font-size: 20px; }

#product .feature .feature-box .inner-list li p { line-height: 1.3; }

#product .feature .feature-box.feature01 { margin-bottom: 100px; }

#product .feature .feature-box.feature01 .headline-box:after { bottom: -400px; height: 400px; }

#product .feature .feature-box.feature02 { margin-bottom: 100px; }

#product .feature .feature-box.feature02 .headline-box:after { bottom: -730px; height: 730px; }

#product .feature .feature-box.feature03 { margin-bottom: 100px; }

#product .feature .feature-box.feature03 .headline-box:after { bottom: -730px; height: 730px; }

#product .feature .feature-box.feature04 .headline-box:after { bottom: -460px; height: 460px; }

#product .feature .feature-box .img-feature01 { width: 1100px; padding: 0 80px 60px; }

#product .feature .cloud-figure { position: relative; }

#product .feature .cloud-figure .bg-wrap { position: absolute; top: 125px; z-index: 1; width: 100%; height: 745px; max-height: calc( 100% - 125px); background: linear-gradient(90deg, #d9dff1 0%, #d9dff1 50%, #cae8f3 50%, #cae8f3 100%); }

#product .feature .cloud-figure .net-frame { margin: 0 auto; position: absolute; top: 60px; left: 0; right: 0; z-index: 2; border: 4px solid #004f99; width: 90%; height: 79.3%; }

#product .feature .cloud-figure .net-frame:before { position: absolute; top: -56px; left: 0; display: block; width: 155px; height: 36px; content: ""; background: url(../data/product/images/label-internet.svg) no-repeat center center; background-size: cover; }

#product .feature .cloud-figure .inner-wrap { padding: 0 120px 60px; position: relative; z-index: 3; line-height: 0; }

#product .feature .cloud-figure .inner-wrap .list-wrap { display: flex; }

#product .feature .cloud-figure .inner-wrap .headline { padding: 10px 20px; line-height: 1; color: #FFF; font-size: 20px; font-weight: 200; }

#product .feature .cloud-figure .inner-wrap li { padding: 10px 20px; line-height: 1; background: #FFF; font-size: 14px; font-weight: 200; }

#product .feature .cloud-figure .inner-wrap li:nth-child(odd) { background: #f8f8f8; }

#product .feature .cloud-figure .inner-wrap li.wide { padding: 26px 20px; color: #ea5413; font-size: 16px; font-weight: 500; }

#product .feature .cloud-figure .inner-wrap .staff, #product .feature .cloud-figure .inner-wrap .user { width: 100%; background: #FFF; box-shadow: 3px 3px 20px 5px rgba(0, 0, 0, 0.1); }

#product .feature .cloud-figure .inner-wrap .staff .headline { background: #933f85; }

#product .feature .cloud-figure .inner-wrap .user { margin-left: 80px; }

#product .feature .cloud-figure .inner-wrap .user .headline { background: #009b9a; }

#product .merit { padding: 0 0 160px; }

#product .merit h3 { margin-bottom: 60px; color: #004f99; font-size: 28px; font-weight: 200; text-align: center; }

#product .merit .user-list { margin-bottom: 80px; display: flex; }

#product .merit .user-list li { padding: 40px 30px 170px; position: relative; width: 100%; background: url(../data/product/images/bg-user-list.png), #FFF; background-repeat: no-repeat; background-position: center bottom; background-size: contain; }

#product .merit .user-list li:not(:last-child) { margin-right: 36px; }

#product .merit .user-list li:before { display: block; position: absolute; top: 0; left: 0; width: 42px; height: 42px; content: ""; background: url(../data/product/images/quotation.svg) no-repeat center center; background-size: cover; }

#product .merit .user-list h4 { margin-bottom: 40px; color: #004f99; font-size: 42px; font-weight: 500; text-align: center; }

#product .merit .user-list p.comment { padding: 15px 0; box-sizing: border-box; min-height: 180px; border-top: 2px solid #004f99; border-bottom: 2px solid #004f99; }

#product .merit .user-list p.comment span { color: #004f99; }

#product .merit .user-list p.profession { margin-top: 5px; color: #004f99; font-weight: 400; text-align: center; }

#product .merit .user-list .illust { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); }

#product .merit .point-list { position: relative; }

#product .merit .point-list ul { display: flex; flex-wrap: wrap; }

#product .merit .point-list li { display: flex; flex-wrap: wrap; align-content: center; width: 50%; height: 200px; background: #FFF; }

#product .merit .point-list li:nth-child(1), #product .merit .point-list li:nth-child(4) { background: #ecf7fe; }

#product .merit .point-list li h4 { margin-bottom: 15px; width: 100%; text-align: center; }

#product .merit .point-list li p { width: 100%; line-height: 1.4; font-size: 22px; font-weight: 400; text-align: center; }

#product .merit .point-list:after { position: absolute; top: 55%; left: 50%; width: 246px; height: 232px; content: ""; background: url(../data/product/images/book-image.png) no-repeat center center; background-size: cover; transform: translate(-50%, -50%); }

#product .environment { padding: 0 0 160px; }

#product .environment .environment-list { display: flex; flex-wrap: wrap; }

#product .environment .environment-list dt, #product .environment .environment-list dd { margin-bottom: 2px; font-weight: 200; }

#product .environment .environment-list dt { padding: 30px 0; width: 25%; line-height: 1; color: #FFF; background: #004f99; font-size: 22px; text-align: center; }

#product .environment .environment-list dd { padding: 30px 75px; width: 75%; color: #666; background: #FFF; font-size: 16px; line-height: 1.4; }

#product .environment .annotation { margin-top: 25px; color: #666; font-size: 14px; }

#product .support { padding: 0 0 160px; }

#product .support .lead { margin-bottom: 55px; }

#product .support h3 { margin-bottom: 40px; font-size: 22px; text-align: center; }

#product .support .figure { margin-bottom: 60px; padding: 60px 100px; background: #FFF; }

#product .support .support-about-pc { border-top: 2px solid #000; }

#product .support .support-about-pc tr { border-bottom: 1px solid #CCC; }

#product .support .support-about-pc tr.colspan td:nth-child(2) { background: #f6fbff; text-align: center; }

#product .support .support-about-pc th:nth-child(1), #product .support .support-about-pc td:nth-child(1) { width: 206px; background: #FFF; }

#product .support .support-about-pc th:nth-child(2), #product .support .support-about-pc td:nth-child(2) { width: 497px; background: #edf8f9; }

#product .support .support-about-pc th:nth-child(3), #product .support .support-about-pc td:nth-child(3) { border-left: 1px solid #CCC; width: 497px; background: #ecf5ff; }

#product .support .support-about-pc th li, #product .support .support-about-pc td li { padding-left: 1.2em; position: relative; line-height: 1.5; font-weight: 200; }

#product .support .support-about-pc th li:before, #product .support .support-about-pc td li:before { position: absolute; left: 0; content: "・"; }

#product .support .support-about-pc th { padding: 35px 45px; color: #004f99; font-size: 20px; font-weight: 500; text-align: left; }

#product .support .support-about-pc td { padding: 20px 40px; font-weight: 200; vertical-align: top; }

#product .support .support-about-pc td:nth-child(1) { font-size: 16px; }

#product .support .support-about-pc td:nth-child(2), #product .support .support-about-pc td:nth-child(3) { color: #666; font-size: 14px; }

#product .libraries { padding: 0 0 200px; }

#product .libraries h3 { margin-bottom: 40px; font-size: 22px; text-align: center; }

#product .libraries .lead { margin-bottom: 60px; }

#product .libraries .support-series { margin-bottom: 60px; display: flex; }

#product .libraries .support-series li { width: 100%; }

#product .libraries .support-series li .inner-box { border-width: 4px; border-style: solid; display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 300px; background: #FFF; }

#product .libraries .support-series li .inner-box:after { padding: 10px 12px; box-sizing: border-box; display: block; position: absolute; top: 0; left: 0; width: 180px; height: 60px; line-height: 1; content: "NEW"; color: #FFF; font-size: 24px; font-weight: 200; }

#product .libraries .support-series li:nth-child(2n) { margin-left: 36px; }

#product .libraries .support-series li.pink .inner-box { border-color: #c99fc2; }

#product .libraries .support-series li.pink .inner-box:after { background: url(../data/product/images/bg-label-pink.svg) no-repeat top left; background-size: cover; }

#product .libraries .support-series li.blue .inner-box { border-color: #7fcdcc; }

#product .libraries .support-series li.blue .inner-box:after { background: url(../data/product/images/bg-label-blue.svg) no-repeat top left; background-size: cover; }

#product .libraries .support-series li p { margin-top: 15px; padding: 0 20px; }

#product .libraries .gray-box { margin-bottom: 60px; padding: 60px; background: #f7f7f7; }

#product .libraries .gray-box h3 { margin-bottom: 25px; }

#product .libraries .gray-box p { line-height: 1.8; }

#product .libraries .service-about { border-top: 2px solid #000; font-size: 14px; line-height: 1; }

#product .libraries .service-about th:nth-child(1), #product .libraries .service-about td:nth-child(1) { width: 206px; color: #262425; font-size: 16px; }

#product .libraries .service-about th:nth-child(2), #product .libraries .service-about td:nth-child(2) { width: 497px; color: #666; background: #fcfafc; }

#product .libraries .service-about th:nth-child(3), #product .libraries .service-about td:nth-child(3) { border-left: 1px solid #CCC; width: 497px; color: #666; background: #f8fcfc; }

#product .libraries .service-about tr { border-bottom: 1px solid #CCC; }

#product .libraries .service-about tr.bg-gray td:nth-child(2) { background: #fafbfc; }

#product .libraries .service-about tr.headline { border-bottom: 1px solid transparent; }

#product .libraries .service-about tr.headline td { padding: 12px 38px; }

#product .libraries .service-about tr.headline td:nth-child(1) { background: #789dbf; }

#product .libraries .service-about tr.headline td:nth-child(2) { color: #FFF; background: #46719a; text-align: center; font-size: 16px; font-weight: 400; }

#product .libraries .service-about th { padding: 27px 38px; text-align: left; }

#product .libraries .service-about th .logo { width: 146px; }

#product .libraries .service-about td { padding: 15px 38px; }

#product .libraries .service-about td .category, #product .libraries .service-about td .text { font-weight: 200; }

#product .libraries .service-about td .category { display: none; }

#product .libraries .service-about td .text { display: inline; }

#product .libraries .service-about td li { line-height: 1.5; font-weight: 200; }

#product .libraries .service-about td li:before { content: "・"; }

#product .libraries .service-about td .support-list { font-weight: 200; line-height: 1.5; }

#product .libraries .service-about td .support-list span { padding-right: 1em; position: relative; display: inline-block; width: 13em; font-weight: 400; }

#product .libraries .service-about td .support-list span:after { position: absolute; right: 0; content: "："; }

#product .libraries .service-about .text-center { text-align: center; }

#product .libraries .service-about .text-top { vertical-align: text-top; }

/*  お知らせ一覧
-------------------------------------------------- */
#information h2 { margin-bottom: 60px; color: #004f99; text-align: center; }

#information h2 img { margin-bottom: 10px; width: 600px; }

#information h2 span { display: block; font-size: 18px; font-weight: 400; }

#information .main-visual { background: url(../data/information/images/bg-mainvisual.jpg) no-repeat center center; background-size: cover; }

#information .all-info { padding: 80px 0 160px; }

#information .all-info .info-list li { outline: 1px solid #CCC; outline-offset: -1px; transition: .3s; }

#information .all-info .info-list li:not(:last-child) { margin-bottom: 20px; }

#information .all-info .info-list li a { padding: 60px 100px; display: flex; }

#information .all-info .info-list li p.date { margin-right: 100px; position: relative; width: 110px; font-size: 18px; font-weight: 500; }

#information .all-info .info-list li p.text { width: calc(100% - 210px); font-size: 16px; }

#information .all-info .info-list li:hover { outline: 3px solid #004f99; outline-offset: -3px; }

#information .all-info .info-list-pager { margin-top: 40px; display: flex; justify-content: center; }

#information .all-info .info-list-pager li { position: relative; width: 280px; }

#information .all-info .info-list-pager li a { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; padding: 1em; font-size: 16px; }

#information .all-info .info-list-pager li a:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#information .all-info .info-list-pager li a:hover { color: #004f99; }

#information .all-info .info-list-pager li a:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#information .all-info .info-list-pager li:not(:last-child) { margin-right: 36px; }

#information .all-info .info-list-pager li.disabled a { border-color: #CCC; background: #CCC; }

#information .all-info .info-list-pager li.disabled a:before { display: none; }

#information .all-info .info-list-pager li.disabled:after { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; }

#information .all-info .info-list-pager li.disabled:hover a { color: #FFF; }

/*  お知らせ詳細
-------------------------------------------------- */
#information-detail main { position: relative; background: url(../data/information-detail/images/bg-blue.svg) no-repeat center top; background-size: 100% auto; }

#information-detail .main-visual { position: absolute; top: 84px; left: 0; width: 100%; background: url(../data/information/images/bg-mainvisual.jpg) no-repeat center center; background-size: cover; }

#information-detail .main-visual .page-path { z-index: 3; }

#information-detail .article { padding: 250px 0 160px; position: relative; z-index: 2; }

#information-detail .article .article-box { padding: 80px; position: relative; background: #FFF; }

#information-detail .article .article-box h1 { margin-bottom: 50px; line-height: 1.3; font-size: 28px; font-weight: 400; }

#information-detail .article .article-box p { line-height: 2; color: #222; }

#information-detail .article .article-box p + p { margin-top: 2em; }

#information-detail .article .article-box p.date { margin-bottom: 30px; line-height: 1; letter-spacing: .08em; }

#information-detail .article .article-box:before { display: block; position: absolute; top: -49px; left: 85px; z-index: -1; width: 357px; height: 55px; content: ""; background: url(../data/information-detail/images/label-information.svg) no-repeat center top; background-size: cover; }

#information-detail .article .article-box .inner-box { margin-top: 90px; padding: 50px 40px; border: 1px solid #CCC; }

#information-detail .article .btn-all { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; margin: 40px auto 0; padding: .8em; width: 280px; font-size: 18px; }

#information-detail .article .btn-all:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#information-detail .article .btn-all:hover { color: #004f99; }

#information-detail .article .btn-all:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

/*  事例一覧
-------------------------------------------------- */
#case main { background: url(../data/case/images/bg-blue.svg) no-repeat center top; background-size: 100% auto; }

#case h2 { margin-bottom: 60px; color: #004f99; text-align: center; }

#case h2 img { margin-bottom: 10px; width: 600px; }

#case h2 span { display: block; font-size: 18px; font-weight: 400; }

#case .main-visual { background: url(../data/case/images/bg-mainvisual.jpg) no-repeat center center; background-size: cover; }

#case .all-case { padding: 80px 0 160px; }

#case .all-case .case-list li { background: #FFF; transition: .3s; }

#case .all-case .case-list li:not(:last-child) { margin-bottom: 10px; }

#case .all-case .case-list li h3 { margin-bottom: 5px; color: #004f99; font-size: 24px; }

#case .all-case .case-list li a { padding: 40px 100px; display: flex; align-items: center; }

#case .all-case .case-list li .text-area { margin-right: 50px; width: 790px; }

#case .all-case .case-list li .btn-more { padding: 10px; border: 2px solid #004f99; position: relative; z-index: 1; overflow: hidden; width: 160px; line-height: 1; color: #004f99; font-size: 14px; text-align: center; transition: .3s; }

#case .all-case .case-list li .btn-more:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #004f99; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#case .all-case .case-list li:hover { transform: translate(-3px, -3px); box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, 0.2); }

#case .all-case .case-list li:hover .btn-more { color: #FFF; }

#case .all-case .case-list li:hover .btn-more:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#case .all-case .case-list-pager { margin-top: 40px; display: flex; justify-content: center; }

#case .all-case .case-list-pager li { position: relative; width: 280px; }

#case .all-case .case-list-pager li a { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; padding: 1em; font-size: 16px; }

#case .all-case .case-list-pager li a:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#case .all-case .case-list-pager li a:hover { color: #004f99; }

#case .all-case .case-list-pager li a:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#case .all-case .case-list-pager li:not(:last-child) { margin-right: 36px; }

#case .all-case .case-list-pager li.disabled a { border-color: #CCC; background: #CCC; }

#case .all-case .case-list-pager li.disabled a:before { display: none; }

#case .all-case .case-list-pager li.disabled:after { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; }

#case .all-case .case-list-pager li.disabled:hover a { color: #FFF; }

/*  活動報告
-------------------------------------------------- */
#scene main { background: url(../data/scene/images/bg-blue.svg) no-repeat center top; background-size: 100% auto; }

#scene h2 { margin-bottom: 60px; color: #004f99; text-align: center; }

#scene h2 img { margin-bottom: 10px; width: 600px; }

#scene h2 span { display: block; font-size: 18px; font-weight: 400; }

#scene .main-visual { background: url(../data/scene/images/bg-mainvisual.jpg) no-repeat center center; background-size: cover; }

#scene .all-scene { padding: 80px 0 150px; }

#scene .all-scene .secne-category-list { padding: 38px 73px 30px; display: flex; justify-content: center; flex-wrap: wrap; position: relative; background: #fff; font-size: 16px; }

#scene .all-scene .secne-category-item { margin: 0 5px 8px; }

#scene .all-scene .secne-category-item a { padding: 2px 2.5em; border: 2px solid #bbb; border-radius: 20px; display: block; color: #666; cursor: pointer; transition: .3s; }

#scene .all-scene .secne-category-item a:hover { border: 2px solid #004f99; background: #fff; color: #004f99; }

#scene .all-scene .secne-category-item.current a { border: 2px solid #004f99; background: #004f99; color: #fff; }

#scene .all-scene .scene-list { margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap; }

#scene .all-scene .scene-list:after { display: block; width: 398px; content: ""; }

#scene .all-scene .scene-list li { margin-bottom: 60px; position: relative; width: 398px; transition: .3s; }

#scene .all-scene .scene-list li a { padding-bottom: 120px; display: block; position: relative; }

#scene .all-scene .scene-list li .img-area { position: relative; line-height: 0; transition: .3s; }

#scene .all-scene .scene-list li .img-area img { display: block; width: 398px; height: 300px; }

#scene .all-scene .scene-list li .img-area:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 79, 153, 0.4); transition: .3s; }

#scene .all-scene .scene-list li .text-area { padding: 20px 35px; position: absolute; bottom: 0; right: 0; width: 300px; min-height: 180px; background: #FFF; transition: .3s; }

#scene .all-scene .scene-list li .text-area:after { margin-top: 15px; display: block; width: 31px; height: 5px; content: ""; background: url(../data/scene/images/more-arrow.svg) no-repeat center center; background-size: cover; }

#scene .all-scene .scene-list li p.date { margin-bottom: 25px; line-height: 1; color: #666; font-size: 14px; letter-spacing: .1em; }

#scene .all-scene .scene-list li p.title { font-size: 17px; font-weight: 400; }

#scene .all-scene .scene-list li:hover { position: relative; z-index: 3; transform: scale(1.1); }

#scene .all-scene .scene-list li:hover .img-area { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2); }

#scene .all-scene .scene-list li:hover .img-area:after { opacity: 0; }

#scene .all-scene .scene-list li:hover .text-area { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2); }

#scene .all-scene .scene-list-pager { margin-top: 30px; display: flex; justify-content: center; }

#scene .all-scene .scene-list-pager li { position: relative; width: 280px; }

#scene .all-scene .scene-list-pager li a { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; padding: 1em; font-size: 16px; }

#scene .all-scene .scene-list-pager li a:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#scene .all-scene .scene-list-pager li a:hover { color: #004f99; }

#scene .all-scene .scene-list-pager li a:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

#scene .all-scene .scene-list-pager li:not(:last-child) { margin-right: 36px; }

#scene .all-scene .scene-list-pager li.disabled a { border-color: #CCC; background: #CCC; }

#scene .all-scene .scene-list-pager li.disabled a:before { display: none; }

#scene .all-scene .scene-list-pager li.disabled:after { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; }

#scene .all-scene .scene-list-pager li.disabled:hover a { color: #FFF; }

#scene .all-scene .scene-cats-list { padding-top: 0; }

#scene .scene_category .secne-category-wrap { margin-bottom: 60px; padding: 80px 0 0; }

#scene .scene_category .secne-category-wrap:before { content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: 0; transform: translateX(-50%); width: 100vw; height: calc(100% - 40px); background: #014f99; }

@media only screen and (max-width: 1200px) and (min-width: 751px) { #scene .scene_category .secne-category-wrap:before { width: 100%; } }

#scene .scene_category .all-scene { padding-top: 0; position: relative; }

#scene .scene_category .ttl-category { margin-bottom: 31px; position: relative; z-index: 80; text-align: center; }

#scene .scene_category .ttl-category-small { display: block; color: #fff; font-size: 20px; }

#scene .scene_category_headline { color: #034F99; font-size: 30px; text-align: center; }

#scene .secne-cats-square { position: relative; }

/*  活動報告詳細
-------------------------------------------------- */
#scene-detail main { background: url(../data/scene-detail/images/bg-blue.svg) no-repeat center 500px; background-size: 100% auto; }

#scene-detail .main-visual { background-repeat: no-repeat; background-position: center center; background-size: cover; }

#scene-detail .wp-caption { max-width: 100% !important; }

#scene-detail .article { padding: 115px 0 160px; position: relative; }

#scene-detail .article .page-title { position: absolute; top: -145px; left: 0; width: 100%; height: 282px; color: #FFF; background: linear-gradient(to left, rgba(0, 102, 153, 0) 40%, rgba(0, 102, 153, 0.9) 40%); }

#scene-detail .article .page-title .page-title-inner { margin: 0 auto; padding: 75px 520px 40px 80px; position: relative; width: 1200px; }

#scene-detail .article .page-title .page-title-inner:before { display: block; position: absolute; top: -40px; left: 80px; width: 560px; height: 88px; content: ""; background: url(../data/scene-detail/images/ttl-scene.svg) no-repeat center center; background-size: cover; }

#scene-detail .article .page-title .page-title-inner h1 { line-height: 1.2; font-size: 32px; font-weight: 200; }

#scene-detail .article .page-title .page-title-inner .date { margin-top: 10px; line-height: 1; font-size: 16px; letter-spacing: .1em; }

#scene-detail .article .page-title .page-title-inner .scene_cats_label { margin: 20px 3px 0 0; padding: 3px 40px; display: inline-block; font-size: 13px; color: #fff; border: 1px solid #fff; border-radius: 13px; letter-spacing: .05em; }

#scene-detail .article .article-box { padding-top: 75px; overflow: hidden; background: #FFF; }

#scene-detail .article .article-box h2 { margin-bottom: 60px; line-height: 1.2; font-size: 28px; font-weight: 400; }

#scene-detail .article .article-box h3 { margin-bottom: 20px; line-height: 1.2; font-size: 20px; font-weight: 400; }

#scene-detail .article .article-box h3:not(:first-child) { margin-top: 40px; }

#scene-detail .article .article-box p { line-height: 2; }

#scene-detail .article .article-box p:not(:last-child) { margin-bottom: 30px; }

#scene-detail .article .article-box a { text-decoration: underline; transition: .3s; }

#scene-detail .article .article-box a:hover { color: #004f99; }

#scene-detail .article .article-box ul:not(:last-child) { margin-bottom: 30px; }

#scene-detail .article .article-box ul li { padding-left: 1.2em; position: relative; font-size: 16px; font-weight: 200; }

#scene-detail .article .article-box ul li:before { position: absolute; left: 0; content: "・"; }

#scene-detail .article .article-box .column2 { display: flex; }

#scene-detail .article .article-box .column2 .text-area { padding-top: 55px; width: 520px; }

#scene-detail .article .article-box .column2 .img-left, #scene-detail .article .article-box .column2 .img-right { width: 440px; }

#scene-detail .article .article-box .column2 .img-left .figure-inner, #scene-detail .article .article-box .column2 .img-right .figure-inner { position: relative; z-index: 2; line-height: 0; }

#scene-detail .article .article-box .column2 .img-left .figure-inner:before, #scene-detail .article .article-box .column2 .img-right .figure-inner:before { display: block; position: absolute; top: 60px; z-index: -1; width: 100%; height: 100%; content: ""; background: #f0f8fe; }

#scene-detail .article .article-box .column2 .img-left .figure-inner img, #scene-detail .article .article-box .column2 .img-right .figure-inner img { width: 100%; height: auto; }

#scene-detail .article .article-box .column2 .img-left .figure-inner + .figure-inner, #scene-detail .article .article-box .column2 .img-right .figure-inner + .figure-inner { margin-top: 40px; }

#scene-detail .article .article-box .column2 .img-left figcaption, #scene-detail .article .article-box .column2 .img-right figcaption { margin-top: 5px; position: relative; z-index: 2; line-height: 1.5; color: #666; font-size: 14px; font-weight: 200; }

#scene-detail .article .article-box .column2 .img-left figcaption + .figure-inner, #scene-detail .article .article-box .column2 .img-right figcaption + .figure-inner { margin-top: 40px; }

#scene-detail .article .article-box .column2 .img-right { margin-left: 80px; }

#scene-detail .article .article-box .column2 .img-right .figure-inner:before { left: 80px; }

#scene-detail .article .article-box .column2 .img-left { margin-right: 80px; order: -1; }

#scene-detail .article .article-box .column2 .img-left .figure-inner:before { right: 80px; }

#scene-detail .article .article-box .column2:not(:last-child) { margin-bottom: 100px; }

#scene-detail .article .article-box > .img-center { text-align: center; }

#scene-detail .article .article-box > .img-center .center-wrap { display: inline-block; }

#scene-detail .article .article-box > .img-center .figure-inner { display: inline-block; position: relative; z-index: 2; line-height: 0; }

#scene-detail .article .article-box > .img-center .figure-inner:before { display: block; position: absolute; top: 60px; left: 80px; z-index: -1; width: 100%; height: 100%; content: ""; background: #f0f8fe; }

#scene-detail .article .article-box > .img-center .figure-inner img { max-width: 100%; height: auto; }

#scene-detail .article .article-box > .img-center .figure-inner + .figure-inner { margin-top: 40px; }

#scene-detail .article .article-box > .img-center figcaption { margin-top: 5px; position: relative; z-index: 2; line-height: 1.5; color: #666; font-size: 14px; font-weight: 200; text-align: left; }

#scene-detail .article .article-box > .img-center figcaption + .figure-inner { margin-top: 40px; }

#scene-detail .article .article-box > .img-center:not(:last-child) { margin-bottom: 100px; }

#scene-detail .article .article-box .table-area { margin-top: 100px; padding: 65px 103px 100px; width: 100%; background: #f7f7f7; }

#scene-detail .article .article-box .table-area table { width: 100%; font-size: 16px; }

#scene-detail .article .article-box .table-area table caption { padding-bottom: 10px; border-bottom: 2px solid #000; line-height: 1.2; font-size: 22px; font-weight: 400; text-align: left; }

#scene-detail .article .article-box .table-area table caption span { margin-top: 10px; display: block; font-size: 14px; font-weight: 200; }

#scene-detail .article .article-box .table-area table th, #scene-detail .article .article-box .table-area table td { padding: 16px 40px; background: #FFF; border-top: 4px solid #f7f7f7; vertical-align: top; }

#scene-detail .article .article-box .table-area table th { font-weight: 400; text-align: left; white-space: nowrap; }

#scene-detail .article .article-box .table-area table td { font-weight: 200; word-break: break-all; }

#scene-detail .article .article-box .table-area table + table { margin-top: 100px; }

#scene-detail .article .article-box .table-area:not(:last-child) { margin-bottom: 100px; }

#scene-detail .article .article-box h2 + .table-area { margin-top: 0; }

#scene-detail .article .article-box > h2, #scene-detail .article .article-box > h3, #scene-detail .article .article-box > p, #scene-detail .article .article-box > a, #scene-detail .article .article-box > ul, #scene-detail .article .article-box .column2, #scene-detail .article .article-box > .img-center { padding-left: 80px; padding-right: 80px; }

#scene-detail .article .article-box > h2:last-child, #scene-detail .article .article-box > h3:last-child, #scene-detail .article .article-box > p:last-child, #scene-detail .article .article-box > a:last-child, #scene-detail .article .article-box > ul:last-child, #scene-detail .article .article-box .column2:last-child, #scene-detail .article .article-box > .img-center:last-child { margin-bottom: 100px; }

#scene-detail .article .article-box > h2:not(:first-child) { margin-top: 100px; }

#scene-detail .article .article-box p + .column2 { margin-top: 100px; }

#scene-detail .article .article-box p + .img-center { margin-top: 100px; }

#scene-detail .article .article-box .relate-category-section li { padding: 0; }

#scene-detail .article .article-box .relate-category-section li:before { content: none; }

#scene-detail .article .article-box div + .btn-all { margin-top: 80px; }

#scene-detail .article .relate-category-section { margin-top: 80px; padding: 30px 0 0; position: relative; border-top: 5px solid #014f99; color: #004f99; }

#scene-detail .article .relate-category-section:before { position: absolute; top: 0; left: 50%; z-index: 0; transform: translateX(-50%); width: 100vw; height: 100%; content: ""; }

#scene-detail .article .relate-category-section .inner { position: relative; z-index: 70; }

#scene-detail .article .relate-category-section .relate-category-headline { padding-bottom: .5em; display: flex; justify-content: space-between; font-size: 28px; }

#scene-detail .article .relate-category-section .relate-category-label { padding: 5px 1px 0 43px; position: relative; display: inline-block; font-size: 16px; font-weight: normal; transition: opacity .3s; }

#scene-detail .article .relate-category-section .relate-category-label:hover { opacity: .7; }

#scene-detail .article .relate-category-section .relate-category-label:before { width: 30px; display: inline-block; position: absolute; top: 40%; left: 0; height: 5px; content: ""; background: url(../data/product/images/info-arrow.svg) no-repeat center center; background-size: cover; }

#scene-detail .article .relate-category-section .scene-list { margin: 25px auto 60px; display: flex; justify-content: flex-start; }

#scene-detail .article .relate-category-section .scene-list li { width: 398px; margin: auto 2px; }

#scene-detail .article .relate-category-section .scene-list li:after { content: ""; width: 398px; }

#scene-detail .article .relate-category-section li { margin-bottom: 60px; position: relative; width: 398px; transition: .3s; }

#scene-detail .article .relate-category-section li a { padding-bottom: 120px; display: block; position: relative; }

#scene-detail .article .relate-category-section li .img-area { position: relative; line-height: 0; transition: .3s; }

#scene-detail .article .relate-category-section li .img-area img { display: block; width: 398px; height: 300px; }

#scene-detail .article .relate-category-section li .img-area:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 79, 153, 0.4); transition: .3s; }

#scene-detail .article .relate-category-section li .text-area { padding: 20px 35px; position: absolute; bottom: 0; right: 0; width: 300px; min-height: 180px; background: #FFF; transition: .3s; }

#scene-detail .article .relate-category-section li .text-area:after { margin-top: 15px; display: block; width: 31px; height: 5px; content: ""; background: url(../data/scene/images/more-arrow.svg) no-repeat center center; background-size: cover; }

#scene-detail .article .relate-category-section li p.date { margin-bottom: 25px; line-height: 1; color: #666; font-size: 14px; letter-spacing: .1em; }

#scene-detail .article .relate-category-section li p.title { font-size: 17px; font-weight: 400; }

#scene-detail .article .relate-category-section li:hover { position: relative; z-index: 3; transform: scale(1.1); }

#scene-detail .article .relate-category-section li:hover .img-area { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2); }

#scene-detail .article .relate-category-section li:hover .img-area:after { opacity: 0; }

#scene-detail .article .relate-category-section li:hover .text-area { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2); }

#scene-detail .article .btn-all { box-sizing: border-box; border: 2px solid #004f99; display: block; position: relative; z-index: 1; overflow: hidden; line-height: 1; color: #FFF; background: #004f99; font-weight: 200; text-align: center; transition: .3s; margin: 0 auto 0; padding: 15px; width: 280px; font-size: 18px; }

#scene-detail .article .btn-all:before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 150%; height: 100%; content: ""; opacity: 0; background: #FFF; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform .3s, opacity .3s, background .3s; }

#scene-detail .article .btn-all:hover { color: #004f99; }

#scene-detail .article .btn-all:hover:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-in-out; }

/*  bookmarry
-------------------------------------------------- */
#bm section { padding: 80px 0; position: relative; }

#bm .inner { margin: 0 auto; width: 1200px; }

#bm .anchor { position: absolute; top: 7px; }

#bm main { overflow-x: hidden; }

#bm main a { transition: color .3s,opacity .3s; }

#bm main a:hover { color: #004f99; opacity: .7; }

#bm main img { vertical-align: bottom; }

#bm .text_link span { padding-bottom: .25em; border-bottom: solid 1px #fff; }

#bm .-external { position: relative; }

#bm .-external:after { display: block; position: absolute; top: 60%; right: -1.25em; transform: translateY(-50%); width: 14px; height: 13px; background: url(../data/bookmarry/images/icon-link.svg) no-repeat center center; background-size: contain; content: ""; }

#bm .btn_list { display: flex; justify-content: center; }

#bm .btn_list .btn { margin: 0 18px; }

#bm .btn_list .btn a { border-radius: 40px; display: flex; align-items: center; justify-content: center; position: relative; width: 376px; height: 60px; background: #004f99; color: #fff; font-size: 18px; }

#bm .btn_list .btn a:after { display: block; position: absolute; top: 50%; right: 1em; transform: translateY(-50%); width: 30px; height: 30px; background: url(../data/bookmarry/images/arrow-carrot_circle_line_down_white.svg) no-repeat center center; background-size: contain; content: ""; }

#bm .btn_list .btn.-contact a { background: #ffb810; color: #000; }

#bm .btn_list .btn.-contact a:after { background: url(../data/bookmarry/images/arrow_circle_line_right_black.svg) no-repeat center center; background-size: contain; }

#bm .btn_list .btn.-right_arrow a:after, #bm .btn_list .btn.-arrow_right a:after { background: url(../data/bookmarry/images/arrow_circle_line_right_white.svg) no-repeat center center; background-size: contain; }

#bm .btn_list .btn.-arrow_down a:after { background: url(../data/bookmarry/images/arrow-carrot_circle_line_down_black.svg) no-repeat center center; background-size: contain; }

#bm .btn_list .btn.-plus a:after { top: 52%; right: 1.33em; width: 19px; height: 19px; background: url(../data/bookmarry/images/icon-plus_white.svg) no-repeat center center; background-size: contain; }

#bm .btn_list .btn.-plus.close a:after { right: 1.5em; width: 15px; height: 15px; background: url(../data/bookmarry/images/arrow_close_white.svg) no-repeat center center; background-size: contain; }

#bm .btn_list .btn.-download a:after { right: 1.25em; background: url(../data/bookmarry/images/arrow_download_white.svg) no-repeat center center; background-size: contain; }

#bm .dot_list li { display: table; }

#bm .dot_list li:before { display: table-cell; width: 1.2em; content: "・"; }

#bm .dot_list li + li { margin-top: .6em; }

#bm .notice { display: table; font-size: 14px; }

#bm .notice:before { display: table-cell; content: "※"; }

#bm .main-visual { padding: 0; position: relative; text-align: center; }

#bm .main-visual .kv_ttl { margin: 0 auto; padding-top: 84px; position: absolute; top: auto; left: 0; z-index: 700; width: 100%; }

#bm .main-visual .kv_ttl img { padding-top: 80px; width: 825px; height: auto; }

#bm .main-visual .lead { margin-top: .4em; font-size: 20px; text-align: center; }

#bm .main-visual .area_wrap { display: flex; }

#bm .main-visual .area_content { position: relative; width: 50%; }

#bm .main-visual .area_content .img-bgi { display: block; }

#bm .main-visual .area_content .img-bgi.pc_hidden { display: none; }

#bm .main-visual .area_content .text_area { margin: 0 286px 210px 0; position: absolute; bottom: 0; text-align: left; }

#bm .main-visual .area_content .text_area h2 { margin-bottom: .4em; display: flex; align-items: center; justify-content: space-between; position: relative; line-height: 1.3333333333; font-size: 18px; font-weight: 500; }

#bm .main-visual .area_content .text_area h2:after { margin-top: .2em; margin-right: -.3em; display: block; width: 74px; height: 1px; background: #6a7276; content: ""; }

#bm .main-visual .area_content .text_area p { line-height: 1.3333333333; font-size: 24px; font-weight: 500; letter-spacing: -.05em; }

#bm .main-visual .area_content .img-human { position: absolute; }

#bm .main-visual .study_area { background: #e2edf3; }

#bm .main-visual .study_area .img-bgi { margin-left: auto; }

#bm .main-visual .study_area .text_area { right: 0; }

#bm .main-visual .study_area .img-human { left: auto; right: 332px; bottom: -46px; }

#bm .main-visual .share_area { background: #f3f3dc; }

#bm .main-visual .share_area .img-bgi { margin-right: auto; }

#bm .main-visual .share_area .text_area { margin: 0 0 210px 286px; left: 0; }

#bm .main-visual .share_area .img-human { right: auto; left: 334px; bottom: -20px; }

#bm .anchor_list { padding: 60px 0; }

#bm .anchor_list ul { display: flex; justify-content: center; font-size: 16px; }

#bm .anchor_list a { padding: 24px; display: block; position: relative; }

#bm .anchor_list a:after { display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 13px; height: 7px; background: url(../data/bookmarry/images/anchor-arrow.svg) no-repeat center center; background-size: contain; content: ""; }

#bm #colorbox, #bm #cboxWrapper { overflow: visible; }

#bm #cboxContent, #bm #cboxLoadedContent { border-radius: 10px; }

#bm #cboxOverlay { background: rgba(0, 0, 0, 0.9); }

#bm #cboxClose { display: block; top: -40px; transform: translateY(-100%); width: 46px; height: 46px; background: url(../data/bookmarry/images/close_white.svg) no-repeat center center; background-size: contain; color: transparent; text-indent: 0; transition: opacity .3s; }

#bm #cboxClose:hover { opacity: .7; }

#bm .about_sec { padding: 0; position: relative; }

#bm .about_sec > a { border-radius: 10px; display: block; position: relative; color: #fff; overflow: hidden; }

#bm .about_sec > a:hover { color: #fff; }

#bm .about_sec > a:after { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1em; height: 1em; background: url(../data/bookmarry/images/icon-youtube_play.svg) no-repeat center center; background-size: contain; font-size: 66px; pointer-events: none; content: ""; }

#bm .about_sec .text_area { margin: 54px 63px; position: absolute; top: 0; left: 0; width: 450px; color: #fff; pointer-events: none; }

#bm .about_sec h2 { margin-bottom: .2em; line-height: 1.3125; font-size: 32px; font-weight: bold; letter-spacing: .05em; }

#bm .about_sec .lead { text-align: justify; text-justify: distribute; }

#bm .about_sec .link_wrap { margin-top: 1.5em; }

#bm .about_sec .link_wrap a { color: #fff; font-size: 14px; }

#bm .about_sec .btn_wrap { position: absolute; bottom: 40px; left: 0; z-index: 10; width: 100%; }

#bm .headline_area { position: relative; }

#bm .headline_area h2 { text-align: center; }

#bm .headline_area h2 b { display: block; font-size: 42px; font-weight: 500; }

#bm .headline_area h2 small { margin-top: .9em; display: block; color: #fbb40f; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500; letter-spacing: .1em; }

#bm .headline_area .link_circle { position: absolute; right: 0; bottom: 1em; }

#bm .headline_area .lead { margin-top: 33px; font-size: 18px; text-align: center; }

#bm .link_circle a { padding-right: 2.1em; display: inline-block; position: relative; font-size: 18px; }

#bm .link_circle a:after { display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px; height: 30px; background: url(../data/bookmarry/images/arrow_circle_line_right_black.svg) no-repeat center center; background-size: contain; content: ""; }

#bm .information_sec { margin-top: 100px; padding: 80px 0; position: relative; }

#bm .information_sec:after { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #f0f6f9; content: ""; }

#bm .info-list { margin-top: 36px; border-top: solid 2px #ccc; }

#bm .info-list li { border-bottom: solid 2px #ccc; }

#bm .info-list a { padding: 25px 0 26px; display: flex; align-items: flex-start; font-size: 16px; }

#bm .info-list .date { flex-shrink: 0; width: 120px; line-height: 1.7; font-family: "Roboto", sans-serif; font-weight: bold; }

#bm .system_sec { margin-top: 15px; padding-bottom: 15px; }

#bm .system_sec .system_box { margin-top: 39px; }

#bm .concept_sec { padding-bottom: 103px; }

#bm .concept_sec .concept_list { margin-top: 39px; }

#bm .concept_sec .concept_list li { display: flex; align-items: flex-start; justify-content: space-between; position: relative; }

#bm .concept_sec .concept_list li:after { border-radius: 10px; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 927px; height: 365px; background: #f8f5e6; content: ""; }

#bm .concept_sec .concept_list li img { margin: 50px 0 0 43px; }

#bm .concept_sec .concept_list li + li { margin-top: 72px; }

#bm .concept_sec .concept_list li:nth-child(even) { flex-direction: row-reverse; }

#bm .concept_sec .concept_list li:nth-child(even):after { left: auto; right: 0; }

#bm .concept_sec .concept_list li:nth-child(even) img { margin: 33px 31px 0 0; }

#bm .concept_sec .concept_list li:nth-child(3) img { margin: 100px 0 0 124px; }

#bm .concept_sec .concept_list li:nth-child(3) .text_card { padding: 91px 50px 99px; }

#bm .concept_sec .concept_list li:nth-child(4) { flex-direction: row; }

#bm .concept_sec .concept_list li:nth-child(4) img { margin: 23px 20px 0 0; position: absolute; top: 0; right: 0; }

#bm .concept_sec .concept_list li:nth-child(4) .text_area { margin-right: auto; padding-top: 20px; }

#bm .concept_sec .concept_list li:nth-child(4) .text_card { padding: 113px 50px 115px; }

#bm .concept_sec .concept_list .text_area { border-radius: 10px; padding-top: 26px; flex-shrink: 0; width: 50%; }

#bm .concept_sec .concept_list .text_card { margin-top: 13px; padding: 85px 50px 89px; border-radius: 10px; background: #fff; box-shadow: 20px 20px 40px rgba(131, 117, 34, 0.2); }

#bm .concept_sec .concept_list .text_card dt { margin-bottom: .7em; font-size: 24px; font-weight: bold; }

#bm .concept_sec .concept_list .text_card dd { line-height: 1.5; font-size: 18px; }

#bm .concept_sec .concept_headline { color: #ffb810; }

#bm .concept_sec .concept_headline small { font-size: 24px; font-weight: 700; letter-spacing: .2em; font-family: "Roboto", sans-serif; }

#bm .concept_sec .concept_headline span { margin-left: .1em; font-size: 60px; font-weight: 200; font-family: "Roboto", sans-serif; }

#bm .scene_sec:after { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: calc(100% - 155px); background: #f0f6f9; content: ""; }

#bm .scene_sec .illust_img, #bm .scene_sec .smartphone_img { position: absolute; top: 0; }

#bm .scene_sec .scene_list { margin-top: 41px; }

#bm .scene_sec .scene_list > li { position: relative; }

#bm .scene_sec .scene_list > li .illust_img { top: -10px; left: 10px; }

#bm .scene_sec .scene_list > li .scene_box { margin-left: auto; margin-right: 10px; }

#bm .scene_sec .scene_list > li .smartphone_img { z-index: 10; top: 30px; left: auto; right: 56px; }

#bm .scene_sec .scene_list > li + li { margin-top: 78px; }

#bm .scene_sec .scene_list > li:nth-child(even) .illust_img { top: 50px; left: auto; right: 2px; }

#bm .scene_sec .scene_list > li:nth-child(even) .scene_box { margin-right: auto; margin-left: 0; padding: 81px 100px 77px 284px; }

#bm .scene_sec .scene_list > li:nth-child(even) .scene_box:before, #bm .scene_sec .scene_list > li:nth-child(even) .scene_box:after { left: auto; right: 0; }

#bm .scene_sec .scene_list > li:nth-child(even) .scene_box:after { background: #dcf3eb; }

#bm .scene_sec .scene_list > li:nth-child(even) .scene_box .smartphone_img { top: 32px; right: auto; left: 68px; }

#bm .scene_sec .scene_box { padding: 69px 62px 64px; border-radius: 10px; position: relative; width: 984px; }

#bm .scene_sec .scene_box:before, #bm .scene_sec .scene_box:after { border: solid 2px #4f5061; border-radius: 10px; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; box-sizing: border-box; content: ""; }

#bm .scene_sec .scene_box:after { margin: 10px; border: none; z-index: 0; background: #e2edf3; }

#bm .scene_sec .scene_box h3 { position: relative; z-index: 10; font-size: 24px; font-weight: bold; }

#bm .scene_sec .scene_box .dot_list { margin-top: 1.5em; position: relative; z-index: 10; font-size: 16px; }

#bm .case_sec { margin-top: 30px; }

#bm .case_sec:after { display: block; position: absolute; top: 0; left: auto; right: 0; z-index: -1; width: calc(50% + 327px); height: 78.325%; background: #f0f6f9; content: ""; }

#bm .case_sec .case_list { margin-top: 25px; }

#bm .case_sec .case_list > li + li { margin-top: 70px; }

#bm .case_sec .case_list > li > a { display: flex; align-items: center; justify-content: space-between; }

#bm .case_sec .case_list .thumb_img { border-radius: 10px; display: inline-block; position: relative; }

#bm .case_sec .case_list .thumb_img:before { border: solid 2px #4f5061; border-radius: 10px; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; box-sizing: border-box; content: ""; }

#bm .case_sec .case_list .thumb_img img { position: relative; top: 10px; left: 10px; z-index: 0; border-radius: 10px; width: 469px; height: auto; }

#bm .case_sec .case_list .text_area { margin-top: 10px; margin-right: 67px; width: 587px; }

#bm .case_sec .case_list .text_area dt { padding-bottom: 14px; border-bottom: solid 2px #4f5061; font-size: 24px; font-weight: bold; }

#bm .case_sec .case_list .text_area dd { margin-top: 14px; font-size: 16px; }

#bm .part_monitor_list { margin-top: 80px; display: flex; justify-content: space-around; flex-wrap: wrap; }

#bm .part_monitor_list.-over4 { justify-content: center; }

#bm .part_monitor_list.-over4 > li { width: 25%; }

#bm .part_monitor_list > li { padding: 0 25px; display: flex; align-items: center; justify-content: center; width: 33.3333%; height: 100px; text-align: center; }

#bm .part_monitor_list > li:nth-child(n+5) { margin-top: 50px; }

#bm .part_monitor_list img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

#bm .relate_sec { margin-top: 30px; }

#bm .relate_sec:after { margin: 0 auto; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 994px; height: 107.927%; background: #f0f6f9; content: ""; }

#bm .relate_sec .relate_list { margin-top: 40px; display: flex; justify-content: center; flex-wrap: wrap; position: relative; left: -17px; width: calc(100% + 34px); }

#bm .relate_sec .relate_list.-over4 { justify-content: flex-start; }

#bm .relate_sec .relate_list li { margin: 0 17px; width: 376px; }

#bm .relate_sec .relate_list li:nth-child(n+4) { margin-top: 40px; }

#bm .relate_sec .relate_list a { display: block; }

#bm .relate_sec .relate_list a:hover { color: inherit; }

#bm .relate_sec .relate_list .thumb_img img { border-radius: 10px; width: 100%; height: auto; }

#bm .relate_sec .relate_list dt { margin-top: 14px; font-size: 18px; font-weight: bold; text-align: justify; text-justify: distribute; }

#bm .relate_sec .relate_list dd { margin-top: 11px; font-size: 16px; text-align: justify; text-justify: distribute; }

#bm .function_sec { margin-top: 160px; background: #f0f6f9; }

#bm .function_sec:after { display: block; position: absolute; top: -237px; left: 50%; transform: translateX(-50%); width: 1480px; height: 430px; background: url(../data/bookmarry/images/device.png) no-repeat left top; background-size: contain; content: ""; }

#bm .function_sec .dot_list { margin: 15px 0 0 12px; }

#bm .function_sec .dot_list li { font-size: 16px; font-weight: normal; }

#bm .function_sec .dot_list li + li { margin-top: 0; }

#bm .function_sec .function_list { margin-top: 47px; display: flex; justify-content: space-between; }

#bm .function_sec .function_list > li { padding: 19px 30px 60px; border-radius: 10px; width: 582px; background: #fff; }

#bm .function_sec .function_list > li.book h3 { margin-left: 2px; margin-bottom: .3em; }

#bm .function_sec .function_list > li.review h3 { margin-top: 17px; margin-left: 13px; }

#bm .function_sec .function_list > li.review dt { border-color: #bee8d9; }

#bm .function_sec .function_list dl + dl { margin-top: 27px; }

#bm .function_sec .function_list dt { padding-left: 2.5em; padding-bottom: .6em; border-bottom: solid 3px #c8dce8; display: block; position: relative; font-size: 24px; font-weight: 500; }

#bm .function_sec .function_list dt:before { display: table-cell; position: absolute; width: 58px; height: 48px; content: ""; }

#bm .function_sec .function_list .notice { margin-top: .2em; padding-left: .8em; }

#bm .function_sec .function_list .new_review dt:before { top: -3px; left: 2px; width: 46px; height: 33px; background: url(../data/bookmarry/images/icon-new_review.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .search_book dt:before { top: -1px; left: 7px; width: 36px; height: 37px; background: url(../data/bookmarry/images/icon-search_book.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .title_ranking dt:before { top: 1px; left: 8px; width: 38px; height: 33px; background: url(../data/bookmarry/images/icon-title_ranking.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .review_request dt:before { top: -4px; left: 10px; width: 33px; height: 45px; background: url(../data/bookmarry/images/icon-review_request.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .alert_review_request dt:before { top: -1px; left: 6px; width: 38px; height: 38px; background: url(../data/bookmarry/images/icon-alert_review_request.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .write_review dt:before { top: -7px; left: 11px; width: 37px; height: 45px; background: url(../data/bookmarry/images/icon-write_review.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .get_card dt:before { top: 3px; left: 12px; width: 28px; height: 38px; background: url(../data/bookmarry/images/icon-get_card.png) no-repeat center; background-size: contain; }

#bm .function_sec .function_list .user_ranking dt:before { top: 5px; left: 10px; width: 35px; height: 31px; background: url(../data/bookmarry/images/icon-user_ranking.png) no-repeat center; background-size: contain; }

#bm .function_sec .manager_box { margin-top: 40px; padding: 40px 42px; border-radius: 10px; display: flex; align-items: flex-start; background: #fff; }

#bm .function_sec .manager_list { margin-left: 21px; display: flex; justify-content: space-between; width: 804px; }

#bm .function_sec .manager_list dl { width: 240px; text-align: center; }

#bm .function_sec .manager_list dt { padding-bottom: 16px; border-bottom: solid 3px #fddd10; font-size: 22px; font-weight: 500; }

#bm .function_sec .manager_list dt img { margin: 0 auto; }

#bm .function_sec .manager_list dt span { margin-top: .6em; display: block; letter-spacing: -.06em; }

#bm .function_sec .manager_list .dot_list { margin: 15px 0 0; text-align: left; }

#bm .plan_sec { background: #e2edf3; /*2022以前*/ /*料金プランテーブル 2022以降*/ }

#bm .plan_sec .plan_box { margin-top: 43px; border-radius: 10px; position: relative; }

#bm .plan_sec .plan_box > p, #bm .plan_sec .plan_box .illust_img { position: absolute; }

#bm .plan_sec .plan_box > p { top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(70, 123, 157, 0.5); font-size: 32px; font-weight: bold; }

#bm .plan_sec .illust_img { margin: 25px 59px; bottom: 0; right: 0; width: 193px; height: auto; }

#bm .plan_sec .plan_box { border: solid 3px #4f5061; border-radius: 10px; display: flex; overflow: hidden; }

#bm .plan_sec .ttl_wrap { width: 475px; flex-shrink: 0; }

#bm .plan_sec .data_wrap { width: 100%; }

#bm .plan_sec .th_wrap { border-bottom: solid 2px #ccc; display: flex; min-height: 109px; background: #ececec; }

#bm .plan_sec .th_wrap > li { border-left: solid 1px #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 33.4%; min-height: 107px; color: #fff; }

#bm .plan_sec .th_wrap b { margin-top: 10px; line-height: 1; font-family: "Roboto", sans-serif; font-size: 36px; }

#bm .plan_sec .th_wrap span { font-size: 16px; font-weight: bold; }

#bm .plan_sec .th_wrap .free { background: #0071b0; }

#bm .plan_sec .th_wrap .plus { background: #00873d; }

#bm .plan_sec .th_wrap .premium { background: #de0500; }

#bm .plan_sec .tbody_th_wrap { display: flex; font-size: 16px; }

#bm .plan_sec .tbody_th_wrap .left_area { padding-top: 33px; border-right: solid 1px #ccc; display: flex; justify-content: center; width: 80px; background: #fff; flex-shrink: 0; }

#bm .plan_sec .tbody_th_wrap .left_area p { line-height: 1; font-weight: bold; }

#bm .plan_sec .tbody_th_wrap .right_area { width: 100%; }

#bm .plan_sec .tbody_th_wrap .right_area .th { padding: 15px 20px; }

#bm .plan_sec .tbody_th_wrap .right_area .th small { font-size: 14px; }

#bm .plan_sec .td_wrap { display: flex; }

#bm .plan_sec .td_wrap > li { padding: .2em 20px; border-left: solid 1px #ccc; display: flex; align-items: center; justify-content: center; width: 33.4%; min-height: 54px; font-size: 24px; }

#bm .plan_sec .td_wrap > li small { line-height: 1.333; font-size: 18px; }

#bm .plan_sec .td_wrap .symbol { line-height: 1.1; font-size: 32px; font-weight: 900; }

#bm .plan_sec .td_wrap .symbol.-cross { font-size: 20px; font-weight: 300; }

#bm .plan_sec .td_wrap .symbol.-triangle { font-weight: 500; }

#bm .plan_sec .functional, #bm .plan_sec .non-functional { border-bottom: solid 2px #ccc; }

#bm .plan_sec .functional .th, #bm .plan_sec .functional .td_wrap { background: #f0f6f9; }

#bm .plan_sec .functional .th:nth-child(even), #bm .plan_sec .functional .td_wrap:nth-child(even) { background: #f7fafc; }

#bm .plan_sec .non-functional .th, #bm .plan_sec .non-functional .td_wrap { background: #edf9f5; }

#bm .plan_sec .non-functional .th:nth-child(even), #bm .plan_sec .non-functional .td_wrap:nth-child(even) { background: #f6fcfa; }

#bm .plan_sec .free { color: #0071b0; }

#bm .plan_sec .plus { color: #00873d; }

#bm .plan_sec .premium { color: #de0500; }

#bm .plan_sec .monthly { height: 75px; }

#bm .plan_sec .monthly p, #bm .plan_sec .monthly li { display: flex; align-items: center; justify-content: center; height: 100%; background: #fff; font-weight: bold; }

#bm .plan_sec .monthly ul { height: 100%; }

#bm .plan_sec .monthly p { background: #fff; font-size: 16px; }

#bm .plan_sec .monthly li { font-size: 24px; }

#bm .plan_sec .monthly b { line-height: 1; font-size: 48px; }

#bm .plan_sec .monthly b + span { padding-top: .5em; }

#bm .plan_sec .notice_box { margin-top: 30px; }

#bm .plan_sec .notice_box .notice { line-height: 1.5; letter-spacing: .01em; }

#bm .plan_sec .notice_box .notice:before { width: 1.5em; }

#bm .monitor_sec { margin-top: 16px; }

#bm .monitor_sec .trial_list { margin-top: 34px; padding-left: 16px; display: flex; }

#bm .monitor_sec .trial_list li { position: relative; width: 268px; }

#bm .monitor_sec .trial_list li + li { margin-left: 28px; }

#bm .monitor_sec .trial_list li + li:before { display: block; position: absolute; top: 129px; left: -1px; transform: translate(-100%, 0); width: 13px; height: 22px; background: url(../data/bookmarry/images/arrow-right-orange.svg) no-repeat left top; background-size: contain; content: ""; }

#bm .monitor_sec .trial_list p { margin-top: 1em; margin-left: 1em; font-size: 18px; font-weight: bold; text-align: center; }

#bm .monitor_sec .btn_wrap { margin-top: 36px; }

#bm .faq_sec { margin-top: 20px; padding-bottom: 57px; }

#bm .faq_sec:after { margin: 0 auto; display: block; position: absolute; top: 0; right: 0; z-index: -1; width: calc(50% + 394px); height: 100%; background: #f0f6f9; content: ""; }

#bm .faq_sec .inner { display: flex; align-items: flex-start; justify-content: space-between; }

#bm .faq_sec .headline_area { flex-shrink: 0; width: 368px; }

#bm .faq_sec .headline_area img { margin: 180px 0 0 68px; }

#bm .faq_sec .faq_list { margin-top: 13px; width: 788px; }

#bm .faq_sec dl { padding-bottom: 8px; border-bottom: solid 2px #ccc; }

#bm .faq_sec dl + dl { margin-top: 33px; }

#bm .faq_sec dt, #bm .faq_sec dd { display: flex; position: relative; }

#bm .faq_sec dt:before, #bm .faq_sec dd:before { margin-right: 10px; display: block; flex-shrink: 0; position: relative; top: -13px; left: 0; width: 50px; height: 50px; content: ""; }

#bm .faq_sec dt { font-size: 18px; font-weight: bold; }

#bm .faq_sec dt:before { background: url(../data/bookmarry/images/icon-q.svg) no-repeat left top; background-size: contain; }

#bm .faq_sec dd { margin-top: 10px; font-size: 16px; }

#bm .faq_sec dd:before { background: url(../data/bookmarry/images/icon-a.svg) no-repeat left top; background-size: contain; }

#bm .contact_sec { margin-top: 37px; padding-bottom: 102px; }

#bm .contact_sec .anchor { top: -80px; }

#bm .contact_sec .headline_area h2 b { padding-left: .5em; font-weight: bold; letter-spacing: .015em; }

#bm .contact_sec .headline_area .lead { margin-top: 50px; }

#bm .contact_sec .btn_wrap { margin-top: 43px; }

#bm .service_sec { padding-top: 100px; background: #f0f6f9; }

#bm .service_sec .service_box { margin-top: 40px; padding: 80px 65px 57px; border-radius: 10px; background: #fff; box-shadow: 20px 20px 40px rgba(131, 117, 34, 0.2); }

#bm .service_sec dl { padding-bottom: 38px; display: flex; align-items: flex-start; position: relative; }

#bm .service_sec dl:before, #bm .service_sec dl:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #004f99; content: ""; }

#bm .service_sec dl:before { height: 1px; background: #ccc; }

#bm .service_sec dl:after { width: 309px; }

#bm .service_sec dl:last-of-type { border-bottom: solid 1px #ccc; }

#bm .service_sec dt { padding: 35px 4px 0; flex-shrink: 0; width: 309px; font-size: 18px; font-weight: bold; }

#bm .service_sec dd { padding: 35px 0 0 37px; font-size: 18px; }

#bm .service_sec .link_area { margin-top: 28px; }

#bm .service_sec .link_area .logo { max-width: 424px; }

#bm .service_sec .link_area .badge_list { margin-top: 15px; display: flex; }

#bm .service_sec .link_area .badge_list li + li { margin-left: 20px; }

#bm .service_sec .link_area .badge_list a { display: block; }

#bm .service_sec .link_area .notice { line-height: 1.5; color: #666; }

#bm .service_sec .link_area .notice:before { width: 1.5em; }

#bm .service_sec .link_area .notice + .notice { margin-top: 0; }

#bm .service_sec .notice { margin-top: 1.2em; }

#bm .service_sec .btn_wrap { margin-top: 99px; }

#bm .service_sec.-terms { padding-top: 20px; display: none; }

#bm .service_sec.-terms dd { font-size: 16px; }

#bm .service_sec.-terms .btn_wrap { margin-top: 42px; }

#bm .js-accordion { cursor: pointer; }

#bm-info footer { position: relative; z-index: 900; }

#bm-info-main { padding-top: 80px; position: relative; overflow-x: hidden; }

#bm-info-main:after { display: block; position: absolute; top: 80px; left: 0; z-index: 0; width: 100%; height: 69.5%; background: linear-gradient(90deg, #e2edf3 0%, #e2edf3 50%, #f3f3dc 50%, #f3f3dc 100%); pointer-events: none; content: ""; }

#bm-info-main a { transition: color .3s,opacity .3s; }

#bm-info-main a:hover { color: #004f99; opacity: .7; }

#bm-info-main img { vertical-align: bottom; }

#bm-info-main section { padding: 80px 0; position: relative; z-index: 80; }

#bm-info-main .inner { margin: 0 auto; width: 1200px; }

#bm-info-main .information_sec { padding: 23px 0 60px; display: flex; flex-direction: column; position: relative; min-height: calc(100vh - 239px); box-shadow: inset 0px -90px 30px -30px #f0f6f9; }

#bm-info-main .breadcrumb-section { width: 100%; }

#bm-info-main .breadcrumb-list { padding: 0 40px; display: flex; align-items: flex-start; color: #333; font-size: 14px; }

#bm-info-main .breadcrumb-list > li { display: flex; flex-shrink: 0; line-height: 1.5; }

#bm-info-main .breadcrumb-list > li + li:before { padding: 0 1em; content: "＞"; }

#bm-info-main .breadcrumb-list > li.tile_line { flex-shrink: 1; }

#bm-info-main .headline_area { margin-top: 37px; position: relative; line-height: 1; text-align: center; }

#bm-info-main .headline_area b { display: block; font-size: 42px; font-weight: 500; }

#bm-info-main .headline_area small { margin-top: .9em; display: block; color: #fbb40f; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500; letter-spacing: .1em; }

#bm-info-main .info_box { margin: 53px auto 43px; padding: 62px 67px 36px; border-radius: 10px; position: relative; max-width: calc(100% - 80px); background: #fff; box-shadow: 20px 20px 40px rgba(131, 117, 34, 0.2); }

#bm-info-main .info_box:before { display: block; position: absolute; top: -178px; right: 64px; width: 176px; height: 208px; background: url("../data/bookmarry/images/kv-human-info.svg") no-repeat; background-size: contain; content: ""; }

#bm-info-main .info-list { border-top: solid 2px #eee; }

#bm-info-main .info-list li { border-bottom: solid 2px #eee; }

#bm-info-main .info-list li:last-child { border-bottom: none; }

#bm-info-main .info-list a { padding: 25px 0 24px; display: flex; align-items: flex-start; font-size: 16px; }

#bm-info-main .info-list .date { flex-shrink: 0; width: 120px; line-height: 1.7; font-family: "Roboto", sans-serif; font-weight: bold; }

#bm-info-main .pagination { margin-top: auto; display: flex; align-items: center; justify-content: center; }

#bm-info-main .pagination > .arrow { display: block; position: relative; width: 15px; height: 15px; content: ""; transition: opacity .3s; }

#bm-info-main .pagination > .arrow:hover { opacity: .7; }

#bm-info-main .pagination > .arrow img { display: none; }

#bm-info-main .pagination > .arrow a { display: block; position: relative; width: 100%; height: 100%; }

#bm-info-main .pagination > .arrow.prev { left: -28px; background: url("../data/images/arrow_carrot-left_black.svg") no-repeat; background-size: contain; }

#bm-info-main .pagination > .arrow.next { right: -28px; background: url("../data/images/arrow_carrot-right_black.svg") no-repeat; background-size: contain; }

#bm-info-main .pagination > .arrow.disable { opacity: .3; }

#bm-info-main .page-numbers { display: flex; justify-content: center; font-size: 16px; }

#bm-info-main .page-numbers > li { font-family: "Roboto", sans-serif; }

#bm-info-main .page-numbers > li .page-numbers { margin: 0 1px; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 40px; height: 40px; }

#bm-info-main .page-numbers > li .current { background: #004f99; color: #fff; }

#bm-info-main .page-numbers > li .prev, #bm-info-main .page-numbers > li .next { display: none; }

#bm-info-main.single_page:after { max-height: 500px; }

#bm-info-main.single_page .breadcrumb-list { min-height: 42px; }

#bm-info-main.single_page .headline_area { margin-top: 25px; }

#bm-info-main.single_page .info_box { margin-top: 60px; margin-bottom: 60px; padding-top: 56px; }

#bm-info-main.single_page .title_area { padding-bottom: 55px; border-bottom: solid 2px #b7bfc7; font-weight: 500; }

#bm-info-main.single_page .title_area .date { font-family: "Roboto", sans-serif; font-size: 18px; }

#bm-info-main.single_page .title_area .main_title { margin-top: 9px; line-height: 1.5; font-size: 24px; }

#bm-info-main.single_page .contents_area { margin-top: 60px; }

#bm-info-main.single_page .contents_area p { line-height: 1.5; font-size: 16px; letter-spacing: .01em; }

#bm-info-main.single_page .contents_area p + p { margin-top: 1.5em; }

#bm-info-main.single_page .contents_area p + p.float-img-parent { margin-top: 3em; }

#bm-info-main.single_page .contents_area p + p.float-img-parent img { margin-top: .4em; }

#bm-info-main.single_page .contents_area p:last-child { margin-bottom: 2.2em; }

#bm-info-main.single_page .contents_area p.float-img-parent { clear: both; }

#bm-info-main.single_page .contents_area p.float-img-parent ~ .float-img-parent { margin-top: 3.4em; }

#bm-info-main.single_page .contents_area img[class*="wp-image"] { display: block; margin-bottom: 2.2em; max-width: 100%; height: auto; }

#bm-info-main.single_page .contents_area .alignleft { float: left; margin-right: 36px; }

#bm-info-main.single_page .contents_area .alignright { float: right; margin-left: 36px; }

/* --------------------------------------------------  スマートフォン(640px以下) -------------------------------------------------- */
@media screen and (max-width: 750px) { /*  共通
-------------------------------------------------- */ body { min-width: 0; } #js_mediaFlag { width: 1px; } header { padding: 2.6666666667% 4.6666666667% 2.6666666667% 4%; z-index: 999; display: flex; width: 100%; min-width: 0; height: auto; } header .logo { position: relative; z-index: 1001; width: 51.884057971%; height: auto; } header .logo img { height: auto; } header nav { position: fixed; top: 0; left: 0; z-index: 1000; overflow: hidden; width: 100%; height: 100vh; background: #FFF; transform: translateY(-100%); opacity: 0; transition: .4s; pointer-events: none; } header nav > ul > li > a { padding: 7.65625% 0; display: inline-block; } header nav.open { padding-bottom: 31.25%; transform: translateY(0); opacity: 1; overflow: scroll; pointer-events: auto; } header nav.open li { opacity: 0; transform: translateY(-2em); animation-name: navAni; animation-duration: .3s; animation-timing-function: ease; animation-fill-mode: forwards; text-align: center; } header nav.open li:nth-child(1) { animation-delay: 0.3s; } header nav.open li:nth-child(2) { animation-delay: 0.55s; } header nav.open li:nth-child(3) { animation-delay: 0.8s; } header nav.open li:nth-child(4) { animation-delay: 1.05s; } header nav.open li:nth-child(5) { animation-delay: 1.3s; } header nav.open li:nth-child(6) { animation-delay: 1.55s; } @keyframes navAni { 100% { opacity: 1;
      transform: translateY(0); } } header nav .bg-line { display: block; position: relative; top: -1px; width: 100%; line-height: 0; } header nav .bg-line img { position: absolute; top: 5%; left: 50%; width: 42.96875%; transform: translate(-50%, 0); } header ul { padding: 33.75% 0 12.1875%; display: block; background: #c7e4fb; } header li { padding: 0; font-size: 36px; font-size: 3.6rem; font-size: 5.625vmin; } header li:first-child { display: none; } header li:not(:last-child) { margin-right: 0; } header li a { margin: 0 auto; display: block; color: #004f99; text-align: center; } header li a:hover { color: #004f99; } header .megamenu { opacity: 1; pointer-events: auto; margin-top: 0; padding: 0; width: 100%; position: static; background: none; } header .megamenu:before { content: none; } header .megamenu p { display: none; } header .megamenu .megamenu_list { margin-top: -1.25%; padding: 0; display: block; } header .megamenu .megamenu_list li { display: block; } header .megamenu .megamenu_list li + li { margin-top: 4.0625%; } header .megamenu .megamenu_list a { border: solid 2px #004f99; width: 18em; height: 3em; background: none; color: #004f99; font-size: 28px; font-size: 4.375vmin; box-sizing: border-box; } header .icon-twitter { margin-left: auto; position: relative; z-index: 1001; width: 8.4057971014%; } header .icon-twitter img { width: 100%; } header .btn-sp-nav { margin-left: 2.8985507246%; display: block; position: relative; z-index: 1001; width: 10.3448275862%; cursor: pointer; transition: .4s; } header .btn-sp-nav span { display: inline-block; box-sizing: border-box; position: absolute; left: 50%; transform: translateX(-50%); width: 1.9230769231em; height: .6vmin; background: #000; transition: .4s; font-size: 26px; font-size: 4.0625vmin; } header .btn-sp-nav span:nth-of-type(1) { top: 25%; } header .btn-sp-nav span:nth-of-type(2) { transform: translate(-50%, -50%); top: 50%; } header .btn-sp-nav span:nth-of-type(3) { bottom: 25%; } header .btn-sp-nav:before { padding-top: 100%; display: block; content: ""; } header .btn-sp-nav.active span:nth-of-type(1) { transform: translate(-50%) rotate(-45deg); top: auto; bottom: 50%; left: 50%; } header .btn-sp-nav.active span:nth-of-type(2) { opacity: 0; } header .btn-sp-nav.active span:nth-of-type(3) { transform: translate(-50%) rotate(45deg); bottom: 50%; left: 50%; } footer { padding: 9.375% 0 5.46875%; } footer .footer-inner { display: block; width: 90.625%; } footer .footer-inner .logo-area { margin-right: 0; margin-bottom: 6.8965517241%; width: 100%; } footer .footer-inner .logo-area img { width: 14.8275862069%; } footer .footer-inner .text-area { width: 100%; } footer .footer-inner .text-area ul { margin-bottom: 1.724137931%; } footer .footer-inner .text-area li { margin: 0 4.3103448276% 4.3103448276% 0; padding-right: 4.3103448276%; } footer .footer-inner .text-area li:not(:last-child) { border-right: .2vmin solid #222; } footer .footer-inner .text-area li.right_edge { margin-right: 4.3103448276%; } footer .footer-inner .text-area li a { font-size: 22px; font-size: 2.2rem; font-size: 3.4375vmin; } footer .copy-right { line-height: 1.5; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; } .inner { width: 93.75%; } #product main, #information main, #information-detail main, #case main, #scene main, #scene-detail main { padding-top: 14.6666666667%; } #product .main-visual, #information .main-visual, #information-detail .main-visual, #case .main-visual, #scene .main-visual, #scene-detail .main-visual { height: auto; } #product .main-visual:after, #information .main-visual:after, #information-detail .main-visual:after, #case .main-visual:after, #scene .main-visual:after, #scene-detail .main-visual:after { padding-top: 78%; display: block; content: ""; width: 100%; } #product .main-visual h1, #information .main-visual h1, #information-detail .main-visual h1, #case .main-visual h1, #scene .main-visual h1, #scene-detail .main-visual h1 { position: absolute; top: 50%; width: 100%; transform: translate(0, -50%); } #product .main-visual h1 img, #information .main-visual h1 img, #information-detail .main-visual h1 img, #case .main-visual h1 img, #scene .main-visual h1 img, #scene-detail .main-visual h1 img { margin-bottom: 2.34375%; width: 100%; } #product .main-visual h1 span, #information .main-visual h1 span, #information-detail .main-visual h1 span, #case .main-visual h1 span, #scene .main-visual h1 span, #scene-detail .main-visual h1 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .main-visual .page-path, #information .main-visual .page-path, #information-detail .main-visual .page-path, #case .main-visual .page-path, #scene .main-visual .page-path, #scene-detail .main-visual .page-path { display: none; } .contact-wrap { padding: 25% 0; } .contact-wrap .contact-inner { width: 78.125%; } .contact-wrap p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; text-align: left; line-height: 1.6; } .contact-wrap p.lead-text { margin-bottom: 3%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vmin; line-height: 1.4; } .contact-wrap .btn_list { display: block; } .contact-wrap .btn-contact { margin: 8% auto 0; padding: .9em 0; width: 100%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } .contact-wrap .btn-contact:before { border-width: .1em; } .contact-wrap .btn-contact + .btn-contact { margin-top: 8%; } .pc-hidden, .pc_hidden { display: block; } .sp-hidden, .sp_hidden { display: none; } /*  トップ
-------------------------------------------------- */ #home h2 { margin-bottom: 12%; } #home h2 img { margin-bottom: 3%; width: 100%; } #home h2 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #home .inner { width: 90.625%; } #home .main-visual { padding: 35.15625% 0 23.4375%; min-height: 0; } #home .main-visual .btn-scroll { display: none; } #home .main-visual .pc-visual { display: none; } #home .main-visual .sp-visual { display: block; width: 100%; } #home .bule-wrap { margin-top: 59%; top: 0; height: 100%; } #home .bule-wrap .line { height: 72%; transform: skew(0, -18deg); } #home .philosophy-wrap { padding: 7.8125% 0 0; } #home .philosophy-wrap .inner { display: block; } #home .philosophy-wrap .text-area { padding: 15.5172413793% 6.8965517241%; width: 100%; } #home .philosophy-wrap .text-area p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; } #home .philosophy-wrap .text-area p + p { margin-top: 1.2em; } #home .philosophy-wrap .text-area p.lead-text { margin-bottom: 12%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #home .philosophy-wrap .text-area p.lead-text .en-text { font-size: 36px; font-size: 3.6rem; font-size: 5.625vmin; } #home .philosophy-wrap .text-area .parags p { line-height: 1.6; } #home .philosophy-wrap .blue-book { padding: 17.2413793103% 0 0; position: static; width: 100%; transform: translate(0, 0); text-align: center; } #home .philosophy-wrap .blue-book img { margin: 0 auto; width: 59.4827586207%; } #home .solution-wrap { padding: 25.78125% 0 26.5625%; } #home .solution-wrap .solution-box { padding: 0 6.8965517241% 20.6896551724%; } #home .solution-wrap .solution-box .solution-ttl { margin-bottom: -1.3461538462em; top: -1.3461538462em; left: 0; font-size: 26px; font-size: 4.0625vmin; } #home .solution-wrap .solution-box .solution-ttl img { margin-bottom: 10px; width: 49.6%; height: auto; } #home .solution-wrap .solution-box .flexbox { margin-top: 15.6%; display: block; } #home .solution-wrap .solution-box .flexbox img { width: 100%; height: auto; } #home .solution-wrap .solution-box .flexbox dl { width: 100%; } #home .solution-wrap .solution-box .flexbox dt { margin: 10% auto 5.2%; font-size: 28px; font-size: 4.375vmin; } #home .solution-wrap .solution-box .flexbox dd { line-height: 1.61; font-size: 26px; font-size: 4.0625vmin; } #home .solution-wrap .solution-box .flexbox.-bm { margin-top: 24%; } #home .solution-wrap .solution-box .flexbox.-bm dd { letter-spacing: 0; } #home .solution-wrap .solution-box .feature-list { margin-top: 10%; display: block; font-size: 28px; font-size: 4.375vmin; } #home .solution-wrap .solution-box .feature-list .fadein-up:nth-child(1) { animation-delay: 0s; } #home .solution-wrap .solution-box .feature-list .fadein-up:nth-child(2) { animation-delay: 0s; } #home .solution-wrap .solution-box .feature-list .fadein-up:nth-child(3) { animation-delay: 0s; } #home .solution-wrap .solution-box .feature-list dl { padding: 10.6% 8% 11%; width: 100%; } #home .solution-wrap .solution-box .feature-list dl + dl { margin-top: 2%; } #home .solution-wrap .solution-box .feature-list dt { margin-bottom: 0.6%; } #home .solution-wrap .solution-box .feature-list.-Concept dt { letter-spacing: -.025em; } #home .solution-wrap .btn-solution { margin: 8.4% auto 0; padding: 0.4642857143em 0; border-width: .06em; width: 100%; line-height: 1.1; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #home .solution-wrap .btn-solution.-bm { padding: .875em 0; letter-spacing: .1em; } #home .scene-wrap { padding: 5.46875% 0 17.1875%; z-index: -1; } #home .scene-wrap .text-area { padding: 15.5172413793% 6.8965517241% 94.8275862069%; width: 100%; background: #FFF; } #home .scene-wrap .text-area h2 { margin-bottom: 14%; } #home .scene-wrap .text-area h2 img { margin-bottom: 1.6%; } #home .scene-wrap .text-area p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; line-height: 1.61; letter-spacing: .025em; } #home .scene-wrap .text-area p + p { margin-top: 0.9230769231em; } #home .scene-wrap .scene-slider-wrap { bottom: 2.6923076923em; font-size: 26px; font-size: 4.0625vmin; } #home .scene-wrap .scene-slider li { margin-right: 6vmin; width: 59vmin; } #home .scene-wrap .scene-slider li img { margin-bottom: 7.9787234043%; width: 100%; height: 100%; } #home .scene-wrap .scene-slider h3 { margin-bottom: 2.6595744681%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #home .scene-wrap .scene-slider p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #home .case-wrap { padding: 17.1875% 0 16.40625%; } #home .case-wrap h2 { margin-bottom: 13.7931034483%; padding: 0 6.8965517241%; } #home .case-wrap h2 img { margin-bottom: 1.4%; } #home .case-wrap .inner { padding: 0; background: none; } #home .case-wrap .case-container { padding: 0 6.8965517241% 10.8620689655%; display: block; background: linear-gradient(to top, #f0f8fe 82%, rgba(255, 255, 255, 0) 82%); } #home .case-wrap .case-container img { width: 100%; } #home .case-wrap .case-container .text-area { margin-top: 8.4%; padding: 0; width: 100%; } #home .case-wrap .case-container h3 { margin-bottom: 3%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; line-height: 1.28; } #home .case-wrap .case-container p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #home .case-wrap .case-container .btn-more { margin-top: 4%; padding: .6em 0; border-width: .1em; width: 50%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #home .case-wrap .btn-case-list { margin: 9.1379310345% auto 0; padding: .875em 0; border-width: .06em; width: 86.2068965517%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } /*  製品
-------------------------------------------------- */ #product main { background: url(../data/product/images/bg-blue-sp.svg) no-repeat center center; background-size: 100% auto; } #product h2 { margin-bottom: 10%; } #product h2 img { margin-bottom: 2.5%; width: 100%; } #product h2 img.margin-short { margin-bottom: 0; } #product h2 .break-row { display: block; height: 10vmin; text-align: center; } #product h2 .break-row img { height: 100%; } #product h2 .break-row:not(:last-of-type) { margin-right: 0; } #product h2 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .lead { margin-bottom: 13.3333333333%; } #product .lead p { line-height: 1.5; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vmin; } #product .lead p.large { margin-bottom: 5%; line-height: 1.5; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .main-visual h1 { left: 50%; width: 57.34375%; transform: translate(-50%, -50%); } #product .main-visual h1 img { height: auto; } #product .anchor-list { display: none; } #product .information { padding: 12.5% 0 3.125%; } #product .information h2 { margin-bottom: 5%; } #product .information .info-list .list-head { margin-bottom: 2.6666666667%; padding-bottom: 3.3333333333%; border-bottom-width: .4vmin; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .information .info-list .list-head a { padding-left: 13.3333333333%; } #product .information .info-list .list-head a:before { top: 25%; width: 9.6vmin; height: 1.6vmin; } #product .information .info-list li { padding: 1.3333333333% 0; } #product .information .info-list li a { padding-left: 0; display: block; } #product .information .info-list li p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; } #product .information .info-list li p.date { margin-bottom: 1.6666666667%; margin-right: 0; position: relative; width: auto; } #product .information .info-list li p.text { width: 100%; } #product .feature { padding: 12.5% 0 15.625%; } #product .feature h3 { margin-bottom: 6.6666666667%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .feature .feature-anchor { margin-bottom: 10%; padding-bottom: 5%; flex-wrap: wrap; } #product .feature .feature-anchor li { margin: 0 1.1666666667% 1.1666666667%; width: 48%; } #product .feature .feature-anchor li:not(:last-child) { margin-right: 0; } #product .feature .feature-anchor li:nth-child(n+3) { margin-top: 7.1123755334%; } #product .feature .feature-anchor a { padding: 26.0416666667% 9.375% 31.25%; } #product .feature .feature-anchor a:after { left: 50%; bottom: 0; transform: translate(-50%, 50%); font-size: 26px; font-size: 4.0625vmin; width: 0.4230769231em; height: 2.3461538462em; } #product .feature .feature-anchor img { margin-bottom: 10.4166666667%; width: 88.7323943662%; height: auto; } #product .feature .feature-anchor p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .feature .feature-box { margin-bottom: 3.3333333333%; background: linear-gradient(180deg, #006699 0%, #006699 99%, transparent 99%, transparent 100%); } #product .feature .feature-box .headline-box { padding: 6.25%; width: 100%; background: none; } #product .feature .feature-box .headline-box h3 { margin-bottom: 2.5%; line-height: 1.2; font-size: 32px; font-size: 3.2rem; font-size: 5vmin; } #product .feature .feature-box .headline-box h3 .label { margin-bottom: 2.5%; } #product .feature .feature-box .headline-box h3 .label img { width: 28.5714285714%; } #product .feature .feature-box .headline-box p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .feature .feature-box .headline-box:after { display: none; } #product .feature .feature-box > ul { margin: 0 auto; padding: 6.8965517241% 0 0; width: 96.6666666667%; box-shadow: 0.3em 0.3em 1em 0.3em rgba(0, 0, 0, 0.1); } #product .feature .feature-box > ul > li { padding: 0 5.1724137931%; } #product .feature .feature-box > ul > li h4 { margin-bottom: 2.5862068966%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .feature .feature-box > ul > li p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .feature .feature-box > ul > li:not(:last-child) { margin-bottom: 6.0344827586%; } #product .feature .feature-box > ul > li.full-width { padding: 0; } #product .feature .feature-box > ul > li.full-width h4 { padding: 0 6.0344827586%; } #product .feature .feature-box > ul > li dl { margin-top: 5.1724137931%; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vmin; } #product .feature .feature-box > ul > li dt { padding: 3.4482758621% 5.1724137931% 1.3793103448%; position: static; width: 100%; background: #fafcfe; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .feature .feature-box > ul > li dt:nth-of-type(odd) { background: #ecf5fc; } #product .feature .feature-box > ul > li dd { padding: 0 5.1724137931% 3.4482758621%; } #product .feature .feature-box .inner-list { margin-top: 4.6875%; padding: 1.9230769231% 6.9230769231%; border-width: .6vmin; } #product .feature .feature-box .inner-list li { padding: 5.7692307692% 0; } #product .feature .feature-box .inner-list li:not(:last-child) { border-bottom-width: .2vmin; } #product .feature .feature-box .inner-list li h5 { margin-bottom: 2.8846153846%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .feature .feature-box.feature01 { margin-bottom: 3.3333333333%; } #product .feature .feature-box.feature02 { margin-bottom: 3.3333333333%; } #product .feature .feature-box.feature03 { margin-bottom: 10%; } #product .feature .feature-box .img-feature01 { width: 100.2949852507%; padding: 0 4.4247787611% 5.8997050147%; } #product .feature .cloud-figure .bg-wrap { top: 23vmin; height: 86%; } #product .feature .cloud-figure .net-frame { top: 12vmin; width: 98%; border-width: .6vmin; } #product .feature .cloud-figure .net-frame:before { top: -9vmin; width: 24.5vmin; height: 5.6vmin; } #product .feature .cloud-figure .inner-wrap { padding: 0 4.1666666667% 3.3333333333%; } #product .feature .cloud-figure .inner-wrap > img { width: 100%; } #product .feature .cloud-figure .inner-wrap .headline { padding: .4em .8em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .feature .cloud-figure .inner-wrap li { padding: .4em .8em; line-height: 1.2; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #product .feature .cloud-figure .inner-wrap li.wide { padding: 1.3em .8em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vmin; } #product .feature .cloud-figure .inner-wrap .staff, #product .feature .cloud-figure .inner-wrap .user { width: 100%; box-shadow: 0.3em 0.3em 2em 0.5em rgba(0, 0, 0, 0.1); } #product .feature .cloud-figure .inner-wrap .user { margin-left: 5.4545454545%; } #product .merit { padding: 0 0 15.625%; } #product .merit h3 { margin-bottom: 10%; font-size: 32px; font-size: 3.2rem; font-size: 5vmin; } #product .merit .user-list { margin-bottom: 16.6666666667%; flex-wrap: wrap; } #product .merit .user-list li { padding: 6.6666666667% 3.3333333333% 26.6666666667%; width: 48%; } #product .merit .user-list li:not(:last-child) { margin-right: 0; } #product .merit .user-list li:nth-child(2n) { margin-left: 4%; } #product .merit .user-list li:nth-child(n+3) { margin-top: 4%; } #product .merit .user-list li:before { width: 6vmin; height: 6vmin; } #product .merit .user-list h4 { margin-bottom: 10.7142857143%; font-size: 36px; font-size: 3.6rem; font-size: 5.625vmin; } #product .merit .user-list p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .merit .user-list p.comment { padding: 5.3571428571% 0; border-top-width: .3vmin; border-bottom-width: .3vmin; min-height: 13em; } #product .merit .user-list p.profession { margin-top: 5.3571428571%; } #product .merit .user-list .illust { width: 47.8571428571%; } #product .merit .point-list li { padding: 0 3.3333333333%; height: 55vmin; } #product .merit .point-list li h4 { margin-bottom: 10%; width: 100%; } #product .merit .point-list li h4 img { width: 37.9310344828%; } #product .merit .point-list li p { width: 100%; line-height: 1.4; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .merit .point-list:after { top: 53%; width: 38.5vmin; height: 36vmin; } #product .environment { padding: 0 0 15.625%; } #product .environment .environment-list { display: flex; flex-wrap: wrap; } #product .environment .environment-list dt, #product .environment .environment-list dd { margin-bottom: .4vmin; } #product .environment .environment-list dt { padding: 3.3333333333%; width: 35%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .environment .environment-list dd { padding: 3.3333333333%; width: 65%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .environment .annotation { margin-top: 3.3333333333%; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #product .support { padding: 0 0 15.625%; } #product .support .lead { margin-bottom: 13.3333333333%; } #product .support h3 { margin-bottom: 5.8333333333%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .support .figure { margin-bottom: 16.6666666667%; padding: 10% 3.3333333333% 13.3333333333%; } #product .support .figure img { width: 100%; } #product .support .support-about-sp { border-top: .4vmin solid #000; } #product .support .support-about-sp tr { border-bottom: .2vmin solid #CCC; } #product .support .support-about-sp th, #product .support .support-about-sp td { line-height: 1.3; } #product .support .support-about-sp th:nth-child(1), #product .support .support-about-sp td:nth-child(1) { width: 31.6666666667%; background: #FFF; } #product .support .support-about-sp th:nth-child(2), #product .support .support-about-sp td:nth-child(2) { width: 68.3333333333%; } #product .support .support-about-sp th li, #product .support .support-about-sp td li { padding-left: 1.2em; position: relative; font-weight: 200; } #product .support .support-about-sp th li:before, #product .support .support-about-sp td li:before { position: absolute; left: 0; content: "・"; } #product .support .support-about-sp th { padding: 3.3333333333% 3%; color: #004f99; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; font-weight: 500; text-align: left; } #product .support .support-about-sp td { padding: 2.5% 3%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; font-weight: 200; vertical-align: top; } #product .support .support-about-sp td:nth-child(2) { color: #666; } #product .support .support-about-sp thead tr { height: 17vmin; } #product .support .support-about-sp.bg-green tbody tr:last-child { border-bottom: none; } #product .support .support-about-sp.bg-green th:nth-child(2), #product .support .support-about-sp.bg-green td:nth-child(2) { background: #edf8f9; } #product .support .support-about-sp.bg-blue th:nth-child(2), #product .support .support-about-sp.bg-blue td:nth-child(2) { background: #ecf5ff; } #product .libraries { padding: 0 0 16.6666666667%; } #product .libraries .lead { margin-bottom: 10%; } #product .libraries h3 { margin-bottom: 10%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .libraries .support-series { margin-bottom: 10%; display: block; } #product .libraries .support-series li:not(:last-child) { margin-bottom: 6.6666666667%; } #product .libraries .support-series li .inner-box { border-width: .6vmin; height: 48vmin; } #product .libraries .support-series li .inner-box:after { padding: 1.6666666667% 2%; top: -1px; width: 29vmin; height: 10vmin; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .libraries .support-series li .inner-box img { width: 36.6666666667%; } #product .libraries .support-series li:nth-child(2n) { margin-left: 0; } #product .libraries .support-series li p { margin-top: 3.3333333333%; padding: 0; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; } #product .libraries .gray-box { margin-bottom: 10%; padding: 6.6666666667% 3.3333333333%; } #product .libraries .gray-box h3 { margin-bottom: 3.3333333333%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #product .libraries .gray-box p { line-height: 1.5; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .libraries .service-about { display: block; border: none; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #product .libraries .service-about thead { display: none; } #product .libraries .service-about tbody { margin-bottom: 8.3333333333%; display: block; } #product .libraries .service-about th, #product .libraries .service-about td { display: block; } #product .libraries .service-about th:nth-child(1), #product .libraries .service-about td:nth-child(1) { padding: .5em; display: block; width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; color: #FFF; background: #789dbf; text-align: center; } #product .libraries .service-about th:nth-child(2), #product .libraries .service-about td:nth-child(2) { width: 100%; } #product .libraries .service-about th:nth-child(3), #product .libraries .service-about td:nth-child(3) { border: none; width: 100%; } #product .libraries .service-about tr { margin-bottom: 3.3333333333%; border: none; display: block; } #product .libraries .service-about tr.headline { margin-bottom: 3.3333333333%; border-bottom: none; } #product .libraries .service-about tr.headline td { padding: .5em; display: block; text-align: center; } #product .libraries .service-about tr.headline td:nth-child(1) { display: none; } #product .libraries .service-about tr.headline td:nth-child(2) { border: none; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #product .libraries .service-about tr.headline.support-cell { margin-bottom: 0; } #product .libraries .service-about td { padding: 0; display: flex; } #product .libraries .service-about td:nth-child(2), #product .libraries .service-about td:nth-child(3) { border-bottom: .2vmin solid #CCC; } #product .libraries .service-about td.sp-hidden { display: none; } #product .libraries .service-about td .category, #product .libraries .service-about td .text { padding: 1em .5em; display: block; } #product .libraries .service-about td .category { border-right: .2vmin solid #CCC; width: 20%; text-align: center; } #product .libraries .service-about td .text { width: 80%; } #product .libraries .service-about td li { padding-left: 1.2em; position: relative; line-height: 1.5; } #product .libraries .service-about td li:before { position: absolute; left: 0; content: "・"; } #product .libraries .service-about td .support-list { padding: 1em .5em; } #product .libraries .service-about td .support-list span { padding-right: 1em; display: block; width: 14em; } #product .libraries .service-about td .support-list span:after { position: static; } #product .libraries .service-about .text-center { text-align: left; } #product .libraries .service-about .text-top { vertical-align: text-top; } /*  お知らせ一覧
-------------------------------------------------- */ #information h2 { margin-bottom: 10%; } #information h2 img { margin-bottom: 2.5%; width: 100%; } #information h2 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #information .all-info { padding: 12.5% 0 26.5625%; } #information .all-info .info-list li { outline: .1em solid #CCC; outline-offset: -.1em; } #information .all-info .info-list li:not(:last-child) { margin-bottom: 3.3333333333%; } #information .all-info .info-list li a { padding: 6.6666666667%; display: block; } #information .all-info .info-list li p.date { margin-right: 0; margin-bottom: 2.5%; display: inline-block; width: auto; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #information .all-info .info-list li p.text { width: 100%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #information .all-info .info-list-pager { margin-top: 6.6666666667%; } #information .all-info .info-list-pager li { width: 100%; } #information .all-info .info-list-pager li a { border-width: .08em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #information .all-info .info-list-pager li:not(:last-child) { margin-right: 1.6666666667%; } /*  お知らせ詳細
-------------------------------------------------- */ #information-detail main { background: url(../data/information-detail/images/bg-blue-sp.svg) no-repeat center top; background-size: 100% auto; } #information-detail .main-visual { margin-top: 18.75%; top: 0; height: auto; } #information-detail .article { padding: 39.0625% 0 21.09375%; } #information-detail .article .article-box { padding: 6.6666666667% 6.6666666667% 16.6666666667%; } #information-detail .article .article-box h1 { margin-bottom: 4.1666666667%; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #information-detail .article .article-box p { line-height: 1.7; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #information-detail .article .article-box p.date { margin-bottom: 3.3333333333%; } #information-detail .article .article-box:before { top: -7.6vmin; left: 6.6666666667%; width: 55.8vmin; height: 8.8vmin; background-size: 100% auto; } #information-detail .article .article-box .inner-box { margin-top: 15%; padding: 5.7692307692%; } #information-detail .article .btn-all { margin: 6.6666666667% auto 0; padding: .8em; border-width: .08em; width: 49.1666666667%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } /*  事例一覧
-------------------------------------------------- */ #case main { background: url(../data/case/images/bg-blue-sp.svg) no-repeat center top; background-size: 100% auto; } #case h2 { margin-bottom: 13.3333333333%; } #case h2 img { margin-bottom: 2.5%; width: 100%; } #case h2 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #case .all-case { padding: 12.5% 0 25%; } #case .all-case .case-list li:not(:last-child) { margin-bottom: 1.6666666667%; } #case .all-case .case-list li h3 { margin-bottom: 2.5%; font-size: 32px; font-size: 3.2rem; font-size: 5vmin; } #case .all-case .case-list li p { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #case .all-case .case-list li a { padding: 6.6666666667%; display: block; } #case .all-case .case-list li a:after { margin-top: 3.3333333333%; display: block; width: 5vmin; height: .8vmin; content: ""; background: url(../data/case/images/more-arrow.svg) no-repeat center center; background-size: 100% auto; } #case .all-case .case-list li .text-area { margin-right: 0; width: 100%; } #case .all-case .case-list li .btn-more { display: none; } #case .all-case .case-list li:hover { transform: translate(-0.3em, -0.3em); box-shadow: 0.5em 0.5em 0.8em 0 rgba(0, 0, 0, 0.2); } #case .all-case .case-list-pager { margin-top: 6.6666666667%; } #case .all-case .case-list-pager li { width: 100%; } #case .all-case .case-list-pager li a { border-width: .08em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #case .all-case .case-list-pager li:not(:last-child) { margin-right: 1.6666666667%; } /*  活動報告
-------------------------------------------------- */ #scene main { background: url(../data/scene/images/bg-blue-sp.svg) no-repeat center top; background-size: 100% auto; } #scene h2 { margin-bottom: 11.3333333333%; } #scene h2 img { margin-bottom: 2.5%; width: 100%; } #scene h2 span { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene .all-scene { padding: 12.5% 0 25%; } #scene .all-scene .scene-list { display: block; } #scene .all-scene .scene-list li { width: 100%; } #scene .all-scene .scene-list li:not(:nth-child(3n)) { margin-right: 0; } #scene .all-scene .scene-list li:nth-child(n+4) { margin-top: 0; } #scene .all-scene .scene-list li:not(:last-child) { margin-bottom: 6.6666666667%; } #scene .all-scene .scene-list li a { padding-bottom: 18.6666666667%; } #scene .all-scene .scene-list li .text-area { padding: 4.1666666667% 6.6666666667%; width: 93.3333333333%; min-height: 0; } #scene .all-scene .scene-list li .text-area:after { margin-top: 2.6785714286%; width: 4.9vmin; height: .8vmin; } #scene .all-scene .scene-list li p.date { margin-bottom: 3.5714285714%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene .all-scene .scene-list li p.title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene .all-scene .scene-list li:hover { transform: scale(1); } #scene .all-scene .scene-list li:hover .img-area { box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.2); } #scene .all-scene .scene-list li:hover .text-area { box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.2); } #scene .all-scene .scene-list li .img-area img { width: 100%; height: auto; } #scene .all-scene .scene-list-pager { margin-top: 6.6666666667%; } #scene .all-scene .scene-list-pager li { width: 100%; } #scene .all-scene .scene-list-pager li a { border-width: .08em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene .all-scene .scene-list-pager li:not(:last-child) { margin-right: 1.6666666667%; } #scene .all-scene .secne-category-square { margin-bottom: 10%; } #scene .all-scene .secne-category-list { margin: 12.3333333333% 0 0; padding: 9% 6.6666666667% 5.8333333333%; width: 100%; } #scene .all-scene .secne-category-headline { margin-top: 4.3333333333%; font-size: 30px; font-size: 3rem; font-size: 4.6875vmin; } #scene .all-scene .secne-cats-category-headline { margin: 18.5% 0 2%; font-size: 25px; font-size: 2.5rem; font-size: 3.90625vmin; } #scene .all-scene .secne-category-item { margin: 0 3.6666666667% 3.6666666667%; } #scene .all-scene .secne-category-item a { padding: 0.5652173913em 1.3043478261em; border-radius: 2em; font-size: 23px; font-size: 2.3rem; font-size: 3.59375vmin; } #scene .all-scene .scene_cats_category_headline { margin-top: 10%; font-size: 38px; font-size: 3.8rem; font-size: 5.9375vmin; } #scene .scene_category .secne-category-wrap { margin-bottom: 10%; padding: 13.3333333333% 0 0; } #scene .scene_category .secne-category-wrap:before { height: calc(100% - 6.25%); } #scene .scene_category .ttl-category { margin-bottom: 0; } #scene .ttl-category img { width: 100%; } /*  活動報告詳細
-------------------------------------------------- */ #scene-detail main { background: url(../data/scene-detail/images/bg-blue-sp.svg) no-repeat center top; background-size: 100% auto; } #scene-detail .article { padding: 0 0 21.09375%; } #scene-detail .article .page-title { margin-bottom: 3.125%; padding: 12.5% 6.25% 6.25%; position: static; height: auto; background: rgba(0, 102, 153, 0.9); } #scene-detail .article .page-title .page-title-inner { padding: 0; width: 100%; } #scene-detail .article .page-title .page-title-inner:before { top: -18.5vmin; left: 0; width: 87.5vmin; height: 13.9vmin; background-size: 100% auto; } #scene-detail .article .page-title .page-title-inner h1 { font-size: 32px; font-size: 3.2rem; font-size: 5vmin; } #scene-detail .article .page-title .page-title-inner .date { margin-top: 2.34375%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .page-title .page-title-inner .scene_cats_label { margin: 3.2142857143% 0.8928571429% 0 0; padding: 1.9642857143% 6.0714285714%; display: inline-block; font-size: 23px; font-size: 2.3rem; font-size: 3.59375vmin; color: #fff; border: 1px solid #fff; border-radius: 2em; letter-spacing: .05em; } #scene-detail .article .article-box { padding-top: 13.3333333333%; } #scene-detail .article .article-box:not(.relate-category-section) h2 { margin-bottom: 8.3333333333%; line-height: 1.3; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #scene-detail .article .article-box:not(.relate-category-section) h3 { margin-bottom: 3.3333333333%; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vmin; } #scene-detail .article .article-box:not(.relate-category-section) h3:not(:first-child) { margin-top: 8.3333333333%; } #scene-detail .article .article-box:not(.relate-category-section) p { line-height: 1.7; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .article-box:not(.relate-category-section) p:not(:last-child) { margin-bottom: 8.3333333333%; } #scene-detail .article .article-box:not(.relate-category-section) ul:not(:last-child) { margin-bottom: 8.3333333333%; } #scene-detail .article .article-box:not(.relate-category-section) ul li { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .article-box:not(.relate-category-section) .column2 { display: block; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .text-area { margin-bottom: 10%; padding-top: 0; width: 100%; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right, #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left { width: 100%; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right .figure-inner:before, #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left .figure-inner:before { top: 5vmin; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right .figure-inner + .figure-inner, #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left .figure-inner + .figure-inner { margin-top: 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right figcaption, #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left figcaption { margin-top: 3.3333333333%; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right figcaption + .figure-inner, #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left figcaption + .figure-inner { margin-top: 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right { margin-left: 0; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-right .figure-inner:before { left: 6.5vmin; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left { margin-right: 0; } #scene-detail .article .article-box:not(.relate-category-section) .column2 .img-left .figure-inner:before { right: auto; left: 6.5vmin; } #scene-detail .article .article-box:not(.relate-category-section) .column2:not(:last-child) { margin-bottom: 16.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center .center-wrap { display: block; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center .figure-inner { display: block; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center .figure-inner:before { top: 5vmin; left: 6.5vmin; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center .figure-inner + .figure-inner { margin-top: 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center figcaption { margin-top: 3.3333333333%; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center figcaption + .figure-inner { margin-top: 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) > .img-center:not(:last-child) { margin-bottom: 16.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) .table-area { margin-top: 13.3333333333%; padding: 10% 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table caption { padding-bottom: 0.8333333333%; border-bottom-width: .1em; font-size: 28px; font-size: 2.8rem; font-size: 4.375vmin; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table caption span { margin-top: 0.8333333333%; font-size: 20px; font-size: 2rem; font-size: 3.125vmin; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table th, #scene-detail .article .article-box:not(.relate-category-section) .table-area table td { padding: .6em .4em; border-top-width: .25em; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table th { width: 20%; white-space: normal; } #scene-detail .article .article-box:not(.relate-category-section) .table-area table + table { margin-top: 10%; } #scene-detail .article .article-box:not(.relate-category-section) .table-area:not(:last-child) { margin-bottom: 16.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) h2 + .table-area { margin-top: 0; } #scene-detail .article .article-box:not(.relate-category-section) > h2, #scene-detail .article .article-box:not(.relate-category-section) > h3, #scene-detail .article .article-box:not(.relate-category-section) > p, #scene-detail .article .article-box:not(.relate-category-section) > a, #scene-detail .article .article-box:not(.relate-category-section) > ul, #scene-detail .article .article-box:not(.relate-category-section) .column2, #scene-detail .article .article-box:not(.relate-category-section) > .img-center { padding-left: 6.6666666667%; padding-right: 6.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) > h2:last-child, #scene-detail .article .article-box:not(.relate-category-section) > h3:last-child, #scene-detail .article .article-box:not(.relate-category-section) > p:last-child, #scene-detail .article .article-box:not(.relate-category-section) > a:last-child, #scene-detail .article .article-box:not(.relate-category-section) > ul:last-child, #scene-detail .article .article-box:not(.relate-category-section) .column2:last-child, #scene-detail .article .article-box:not(.relate-category-section) > .img-center:last-child { margin-bottom: 13.3333333333%; } #scene-detail .article .article-box:not(.relate-category-section) > h2:not(:first-child) { margin-top: 16.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) p + .column2 { margin-top: 16.6666666667%; } #scene-detail .article .article-box:not(.relate-category-section) p + .img-center { margin-top: 16.6666666667%; } #scene-detail .article .relate-category-section { margin-top: 9.375%; } #scene-detail .article .relate-category-section span { font-size: 32px; font-size: 3.2rem; font-size: 5vmin; } #scene-detail .article .relate-category-section .relate-category-label { display: none; } #scene-detail .article .relate-category-section li { margin: 3.3333333333% 0 6.6666666667%; width: 100%; } #scene-detail .article .relate-category-section li .img-area img { width: 100%; height: auto; } #scene-detail .article .relate-category-section li .text-area { padding: 3.6666666667% 6.6666666667%; width: 93.3333333333%; } #scene-detail .article .relate-category-section li .text-area .date { margin-bottom: 2.3214285714%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .relate-category-section li .text-area .title { font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } #scene-detail .article .relate-category-section li a { padding-bottom: 18.3333333333%; } #scene-detail .article .relate-category-section .scene-list { margin: 7.6666666667% auto 6.6666666667%; display: block; } #scene-detail .article .relate-category-section .scene-list li { width: 100%; } #scene-detail .article .btn-all { margin: 6.6666666667% auto 0; padding: 3.3333333333% 1.6666666667%; border-width: .1em; width: 49.1666666667%; font-size: 24px; font-size: 2.4rem; font-size: 3.75vmin; } /*  bookmarry
-------------------------------------------------- */ #bm { font-size: 14px; font-size: 3.7333333333vw; } #bm #cboxClose { display: block; top: -1.3214285714em; right: 1.4285714286em; width: 2.0714285714em; height: 2.0714285714em; font-size: 14px; font-size: 3.7333333333vw; } #bm main { overflow: hidden; } #bm main .sp_hidden { display: none !important; } #bm main section { padding: 15.4666666667% 0; position: relative; } #bm main .inner { margin: 0 auto; padding: 0 5.3333333333%; width: 100%; } #bm main .anchor { position: absolute; top: 0.25em; } #bm main p { font-size: 14px; font-size: 3.7333333333vw; } #bm main img { width: 100%; height: auto; } #bm main .-external:after { top: 50%; right: -1.025em; width: 0.9285714286em; height: 0.8214285714em; background: url(../data/bookmarry/images/icon-link-bk.svg) no-repeat center center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .btn_list { display: block; } #bm main .btn_list .btn { margin: 0; } #bm main .btn_list .btn a { margin: 0 auto; border-radius: 50px; width: 20.9375em; height: 3.125em; font-size: 16px; font-size: 4.2666666667vw; } #bm main .btn_list .btn a:after { right: 1.25em; width: 1.71875em; height: 1.71875em; } #bm main .btn_list .btn + .btn { margin-top: 1.0714285714em; } #bm main .btn_list .btn.-plus a:after { top: 50%; right: 1.6em; width: 1.1071428571em; height: 1.1071428571em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .btn_list .btn.-plus.close a:after { right: 2em; width: 0.9285714286em; height: 0.9285714286em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .dot_list li + li { margin-top: .5em; } #bm main .notice { font-size: 12px; font-size: 3.2vw; } #bm main .main-visual .kv_ttl { padding-top: 14.6666666667%; width: 100%; } #bm main .main-visual .kv_ttl img { padding-top: 2.9642857143em; width: 23.9285714286em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .main-visual .lead { margin-top: .4em; line-height: 1.3333333333; font-weight: 500; font-size: 18px; font-size: 4.8vw; } #bm main .main-visual .area_wrap { padding-top: 14.6666666667%; display: block; } #bm main .main-visual .area_content { width: 100%; } #bm main .main-visual .area_content .img-bgi.pc_hidden { display: block; } #bm main .main-visual .area_content .text_area { margin: 0 auto 17.7142857143em; left: 0; width: 21.0714285714em; } #bm main .main-visual .area_content .text_area h2 { margin-bottom: .2em; font-size: 16px; font-size: 4.2666666667vw; } #bm main .main-visual .area_content .text_area h2 span { flex-shrink: 0; } #bm main .main-visual .area_content .text_area h2:after { margin-top: .1em; margin-right: 0; margin-left: .5em; width: 100%; height: 2px; } #bm main .main-visual .area_content .text_area p { line-height: 1.333; font-size: 21px; font-size: 5.6vw; letter-spacing: 0; } #bm main .main-visual .area_content .img-human { display: none; } #bm main .main-visual .share_area .text_area { margin: 0 auto 17.7142857143em; right: 0; } #bm main .main-visual .share_area .text_area p { letter-spacing: -.05em; } #bm main .anchor_list { padding: 0; } #bm main .anchor_list .inner { padding: 0; width: 100%; } #bm main .anchor_list ul { flex-wrap: wrap; font-size: 14px; font-size: 3.7333333333vw; } #bm main .anchor_list li { border: solid 1px #ccc; width: 33.3333%; } #bm main .anchor_list li:nth-child(n+4) { border-top: none; } #bm main .anchor_list li:nth-child(3n+2) { border-left: none; } #bm main .anchor_list li:nth-child(3n+3) { border-left: none; } #bm main .anchor_list li.grid2 { border-left: solid 1px #ccc; width: 66.6666%; } #bm main .anchor_list a { padding: 1.25em 0 1.6071428571em; display: block; text-align: center; } #bm main .anchor_list a:after { bottom: 0.75em; width: 0.75em; height: 0.4285714286em; } #bm main .about_sec { padding: 0; } #bm main .about_sec > a { border-radius: 0; } #bm main .about_sec > a:after { font-size: 49px; font-size: 13.0666666667vw; } #bm main .about_sec .text_area { margin: 0 auto; padding: 9.2% 5.3333333333% 0; position: relative; width: 100%; color: #333; pointer-events: auto; } #bm main .about_sec h2 { margin-bottom: .3em; line-height: 1.3125; font-size: 24px; font-size: 6.4vw; letter-spacing: 0; } #bm main .about_sec .lead { line-height: 1.5; letter-spacing: -.002em; } #bm main .about_sec .lead + .notice { margin-top: 1em; } #bm main .about_sec br + .notice { margin-top: -.6em; } #bm main .about_sec .link_wrap { margin-top: 0.8571428571em; } #bm main .about_sec .link_wrap a { color: #333; font-size: 12px; font-size: 3.2vw; } #bm main .about_sec .btn_wrap { margin-top: 2.3214285714em; position: relative; bottom: 0; } #bm main .about_sec .btn_wrap .btn_list { display: flex; flex-direction: column-reverse; } #bm main .about_sec .btn_wrap .btn:first-child { margin-top: 1.0714285714em; } #bm main .about_sec .btn_wrap .btn + .btn { margin-top: 0; } #bm main .headline_area h2 b { font-size: 27px; font-size: 7.2vw; } #bm main .headline_area h2 small { margin-top: .66em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .headline_area .link_circle { position: absolute; right: 0; bottom: 1em; } #bm main .headline_area .lead { margin-top: 2.125em; font-size: 16px; font-size: 4.2666666667vw; } #bm main .link_circle { margin-top: 1.5em; text-align: right; } #bm main .link_circle a { padding-right: 2.25em; font-size: 16px; font-size: 4.2666666667vw; } #bm main .link_circle a:after { width: 1.71875em; height: 1.71875em; } #bm main .information_sec { margin-top: 16.4%; padding: 15.4666666667% 0 16.6666666667%; background: #f0f6f9; } #bm main .info-list { margin-top: 2.7142857143em; border-top: solid 1px #ccc; } #bm main .info-list li { border-bottom: solid 1px #ccc; } #bm main .info-list a { padding: 1.25em 0; display: block; font-size: 14px; font-size: 3.7333333333vw; } #bm main .info-list .date { margin-bottom: 0.4285714286em; width: 100%; line-height: normal; } #bm main .system_sec { margin-top: 0.1785714286em; padding-bottom: 0; } #bm main .system_sec .system_box { margin-top: 2.6785714286em; } #bm main .system_sec .system_box img { position: relative; left: 50%; transform: translateX(-50%); width: 26.7857142857em; } #bm main .concept_sec { padding-bottom: 4.3928571429em; } #bm main .concept_sec .concept_list { margin-top: 2.2857142857em; } #bm main .concept_sec .concept_list li { padding: 1.4285714286em 0 0; display: block; } #bm main .concept_sec .concept_list li:after { width: 100%; height: calc(100% - 2.7142857143em); } #bm main .concept_sec .concept_list li img { margin: 0 auto; display: block; width: 18.1785714286em; } #bm main .concept_sec .concept_list li + li { margin-top: 2.9285714286em; } #bm main .concept_sec .concept_list li:nth-child(2) img { margin: -1em 0 0.8214285714em 2.4642857143em; width: 18.2142857143em; } #bm main .concept_sec .concept_list li:nth-child(3) img { margin: 0.75em auto 0.4285714286em; width: 12.7857142857em; } #bm main .concept_sec .concept_list li:nth-child(3) .text_card { padding: 2.6071428571em 1.4285714286em 2.8214285714em; } #bm main .concept_sec .concept_list li:nth-child(4) { flex-direction: row; } #bm main .concept_sec .concept_list li:nth-child(4) img { margin: -2.2857142857em 0 0.9285714286em 2.3214285714em; position: relative; width: 19.3571428571em; } #bm main .concept_sec .concept_list li:nth-child(4) .text_area { padding-top: 0; } #bm main .concept_sec .concept_list li:nth-child(4) .text_card { padding: 2.8214285714em 1.4285714286em; } #bm main .concept_sec .concept_list .text_area { margin: 0.25em auto 0; padding-top: 0; width: 21.0714285714em; } #bm main .concept_sec .concept_list .text_card { margin-top: 0.5em; padding: 2.7142857143em 1.4285714286em 2.8214285714em; text-align: justify; text-justify: distribute; } #bm main .concept_sec .concept_list .text_card dt { margin-bottom: 0.5952380952em; line-height: 1.2857142857; font-size: 21px; font-size: 5.6vw; } #bm main .concept_sec .concept_list .text_card dd { line-height: 1.3125; font-size: 16px; font-size: 4.2666666667vw; } #bm main .concept_sec .concept_headline small { font-size: 12px; font-size: 3.2vw; } #bm main .concept_sec .concept_headline span { font-size: 30px; font-size: 8vw; } #bm main .scene_sec:after { width: 100%; height: calc(100% - 9.5357142857em); } #bm main .scene_sec .illust_img, #bm main .scene_sec .smartphone_img { display: none; } #bm main .scene_sec .scene_list { margin-top: 2.7857142857em; } #bm main .scene_sec .scene_list > li { position: relative; } #bm main .scene_sec .scene_list > li .illust_img { top: -56px; left: 10px; } #bm main .scene_sec .scene_list > li .scene_box { margin: 0; width: calc(100% - 0.3571428571em); } #bm main .scene_sec .scene_list > li + li { margin-top: 5.5em; } #bm main .scene_sec .scene_list > li:nth-child(even) .illust_img { top: 50px; left: auto; right: 2px; } #bm main .scene_sec .scene_list > li:nth-child(even) .scene_box { margin: 0; padding: 2.8214285714em 1.4285714286em 16.8928571429em 2.1428571429em; } #bm main .scene_sec .scene_list > li:nth-child(even) .scene_box .dot_list { margin-top: 2.1428571429em; } #bm main .scene_sec .scene_list > li:nth-child(even) .illust_img_sp { bottom: -2.6428571429em; width: 20.6428571429em; } #bm main .scene_sec .scene_box { padding: 2.6428571429em 1.4285714286em 16.8928571429em 2.1428571429em; } #bm main .scene_sec .scene_box:before, #bm main .scene_sec .scene_box:after { border: solid 0.1071428571em #4f5061; } #bm main .scene_sec .scene_box:after { margin: 0.3571428571em; border: none; } #bm main .scene_sec .scene_box h3 { line-height: 1.2857142857; font-size: 21px; font-size: 5.6vw; } #bm main .scene_sec .scene_box .dot_list { margin-top: 2.4285714286em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .scene_sec .illust_img_sp { position: absolute; left: 2.1428571429em; bottom: -4.0357142857em; z-index: 10; width: 19.6071428571em; } #bm main .case_sec { margin-top: 2.8571428571em; } #bm main .case_sec:after { width: 100%; height: calc(100% - 7.1428571429em); } #bm main .case_sec .case_list { margin-top: 2.8928571429em; } #bm main .case_sec .case_list > li + li { margin-top: 2.7142857143em; } #bm main .case_sec .case_list > li > a { display: block; } #bm main .case_sec .case_list .thumb_img { width: calc(100% - 0.3571428571em); } #bm main .case_sec .case_list .thumb_img:before { border: solid 0.1428571429em #4f5061; } #bm main .case_sec .case_list .thumb_img img { position: relative; top: 0.3571428571em; left: 0.3571428571em; width: 100%; } #bm main .case_sec .case_list .text_area { margin: 1.3571428571em auto 0; width: 21.0714285714em; } #bm main .case_sec .case_list .text_area dt { padding-bottom: 0.5238095238em; font-size: 21px; font-size: 5.6vw; } #bm main .case_sec .case_list .text_area dd { margin-top: 0.8928571429em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .part_monitor_sec { padding-top: 0; } #bm main .part_monitor_list { margin-top: 2.8571428571em; justify-content: center; } #bm main .part_monitor_list.-over4 > li { width: 50%; } #bm main .part_monitor_list > li { padding: 0; width: 50%; height: 3.5714285714em; text-align: center; } #bm main .part_monitor_list > li:nth-child(n+3) { margin-top: 2em; } #bm main .part_monitor_list > li:nth-child(odd) { padding-right: 0.7142857143em; } #bm main .part_monitor_list > li:nth-child(even) { padding-left: 0.7142857143em; } #bm main .relate_sec { margin-top: -0.0714285714em; padding-bottom: 5.4642857143em; } #bm main .relate_sec:after { width: 21.4285714286em; height: 100%; } #bm main .relate_sec .relate_list { margin-top: 2.7142857143em; display: block; left: 0; width: 100%; } #bm main .relate_sec .relate_list li { margin: 0; width: 100%; } #bm main .relate_sec .relate_list li + li { margin-top: 2.6071428571em; } #bm main .relate_sec .relate_list li:nth-child(n+4) { margin-top: 2.6071428571em; } #bm main .relate_sec .relate_list dt { margin-top: 0.96875em; line-height: 1.5; font-size: 16px; font-size: 4.2666666667vw; } #bm main .relate_sec .relate_list dd { margin-top: 0.9285714286em; line-height: 1.5; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec { margin-top: 13.2142857143em; background: #f0f6f9; } #bm main .function_sec:after { top: -16.3214285714em; left: 0; transform: none; width: 100%; height: 18em; background: url(../data/bookmarry/images/device-sp.png) no-repeat left top; background-size: contain; } #bm main .function_sec .dot_list { margin: 0.7857142857em 0 0; } #bm main .function_sec .dot_list li { font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .dot_list li + li { margin-top: .1em; } #bm main .function_sec .function_list { margin-top: 2.7857142857em; display: block; } #bm main .function_sec .function_list > li { padding: 0.8928571429em 1.4285714286em 2.6428571429em; width: 100%; } #bm main .function_sec .function_list > li + li { margin-top: 2.1428571429em; } #bm main .function_sec .function_list > li.book h3 { margin: 0.0357142857em 0 0.4642857143em 0.1428571429em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list > li.book h3 img { width: 21.6785714286em; } #bm main .function_sec .function_list > li.review h3 { margin-top: 1.3928571429em; margin-left: 0; margin-bottom: 0.8928571429em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list > li.review h3 img { width: 22.6428571429em; } #bm main .function_sec .function_list dl + dl { margin-top: 2.0714285714em; } #bm main .function_sec .function_list dt { padding-left: 2.3333333333em; padding-bottom: 0.5238095238em; border-width: 0.119047619em; font-size: 21px; font-size: 5.6vw; } #bm main .function_sec .function_list .notice { padding-left: 0; } #bm main .function_sec .function_list .notice:before { width: 1.45em; } #bm main .function_sec .function_list .new_review dt:before { top: -0.1428571429em; left: 0.0714285714em; width: 2.8928571429em; height: 2.0714285714em; background: url(../data/bookmarry/images/icon-new_review.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .search_book dt:before { top: -0.0714285714em; left: 0.3571428571em; width: 2.25em; height: 2.3214285714em; background: url(../data/bookmarry/images/icon-search_book.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .title_ranking dt:before { top: 0.0357142857em; left: 0.2857142857em; width: 2.3928571429em; height: 2.0714285714em; background: url(../data/bookmarry/images/icon-title_ranking.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .review_request dt:before { top: -0.1428571429em; left: 0.3571428571em; width: 2.0714285714em; height: 2.8214285714em; background: url(../data/bookmarry/images/icon-review_request.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .alert_review_request dt:before { top: -1px; left: 6px; width: 2.4285714286em; height: 2.3571428571em; background: url(../data/bookmarry/images/icon-alert_review_request.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .write_review dt:before { top: -7px; left: 11px; width: 2.3214285714em; height: 2.8214285714em; background: url(../data/bookmarry/images/icon-write_review.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .get_card dt:before { top: 3px; left: 12px; width: 1.75em; height: 2.3928571429em; background: url(../data/bookmarry/images/icon-get_card.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .function_list .user_ranking dt:before { top: 5px; left: 10px; width: 2.1785714286em; height: 1.9285714286em; background: url(../data/bookmarry/images/icon-user_ranking.png) no-repeat center; background-size: contain; font-size: 14px; font-size: 3.7333333333vw; } #bm main .function_sec .manager_box { margin-top: 2.1428571429em; padding: 2.25em 1.4285714286em; display: block; } #bm main .function_sec .manager_list { margin-top: 1.3214285714em; margin-left: 0; display: block; width: 100%; } #bm main .function_sec .manager_list dl { width: 100%; } #bm main .function_sec .manager_list dl + dl { margin-top: 2.0714285714em; } #bm main .function_sec .manager_list dt { padding-bottom: 0.5476190476em; border-bottom: solid 0.119047619em #fddd10; font-size: 21px; font-size: 5.6vw; } #bm main .function_sec .manager_list dt span { margin-top: 0.3571428571em; } #bm main .function_sec .manager_list .dot_list { margin: 0.9642857143em 0 0; } #bm main .plan_sec { padding-bottom: 4.3571428571em; /*料金プランテーブル 2022以降*/ } #bm main .plan_sec .plan_box { margin-top: 2.8571428571em; } #bm main .plan_sec .plan_box > p { font-size: 24px; font-size: 6.4vw; } #bm main .plan_sec .plan_box .illust_img { margin: -1.8928571429em 0.9285714286em; width: 8.2857142857em; } #bm main .plan_sec .plan_box { border: solid 2px #4f5061; } #bm main .plan_sec .ttl_wrap { border-right: solid 0.1071428571em #ccc; position: relative; width: 13.25em; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } #bm main .plan_sec .data_wrap { width: 10.4285714286em; overflow-x: scroll; } #bm main .plan_sec .th_wrap { border-bottom: solid 0.1071428571em #ccc; min-height: 5.8928571429em; } #bm main .plan_sec .th_wrap > li { padding: 0 1.3571428571em; border-left: solid 1px #ccc; flex-shrink: 0; width: 8.5714285714em; min-width: 8.5714285714em; min-height: 5.7857142857em; } #bm main .plan_sec .th_wrap > li.free { border-left: none; } #bm main .plan_sec .th_wrap > li.premium { width: 11.4642857143em; min-width: 11.4285714286em; } #bm main .plan_sec .th_wrap b { margin-top: 0.1851851852em; font-size: 27px; font-size: 7.2vw; } #bm main .plan_sec .th_wrap span { font-size: 12px; font-size: 3.2vw; } #bm main .plan_sec .tbody_th_wrap { font-size: 12px; font-size: 3.2vw; } #bm main .plan_sec .tbody_th_wrap .left_area { padding-top: 2em; border-right: solid 2px #ccc; width: 2.5em; } #bm main .plan_sec .tbody_th_wrap .left_area p { font-size: 1em; } #bm main .plan_sec .tbody_th_wrap .right_area .th { padding: 0.9166666667em 1.25em 0.9583333333em; line-height: 1.5; font-size: 12px; font-size: 3.2vw; } #bm main .plan_sec .tbody_th_wrap .right_area .th small { display: block; font-size: 10.5px; font-size: 2.8vw; } #bm main .plan_sec .td_wrap { display: flex; } #bm main .plan_sec .td_wrap > li { padding: .2em; width: 6.6666666667em; min-width: 6.6666666667em; min-height: 2.2222222222em; font-size: 18px; font-size: 4.8vw; } #bm main .plan_sec .td_wrap > li small { font-size: 13.5px; font-size: 3.6vw; } #bm main .plan_sec .td_wrap > li.free { border-left: none; } #bm main .plan_sec .td_wrap > li.premium { min-width: 8.8888888889em; } #bm main .plan_sec .td_wrap .symbol { font-size: 24px; font-size: 6.4vw; } #bm main .plan_sec .td_wrap .symbol.-cross { font-size: 15px; font-size: 4vw; } #bm main .plan_sec .td_wrap .symbol.-triangle + small { letter-spacing: -.025em; } #bm main .plan_sec .td_wrap .nowrap { white-space: nowrap; } #bm main .plan_sec .functional, #bm main .plan_sec .non-functional { border-bottom: none; } #bm main .plan_sec .functional .left_area, #bm main .plan_sec .functional .th:last-child, #bm main .plan_sec .functional .td_wrap:last-child li, #bm main .plan_sec .non-functional .left_area, #bm main .plan_sec .non-functional .th:last-child, #bm main .plan_sec .non-functional .td_wrap:last-child li { border-bottom: solid 2px #ccc; } #bm main .plan_sec .functional .td_wrap li { background: #f0f6f9; } #bm main .plan_sec .functional .td_wrap:nth-child(even) li { background: #f7fafc; } #bm main .plan_sec .non-functional .td_wrap li { background: #edf9f5; } #bm main .plan_sec .non-functional .td_wrap:nth-child(even) li { background: #f6fcfa; } #bm main .plan_sec .monthly { height: 4.2142857143em; } #bm main .plan_sec .monthly p { padding-right: .5em; } #bm main .plan_sec .monthly p, #bm main .plan_sec .monthly li { font-size: 18px; font-size: 4.8vw; } #bm main .plan_sec .monthly b { font-size: 36px; font-size: 9.6vw; } #bm main .plan_sec .monthly b + span { padding-top: .75em; } #bm main .plan_sec .notice_box { margin-top: 1.0714285714em; } #bm main .plan_sec .notice_box .notice { line-height: 1.333; letter-spacing: 0; text-align: justify; } #bm main .plan_sec .notice_box .notice:before { width: 1.2em; } }

@media screen and (max-width: 750px) and (orientation: landscape) { #bm main .plan_sec .ttl_wrap { width: 6.1071428571em; } #bm main .plan_sec .data_wrap { width: calc(100% - 6.1071428571em); } #bm main .plan_sec .th_wrap { width: 100%; min-height: 3.5714285714em; } #bm main .plan_sec .th_wrap > li { width: 33.333%; min-width: 33.333%; } #bm main .plan_sec .th_wrap > li.premium { width: 33.334%; min-width: 33.334%; } #bm main .plan_sec .th_wrap b { font-size: 13.5px; font-size: 3.6vw; } #bm main .plan_sec .th_wrap span { font-size: 6px; font-size: 1.6vw; } #bm main .plan_sec .tbody_th_wrap { font-size: 6px; font-size: 1.6vw; } #bm main .plan_sec .tbody_th_wrap .left_area { width: 3.3333333333em; } #bm main .plan_sec .tbody_th_wrap .left_area p { font-size: 1em; } #bm main .plan_sec .tbody_th_wrap .right_area .th { font-size: 6px; font-size: 1.6vw; } #bm main .plan_sec .tbody_th_wrap .right_area .th small { font-size: 5.25px; font-size: 1.4vw; } #bm main .plan_sec .td_wrap { width: 100%; min-width: 100%; } #bm main .plan_sec .td_wrap > li { width: 33.333%; min-width: 33.333%; font-size: 9px; font-size: 2.4vw; } #bm main .plan_sec .td_wrap > li small { font-size: 6.75px; font-size: 1.8vw; } #bm main .plan_sec .td_wrap > li.premium { width: 33.334%; min-width: 33.334%; } #bm main .plan_sec .td_wrap .symbol { font-size: 12px; font-size: 3.2vw; } #bm main .plan_sec .td_wrap .symbol.-cross { font-size: 7.5px; font-size: 2vw; } #bm main .plan_sec .monthly { height: 3.5714285714em; min-height: 3.5714285714em; } #bm main .plan_sec .monthly p, #bm main .plan_sec .monthly li { font-size: 9px; font-size: 2.4vw; } #bm main .plan_sec .monthly b { font-size: 18px; font-size: 4.8vw; } }

@media screen and (max-width: 750px) { #bm main .monitor_sec { margin-top: 0; padding-bottom: 3.5714285714em; } #bm main .monitor_sec .trial_list { margin-top: 2.7142857143em; padding-left: 0.1785714286em; display: block; } #bm main .monitor_sec .trial_list li { display: flex; align-items: center; width: 100%; } #bm main .monitor_sec .trial_list li + li { margin-top: 1.2142857143em; margin-left: 0; } #bm main .monitor_sec .trial_list li + li:before { top: -0.2142857143em; left: 4.7142857143em; transform: translate(0%, -100%) rotate(90deg); width: 0.4285714286em; height: 0.75em; } #bm main .monitor_sec .trial_list li img { flex-shrink: 0; width: 9.5714285714em; } #bm main .monitor_sec .trial_list p { margin-top: -0.15625em; margin-left: 1.375em; line-height: 1.3125; font-size: 16px; font-size: 4.2666666667vw; text-align: justify; text-justify: distribute; } #bm main .monitor_sec .btn_wrap { margin-top: 1.5357142857em; } #bm main .faq_sec { margin-top: 0.7142857143em; padding-bottom: 5.1785714286em; background: #f0f6f9; } #bm main .faq_sec:after { margin: 0 auto; top: auto; left: 50%; right: auto; bottom: -6.6071428571em; z-index: 80; transform: translateX(-50%); width: 5.9285714286em; height: 12.5714285714em; font-size: 14px; font-size: 3.7333333333vw; background: url(../data/bookmarry/images/faq-illust.svg) no-repeat; background-size: contain; } #bm main .faq_sec .inner { display: block; } #bm main .faq_sec .headline_area { flex-shrink: 0; width: 100%; } #bm main .faq_sec .headline_area img { display: none; } #bm main .faq_sec .faq_list { margin-top: 3.6785714286em; width: 100%; } #bm main .faq_sec dl { padding-bottom: 1.25em; border-bottom: solid 0.1428571429em #ccc; } #bm main .faq_sec dl + dl { margin-top: 2.25em; } #bm main .faq_sec dl.inne1_sp { padding-bottom: 1em; } #bm main .faq_sec dl.inne1_sp dd { margin-top: 0.3571428571em; } #bm main .faq_sec dt:before, #bm main .faq_sec dd:before { margin-right: 0.6428571429em; top: -0.7857142857em; left: 0; width: 3.125em; height: 3.125em; font-size: 14px; font-size: 3.7333333333vw; } #bm main .faq_sec dt { line-height: 1.3125; font-size: 16px; font-size: 4.2666666667vw; } #bm main .faq_sec dd { margin-top: 0.7142857143em; line-height: 1.5; font-size: 14px; font-size: 3.7333333333vw; } #bm main .contact_sec { margin-top: 7.5714285714em; padding-bottom: 5.75em; } #bm main .contact_sec .anchor { top: 0; } #bm main .contact_sec .headline_area h2 { line-height: 1.3; letter-spacing: -.05em; } #bm main .contact_sec .headline_area h2 b { padding-left: 0; letter-spacing: inherit; } #bm main .contact_sec .headline_area .lead { margin-top: 1.90625em; } #bm main .contact_sec .btn_wrap { margin-top: 2.7142857143em; } #bm main .service_sec { padding-top: 4.1785714286em; padding-bottom: 5.7142857143em; } #bm main .service_sec .service_box { margin-top: 2.7857142857em; padding: 2.9285714286em 1.4285714286em 57px; } #bm main .service_sec dl { padding-bottom: 2.1785714286em; display: block; } #bm main .service_sec dl:before, #bm main .service_sec dl:after { height: 4px; } #bm main .service_sec dl:before { height: 2px; } #bm main .service_sec dl:after { width: 11.0357142857em; } #bm main .service_sec dl:last-of-type { padding-bottom: 2.9285714286em; border-bottom: solid 2px #ccc; } #bm main .service_sec dl:last-of-type + .notice { margin-top: 0.5em; } #bm main .service_sec dt { padding: 1.1428571429em 0 0; width: 100%; font-size: 16px; font-size: 4.2666666667vw; } #bm main .service_sec dd { padding: 0.7857142857em 0 0; font-size: 14px; font-size: 3.7333333333vw; } #bm main .service_sec .link_area { margin-top: 2.0714285714em; } #bm main .service_sec .link_area .logo { width: 19.4642857143em; max-width: none; } #bm main .service_sec .link_area .badge_list { margin-top: 0.3571428571em; } #bm main .service_sec .link_area .badge_list li + li { margin-left: 0.6428571429em; } #bm main .service_sec .link_area .badge_list img { width: auto; height: 2.4642857143em; } #bm main .service_sec .link_area .notice { margin-top: 2.2916666667em; line-height: 1.33; } #bm main .service_sec .link_area .notice:before { width: 1.25em; } #bm main .service_sec .link_area .notice + .notice { margin-top: 0; } #bm main .service_sec .notice { margin-top: 1.2em; } #bm main .service_sec .btn_wrap { margin-top: 4.2142857143em; } #bm main .service_sec.-terms { margin-top: -1.5em; padding-top: 0; padding-bottom: 4.2857142857em; } #bm main .service_sec.-terms dl:last-of-type { padding-bottom: 0; border: none; } #bm main .service_sec.-terms dd { line-height: 1.5; font-size: 14px; font-size: 3.7333333333vw; } #bm main .service_sec.-terms dd .notice { margin-top: 0.6666666667em; } #bm main .service_sec.-terms dd .notice:before { width: 1.25em; } #bm main .service_sec.-terms .btn_wrap { margin-top: 2.1785714286em; } #bm main .nowrap_sp { white-space: nowrap; } #bm-info-main { font-size: 14px; font-size: 3.7333333333vw; padding-top: 3.9285714286em; } #bm-info-main:after { top: 3.9285714286em; height: 16.7142857143em; } #bm-info-main section { padding: 2.8571428571em 0; } #bm-info-main .inner { width: 23.9285714286em; } #bm-info-main .information_sec { padding: 4.3928571429em 0 2.8571428571em; min-height: calc(100vh - 18.5714285714em); box-shadow: inset 0px -3.2142857143em 1.0714285714em -1.0714285714em #f0f6f9; } #bm-info-main .breadcrumb-section { display: none; } #bm-info-main .headline_area { margin-top: 0; } #bm-info-main .headline_area b { font-size: 27px; font-size: 7.2vw; } #bm-info-main .headline_area small { margin-top: .6em; font-size: 14px; font-size: 3.7333333333vw; } #bm-info-main .info_box { margin: 3.1071428571em auto 2.9285714286em; padding: 2.9285714286em 1.4285714286em; max-width: 100%; } #bm-info-main .info_box:before { top: -5.9642857143em; right: 1.3214285714em; width: 6.2857142857em; height: 7.4285714286em; } #bm-info-main .info-list { border-top: solid 1px #ccc; } #bm-info-main .info-list li { border-bottom: solid 1px #ccc; } #bm-info-main .info-list li:last-child { border-bottom: solid 1px #ccc; } #bm-info-main .info-list a { padding: 1.25em 0; display: block; font-size: 14px; font-size: 3.7333333333vw; } #bm-info-main .info-list .date { margin-bottom: 0.4285714286em; display: block; width: 100%; line-height: normal; } #bm-info-main .pagination > .arrow { width: 0.8571428571em; height: 0.8571428571em; } #bm-info-main .pagination > .arrow.prev { left: -1.4285714286em; } #bm-info-main .pagination > .arrow.next { right: -1.4285714286em; } #bm-info-main .page-numbers { font-size: 14px; font-size: 3.7333333333vw; } #bm-info-main .page-numbers > li .page-numbers { margin: 0 0.0714285714em; width: 2.5em; height: 2.5em; font-weight: 400; } #bm-info-main .page-numbers > li .dots { padding-bottom: .5em; } #bm-info-main.single_page:after { max-height: 16.7142857143em; } #bm-info-main.single_page .headline_area { margin-top: 0; } #bm-info-main.single_page .info_box { margin-top: 3.1071428571em; margin-bottom: 2.8571428571em; padding-top: 2.6785714286em; padding-bottom: 1.5em; } #bm-info-main.single_page .title_area { padding-bottom: 1.75em; border-bottom: solid 0.1428571429em #b7bfc7; } #bm-info-main.single_page .title_area .date { font-size: 16px; font-size: 4.2666666667vw; } #bm-info-main.single_page .title_area .main_title { margin-top: 0.4285714286em; font-size: 21px; font-size: 5.6vw; } #bm-info-main.single_page .contents_area { margin-top: 2.1428571429em; } #bm-info-main.single_page .contents_area p { font-size: 14px; font-size: 3.7333333333vw; } #bm-info-main.single_page .contents_area p + p.float-img-parent { margin-top: 1.8em; } #bm-info-main.single_page .contents_area p + p.float-img-parent img { margin-top: 0; } #bm-info-main.single_page .contents_area p:last-child { margin-bottom: 1.1em; } #bm-info-main.single_page .contents_area p.float-img-parent { clear: both; } #bm-info-main.single_page .contents_area p.float-img-parent ~ .float-img-parent { margin-top: 1.8em; } #bm-info-main.single_page .contents_area img[class*="wp-image"] { margin-bottom: -.3em; } #bm-info-main.single_page .contents_area img[class*="wp-image"].alignleft, #bm-info-main.single_page .contents_area img[class*="wp-image"].alignright { margin-bottom: 1.1em; } #bm-info-main.single_page .contents_area .alignleft, #bm-info-main.single_page .contents_area .alignright { float: none; margin: 0; width: 100%; } }

/* --------------------------------------------------  スマートフォン(ランドスケープ) -------------------------------------------------- */
@media screen and (max-width: 640px) and (orientation: landscape) { /*  共通
-------------------------------------------------- */ header { padding: 2.34375%; } header .logo { width: 33%; } header nav { overflow: scroll; } header .icon-twitter { width: 5.5172413793%; } header .btn-sp-nav { margin-left: 2.1875%; width: 5.1724137931%; } #product main, #information main, #information-detail main, #case main, #scene main, #scene-detail main { padding-top: 9.53125%; } /*  トップ
-------------------------------------------------- */ #home .scene-wrap .text-area { padding: 15.5172413793% 6.8965517241% 51.724137931%; } }

@media screen and (min-width: 640px) and (orientation: landscape) { /*  共通
-------------------------------------------------- */ header nav { overflow: visible; } }