/*----------------------------------------------*/ /* /* config /* /*----------------------------------------------*/ /* fontfamily --------------------------------------*/ /* font-weight --------------------------------------*/ /* line-height --------------------------------------*/ /* color --------------------------------------*/ /* width --------------------------------------*/ /* main */ /* global navi */ /* column max width */ /* 2column max width */ /* dlModEleFloat */ /* tModEleNews */ /* fModEleTable th */ /* input textarea */ /* btn */ /* margin /*----------------------------------------------*/ /* between column */ /* padding ----------------------------------------------*/ /* box */ /* column */ /* li padding-left */ /* dd padding-left */ /* faq*/ /* border radius */ /* img opacity */ /* indent */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ /* @import url('http://example.com/example_style.css'); */ @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); @import url('https://fonts.googleapis.com/css?family=Yantramanav:300,400,500,700,900'); /****************************************************************************/ /* This is the default custom CSS file that is included in every template. */ /* It can be edited, but it cannot be renamed or deleted. */ /* You will see it included in the source of every page as */ /* 'コードファイル/Custom/system/default/Hs Default Custom Style.css' */ /****************************************************************************/ /*----------------------------------------------*/ /* /* box-sizing /* /*----------------------------------------------*/ *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /*----------------------------------------------*/ /* /* reset /* /*----------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } th,td { padding: 8px 10px; } .main th p, .main td p { padding: 0; margin-right: 0; margin-left: 0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .row-fluid [class*="span"] { min-height: inherit; } /*----------------------------------------------*/ /* /* elements /* /*----------------------------------------------*/ /* html --------------------------------------*/ html{ font-size: 62.5%; } /* body --------------------------------------*/ body { background-color: #ffffff; color: #333333; text-align: left; font-family: Noto Sans Japanese,YuGothic,'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Osaka, sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.8; font-size: 1.2rem; font-weight: 400; overflow-wrap: break-word; } @media only screen and (max-width: 640px) { body { font-size: 1.1rem; } } /* img --------------------------------------*/ img{ max-width: 100%; height: auto; vertical-align: bottom; } img[src$=".svg"] { width: 100%; } /* input --------------------------------------*/ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], select, textarea { padding: 5px 5px; border: 1px solid #cccccc; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="date"]:hover, select:hover, textarea:hover{ border: 1px solid #cccccc; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, select:focus, textarea:focus { border: 1px solid #cccccc; } input[type="button"], input[type="submit"], input[type="button"].disabled:hover, input[type="submit"].disabled:hover { padding: 3px 5px; color: inherit; } input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"]:visited, input[type="button"].disabled:hover:hover, input[type="button"].disabled:hover:focus, input[type="button"].disabled:hover:active, input[type="button"].disabled:hover:visited, input[type="submit"].disabled:hover:hover, input[type="submit"].disabled:hover:focus, input[type="submit"].disabled:hover:active, input[type="submit"].disabled:hover:visited { text-decoration: none; } .block>span { display: block; } .block02>span { display: inline-block; } .natural+.-mt20 { margin-top: 20px; } a { color: #333333; } a:hover { text-decoration: none; } .row-fluid [class*="span"] { min-height: inherit !important; } :placeholder-shown { color: #e1e9f7; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: #e1e9f7; } /* Firefox */ ::-moz-placeholder { color: #e1e9f7; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color: #e1e9f7; } .row-fluid [class*="span"]:first-child .container, .row-fluid [class*="span"] .container, .container{ float: none !important; width: 100% !important; max-width: 1000px; margin-right: auto !important; margin-left: auto !important; } .lp .row-fluid [class*="span"]:first-child .container, .lp .row-fluid [class*="span"] .container, .lp .container{ max-width: 710px; } @media only screen and (max-width: 1100px) { .row-fluid [class*="span"]:first-child .container, .container{ padding: 0; max-width: inherit; margin-right: 0 !important; margin-left: 0 !important; } .footer .row-fluid .container { padding: 0 15px !important; } .row-fluid [class*="span"]:first-child .container .container, .container .container{ padding: 0; } .row-fluid [class*="span"]:first-child .container .-top { padding: 0; } .lp .row-fluid [class*="span"]:first-child .container, .lp .row-fluid [class*="span"] .container, .lp .container{ max-width: 710px; margin-right: auto !important; margin-left: auto !important; } } .row-fluid .container .span12 { float: none; } @media only screen and (max-width: 710px) { .lp .row-fluid [class*="span"]:first-child .container, .lp .row-fluid [class*="span"] .container, .lp .container{ padding: 0 0 !important; max-width: 710px; margin-right: 0 !important; margin-left: 0 !important; } } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== columns ========================================================================== */ .columns { width: 100%; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } .columns.-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;; } .columns > .column{ margin-bottom: 0; width: 100%; } .columns.-center>.column { width: auto !important; } .-border-r.-solid > .column { border-right: 1px solid #aaaaaa; } .-border-r.-dotted > .column { border-right: 1px dotted #aaaaaa; } .-border-r.-solid > .column:last-child, .-border-r.-dotted > .column:last-child{ border-right: none; } .-two > .column { width: 50.0%; max-width: 500.0px; margin: 20px 0 0; } .-two > .column:nth-of-type(2n+1) { padding-right: 10px; } .-two > .column:nth-of-type(2n+2) { padding-left: 10px; } .-two > .column:nth-of-type(1), .-two > .column:nth-of-type(2){ margin-top: 0; } .-two.-two-one > .column:nth-of-type(2n+1) { width: 67.16666666666666%; max-width: 671.6666666666666px; } .-two.-two-one > .column:nth-of-type(2n+2) { width: 32.83333333333333%; max-width: 328.3333333333333px; } .-two.-one-two > .column:nth-of-type(2n+1) { width: 32.83333333333333%; max-width: 328.3333333333333px; } .-two.-one-two > .column:nth-of-type(2n+2) { width: 67.16666666666666%; max-width: 671.6666666666666px; } .-two.-three-one > .column:nth-of-type(2n+1) { width: 75.75%; max-width: 757.5px; } .-two.-three-one > .column:nth-of-type(2n+2) { width: 25.75%; max-width: 257.5px; } .-two.-one-three > .column:nth-of-type(2n+1) { width: 25.75%; max-width: 257.5px; } .-two.-one-three > .column:nth-of-type(2n+2) { width: 75.75%; max-width: 757.5px; } .-three > .column { margin: 20px 0 0; } .-three > .column:nth-of-type(3n+1) { width: 32.83333333333333%; max-width: 328.3333333333333px; padding-right: 15px; } .-three > .column:nth-of-type(3n+2) { width: 34.33333333333333%; max-width: 343.3333333333333px; padding-right: 15px; padding-left: 15px; } .-three > .column:nth-of-type(3n+3) { width: 32.83333333333333%; max-width: 328.3333333333333px; padding-left: 15px; } .-three > .column:nth-of-type(1), .-three > .column:nth-of-type(2), .-three > .column:nth-of-type(3){ margin-top: 0; } .-four .column { width: 25.75%; max-width: 257.5px; padding-right: 10px; padding-left: 10px; margin: 0; } .-four .column:nth-of-type(4n+1), .-four .column:nth-of-type(4n+4){ width: 24.25%; max-width: 242.5px; } .-four .column:nth-of-type(4n+1){ padding-left: 0; } .-four .column:nth-of-type(4n+4){ padding-right: 0; } .-four .column:nth-of-type(1), .-four .column:nth-of-type(2), .-four .column:nth-of-type(3), .-four .column:nth-of-type(4){ margin-top: 0; } .-five .column { width: 20.6%; max-width: 206.0px; padding-right: 10px; padding-left: 10px; margin: 0; } .-five .column:nth-of-type(5n+1), .-five .column:nth-of-type(5n+5){ width: 19.1%; max-width: 191.0px; } .-five .column:nth-of-type(1){ padding-left: 0; } .-five .column:nth-of-type(5){ padding-right: 0; } @media only screen and (min-width: 641px) and (max-width: 768px) { .-bp-768.-two > .column:nth-of-type(2), .-bp-768.-three > .column:nth-of-type(2), .-bp-768.-three > .column:nth-of-type(3), .-bp-768.-four > .column:nth-of-type(2), .-bp-768.-four > .column:nth-of-type(3), .-bp-768.-four > .column:nth-of-type(4){ margin: 60px 0 0; } .-bp-768.-border-r > .column { margin-top: 60px; padding-top: 60px; } .-bp-768 > .column.-order02, .-bp-768.-two.-order02 { margin: 60px 0 0; } .-two.-two-one>.column:nth-of-type(1), .-two.-two-one>.column:nth-of-type(2), .-two.-one-two>.column:nth-of-type(1), .-two.-one-two>.column:nth-of-type(2), .-two.-three-one>.column:nth-of-type(1), .-two.-three-one>.column:nth-of-type(2), .-two.-one-three>.column:nth-of-type(1), .-two.-one-three>.column:nth-of-type(2){ width: 50.0%; max-width: 500.0px; } .-four.-rate-211 > .column{ width: 50.0%; max-width: 500.0px; margin: 60px 0 0 0; } .-four.-rate-211 > .column:nth-of-type(2), .-four.-rate-211 > .column:nth-of-type(4){ padding-left: 10px; padding-right: 0; } .-four.-rate-211 > .column:nth-of-type(1), .-four.-rate-211 > .column:nth-of-type(2){ margin-top: 0; } .-four.-rate-211.-border-r.-solid > .column:nth-of-type(2), .-four.-rate-211.-border-t.-dotted > .column:nth-of-type(2){ border-right: none; } .-five > .column{ padding: 0 10px; margin: 60px 0 0 0; } .-five > .column:nth-of-type(1), .-five > .column:nth-of-type(2), .-five > .column:nth-of-type(3) { margin-top: 0; } .-five > .column:nth-of-type(3n+1){ width: 32.83333333333333%; max-width: 328.3333333333333px; padding-left: 0; } .-five > .column:nth-of-type(3n+2){ width: 34.33333333333333%; max-width: 343.3333333333333px; } .-five > .column:nth-of-type(3n+3){ width: 32.83333333333333%; max-width: 328.3333333333333px; padding-right: 0; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .-four.-rate-221 > .column{ width: 50.0%; max-width: 500.0px; margin: 60px 0 0 0; } .-four.-rate-221 > .column:nth-of-type(2), .-four.-rate-221 > .column:nth-of-type(4){ padding-left: 10px; padding-right: 0; } .-four.-rate-221 > .column:nth-of-type(1), .-four.-rate-221 > .column:nth-of-type(2){ margin-top: 0; } .-four.-rate-221.-border-r.-solid > .column:nth-of-type(2), .-four.-rate-221.-border-r.-dotted > .column:nth-of-type(2){ border-right: none; } } @media only screen and (max-width: 768px) { .-bp-768{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .-bp-768 > .column { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } .-bp-768.-two > .column:nth-of-type(2) { margin-top: 20px; } .-bp-768.-three > .column:nth-of-type(2), .-bp-768.-three > .column:nth-of-type(3){ margin-top: 20px; } .-bp-768.-four > .column:nth-of-type(2), .-bp-768.-four > .column:nth-of-type(3), .-bp-768.-four > .column:nth-of-type(4){ margin-top: 20px; } .-bp-768.-two.-mt0 > .column { margin-top: 0 !important; } .-bp-768.-border-r.-solid > .column { border-right: none !important; border-top: 1px solid #aaaaaa; } .-bp-768.-border-r.-dotted > .column { border-right: none !important; border-top: 1px doteed #aaaaaa; } .-bp-768.-border-r > .column:first-child { margin-top: 0; padding-top: 0; border: none:; } .-bp-768 > .column.-order01, .-bp-768.-two.-order01 { -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; margin: 0; } .-bp-768 > .column.-order02, .-bp-768.-two.-order02 { -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; } .-bp-768 > .column:first-child { margin-top: 0 !important; } .-four.-rate-222 > .column{ width: 50%; max-width: 500.0px; margin: 60px 0 0 0; } .-four.-rate-222 > .column:nth-of-type(2), .-four.-rate-222 > .column:nth-of-type(4){ padding-left: 10px !important; padding-right: 0 !important; } .-four.-rate-222 > .column:nth-of-type(1), .-four.-rate-222 > .column:nth-of-type(2){ margin-top: 0 !important; } .-four.-rate-222.-border-r.-solid > .column:nth-of-type(2), .-four.-rate-222.-border-r.-dotted > .column:nth-of-type(4){ border-right: none; } } @media only screen and (min-width: 481px) and (max-width: 640px) { .-four.-rate-221 > .column, .-four.-rate-421 > .column{ width: 50.0%; max-width: 500.0px; margin: 40px 0 0 0; } .-four.-rate-421 > .column:nth-of-type(2), .-four.-rate-421 > .column:nth-of-type(4){ padding-left: 10px; padding-right: 0; } .-four.-rate-421 > .column:nth-of-type(1), .-four.-rate-421 > .column:nth-of-type(2){ margin-top: 0; } .-four.-rate-421.-border-r.-solid > .column:nth-of-type(2), .-four.-rate-421.-border-r.-dotted > .column:nth-of-type(4){ border-right: none; } } @media only screen and (max-width: 640px) { .-two > .column, .-three > .column, .-four > .column{ margin-top: 20px; } .-two.-border-r > .column, .-three.-border-r > .column, .-four.-border-r > .column{ margin-top: 20px; padding-top: 20px; } .-two > .column.-mt-half, .-three > .column.-mt-half, .-four > .column.-mt-half{ margin-top: 5px !important; } .-bp-640, .-bp-640.-two, .-bp-640.-three, .-bp-640.-four{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; } .-bp-640.-two > .column:nth-of-type(2) { margin-top: 20px; } .-bp-640.-three > .column:nth-of-type(2), .-bp-640.-three > .column:nth-of-type(3){ margin-top: 20px; } .-bp-640.-four > .column:nth-of-type(2), .-bp-640.-four > .column:nth-of-type(3), .-bp-640.-four > .column:nth-of-type(4){ margin-top: 20px; } .-bp-640.-two.-mt0 > .column { margin-top: 0 !important; } .-bp-640 > .column{ width: 100% !important; max-width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; } .-bp-640 > .column:first-child { margin-top: 0 !important; } .-bp-640.-two > .column.-order01, .-bp-640 > .column.-order01{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; margin: 0 !important; } .-bp-640 > .column.-order02, .-bp-640.-two > .column.-order02{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; margin: 20px 0 0 !important; } .-bp-640.-border-r > .column { padding: 20px 0 0; margin: 20px 0 0; } .-bp-640.-border-r.-solid > .column { border-right: none; border-top: 1px solid #aaaaaa; } .-bp-640.-border-r.-dotted > .column { border-right: none; border-top: 1px dotted #aaaaaa; } .-bp-640.-border-r > .column:first-child{ padding-top: 0 !important; margin-top: 0 !important; border-top: none; } .-four.-rate-422 > .column{ width: 50.0%; max-width: 500.0px; margin: 40px 0 0 0; padding-right: 10px !important; padding-left: 0 !important; } .-four.-rate-422 > .column:nth-of-type(2), .-four.-rate-422 > .column:nth-of-type(4){ padding-left: 10px !important; padding-right: 0 !important; } .-four.-rate-422 > .column:nth-of-type(1), .-four.-rate-422 > .column:nth-of-type(2){ margin-top: 0; } .-four.-rate-422.-border-r.-solid > .column:nth-of-type(2), .-four.-rate-422.-border-r.-dotted > .column:nth-of-type(2){ border-right: none; } .-five > .column{ padding: 0 10px; margin: 40px 0 0 0; width: 50.0%; max-width: 500.0px; } .-five > .column:nth-of-type(1), .-five > .column:nth-of-type(2) { margin-top: 0; } .-five > .column:nth-of-type(2n+1){ padding-left: 0; } .-five > .column:nth-of-type(2n+2){ padding-right: 0; } } @media only screen and (max-width: 480px) { .-bp-480, .-bp-480.-two, .-bp-480.-three, .-bp-480.-four{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .-bp-480 > .column, .-bp-480.-two > .column:nth-of-type(2), .-bp-480.-three > .column:nth-of-type(2), .-bp-480.-three > .column:nth-of-type(3), .-bp-480.-four > .column:nth-of-type(2), .-bp-480.-four > .column:nth-of-type(3), .-bp-480.-four > .column:nth-of-type(4), .-three.-rate-221 > .column, .-four.-rate-221 > .column, .-three.-rate-321 > .column, .-four.-rate-421 > .column, .-three.-rate-321 > .column:nth-of-type(3n+3), .-four.-rate-421 > .column:nth-of-type(4n+4), .-three.-rate-321 > .column:nth-of-type(2n+2), .-four.-rate-421 > .column:nth-of-type(2n+2){ width: 100% !important; max-width: 100% !important; margin: 40px 0 0; padding-right: 0 !important; padding-left: 0 !important; } .-bp-480 > li:first-child, .-bp-480 > .column:first-child { margin-top: 0 !important; } .-bp-480 > .column.-order01, .-bp-480.-two > .column.-order01{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; margin: 0 !important; } .-bp-480 > .column.-order02, .-bp-480.-two > .column.-order02{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; margin: 40px 0 0 !important; } .-bp-480.-border-r > .column, .-four.-rate-441.-border-r > .column{ padding: 40px 0 0; margin: 40px 0 0; } .-bp-480.-border-r.-solid > .column, .-four.-rate-441.-border-r.-solid > .column{ border-right: none; border-top: 1px solid #aaaaaa; } .-bp-480.-border-r.-dotted > .column, .-four.-rate-441.-border-r.-dotted > .column{ border-right: none; border-top: 1px dotted #aaaaaa; } .-bp-480.-border-r > .column:first-child, .-four.-rate-441.-border-r > .column:first-child{ padding-top: 0 !important; margin-top: 0 !important; border-top: none; } .-four.-rate-442 > .column{ width: 50.0%; max-width: 500.0px; margin: 40px 0 0 0; padding-right: 10px; } .-four.-rate-442 > .column:nth-of-type(2), .-four.-rate-442 > .column:nth-of-type(4){ padding-right: 0; padding-left: 10px; } .-four.-rate-442 > .column:nth-of-type(1), .-four.-rate-442 > .column:nth-of-type(2), .-four.-rate-421 > .column:nth-of-type(1), .-four.-rate-421 > .column:nth-of-type(2){ margin-top: 0; } .-four.-rate-442.-border-r > .column:nth-of-type(2) { border-right: none; } } /* p --------------------------------------*/ .natural p{ font-size: 1.2rem; line-height: 1.8; } .natural p+p { margin-top: 20px; } .natural table p+p { margin-top: 5px; } /* a --------------------------------------*/ .natural a { position: relative; color: #0445ab; text-decoration: none; padding-left: 12px; min-height: 10px; } .natural a:after { content: ""; position: absolute; box-sizing: border-box; top: 0.5em; left: 0; margin: auto; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } .natural a:link { color: #0445ab; text-decoration: none; } .natural a:visited { color: #0445ab; text-decoration: none; } .natural a:active { color: #0445ab; text-decoration: none; } .natural a:hover { color: #0445ab; text-decoration: underline; } .natural a:focus { color: #0445ab; text-decoration: underline; } .natural a { word-break: break-all; } .natural a[target="_blank"] { display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZGMwMDAwO308L3N0eWxlPjwvZGVmcz48dGl0bGU+cG9vcHVwPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03My45LDMwLjI2VjEwSDVWNjkuNzRIMjYuMVY5MEg5NVYzMC4yNlpNMTQuNjEsNjAuMTNWMzAuNTNINjQuMjl2MjkuNkgxNC42MVpNODUuMzksODAuMzhIMzUuNzFWNjkuNzRINzMuOVY1MC43OUg4NS4zOVoiLz48L3N2Zz4=); background-position: left 0.5em; background-repeat: no-repeat; background-size: 10px 10px; padding-left: 15px; min-height: 10px; word-break: break-all; } .natural a[target="_blank"]:after { display: none; } .natural a.-pdf { display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnBkZjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjMuNzgsNjQuMzhjLS40NC0uNDctLjg5LTEtMS4zNy0xLjU1QTUxLjc4LDUxLjc4LDAsMCwxLDU5LDU4LjM3YzEtMy43MSwxLjU4LTcuNjQuNzctMTAuNTlhNi42MSw2LjYxLDAsMCwwLTYuNTctNS4xOCw2LjE0LDYuMTQsMCwwLDAtNi4zNiw1LjIyYy0uNTEsMywxLDcuMzIsMy40MywxMS42OEE1OC41Niw1OC41NiwwLDAsMSw0OCw2NS4wNmMtLjYyLDEuMzUtMS4yNSwyLjYtMS44NywzLjc0LTUuMzYsMi05Ljg0LDQuNTEtMTEuNyw2Ljg0YTYsNiwwLDAsMCwuMzYsOC40Niw2LjM1LDYuMzUsMCwwLDAsNC40NSwxLjgyLDguMTYsOC4xNiwwLDAsMCw0LjE2LTEuMjVjMy4wOS0xLjg1LDYtNS42OSw4LjE3LTkuMzJhOTAuMDUsOTAuMDUsMCwwLDEsOS40OC0yLjUyQTIwLDIwLDAsMCwwLDY3LDc2LjYyYzMuODIsMS4zNCw3LjMzLjExLDkuMTYtMy4yMXMuNTUtNi40NC0xLjYyLTcuODlTNjguNDgsNjMuODYsNjMuNzgsNjQuMzhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTMuNDYsMjQuNjJoMEw2OC44NCwwSDE2LjUzVjE4LjA3aC0xMFYzOS42NWgxMFYxMDBIOTMuNDZWMjQuNjJaTTY4Ljg0LDExLjMxbDEzLjMsMTMuMzFINjguODRaTTg1LjQ2LDkySDI0LjUzVjM5LjY1aDIyVjE4LjA3aC0yMlY4SDYwLjg0VjMyLjYySDg1LjQ2WiIvPjwvc3ZnPg==); background-position: left 0.5em; background-repeat: no-repeat; background-size: 10px 10px; padding-left: 15px; min-height: 10px; word-break: break-all; } .natural a.-pdf:after { display: none; } /* table --------------------------------------*/ .natural table { width: 100%; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; } .natural table.-bt0 { border-top: none !important; } .natural caption { padding-bottom: 5px; font-weight: bold; text-align: left; } .natural th,.natural td { text-align: left; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; word-break: break-all; padding: 3px 10px !important; vertical-align: top !important; font-size: 1.1rem; } .column .natural th,.column .natural td { padding: 3px !important; } .natural thead th { background-color: #eeeeee; } .natural tbody th { background-color: #eeeeee; } .natural th { vertical-align:middle; } .natural td { background-color: #ffffff; } .natural h2 { font-size: 2.0rem; font-weight: 500; line-height: 1.5; color: #0445ab; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; margin-bottom: 20px; } .natural h3 { font-size: 1.4rem !important; font-weight: 500; line-height: 1.6; margin-bottom: 20px !important; color: #333333 !important; padding: 10px 10px 8px !important; background-color: #bde3f3 !important; border-bottom: none !important; } .natural h4 { color: #ffffff; font-size: 1.4rem; font-weight: 500; line-height: 1.7; margin-bottom: 12px; } .natural h4>a { color: #ffffff; font-size: 1.4rem; font-weight: 500; line-height: 1.7; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii01IC0yIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC01IC0yIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iNSwwIDAsMCAxMC4wNjIsMTAuMDAyIDAsMjAgNSwyMCAxNC41LDEwLjAwMiAiLz4NCjwvc3ZnPg0K); padding-right: 32px; min-height: 24px; } .natural .heading04 { font-size: 1.4rem; font-weight: 500; line-height: 1.7; margin-bottom: 10px; color: #0445ab; } .natural h4>a:link { color: #333333; } .natural h4>a:visited { color: #ffffff; } .natural h4>a:active { color: #333333; } .natural h4>a:hover { color: #333333; } .natural h4>a:focus { color: #333333; } .natural ul, .natural ol{ padding-left: 1em; } .natural ul>li, .natural ol>li{ list-style-type: none; position: relative; } .natural ul>li+li, .natural ol>li+li{ margin-top: 5px; } .natural ul>li:after { display: block; content: ''; position: absolute; top: .7em; left: -1em; width: 6px; height: 6px; background-color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .natural ul.link { padding-left: 0; } .natural ul.link>li:after { display: none; } .natural .list-bar>li:after { display: block; content: ''; position: absolute; top: 45%; left: -1em; width: 6px; height: 2px; background-color: #ffffff; } .natural ol>li{ counter-increment: li; } .natural ol>li:before { content: counter(li)'. '; display: block; position: absolute; top: 0; left: -1em; color: #333333; } .natural strong { font-weight: 500; } @media only screen and (min-width: 641px) and (max-width: 1100px) { .natural h2 { font-size: 1.8rem; } .natural h3 { font-size: 1.4em !important; } .natural h3>a{ font-size: 1.4em; } .natural h4 { font-size: 1.4rem; margin-bottom: 12px; } .natural h4>a{ font-size: 1.4rem; } } @media print, screen and (max-width: 640px) { .natural h2 { font-size: 1.6rem; } .natural h3 { font-size: 1.4rem; } .natural h3>a{ font-size: 1.4rem; } .natural h4 { font-size: 1.4rem; margin-bottom: 12px; } .natural h4>a{ font-size: 1.4rem; } .natural th,.natural td{ padding: 3px !important; } .natural .vertical table { border-left: none; } .natural table.-bt0-sp { border-top: none !important; } .natural .vertical table tr th, .natural .vertical table tr td { display: block; border-bottom: none; border-left: 1px solid #aaaaaa; height: auto !important; } .natural .vertical table tr th { width: 100% !important; border-bottom: 1px solid #aaaaaa; } .natural .vertical table tr { border-bottom: 1px solid #aaaaaa; } } @media print, screen and (max-width: 400px) { .natural .horizontal { border-left: 1px solid #aaaaaa; overflow-x: scroll; } .natural .horizontal table { border-left: none; } .natural .horizontal table { width: 400px; } } /* ========================================================================== text ========================================================================== */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } /* ========================================================================== bg-color ========================================================================== */ .section { background-color: transparent; } .section.-l-blue { background-color: #faeed0; } .section.-l-blue .container { background-color: #faeed0; } /* ========================================================================== division ========================================================================== */ .division-top-l { margin-top: 100px; } .division-top-m { margin-top 80px; } .division-top-s { margin-top: 60px; } .division-top-ss { margin-top: 40px; } .division-top-sss { margin-top: 20px; } .division-bottom-l { margin-bottom: 100px; } .division-bottom-m { margin-bottom: 80px; } .division-bottom-s { margin-bottom: 60px; } .division-bottom-ss { margin-bottom: 40px; } .division-bottom-sss { margin-bottom: 20px; } .-border+.-border { border-top: 1px dotted #aaaaaa; padding-top: 20px; } .division-img { overflow: hidden; width: 100%; } .division-img img{ width: 100%; } .hr-line { border: none; margin: 0; border-top: 1px solid #aaaaaa; width: 100%; padding: 1px 0; } @media only screen and (min-width: 641px) and (max-width: 768px) { .division-top-l { margin-top: 100px; } .division-top-m { margin-top 80px; } .division-top-s { margin-top: 60px; } .division-top-ss { margin-top: 40px; } .division-top-sss { margin-top: 20px; } .division-bottom-l { margin-bottom: 100px; } .division-bottom-m { margin-bottom: 80px; } .division-bottom-s { margin-bottom: 60px; } .division-bottom-ss { margin-bottom: 40px; } .division-bottom-sss { margin-bottom: 20px; } } @media only screen and (max-width: 640px) { .division-top-l { margin-top: 60px; } .division-top-m { margin-top 60px; } .division-top-s { margin-top: 40px; } .division-top-ss { margin-top: 20px; } .division-bottom-l { margin-bottom: 60px; } .section.-l-blue .container.division-bottom-l { margin-bottom: 0; padding-bottom: 60px; } .division-bottom-m { margin-bottom: 60px; } .division-bottom-s { margin-bottom: 40px; } .division-bottom-ss { margin-bottom: 20px; } .division-bottom-sss { margin-bottom: 20px; } } /* ========================================================================== figure ========================================================================== */ .figure-box .img { margin-bottom: 20px; text-align: center; } .figure-box a { text-decoration: none; color: #0445ab; } .figure-box a .link { padding-left: 16px; position: relative; margin-bottom: 16px; } .figure-box a .link:before { content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 0; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } @media only screen and (min-width: 769px) { .figure-box a .img, .figure-box .img{ overflow: hidden; } .figure-box a .img img, .figure-box .img a img{ -moz-transition: -moz-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -ms-transition: -ms-transform 0.3s linear; transition: transform 0.3s liner; } .figure-box a:hover .img img, .figure-box .img a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .figure-box a:hover .heading02>span, .figure-box a:hover .heading03>span, .figure-box a:hover .heading04>span, .figure-box a:hover .text-lead>span{ color: #333333 !important; } } .padding-box { position: relative; padding: 20px; background-color: #ffffff; } .padding-box:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_header.png); background-position: left bottom; background-repeat: repeat-x; } .padding-box.-beige { background-color: #f6e9cf; } .padding-box.-l-blue { background-color: #bde3f3; } .section.padding-box { padding: 0; } .section.padding-box>span>div { padding: 0 20px; } .section.padding-box>span>div:first-child { padding-top: 20px; } .section.padding-box>span>div:last-child { padding-bottom: 20px; margin-bottom: 0; } @media only screen and (max-width: 768px) { .padding-box { padding: 15px; } .section.padding-box { padding: 0; } .section.padding-box>span>div { padding: 0 15px; } .section.padding-box>span>div:first-child { padding-top: 15px; } .section.padding-box>span>div:last-child { padding-bottom: 15px; } } /* ========================================================================== display ========================================================================== */ @media only screen and (min-width: 1101px) { .pc-l, .pc-ls, .pc-ls-tb{ display: block !important; } .pc-l.-ib, .pc-ls.-ib, .pc-ls-tb.-ib{ display: inline-block !important; } .pc-l.-tc, .pc-ls.-tc, .pc-ls-tb.-tc{ display: table-cell !important; } .pc-s, .pc-s-tb-sp, .tb, .sp, .tb-sp{ display: none !important; } } @media only screen and (max-width: 1100px) { .pc-l{ display: none !important; } .pc-s-tb-sp,{ display: block !important; } .pc-s-tb-sp.-ib,{ display: inline-block !important; } } @media only screen and (min-width: 769x) and (max-width: 1100px) { .pc-ls, .pc-s, .pc-ls-tb{ display: block !important; } .pc-ls.-ib, .pc-s.-ib, .pc-ls-tb.-ib{ display: inline-block !important; } .pc-ls.-tc, .pc-s.-tc, .pc-ls-tb.-tc{ display: table-cell !important; } .pc, .tb, .sp, .tb-sp{ display: none !important; } } @media only screen and (min-width: 769px) { .tb, .tb-sp, .sp{ display: none !important; } .pc-ls-tb{ display: block !important; } .pc-ls-tb.-ib{ display: inline-block !important; } .pc-ls-tb.-tc{ display: table-cell !important; } } @media only screen and (max-width: 768px) { .pc-l, .pc-ls, .pc-s, .sp{ display: none !important; } .tb-sp{ display: block !important; } .tb-sp.-ib{ display: inline-block !important; } .tb-sp.-tc{ display: table-cell !important; } } @media only screen and (min-width: 641px) and (max-width: 768x) { .pc, .pc-s, .sp{ display: none !important; } .tb, .pc-ls-tb, .tb-sp{ display: block !important; } .tb.-ib, .pc-ls-tb.-ib, .tb-sp.-ib{ display: inline-block !important; } .tb.-tc, .pc-ls-tb.-tc, .tb-sp.-tc{ display: table-cell !important; } } @media only screen and (min-width: 641px) { .sp{ display: none !important; } .tb, .pc-ls-tb{ display: block !important; } .tb.-ib, .pc-ls-tb.-ib{ display: inline-block !important; } .tb.-tc, .pc-ls-tb.-tc{ display: table-cell !important; } } @media only screen and (max-width: 640px) { .sp, .tb-sp{ display: block !important; } .sp.-ib, .tb-sp.-ib{ display: inline-block !important; } .sp.-tc, .tb-sp.-tc{ display: table-cell !important; } .pc-ls-tb, .pc-l, .pc-ls, .pc-s{ display: none !important; } } svg:not(:root) { vertical-align: middle; overflow: visible; max-width: 100%; } .svg-wrap { position: relative; width: 100%; height: 0; padding-top: calc(119 / 93 * 100%); //アスペクト比の計算 calc(svgの高さ / svgの幅 x 要素の幅) } .svg { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } /* ========================================================================== heading ========================================================================== */ .heading01 { position: relative; display: inline-block; color: #ffffff; font-size: 2.1rem; font-weight: 500; line-height: 1.4; padding: 20px 65px 0 20px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_h1_middle.png); background-repeat: repeat-y; background-position: right top; text-align: left; min-width: 290px; margin-bottom: 10px; } .heading01:before { content: ""; position: absolute; right: 0; top: -10px; width: 100%; height: 10px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_h1_upper.png); background-repeat: no-repeat; background-position: right top; } .heading01:after { content: ""; position: absolute; right: 0; bottom: -10px; width: 100%; height: 10px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_h1_lower.png); background-repeat: no-repeat; background-position: right bottom; } .heading01>span { position: relative; display: inline-block; padding-left: 35px; padding-bottom: 10px; } .heading01>span:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -15px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzIyYTFkNjt9LmNscy0ze2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5vdGhlcnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg4LjQyLDUuMTVDNjUuMTItOC4zMyw1MCw4LjkyLDUwLDguOTJTMzQuNzgtOC4zMywxMS40Nyw1LjE1Qy0yOC45MywyOC41Myw1MC4zNCwxMDAsNTAuMzQsMTAwUzEyOC44MiwyOC41Myw4OC40Miw1LjE1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1Ny4yMiAzOS4zNSA1Ny4yMiAyMS40OSA0Mi45NCAyMS40OSA0Mi45NCAzOS4zNSAyNS4wOCAzOS4zNSAyNS4wOCA1My42MyA0Mi45NCA1My42MyA0Mi45NCA3MS40OSA1Ny4yMiA3MS40OSA1Ny4yMiA1My42MyA3NS4wOCA1My42MyA3NS4wOCAzOS4zNSA1Ny4yMiAzOS4zNSIvPjwvc3ZnPg==); background-position: left center; background-repeat: no-repeat; background-size: 25px 25px; width: 25px; height: 25px; } .heading01>span.icon-database:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9LmNscy0ye2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kYXRhYmFzZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTguODgsNUEzNi4xLDM2LjEsMCwwLDAsMjguNjEsNjAuNzlMNSw4NC40LDE1LjYsOTUsMzkuMjEsNzEuMzlBMzYuMTEsMzYuMTEsMCwxLDAsNTguODgsNVptMCw1OC41OEEyMi40NywyMi40NywwLDEsMSw4MS4zNSw0MS4xMiwyMi40NywyMi40NywwLDAsMSw1OC44OCw2My41OFoiLz48L3N2Zz4=); } .heading01>span.icon-ranking:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnJhbmtpbmc8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNS45NSIgY3k9IjM2LjU3IiByPSI1Ljk1Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAuOTIsMjguMjVhNS42Niw1LjY2LDAsMSwwLTUuNjUtNS42NUE1LjY1LDUuNjUsMCwwLDAsNTAuOTIsMjguMjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTQuMDUsMzAuNjJhNS45NSw1Ljk1LDAsMSwwLDYsNS45NUE2LDYsMCwwLDAsOTQuMDUsMzAuNjJaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcwLjE2IDUyLjg5IDUwLjk5IDMwLjggMzEuODMgNTIuODkgMTAuMzYgNDMuNDggMjEuNTQgODMuMDYgNTAuOTkgODMuMDYgODAuNDQgODMuMDYgOTEuNjIgNDMuNDggNzAuMTYgNTIuODkiLz48L3N2Zz4=); } .heading01>span.icon-movie:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1vdmllPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zOCw0MS4xM2EyMi4yMiwyMi4yMiwwLDAsMS0yOSwxMS42N1Y3NS4yOWExMCwxMCwwLDAsMCwxMCwxMEg1N2ExMCwxMCwwLDAsMCwxMC0xMFY1Mi44QTIyLjIyLDIyLjIyLDAsMCwxLDM4LDQxLjEzWiIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTcuNjUiIGN5PSIzMi4zNSIgcj0iMTcuNjUiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjU4LjM3IiBjeT0iMzIuMzUiIHI9IjE3LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEwMCA4NS4yOSA3MS45NyA3MS43MiA3MS45NyA1My4zOSAxMDAgMzkuODIgMTAwIDg1LjI5Ii8+PC9zdmc+); } .heading01>span.icon-success:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OS45MSA3NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmZmZmY7fS5jbHMtMntmaWxsOiMyMkExRDY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijk5LjkxIDc3IDAgNzcgMjguOTggMCA3MC45MyAwIDk5LjkxIDc3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjU1LjE1IDY4LjQyIDQ0Ljc2IDY4LjQyIDQ1LjYgNDguMjcgNTQuMyA0OC4yNyA1NS4xNSA2OC40MiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1My44OCAzOC4xMSA0Ni4wMyAzOC4xMSA0Ni41MyAyNi4xMiA1My4zOCAyNi4xMiA1My44OCAzOC4xMSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMS4xIDc3IDUuNTUgNzcgMzEuMzEgMCAzMy42NCAwIDExLjEgNzciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iOTQuMzYgNzcgODcuNyA3NyA2NS44IDAgNjguNiAwIDk0LjM2IDc3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjUzLjExIDE5LjY5IDQ2LjggMTkuNjkgNDcuMTMgMTEuNzQgNTIuNzcgMTEuNzQgNTMuMTEgMTkuNjkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNTIuNTkgNy4zMiA0Ny4zMiA3LjMyIDQ3LjU1IDEuNjcgNTIuMzUgMS42NyA1Mi41OSA3LjMyIi8+PC9nPjwvZz48L3N2Zz4=); } .heading01>span.icon-blog:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJsb2c8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMTEsNzkuMDcsMjMsOTNsLTMuNTksMy41OWMtLjk1LDEtMTYuMiw0LjI1LTE3LjE2LDMuMjlTNC41Niw4My42Miw1LjUyLDgyLjY2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLDEuODZhNi4yNCw2LjI0LDAsMCwwLTguNjQtLjIzbC0xOSwxOWE2LjIzLDYuMjMsMCwwLDAsLjIzLDguNjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcsNDIuMjJsLTE0LDE0Yy03LjMsNy4zLTYuNiw5Ljk0LTkuOTMsMTkuNzFMMjYuMzQsODkuMTVjOS43Ny0zLjM0LDEyLjQxLTIuNjMsMTkuNy05LjkzbDE0LTE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkyLjgzLDljLTUtNS0xNS40OC03LjMzLTIwLjUtMi4zTDQwLjQ3LDM4LjUxbDIyLjgsMjIuOEw5NS4xMywyOS40NUMxMDAuMTYsMjQuNDIsOTcuODUsMTQsOTIuODMsOVoiLz48L3N2Zz4=); } .heading01>span.icon-book:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0Mi4xOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ib29rPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NCw4LjE5aDB2MEg2MC40N1YzLjA2TDU4LjIsMi4yM0EzNi42MywzNi42MywwLDAsMCwzMywyLjIzTDMyLDIuNmwtMS0uMzdhMzYuNjMsMzYuNjMsMCwwLDAtMjUuMTcsMGwtMi4yNy44M3Y1LjFIMFYzOC45MmExLjI1LDEuMjUsMCwwLDAsMS4yNSwxLjI1SDI5bC44MiwyaDQuMzJsLjgyLTJINjIuNzVBMS4yNSwxLjI1LDAsMCwwLDY0LDM4LjkyVjguMTlaTTM0LjIxLDM0cTAtMTIuOTMsMC0yNS44NFY1LjQ3YTMzLjMzLDMzLjMzLDAsMCwxLDIyLjgsMFYzNGEzMy4zMiwzMy4zMiwwLDAsMC0xMS40LTIsMzMsMzMsMCwwLDAtMTAuMzUsMS42NkMzNC45MSwzMy43NywzNC41NiwzMy44OCwzNC4yMSwzNFpNMjkuNzksOC4xN1YzNEEzMy4yOCwzMy4yOCwwLDAsMCw4LDMzLjY1TDcsMzRWNS40N2EzMy4zMywzMy4zMywwLDAsMSwyMi44LDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .heading01 span.title { display: block; } .heading01 span.sub-text { display: inline; line-height: 1; font-size: 1.4rem; font-weight: 400; } .heading01 span.category { display: inline-block; margin-left: 10px; font-size: 1.1rem; color: #ed0712; background-color: #ffffff; padding: 0 0.5em; border: 1px solid #ed0712; } .heading01 span.sub-text:before, .heading01 span.category:before { display: none; } /* 追加 */ .anotation-comment{ align-items:center; display: flex; margin-bottom: 20px; border-bottom: 1px dotted #bbbbbb; } .anotation-comment h2{ margin-bottom:0px; border-bottom: none; } .anotation-comment p{ padding: 0 0 10px 20px; } /**/ .heading02 { font-size: 2.0rem; font-weight: 500; line-height: 1.5; color: #0445ab; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; margin-bottom: 20px; } .heading02>a { color: #0445ab; font-size: 2.0rem; font-weight: 500; } .heading02 span { position: relative; display: inline-block; padding-left: 30px; } .heading02 span.-none { padding-left: 0; } .heading02 span>span { display: inline-block; padding-left: 0; font-size: 1.4rem; } .heading02 span>span:before { display: none; } .heading02 span:before { content: ""; position: absolute; top: 0.3em; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZpbGw6I2ZmZjt9LmNscy0ze2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5vdGhlcnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg4LjQyLDUuMTVDNjUuMTItOC4zMyw1MCw4LjkyLDUwLDguOTJTMzQuNzgtOC4zMywxMS40Nyw1LjE1Qy0yOC45MywyOC41Myw1MC4zNCwxMDAsNTAuMzQsMTAwUzEyOC44MiwyOC41Myw4OC40Miw1LjE1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1Ny4yMiAzOS4zNSA1Ny4yMiAyMS40OSA0Mi45NCAyMS40OSA0Mi45NCAzOS4zNSAyNS4wOCAzOS4zNSAyNS4wOCA1My42MyA0Mi45NCA1My42MyA0Mi45NCA3MS40OSA1Ny4yMiA3MS40OSA1Ny4yMiA1My42MyA3NS4wOCA1My42MyA3NS4wOCAzOS4zNSA1Ny4yMiAzOS4zNSIvPjwvc3ZnPg==); background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; } .heading02 span.icon-database:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kYXRhYmFzZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTguODgsNUEzNi4xLDM2LjEsMCwwLDAsMjguNjEsNjAuNzlMNSw4NC40LDE1LjYsOTUsMzkuMjEsNzEuMzlBMzYuMTEsMzYuMTEsMCwxLDAsNTguODgsNVptMCw1OC41OEEyMi40NywyMi40NywwLDEsMSw4MS4zNSw0MS4xMiwyMi40NywyMi40NywwLDAsMSw1OC44OCw2My41OFoiLz48L3N2Zz4=); } .heading02 span.icon-ranking:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnJhbmtpbmc8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNS45NSIgY3k9IjM2LjU3IiByPSI1Ljk1Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAuOTIsMjguMjVhNS42Niw1LjY2LDAsMSwwLTUuNjUtNS42NUE1LjY1LDUuNjUsMCwwLDAsNTAuOTIsMjguMjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTQuMDUsMzAuNjJhNS45NSw1Ljk1LDAsMSwwLDYsNS45NUE2LDYsMCwwLDAsOTQuMDUsMzAuNjJaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcwLjE2IDUyLjg5IDUwLjk5IDMwLjggMzEuODMgNTIuODkgMTAuMzYgNDMuNDggMjEuNTQgODMuMDYgNTAuOTkgODMuMDYgODAuNDQgODMuMDYgOTEuNjIgNDMuNDggNzAuMTYgNTIuODkiLz48L3N2Zz4=); } .heading02 span.icon-movie:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1vdmllPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zOCw0MS4xM2EyMi4yMiwyMi4yMiwwLDAsMS0yOSwxMS42N1Y3NS4yOWExMCwxMCwwLDAsMCwxMCwxMEg1N2ExMCwxMCwwLDAsMCwxMC0xMFY1Mi44QTIyLjIyLDIyLjIyLDAsMCwxLDM4LDQxLjEzWiIvPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTcuNjUiIGN5PSIzMi4zNSIgcj0iMTcuNjUiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjU4LjM3IiBjeT0iMzIuMzUiIHI9IjE3LjY1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEwMCA4NS4yOSA3MS45NyA3MS43MiA3MS45NyA1My4zOSAxMDAgMzkuODIgMTAwIDg1LjI5Ii8+PC9zdmc+); } .heading02 span.icon-success:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OS45MSA3NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzAwMDA7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7jgqLjgrvjg4Pjg4ggMzwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijk5LjkxIDc3IDAgNzcgMjguOTggMCA3MC45MyAwIDk5LjkxIDc3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjU1LjE1IDY4LjQyIDQ0Ljc2IDY4LjQyIDQ1LjYgNDguMjcgNTQuMyA0OC4yNyA1NS4xNSA2OC40MiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1My44OCAzOC4xMSA0Ni4wMyAzOC4xMSA0Ni41MyAyNi4xMiA1My4zOCAyNi4xMiA1My44OCAzOC4xMSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMS4xIDc3IDUuNTUgNzcgMzEuMzEgMCAzMy42NCAwIDExLjEgNzciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iOTQuMzYgNzcgODcuNyA3NyA2NS44IDAgNjguNiAwIDk0LjM2IDc3Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjUzLjExIDE5LjY5IDQ2LjggMTkuNjkgNDcuMTMgMTEuNzQgNTIuNzcgMTEuNzQgNTMuMTEgMTkuNjkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNTIuNTkgNy4zMiA0Ny4zMiA3LjMyIDQ3LjU1IDEuNjcgNTIuMzUgMS42NyA1Mi41OSA3LjMyIi8+PC9nPjwvZz48L3N2Zz4=); } .heading02 span.icon-blog:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJsb2c8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMTEsNzkuMDcsMjMsOTNsLTMuNTksMy41OWMtLjk1LDEtMTYuMiw0LjI1LTE3LjE2LDMuMjlTNC41Niw4My42Miw1LjUyLDgyLjY2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLDEuODZhNi4yNCw2LjI0LDAsMCwwLTguNjQtLjIzbC0xOSwxOWE2LjIzLDYuMjMsMCwwLDAsLjIzLDguNjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcsNDIuMjJsLTE0LDE0Yy03LjMsNy4zLTYuNiw5Ljk0LTkuOTMsMTkuNzFMMjYuMzQsODkuMTVjOS43Ny0zLjM0LDEyLjQxLTIuNjMsMTkuNy05LjkzbDE0LTE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkyLjgzLDljLTUtNS0xNS40OC03LjMzLTIwLjUtMi4zTDQwLjQ3LDM4LjUxbDIyLjgsMjIuOEw5NS4xMywyOS40NUMxMDAuMTYsMjQuNDIsOTcuODUsMTQsOTIuODMsOVoiLz48L3N2Zz4=); } .heading02 span.icon-area:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFyZWE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLDU3LjcxbC0zNS0uMDdWNzcuMjdsMzAuMDguMTFMNjUsOTIuNTRINzVWODcuNjhIOTB2NC44M2gxMFYzMi41N0g3MFpNNzAsMi41djI1aDMwVjIuNVptLTM1LDk1SDYwdi0xNUgzNVpNMCw3Ny41SDEwdjIwSDMwdi00MEgwWiIvPjwvc3ZnPg==); } .heading02 span.icon-name:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOiNkYzAwMDA7fS5jbHMtMXtmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ye2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm5hbWU8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQwLjA4LDM1djVoMzVWMzVabTAsMTVoMzVWNDVoLTM1Wm0tMTUsMGgxMFY0NWgtMTBabTE1LDEwaDM1VjU1aC0zNVptLTE1LDBoMTBWNTVoLTEwWm0xNSwxMGgzNVY2NWgtMzVabS0xNSwwaDEwVjY1aC0xMFptMTUsMTBoMzVWNzVoLTM1Wm0tMTUsMGgxMFY3NWgtMTBaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjI1IDI0Ljk1IDI1LjAyIDE5LjUzIDEwIDE5LjUzIDEwIDk1LjMyIDkwIDk1LjMyIDkwIDE5LjUzIDc0Ljk4IDE5LjUzIDc0Ljk0IDI0Ljk1IDI1IDI0Ljk1Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0zIiBwb2ludHM9IjgwLjAxIDE0LjgxIDc5Ljk4IDE5LjUzIDkwIDE5LjUzIDkwIDk1LjMyIDEwIDk1LjMyIDEwIDE5LjUzIDIwLjAyIDE5LjUzIDIwLjA0IDE0LjgxIDUuMDIgMTQuODEgNS4wMiAxMDAuMDQgOTQuOTggMTAwLjA0IDk0Ljk4IDE0LjgxIDgwLjAxIDE0LjgxIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjYwLjE0IDkuOCA2MC4wOCAtMC4wNCA0MC4xNSAwLjA0IDQwLjA5IDkuOTIgMjUuMTQgOS44NCAyNS4wOCAyNC44NyA3NS4wMyAyNC44NyA3NS4xMiA5Ljg5IDYwLjE0IDkuOCIvPjwvc3ZnPg==); } .heading02 span.icon-information:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmluZm9ybWF0aW9uPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNS43LDU4LjgyYy0uMzItNS42NC00LjA4LTYuNTgtNC4wOC02LjU4LjMyLTUuMzMsMS41Ny02LjU5LDEuNTctNi41OUw1Ni4xLDU3LjI1LDg5LDQ1LjY1VjYyLjg5bC4xNSwxLjg4Yy0zLDQuMDgtMTEuNDQsNy0xNS4zNiw3Ljg0cy0xMS45MSwyLTI2Ljk1LDEuMjUtMjMuNjYtOC4zMS0yMy42Ni04LjMxQTcuNTIsNy41MiwwLDAsMCwyNS43LDU4LjgyWm0zMS0yOC42OEwyNy40Miw0MS40M2wyOC40NCw5LjcxLDUyLjg4LTE3LjcxczMuMy0yLjgyLS43OC00LjA3UzU3LDEyLjQ0LDU3LDEyLjQ0YTQuNDEsNC40MSwwLDAsMC0yLjIsMEM1My43NSwxMi43NSw0LjcsMjkuMzEsNC43LDI5LjMxUzIsMzAsMi4zLDMxLjcyczEuMjUsMS43NywxLjI1LDEuNzdsMTIuMTIsNEEyMS40NCwyMS40NCwwLDAsMCwxMSw1Mi43MSw1LjY0LDUuNjQsMCwwLDAsNy41Miw1OGE0Ljc4LDQuNzgsMCwwLDAsMy4yNCw0LjU5QTI5Ljg4LDI5Ljg4LDAsMCwxLDAsODMuMjFMOS4wOSw4Ny43czctMS44OCw3LjczLTExYzAsMCwwLTEwLjI0LS45NC0xNC43MywwLDAsMi41MS0xLjY3LDIuNTEtNC4yOCwwLDAtLjExLTQtMy01LDAsMC0uNjMtMTEuMzgsNy42Mi0xNUw1My45LDI1LjEzczMuMTQtLjk0LDQuMjkuODRjMCwwLDEuNDYsMi45Mi0xLjQ3LDQuMTciLz48L3N2Zz4=); } .heading02 span.icon-university:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVuaXZlcnNpdHk8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTY1Ljc3LDM3LjU5VjExLjUySDM0LjIzVjM3LjU5SDVWODguNDhIOTVWMzcuNTlaTTI1LjQ3LDc3aC05LjJ2LTkuMmg5LjJabTAtMTkuMjFoLTkuMlY0OC41OWg5LjJaTTQ0Ljg5LDc3aC05LjJ2LTkuMmg5LjJabTAtMTkuMjFoLTkuMlY0OC41OWg5LjJabS42Ny0yNS4yMXYtMTNoM1YyOS42NEg1OC42djNaTTY0LjMxLDc3aC05LjJ2LTkuMmg5LjJabTAtMTkuMjFoLTkuMlY0OC41OWg5LjJaTTgzLjczLDc3aC05LjJ2LTkuMmg5LjJabTAtMTkuMjFoLTkuMlY0OC41OWg5LjJaIi8+PC9zdmc+); } .heading02 span.icon-personnel:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnBlcnNvbm5lbDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAsNDUuMWMxNy41NSwwLDM1LDE5LjgzLDM1LDU0Ljg2LTMxLjMuMS0zNCwwLTcwLDBDMTUsNjQuOTMsMzIuNDgsNDUuMSw1MCw0NS4xWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUwLjA3LDBBMjAuMDUsMjAuMDUsMCwxLDEsMzAsMjAuMDUsMjAsMjAsMCwwLDEsNTAuMDcsMFoiLz48L3N2Zz4=); } .heading02 span.icon-test:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDExMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTIsLmNscy0ze2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+dGVzdDwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI5Ni45NCIgeT0iNjQuNzkiIHdpZHRoPSI4LjU2IiBoZWlnaHQ9IjQuMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wNyAxMDEuNDIpIHJvdGF0ZSgtNTApIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNzYuODMsMEguOVYxMDBoNzZabS01LjEsOTVINS44NlY1LjA1aDY2WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1My4wMyAyOC41MSA1Ni45NSAzNC4yOSA1Ni45NSAzNC4yOSA1My4wMyAyOC41MSA1My4wMyAyOC41MSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2MS42NSAyOC42OCA2MS4yNiAyOC41MSA2MS4yNiAyOC41MSA2MS42NSAyOC42OCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1My4wMyAyOC41MSA1Ni45NSAzNC4yOSA2MS42NSAyOC42OCA2MS4yNiAyOC41MSA1My4wMyAyOC41MSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSI1Ni45NSAzNC4yOSA2MS42NSAyOC42OCA1Ni45NSAzNC4yOSA1Ni45NSAzNC4yOSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSI1MS42OSAyNi41MyA1My4wMyAyOC41MSA1My4wMyAyOC41MSA1MS42OSAyNi41MyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSI1My4xIDI0Ljg1IDYxLjI2IDI4LjUxIDYxLjI2IDI4LjUxIDUzLjEgMjQuODUgNTMuMSAyNC44NSIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSI1My4xIDI0Ljg1IDUxLjY5IDI2LjUzIDUzLjEgMjQuODUgNTMuMSAyNC44NSIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTY0LDI1Ljg4LDYxLjQsMjVWMjMuNTFINTYuNzJMNDguMiwyMC43NGwtMS40MSwxLjY4LjU4LDEuMDloLTMxdjVINTBsMy43Myw3SDE2LjM3djVINTguNjVMOTkuNyw3NS4xNGw5LjQtMTEuMjFabS03LDguNDFoMEw1MywyOC41MWwtMS4zNC0yLDEuNDEtMS42OGgwbDguMTYsMy42Ni4zOS4xOFpNOTYuODgsNjguODFsNS41LTYuNTUsMy4xOCwyLjY2LTUuNSw2LjU2WiIvPjxyZWN0IGNsYXNzPSJjbHMtMyIgeD0iMTYuMzciIHk9IjQ3LjUiIHdpZHRoPSI0NS4wMyIgaGVpZ2h0PSI1Ii8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxNi4zNyIgeT0iNTkuNDkiIHdpZHRoPSI0NS4wMyIgaGVpZ2h0PSI1Ii8+PHJlY3QgY2xhc3M9ImNscy0zIiB4PSIxNi4zNyIgeT0iNzEuNDkiIHdpZHRoPSI0NS4wMyIgaGVpZ2h0PSI1Ii8+PC9zdmc+); } .heading02 span.icon-open:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm9wZW48L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgyLjM4LDE4LjQxYy0uODEtLjE3LTEuNjMtLjMzLTIuNDUtLjQ3LTEuNjQtLjI5LTMuNC0uNTMtNS4yMy0uN1M3MSwxNyw2OS4xMSwxNi44OXMtMy43OC0uMDctNS42MSwwLTMuNi4xNi01LjI2LjMyTDQ2LjMzLDg0Ljc2YTEwNS41OCwxMDUuNTgsMCwwLDEsMTMuNjYsMCw3NC42Nyw3NC42NywwLDAsMSw4LC45M2MxLjYzLjI5LDMuMjYuNjIsNC44NywxczMuMjEuODIsNC43OSwxLjNjLjkuMjgsMS44LjU3LDIuNjkuODgsMS40NS40OSwyLjg5LDEsNC4zMSwxLjYxLjc3LjMxLDEuNTMuNjMsMi4yOSwxTDk4LjgzLDI0QTc0LjM2LDc0LjM2LDAsMCwwLDg3LjIxLDE5LjZDODUuNjIsMTkuMTUsODQsMTguNzUsODIuMzgsMTguNDFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzAuNDQsOS4yNXExLjIzLjE2LDIuNDYuMzljMS42NC4yOSwzLjM4LjY3LDUuMTUsMS4xM3MzLjU5LDEsNS4zOCwxLjU5LDMuNTcsMS4yMiw1LjI3LDEuOSwzLjM0LDEuMzgsNC44MywyLjFMNDEuNjIsODMuOTJhMTA1LDEwNSwwLDAsMC0xMi44NS00LjY1QTc1LDc1LDAsMCwwLDIxLDc3LjQxYy0xLjYzLS4yOS0zLjI3LS41My00LjkyLS43MXMtMy4yOS0uMzMtNC45NC0uNDJjLS45NSwwLTEuODktLjA4LTIuODQtLjEtMS41MywwLTMuMDYsMC00LjYsMC0uODIsMC0xLjY1LjA4LTIuNDguMTNMMTMuMDcsOC44N2E3My42Miw3My42MiwwLDAsMSwxMi40Mi0uMTVDMjcuMTQsOC44NCwyOC43OSw5LDMwLjQ0LDkuMjVaIi8+PC9zdmc+); } .heading02 span.icon-preceding01:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnByZWNlZGluZzAxPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04OS43NCwxLjQ0YTEwLjI2LDEwLjI2LDAsMCwwLTYuNCwxOC4yOEw3MC4wNiw0OS45NGExMC4yMywxMC4yMywwLDAsMC0xMS44NiwzLjhsLTE3LTguOTNhMTAuMjUsMTAuMjUsMCwxLDAtMTYuMDcsNS41TDExLjcxLDc4LjE1QTkuOSw5LjksMCwwLDAsMTAuMjYsNzhhMTAuMjgsMTAuMjgsMCwxLDAsNi4xOSwyLjA5bDEzLjQtMjcuODVhMTEuMTksMTEuMTksMCwwLDAsMS40My4xMSwxMC4yLDEwLjIsMCwwLDAsNy4zNS0zLjEyTDU2LjQxLDU4LjZjMCwuMzMsMCwuNjYsMCwxYTEwLjI2LDEwLjI2LDAsMSwwLDE4LTYuNzJMODgsMjEuODFhMTAuNzksMTAuNzksMCwwLDAsMS43Mi4xNSwxMC4yNiwxMC4yNiwwLDEsMCwwLTIwLjUyWiIvPjwvc3ZnPg==); } .heading02 span.icon-preceding02:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnByZWNlZGluZzAyPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw1QTQ1LDQ1LDAsMCwwLDIwLjMxLDgzLjgxaDBsLjYxLjUyYy4yMi4xOS40NC4zOC42Ny41NmwxLC43Ny42Ni41MWMuMzYuMjcuNzMuNTMsMS4xMS43OWwuNTguNDFjLjUxLjM0LDEsLjY2LDEuNTQsMWExLjY0LDEuNjQsMCwwLDAsLjIyLjE0Yy41OS4zNiwxLjE5LjcxLDEuODEsMSwuMTkuMTEuMzguMi41OC4zLjQyLjIzLjg0LjQ1LDEuMjguNjZsLjczLjM0LDEuMTguNTNjLjI3LjEyLjU0LjIyLjgxLjMzbDEuMTUuNDYuODUuM2MuMzguMTQuNzcuMjcsMS4xNS4zOWwuODkuMjgsMS4xNi4zMy45LjIzLDEuMi4yOC45MS4xOSwxLjIzLjIyLjkuMTUsMS4zMS4xNi44Ni4xYy40OSwwLDEsLjA4LDEuNDcuMTFsLjczLDBRNDguODgsOTUsNTAsOTVBNDUsNDUsMCwwLDAsNTAsNVpNOS41LDUwQTQwLjU1LDQwLjU1LDAsMCwxLDUwLDkuNVY1MEwyMy4zLDgwLjQxQTQwLjQsNDAuNCwwLDAsMSw5LjUsNTBaIi8+PC9zdmc+); } .heading02 span.icon-english:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmVuZ2xpc2g8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ0LjcyLDE4LjYybDI4LjQ2LDc1SDU4LjMzbC01LjIzLTE1aC0zM2wtNS4zMywxNUgwbDI4LjM2LTc1Wk0zNi41NCwzMiwyMy42OSw2OC4yOWgyNS43WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYwLjQ5LDE5LjIxQzYxLDE1LjY1LDYyLjEsNi40LDc5LjgxLDYuNGM0LjQzLDAsMTguMzguOCwxOC4zOCwxMi42MXYyMS42YzAsMS4yMS41NCw0LDEuODEsNC45di44N0g5MC4zNGE4LjYyLDguNjIsMCwwLDEtMS4xNC00LjYzYy0yLjQ4LDIuODItNi40NCw2LjEtMTUuMyw2LjEtMy42OCwwLTE1LjQyLS4yNi0xNS40Mi0xMiwwLTkuNiw4LjE4LTEwLjY3LDE3LjcxLTExLjg4LDEwLjEyLTEuMzQsMTMtMS42NywxMy01LjIzLDAtNS4yMy02LjU3LTUuMjMtOC41Mi01LjIzLTEwLjIsMC0xMS4yLDMtMTEuMjcsNS43Wm0yOC42NCw4LjE4Yy0yLjIxLDEuMTQtNy43OCwxLjk1LTExLjIsMi40Mi02LjQ0Ljk0LTEwLDEuNDctMTAsNS41NywwLDEuMzQuNjgsNS4zNiw4LjU5LDUuMzYsNy42NSwwLDEyLjYxLTQuMzYsMTIuNjEtOC4zMloiLz48L3N2Zz4=); } .heading02 span.icon-math:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1hdGg8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIzMi40NSA5OC42NyAxMC43NCA0MS41MiA0LjAzIDQ3LjE0IC0wLjQ1IDQxLjc4IDEzLjc4IDI5Ljg3IDMxLjE2IDc1LjYyIDQ5LjU4IDMuODcgMTEwIDMuODcgMTEwIDEwLjg1IDU1IDEwLjg1IDMyLjQ1IDk4LjY3Ii8+PC9zdmc+); } .heading02 span.icon-chemistry:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Ni40NiAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZGMwMDAwO308L3N0eWxlPjwvZGVmcz48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgwLjMyLDEwMEg2LjE0QTYuMTMsNi4xMywwLDAsMSwuNjgsOTEuMDdsMjkuNDQtNTcuN1YxNy4yNWEyLjc5LDIuNzksMCwwLDEsNS41OCwwVjM0YTIuNzcsMi43NywwLDAsMS0uMzEsMS4yN0w1LjY1LDkzLjYxYS41MS41MSwwLDAsMCwwLC41NC41My41MywwLDAsMCwuNDcuMjdIODAuMzJhLjUyLjUyLDAsMCwwLC40Ny0uMjcuNTMuNTMsMCwwLDAsMC0uNTRMNTEuMDcsMzUuMzFhMi43NiwyLjc2LDAsMCwxLS4zLTEuMjdWMTcuMjVhMi43OSwyLjc5LDAsMCwxLDUuNTgsMFYzMy4zN2wyOS40NCw1Ny43QTYuMTMsNi4xMywwLDAsMSw4MC4zMiwxMDBaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjExLjM4IDkxLjI0IDc1LjA5IDkxLjI0IDU5LjU3IDYwLjgzIDI2Ljg5IDYwLjgzIDExLjM4IDkxLjI0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMC40NCIgd2lkdGg9IjQ1LjU4IiBoZWlnaHQ9IjcuODEiIHJ4PSIzLjUiIHJ5PSIzLjUiLz48L2c+PC9nPjwvc3ZnPg==); } .heading02 span.icon-biology:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJpb2xvZ3k8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMzcuMjMiIHk9IjQ3LjAxIiB3aWR0aD0iMzQuNTUiIGhlaWdodD0iNy44OSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYzLjE1LDJhMiwyLDAsMCwwLTItMkg0Ny44NWEyLDIsMCwwLDAtMiwyVjQuNGgxNy4zWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjYyLDY4Ljg0aDMuNzZhMiwyLDAsMCwwLDItMnYtN0g1MC42MnY3QTIsMiwwLDAsMCw1Mi42Miw2OC44NFoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjI1LjE4IiB5PSI5My4zNiIgd2lkdGg9IjU4LjY1IiBoZWlnaHQ9IjYuNjQiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNy4yMyw4My41NHY0LjgySDcxLjc4VjczLjU3SDM3LjIzdjMuNzlhMzIuOTEsMzIuOTEsMCwwLDEsOC42Mi01OS43OFY0Mi4xaDE3LjNWOS40SDQ1Ljg1VjEyYTM4LjMxLDM4LjMxLDAsMCwwLTguNjIsNzEuNTJaIi8+PC9zdmc+); } .heading02 span.icon-philosophy:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnBoaWxvc29vaHk8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU1LDE4LjA4UzI2LjY5LDEwLjcsMzEsMzUuNjksNDguMzYsNjUsNTUsNjIuMzljNi42NCwyLjU2LDE5LjY0LTEuNywyNC0yNi43UzU1LDE4LjA4LDU1LDE4LjA4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYzLjc3LDUuMDhjLTQuMTksMi40Mi02Ljg2LDkuMjgtNi44Niw5LjI4czcuMjgsMS4xMiwxMS40Ny0xLjMsNS4zOC04LjQzLDUuMzgtOC40M1M2OCwyLjY2LDYzLjc3LDUuMDhaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTYsMTlTNTIuMiw1LjU3LDQ5LjMsMi4yNmEuODUuODUsMCwwLDAtMS0uMjNDNDYuNTUsMi44MSw0NS4yNiw1LjY4LDQ2LDZzNS44OSw0LjkzLDkuMjcsMTMuMjdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEwLDk4SDE4LjlDOC40OCw5OCwwLDkwLjE5LDAsODAuNTRTOC40OCw2MywxOC45LDYzSDExMHY1LjI0SDE4LjljLTcuNTMsMC0xMy42Niw1LjUtMTMuNjYsMTIuMjZTMTEuMzcsOTIuOCwxOC45LDkyLjhIMTEwWiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNS4wNCIgeT0iNzQuMDQiIHdpZHRoPSI4Ny42IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjUuMDQiIHk9IjgzLjA0IiB3aWR0aD0iODcuNiIgaGVpZ2h0PSI0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTguMTQsOTYuODRjLTUuMTItMi40LTguNTUtOS04LjU1LTE2LjNzMy40My0xMy45LDguNTUtMTYuM2wyLjMzLDIuODRjLTQsMS44OS02Ljc0LDcuMy02Ljc0LDEzLjQ2Uzk2LjQ0LDkyLjEsMTAwLjQ3LDk0WiIvPjwvc3ZnPg==); } .heading02 span.icon-interview:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnZvaWNlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04Mi4zMywzOS43N2guMjNDODEuMjMsMjguMjMsNjMuMjgsMTkuMDgsNDEuMzMsMTkuMDgsMTguNTEsMTkuMDgtLjU5LDI5LDAsNDEuMTVjLjQ1LDguODMsNy43LDE1LjMsMTMuODUsMTguNy0yLjUyLDMuOS00LjQsOC41My04LjA2LDEyLjY1LDcuOTItMS4yLDE2LjI4LTMuODcsMjIuOS04LjA3YTE0NS43NSwxNDUuNzUsMCwwLDAsMjMsMCwxMi42OSwxMi42OSwwLDAsMS0xLjE3LTUuMzFDNTAuNTUsNDguMzMsNjQuMjEsNDAsODIuMzMsMzkuNzdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTMuNTksNzIuNTFDMTA1LjQ4LDcxLDExMCw2NiwxMTAsNTkuMTdjMC04LTEyLjA4LTE0LjQtMjctMTQuNGgtLjYxYy0xNC42Mi4xOC0yNi4zNiw2LjU2LTI2LjM2LDE0LjRhOC41Nyw4LjU3LDAsMCwwLDEuNDEsNC42MWMzLjQ0LDUuNDQsMTIuNzcsOS40MiwyMy45Myw5Ljc3LDMuMjksMy4xNCwxNC4zNiw3LjM3LDE5LjI0LDcuMzdoMEEyMS44MSwyMS44MSwwLDAsMSw5My41OSw3Mi41MVoiLz48L3N2Zz4=); } .heading02 span.icon-money:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1vbmV5PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw1QTQ1LDQ1LDAsMSwwLDk1LDUwLDQ1LDQ1LDAsMCwwLDUwLDVaTTcwLjE1LDQ2LjM0djMuNUg1OS4zMWwtMy4zOSw1Ljg5SDcwLjE1djMuNTFINTUuNzV2MTRINDQuMjR2LTE0SDI5Ljc5VjU1LjczSDQ0LjA4bC0zLjM5LTUuODlIMjkuNzl2LTMuNWg4Ljg0TDI4LjQsMjguNTVINDEuMDhMNTAsNDUuMTJsOS0xNi41N0g3MS42TDYxLjMxLDQ2LjM0WiIvPjwvc3ZnPg==); } .heading02 span.icon-calendar:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NSAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZGMwMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGF5ZXJfMiIgZGF0YS1uYW1lPSJsYXllciAyIj48ZyBpZD0ibGF5ZXJfMS0yIiBkYXRhLW5hbWU9ImxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTY1LDBINzVWMjBINjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAsMEgzMFYyMEgyMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw0NUg2MFY1NUg1MFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NSw0NUg3NVY1NUg2NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNSw2MEg0NVY3MEgzNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMCw2MEgzMFY3MEgyMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw2MEg2MFY3MEg1MFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NSw2MEg3NVY3MEg2NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMCw3NUgzMFY4NUgyMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNSw3NUg0NVY4NUgzNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw3NUg2MFY4NUg1MFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NSw3NVY4NUg2NVY3NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MCw5LjgydjE1SDYwdi0xNUgzNVYyNUgxNVY5LjgySDBWMTAwSDk1VjkuODJaTTg1LDkwSDEwVjM1SDg1WiIvPjwvZz48L2c+PC9zdmc+); } .heading02 span.icon-mail:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNzAuNDYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZGMwMDAwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGF5ZXJfMiIgZGF0YS1uYW1lPSJsYXllciAyIj48ZyBpZD0ibGF5ZXJfMS0yIiBkYXRhLW5hbWU9ImxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk1LjI0LDBINS4xN2w0NSwzNi40OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC4yMSw0Ni42OCwwLDYuOTRWNzAuNDZIMTAwVjYuOTRaIi8+PC9nPjwvZz48L3N2Zz4=); } .heading02>span.icon-book:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0Mi4xOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzAwMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ib29rPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NCw4LjE5aDB2MEg2MC40N1YzLjA2TDU4LjIsMi4yM0EzNi42MywzNi42MywwLDAsMCwzMywyLjIzTDMyLDIuNmwtMS0uMzdhMzYuNjMsMzYuNjMsMCwwLDAtMjUuMTcsMGwtMi4yNy44M3Y1LjFIMFYzOC45MmExLjI1LDEuMjUsMCwwLDAsMS4yNSwxLjI1SDI5bC44MiwyaDQuMzJsLjgyLTJINjIuNzVBMS4yNSwxLjI1LDAsMCwwLDY0LDM4LjkyVjguMTlaTTM0LjIxLDM0cTAtMTIuOTMsMC0yNS44NFY1LjQ3YTMzLjMzLDMzLjMzLDAsMCwxLDIyLjgsMFYzNGEzMy4zMiwzMy4zMiwwLDAsMC0xMS40LTIsMzMsMzMsMCwwLDAtMTAuMzUsMS42NkMzNC45MSwzMy43NywzNC41NiwzMy44OCwzNC4yMSwzNFpNMjkuNzksOC4xN1YzNEEzMy4yOCwzMy4yOCwwLDAsMCw4LDMzLjY1TDcsMzRWNS40N2EzMy4zMywzMy4zMywwLDAsMSwyMi44LDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .heading02 span.-none:before { display: none; } .heading02>.link-list{ font-size: 2.0rem; font-weight: 500; line-height: 1.5; } .heading03 { font-size: 1.4rem; font-weight: 500; line-height: 1.6; margin-bottom: 20px; color: #333333; padding: 10px 10px 8px; background-color: #bde3f3; } .heading03>a { color: #333333; font-size: 1.4rem; font-weight: 500; } .-accordion { display: block; position: relative; padding-right: 40px; cursor: pointer; } .-accordion:before, .-accordion:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; } .heading03.-accordion:before, .heading03.-accordion:after { right: 10px; } .-accordion:before { width: 20px; height: 20px; border-radius: 50%; background: #dc0000; } .-accordion:after { top: -3px; right: 6px; width: 5px; height: 5px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);; } .heading03.-accordion:after { right: 16px; } .-accordion.-active:after { top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);; } .heading03>.link-list{ font-size: 1.4rem; font-weight: 500; line-height: 1.6; } .heading04 { font-size: 1.4rem; font-weight: 500; line-height: 1.7; margin-bottom: 10px; color: #0445ab; } .heading04>a { font-size: 1.4rem; font-weight: 500; color: #0445ab; } .heading05 { font-size: 1.4rem; font-weight: 500; line-height: 1.7; margin-bottom: 10px; } .heading05>a { font-size: 1.4rem; font-weight: 500; } .heading04>.link-list{ font-size: 1.4rem; font-weight: 500; line-height: 1.7; } .text-lead { font-size: 1.4rem; font-weight: 400; line-height: ; margin-bottom: 20px; } @media only screen and (min-width: 641px) and (max-width: 1100px) { .heading01 { font-size: 1.8rem; margin: 0 15px; } .heading02, .heading02>a{ font-size: 1.8rem; } .heading03, .heading03>a{ font-size: 1.4em; } .heading03>.link-list{ font-size: 1.4em; } } @media only screen and (max-width: 640px) { .heading01 { font-size: 1.6rem; padding: 15px 30px 0 10px; margin: 0 15px; } .heading01>span { padding-left: 30px; } .heading02, .heading02>a{ font-size: 1.6rem; } /* 追加 */ .anotation-comment{ display:block; } .anotation-comment p{ padding-left: 0; line-height: 1.5; } .heading03, .heading03>a{ font-size: 1.4rem; } .heading03>.link-list{ font-size: 1.4rem; } } .heading-spec { font-size: 2.3rem; font-weight: 400; margin-bottom: 20px; } .heading-spec>span { display: block; font-size: 1.5rem; } .heading-kakomon { font-size: 1.7rem; font-weight: 500; line-height: 1.8; color: #ff0400; } /* ========================================================================== arrowed-link ========================================================================== */ .link-list { position: relative; color: #333333; text-decoration: none; padding-left: 12px; min-height: 10px; } .link-list:after { content: ""; position: absolute; left: 0; top: 50%; margin-top: -2.5px; border-left: 2px solid #333333; border-bottom: 2px solid #333333; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 5px; height: 5px; } .link-list:link { color: #333333; text-decoration: none; } .link-list:visited { color: #333333; text-decoration: none; } .link-list:active { color: ; text-decoration: none; } .link-list:hover { color: #333333; text-decoration: underline; } .link-list:focus { color: #333333; text-decoration: underline; } a[target="_blank"].link-list { display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM0MjkwYzc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5wb3B1cDwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjE2IDExLjIgMTYgMCA0LjggMCA0LjggNC44IDAgNC44IDAgMTYgMTEuMiAxNiAxMS4yIDExLjIgOS42IDExLjIgOS42IDE0LjQgMS42IDE0LjQgMS42IDYuNCA0LjggNi40IDQuOCAxMS4yIDE2IDExLjIiLz48L2c+PC9nPjwvc3ZnPg==); background-position: left 0.5em; background-repeat: no-repeat; background-size: 10px 10px; padding-left: 15px; min-height: 10px; word-break: break-all; } .icon img { vertical-align: middle; margin-left: 0.5em; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== link ========================================================================== */ .page-link{ width: 100%; max-width: 710px; } @media only screen and (max-width: 1100px) { .page-link-top { margin-top: -50px; padding-top: 50px; } } .page-link:after { content: ""; clear: both; display: table; } .page-link>li { float: left; padding-right: 20px; position: relative; } .page-link>li:last-child { padding-right: 0 !important; } .page-link.-two>li { width: 50%; } .page-link.-three>li { width: 33.38028169014085%; padding-right: 1px; } @media only screen and (max-width: 640px) { .page-link>li { padding-right: 10px; } } .page-link .button { display: table; width: 100%; position: relative; background-color: #ffffff; color: #0445ab; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; overflow: hidden; } .page-link .button:hover { opacity: 0.7; } .page-link .button>span { position: relative; display: table-cell; vertical-align: middle; text-align: center; font-size: 1.6rem; font-weight: 500; height: 50px; padding: 0 32px 0 20px; padding-right: 12px; } @media only screen and (max-width: 640px) { .page-link .button>span { font-size: 1.2rem; padding: 0 20px 0 10px; } } .page-link .button>span:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_header.png); background-position: left bottom; background-repeat: repeat-x; } .page-link .button:after{ content: ""; position: absolute; top: 50%; bottom: 0; margin: auto; margin-top: -6px; right: 20px; vertical-align: middle; border-left: 2px solid #dc0000; border-bottom: 2px solid #dc0000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 8px; height: 8px; } @media only screen and (max-width: 640px) { .page-link .button:after{ width: 6px; height: 6px; right: 8px; margin-top: -4px; } } /* boxShadow*/ /* ========================================================================== btn ========================================================================== */ .button-top { margin-top: 10px; } .button { display: block; width: 100%; text-align: left; text-decoration: none; outline: none; margin:auto; padding: 0 20px; font-size: 1.4rem; } .button.-auto { width: auto; display: inline-block; } .button.-spmin { width: auto; display: inline-block; } @media only screen and (max-width: 640px) { .button.-spmin { min-width: 280px; } } .button { -webkit-transition: all .3s; transition: all .3s; } .button>span { display: table-cell; vertical-align: middle; height: 60px; vertical-align: middle; padding: 0 0 0 30px; line-height: 1; } .button.-blue { background-color: #0445ab; border: 1px solid #0445ab; color: #ffffff; } .button.-white { background-color: #ffffff; border: 1px solid #ffffff; color: #0445ab; } .button.-red { background-color: #dc0000; border: 1px solid #dc0000; color: #ffffff; } .button.-blue>span, .button.-red>span, .button.-white>span{ position: relative; } .button-top .button>span:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -10px; background-position: left center; background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .button-top .button>span:before { top: 30px; } } .button-top .button:hover { opacity: 0.7; } .button-top .button>span.icon-mail:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1haWxtYWdhemluZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTUuMjQsMTQuNzdINS4xN2w0NSwzNi40OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC4yMSw2Mi40NSwwLDIyLjcxVjg1LjIzSDEwMFYyMi43MVoiLz48L3N2Zz4=); } .button-top .button>span.icon-book:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0Mi4xOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ib29rPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NCw4LjE5aDB2MEg2MC40N1YzLjA2TDU4LjIsMi4yM0EzNi42MywzNi42MywwLDAsMCwzMywyLjIzTDMyLDIuNmwtMS0uMzdhMzYuNjMsMzYuNjMsMCwwLDAtMjUuMTcsMGwtMi4yNy44M3Y1LjFIMFYzOC45MmExLjI1LDEuMjUsMCwwLDAsMS4yNSwxLjI1SDI5bC44MiwyaDQuMzJsLjgyLTJINjIuNzVBMS4yNSwxLjI1LDAsMCwwLDY0LDM4LjkyVjguMTlaTTM0LjIxLDM0cTAtMTIuOTMsMC0yNS44NFY1LjQ3YTMzLjMzLDMzLjMzLDAsMCwxLDIyLjgsMFYzNGEzMy4zMiwzMy4zMiwwLDAsMC0xMS40LTIsMzMsMzMsMCwwLDAtMTAuMzUsMS42NkMzNC45MSwzMy43NywzNC41NiwzMy44OCwzNC4yMSwzNFpNMjkuNzksOC4xN1YzNEEzMy4yOCwzMy4yOCwwLDAsMCw4LDMzLjY1TDcsMzRWNS40N2EzMy4zMywzMy4zMywwLDAsMSwyMi44LDBaIi8+PC9nPjwvZz48L3N2Zz4=); } /* ========================================================================== movie ========================================================================== */ .movie { position: relative; width: 100%; padding-top: 56.25%; } .movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== map ========================================================================== */ .map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .map iframe, .map object, .map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* boxShadow*/ .tab-contents { position: relative; } .tab-contents .anchor-link { display: none; width: 100%; } .tab-contents .anchor-link.active { display: block; } .tab-contents .tab-list li .active { background-color: #ffffff; color: #0445ab; } .tab-contents .tab-list li .active :hover { background-color: #ffffff; color: #333333; opacity: 1; } .tab-contents .inner { padding: 20px; background-color: #ffffff; } @media only screen and (max-width: 640px) { .tab-contents .inner { padding: 10px; } } .tab-contents .tab-list:after { content: ""; clear: both; display: table; } .tab-contents .tab-list>li { float: left; width: 25.35211267605634%; padding-right: 10px; } .tab-contents .tab-list>li:last-child { float: right; padding-right: 0 !important; } .tab-contents .tab-list.-two>li:last-child { float: left; } .tab-contents .tab-list.-two>li { width: 50%; padding-right: 5px; } .tab-contents .tab-list.-three>li { width: 33.38028169014085%; /* padding-right: 1px; */ } .tab-contents .tab-list.-five>li { width: 20%; padding-right: 1px; } .tab-contents .tab-list.-five>li:nth-of-type(4) { padding-right: 1px; width: 20%; } @media only screen and (max-width: 640px) { .tab-contents .tab-list>li { padding-right: 1px; } } .tab-contents .tab-list>li:nth-of-type(4) { width: 23.94366197183099%; padding-right: 0; } .tab-contents .tab-list.-two>li:nth-of-type(2) { width: 50%; padding-left: 5px; padding-right: 0; } .tab-contents .tab-list.-three>li:nth-of-type(3) { width: 33.23943661971831%; padding-right: 0; } .tab-contents .tab-list.-five>li:nth-of-type(5) { padding-right: 0; } .tab-contents .button.-tab { display: table; width: 100%; position: relative; background-color: #0445ab; color: #ffffff; padding: 0 1em; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } @media only screen and (max-width: 640px) { .tab-contents .button.-tab { padding: 0 5px; } } .tab-contents .button.-tab:hover { opacity: 0.7; } .tab-contents .button.-tab>span { display: table-cell; vertical-align: middle; text-align: center; font-size: 1.2rem; font-weight: 500; height: 50px; padding: 0; line-height: 1.4; } .tab-contents .tab-list>li:nth-of-type(3)>a>span.pt { padding-top: 15px; } @media only screen and (max-width: 640px) { .tab-contents .button.-tab>span { font-size: 1.1rem; } .tab-contents li:nth-of-type(3) .button.-tab>span.pt { font-size: 1.0rem; padding-top: 13px; } .tab-contents .button.-tab>span.limited { padding-top: 0 !important; } } .tab-contents .button.-tab>span.limited { position: absolute; right: 0; top: 0; height: 15px; line-height: 15px; width: 100%; font-size: 1rem; background-color: #dc0000; color: #fff; padding: 0; } .tab-contents .difficulty_mb0 .heading02{ margin-bottom: 0; } /* ========================================================================== list ========================================================================== */ .list-disc, .list-bar, .list-number{ padding-left: 1em; } .list-disc>li, .list-bar>li, .list-number>li{ list-style-type: none; position: relative; } .list-disc>li+li, .list-bar>li+li, .list-number>li+li{ margin-top: 16px; } .list-disc>li:after { display: block; content: ''; position: absolute; top: .7em; left: -1em; width: 6px; height: 6px; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .list-bar>li:after { display: block; content: ''; position: absolute; top: 45%; left: -1em; width: 6px; height: 2px; background-color: #ffffff; } .list-number>li{ counter-increment: li; } .list-number>li>ol>li{ counter-increment: li2; } .list-number>li:before { content: counter(li)'. '; display: block; position: absolute; top: 0; left: -1em; color: #333333; } .list-number>li>ol>li:before { content: counter(li2)'. '; display: block; position: absolute; top: 0; left: -1em; color: #333333; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ /* ========================================================================== header ========================================================================== */ /*common*/ .site-header { position: relative; width: 100% !important; background-color: #ffffff; padding-top: 20px; } @media only screen and (max-width: 1100px) { .header-container>.row-fluid-wrapper.row-depth-1.row-number-2 { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .header-container>.row-fluid-wrapper.row-depth-1.row-number-2:before { content: ""; position: fixed; top: 50px; width: 100%; max-width: 330px; left: auto; right: 0; z-index: 99; height: 100%; background-color: #ffffff; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .header-container>.row-fluid-wrapper.row-depth-1.row-number-2.-opened:before { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);; } .header-container>.row-fluid-wrapper.row-depth-1.row-number-2:after { content: ""; width: 100%; height: 100%; display: block; position: fixed; top: 50px; left: 0; z-index: 98; opacity: 0; background-color: rgba(3,40,99,0.8); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .header-container>.row-fluid-wrapper.row-depth-1.row-number-2.-opened:after { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);; } .site-header { padding-top: 0; } } .site-header:after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_header.png); background-position: left bottom; background-repeat: repeat-x; } /****************************************************************************/ /* site-header01 */ /****************************************************************************/ /* header-upper common */ @media only screen and (max-width: 1100px) { .site-header .header-nav-upper { height: 50px; } .site-header .row-fluid [class*="span"]:first-child .container, .site-header .container { padding:0; } } .site-header .container>.row-fluid-wrapper>.row-fluid { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; -webkit-box-pack: justify; -ms-flex-pack: justify;; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end;; -webkit-box-align: end; -ms-flex-align: end;; width: 100%; } @media only screen and (max-width: 768px) { .site-header .containerv>.row-fluid-wrapper>.row-fluid { display: block; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-left { float: none; width: 8.8%; max-width: 88px; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-left { width: 100%; max-width: 190px; padding-top: 13px; padding-bottom: 13px; text-align: center; margin: auto; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-left .svg-wrap { padding-top: calc(119 / 93 * 100%); } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-left .svg-wrap { padding-top: calc(24 / 190 * 100%); } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right { width: 90.3%; margin-left: 0; padding-left: 0.9%; float: none; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right { float: none; width: 100%; padding-left: 0; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper { display: none; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; -webkit-box-pack: justify; -ms-flex-pack: justify;; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.tagline{ float: none; width: calc(30% - 9px); font-size: 1.2rem; font-weight: 300; padding-left: 9px; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.tagline{ display: none; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav{ float: none; width: 70%; margin-left: 0; padding-left: 3%; margin-bottom: 20px; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav{ display: none; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav ul{ -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end;; -webkit-box-pack: end; -ms-flex-pack: end;; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;; -webkit-box-align: center; -ms-flex-align: center;; height: 40px; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav ul>li:nth-of-type(1)>a { color: #0445ab; font-size: 1.2rem; font-weight: 400; padding-left: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZpbGw6I2ZmZjt9LmNscy0ze2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5vdGhlcnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg4LjQyLDUuMTVDNjUuMTItOC4zMyw1MCw4LjkyLDUwLDguOTJTMzQuNzgtOC4zMywxMS40Nyw1LjE1Qy0yOC45MywyOC41Myw1MC4zNCwxMDAsNTAuMzQsMTAwUzEyOC44MiwyOC41Myw4OC40Miw1LjE1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1Ny4yMiAzOS4zNSA1Ny4yMiAyMS40OSA0Mi45NCAyMS40OSA0Mi45NCAzOS4zNSAyNS4wOCAzOS4zNSAyNS4wOCA1My42MyA0Mi45NCA1My42MyA0Mi45NCA3MS40OSA1Ny4yMiA3MS40OSA1Ny4yMiA1My42MyA3NS4wOCA1My42MyA3NS4wOCAzOS4zNSA1Ny4yMiAzOS4zNSIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position:left center; background-size: 13px 13px; text-decoration: none; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav ul>li:nth-of-type(2)>a { display: table-cell; vertical-align: middle; color: #ffffff; height: 40px; padding: 0 20px 0 48px; background-color: #ed0712; font-size: 1.4rem; font-weight: 500; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1haWxtYWdhemluZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTUuMjQsMTQuNzdINS4xN2w0NSwzNi40OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC4yMSw2Mi40NSwwLDIyLjcxVjg1LjIzSDEwMFYyMi43MVoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position:20px center; background-size: 19px 19px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; text-decoration: none; } @media only screen and (min-width: 769px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav ul>li:nth-of-type(2)>a:hover { opacity: 0.7; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right .header-nav-upper>.row-fluid-wrapper>.row-fluid>.header-nav ul>li+li { margin-left: 20px; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower { width: 100%; max-width: 330px; height: 100%; position: fixed; left: auto; top: 50px; right: 0; z-index: 100; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .header-container>.row-fluid-wrapper.-opened .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);; float: right; position: absolute; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul{ -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;; -webkit-justify-content: normal; -moz-justify-content: normal; -ms-justify-content: normal; -o-justify-content: normal; justify-content: normal;; -webkit-box-pack: justify; -ms-flex-pack: justify;; margin-bottom: 24px; text-align: center; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul{ display: block; text-align: left; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li{ border-left: 1px dotted #aaaaaa; width: auto; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(4), .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(3), .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(2), .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(1){ display: none; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>ul{ display: none !important; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li{ border-left: none; border-bottom: 1px solid #cccccc; width: 100%; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:first-child { border-top: 1px solid #0445ab; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(5){ border-right: 1px dotted #aaaaaa; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(5){ border-right: none; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a{ position: relative; display: block; padding: 0 14.2px; color: #0445ab; font-size: 1.4rem; font-weight: 500; text-decoration: none; } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a{ padding: 1em 20px; } } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a>span{ display: inline-block; position: relative; background-repeat: no-repeat; background-position: left 0.4em; padding-left: 20px; padding-bottom: 3px; background-size: 15px 15px; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(1)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kYXRhYmFzZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTguODgsNUEzNi4xLDM2LjEsMCwwLDAsMjguNjEsNjAuNzlMNSw4NC40LDE1LjYsOTUsMzkuMjEsNzEuMzlBMzYuMTEsMzYuMTEsMCwxLDAsNTguODgsNVptMCw1OC41OEEyMi40NywyMi40NywwLDEsMSw4MS4zNSw0MS4xMiwyMi40NywyMi40NywwLDAsMSw1OC44OCw2My41OFoiLz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(2)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnJhbmtpbmc8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNS45NSIgY3k9IjM2LjU3IiByPSI1Ljk1Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAuOTIsMjguMjVhNS42Niw1LjY2LDAsMSwwLTUuNjUtNS42NUE1LjY1LDUuNjUsMCwwLDAsNTAuOTIsMjguMjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTQuMDUsMzAuNjJhNS45NSw1Ljk1LDAsMSwwLDYsNS45NUE2LDYsMCwwLDAsOTQuMDUsMzAuNjJaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcwLjE2IDUyLjg5IDUwLjk5IDMwLjggMzEuODMgNTIuODkgMTAuMzYgNDMuNDggMjEuNTQgODMuMDYgNTAuOTkgODMuMDYgODAuNDQgODMuMDYgOTEuNjIgNDMuNDggNzAuMTYgNTIuODkiLz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(3)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0Mi4xOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzAwMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ib29rPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NCw4LjE5aDB2MEg2MC40N1YzLjA2TDU4LjIsMi4yM0EzNi42MywzNi42MywwLDAsMCwzMywyLjIzTDMyLDIuNmwtMS0uMzdhMzYuNjMsMzYuNjMsMCwwLDAtMjUuMTcsMGwtMi4yNy44M3Y1LjFIMFYzOC45MmExLjI1LDEuMjUsMCwwLDAsMS4yNSwxLjI1SDI5bC44MiwyaDQuMzJsLjgyLTJINjIuNzVBMS4yNSwxLjI1LDAsMCwwLDY0LDM4LjkyVjguMTlaTTM0LjIxLDM0cTAtMTIuOTMsMC0yNS44NFY1LjQ3YTMzLjMzLDMzLjMzLDAsMCwxLDIyLjgsMFYzNGEzMy4zMiwzMy4zMiwwLDAsMC0xMS40LTIsMzMsMzMsMCwwLDAtMTAuMzUsMS42NkMzNC45MSwzMy43NywzNC41NiwzMy44OCwzNC4yMSwzNFpNMjkuNzksOC4xN1YzNEEzMy4yOCwzMy4yOCwwLDAsMCw4LDMzLjY1TDcsMzRWNS40N2EzMy4zMywzMy4zMywwLDAsMSwyMi44LDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(4)>a>span { background-image: url(https://945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image/module/ico_h2_contrents05.gif); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(5)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJsb2c8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMTEsNzkuMDcsMjMsOTNsLTMuNTksMy41OWMtLjk1LDEtMTYuMiw0LjI1LTE3LjE2LDMuMjlTNC41Niw4My42Miw1LjUyLDgyLjY2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLDEuODZhNi4yNCw2LjI0LDAsMCwwLTguNjQtLjIzbC0xOSwxOWE2LjIzLDYuMjMsMCwwLDAsLjIzLDguNjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcsNDIuMjJsLTE0LDE0Yy03LjMsNy4zLTYuNiw5Ljk0LTkuOTMsMTkuNzFMMjYuMzQsODkuMTVjOS43Ny0zLjM0LDEyLjQxLTIuNjMsMTkuNy05LjkzbDE0LTE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkyLjgzLDljLTUtNS0xNS40OC03LjMzLTIwLjUtMi4zTDQwLjQ3LDM4LjUxbDIyLjgsMjIuOEw5NS4xMywyOS40NUMxMDAuMTYsMjQuNDIsOTcuODUsMTQsOTIuODMsOVoiLz48L3N2Zz4=); } @media only screen and (min-width: 1101px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a:hover>span, .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch>a>span{ -webkit-box-shadow: 0 -8px #ade8f2 inset; -moz-box-shadow: 0 -8px #ade8f2 inset; -ms-box-shadow: 0 -8px #ade8f2 inset; -o-box-shadow: 0 -8px #ade8f2 inset; box-shadow: 0 -8px #ade8f2 inset;; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a:hover>span:before, .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch>a>span:before{ content: ""; width: 0; height: 0; border-bottom: 8px solid #ade8f2; border-left: 8px solid transparent; position: absolute; bottom: 0; left: -6px; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a:hover>span:after, .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch>a>span:after{ content: ""; width: 0; height: 0; border-top: 8px solid #ade8f2; border-right: 8px solid transparent; position: absolute; bottom: 0; right: -6px; } } @media only screen and (max-width: 1100px) { .site-header .container>.row-fluid-wrapper>.row-fluid>.span1 { float: none; position: absolute; top: 0; right: 0; width: 60px !important; } .nav-btn { width: 60px; height: 50px; background-color: #0445ab; cursor: pointer; padding: 10px 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Ny4wMSA4OS4wNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsYXllcl8yIiBkYXRhLW5hbWU9ImxheWVyIDIiPjxnIGlkPSJsYXllcl8xLTIiIGRhdGEtbmFtZT0ibGF5ZXIgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCw2Ny42SDUuNDZsMy4zMyw5LjA4Yy40MywxLjIyLjc3LDIuNTQsMS4xNiwzLjg0aC4xNGMuNDMtMS4zLjc3LTIuNjIsMS4xNi0zLjg0bDMuMjMtOS4wOEgyMHYyMUgxNS4zNVY4MS40M2E3MS40NCw3MS40NCwwLDAsMSwuNjUtNy4zaC0uMTFsLTEuNzUsNS0yLjgzLDcuNjlIOC41NEw1LjY4LDc5LjE3LDQsNzQuMTNIMy44N2E2OC43MSw2OC43MSwwLDAsMSwuNjUsNy4zdjcuMjFIMFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNi44Myw2Ny42SDQwLjE4djQuMTlIMzEuOXYzLjloN3Y0LjI0aC03Vjg0LjRoOC41OXY0LjI0SDI2LjgzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ2LjYsNjcuNmg1LjE1TDU3LDc3LjY3LDU5LDgyLjMzaC4xNGE2Ni42Nyw2Ni42NywwLDAsMS0uNjgtNy43N3YtN2g0LjgxdjIxSDU4LjE2TDUzLDc4LjQ5LDUwLjksNzMuODhoLS4xNGMuMjIsMi4zNS42NSw1LjIzLjY1LDcuNzh2N0g0Ni42WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLjA1LDc4Ljc0VjY3LjZoNVY3OS4yOGMwLDQsMS4xOSw1LjQsMy41LDUuNHMzLjU3LTEuNDEsMy41Ny01LjRWNjcuNkg4N1Y3OC43NGMwLDcuMS0yLjgzLDEwLjMtOC40MywxMC4zUzcwLjA1LDg1Ljg0LDcwLjA1LDc4Ljc0WiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjUuNzMiIHdpZHRoPSI1NS41NSIgaGVpZ2h0PSI4Ljg5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI1LjczIiB3aWR0aD0iOC44OSIgaGVpZ2h0PSI4Ljg5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyNS43MyIgeT0iMjAiIHdpZHRoPSI1NS41NSIgaGVpZ2h0PSI4Ljg5Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI1LjczIiB5PSIyMCIgd2lkdGg9IjguODkiIGhlaWdodD0iOC44OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjUuNzMiIHk9IjQwIiB3aWR0aD0iNTUuNTUiIGhlaWdodD0iOC44OSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNS43MyIgeT0iNDAiIHdpZHRoPSI4Ljg5IiBoZWlnaHQ9IjguODkiLz48L2c+PC9nPjwvc3ZnPg==); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; } .header-container>.row-fluid-wrapper.row-depth-1.row-number-2.-opened .nav-btn { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS44IDk5LjM5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxheWVyXzIiIGRhdGEtbmFtZT0ibGF5ZXIgMiI+PGcgaWQ9ImxheWVyXzEtMiIgZGF0YS1uYW1lPSJsYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDg4LjUzYzAtNy4wNiw0LjcyLTExLjEsMTAuMS0xMS4xYTksOSwwLDAsMSw2LjQzLDIuNzZsLTIuNjgsMy4yNGE1LjI3LDUuMjcsMCwwLDAtMy42Ny0xLjY1Yy0yLjczLDAtNSwyLjQ1LTUsNi41N1M3LjE0LDk1LDEwLjEzLDk1YTUuNTIsNS41MiwwLDAsMCw0LTEuOTNsMi42NywzLjE4YTguNzksOC43OSwwLDAsMS02LjkxLDMuMTNDNC41NSw5OS4zOSwwLDk1LjY5LDAsODguNTNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuMjYsNzcuODNoNS4wOXYxNi45aDguMjJWOTlIMjAuMjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzYuMTcsODguM2MwLTYuOTQsMy45My0xMC44Nyw5LjctMTAuODdzOS43LDQsOS43LDEwLjg3LTMuOTMsMTEuMDktOS43LDExLjA5UzM2LjE3LDk1LjI0LDM2LjE3LDg4LjNabTE0LjIyLDBjMC00LjEtMS43My02LjUyLTQuNTItNi41MnMtNC40OSwyLjQyLTQuNDksNi41MlM0My4wOCw5NSw0NS44Nyw5NSw1MC4zOSw5Mi40Miw1MC4zOSw4OC4zWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4LjE3LDk2LjM1bDIuODgtMy41QTguNTQsOC41NCwwLDAsMCw2Ni4yLDk1QzY4LjA3LDk1LDY5LDk0LjMsNjksOTMuMTZzLTEuMTYtMS42Mi0zLTIuMzlsLTIuNy0xLjE0YTYuMiw2LjIsMCwwLDEtNC4zLTUuOGMwLTMuNTUsMy4xOS02LjQsNy42OC02LjRhOS44Miw5LjgyLDAsMCwxLDYuODgsMi43OUw3MSw4My40YTYuODgsNi44OCwwLDAsMC00LjM1LTEuNjJjLTEuNTYsMC0yLjUzLjYzLTIuNTMsMS43N3MxLjM0LDEuNjIsMy4yMSwyLjM2TDcwLDg3YzIuNjIsMS4wNSw0LjE4LDIuODIsNC4xOCw1LjgsMCwzLjUzLTMsNi42My04LjA4LDYuNjNBMTEuODYsMTEuODYsMCwwLDEsNTguMTcsOTYuMzVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzguMDYsNzcuODNIOTEuNDhWODJIODMuMTVWODZoNy4wOHY0LjI2SDgzLjE1djQuNUg5MS44Vjk5SDc4LjA2WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI4MC42NyA2LjMyIDc0LjM1IDAgNDUuOSAyOC40NSAxNy40NSAwIDExLjEyIDYuMzIgMzkuNTggMzQuNzcgMTEuMTIgNjMuMjMgMTcuNDUgNjkuNTUgNDUuOSA0MS4xIDc0LjM1IDY5LjU1IDgwLjY3IDYzLjIzIDUyLjIyIDM0Ljc3IDgwLjY3IDYuMzIiLz48L2c+PC9nPjwvc3ZnPg==); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(1)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9LmNscy0ye2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kYXRhYmFzZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTguODgsNUEzNi4xLDM2LjEsMCwwLDAsMjguNjEsNjAuNzlMNSw4NC40LDE1LjYsOTUsMzkuMjEsNzEuMzlBMzYuMTEsMzYuMTEsMCwxLDAsNTguODgsNVptMCw1OC41OEEyMi40NywyMi40NywwLDEsMSw4MS4zNSw0MS4xMiwyMi40NywyMi40NywwLDAsMSw1OC44OCw2My41OFoiLz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(2)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnJhbmtpbmc8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNS45NSIgY3k9IjM2LjU3IiByPSI1Ljk1Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAuOTIsMjguMjVhNS42Niw1LjY2LDAsMSwwLTUuNjUtNS42NUE1LjY1LDUuNjUsMCwwLDAsNTAuOTIsMjguMjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTQuMDUsMzAuNjJhNS45NSw1Ljk1LDAsMSwwLDYsNS45NUE2LDYsMCwwLDAsOTQuMDUsMzAuNjJaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcwLjE2IDUyLjg5IDUwLjk5IDMwLjggMzEuODMgNTIuODkgMTAuMzYgNDMuNDggMjEuNTQgODMuMDYgNTAuOTkgODMuMDYgODAuNDQgODMuMDYgOTEuNjIgNDMuNDggNzAuMTYgNTIuODkiLz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(3)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA0Mi4xOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkYzAwMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5ib29rPC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSJfMSIgZGF0YS1uYW1lPSIxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02NCw4LjE5aDB2MEg2MC40N1YzLjA2TDU4LjIsMi4yM0EzNi42MywzNi42MywwLDAsMCwzMywyLjIzTDMyLDIuNmwtMS0uMzdhMzYuNjMsMzYuNjMsMCwwLDAtMjUuMTcsMGwtMi4yNy44M3Y1LjFIMFYzOC45MmExLjI1LDEuMjUsMCwwLDAsMS4yNSwxLjI1SDI5bC44MiwyaDQuMzJsLjgyLTJINjIuNzVBMS4yNSwxLjI1LDAsMCwwLDY0LDM4LjkyVjguMTlaTTM0LjIxLDM0cTAtMTIuOTMsMC0yNS44NFY1LjQ3YTMzLjMzLDMzLjMzLDAsMCwxLDIyLjgsMFYzNGEzMy4zMiwzMy4zMiwwLDAsMC0xMS40LTIsMzMsMzMsMCwwLDAtMTAuMzUsMS42NkMzNC45MSwzMy43NywzNC41NiwzMy44OCwzNC4yMSwzNFpNMjkuNzksOC4xN1YzNEEzMy4yOCwzMy4yOCwwLDAsMCw4LDMzLjY1TDcsMzRWNS40N2EzMy4zMywzMy4zMywwLDAsMSwyMi44LDBaIi8+PC9nPjwvZz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(4)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNvbHVtbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzMuMzEsNi44MVYwbC0yMCwwVjYuODFINi43M1YxMDBIOTMuMjdWNi44MVpNODgsOTQuMUgxMlYxMi43MUg1My4zM3YyM0w2MywyMy44Niw3My4zOCwzNS45NGwwLTIzLjIzSDg4WiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjQuNDgiIHk9IjQ1LjU1IiB3aWR0aD0iNTEuMDMiIGhlaWdodD0iNSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjQuNDgiIHk9IjU1LjU1IiB3aWR0aD0iNTEuMDMiIGhlaWdodD0iNSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjQuNDgiIHk9IjY1LjU0IiB3aWR0aD0iNTEuMDMiIGhlaWdodD0iNSIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMjQuNDgiIHk9Ijc1LjUzIiB3aWR0aD0iNTEuMDMiIGhlaWdodD0iNSIvPjwvc3ZnPg==); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(5)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJsb2c8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuMTEsNzkuMDcsMjMsOTNsLTMuNTksMy41OWMtLjk1LDEtMTYuMiw0LjI1LTE3LjE2LDMuMjlTNC41Niw4My42Miw1LjUyLDgyLjY2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcwLDEuODZhNi4yNCw2LjI0LDAsMCwwLTguNjQtLjIzbC0xOSwxOWE2LjIzLDYuMjMsMCwwLDAsLjIzLDguNjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcsNDIuMjJsLTE0LDE0Yy03LjMsNy4zLTYuNiw5Ljk0LTkuOTMsMTkuNzFMMjYuMzQsODkuMTVjOS43Ny0zLjM0LDEyLjQxLTIuNjMsMTkuNy05LjkzbDE0LTE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkyLjgzLDljLTUtNS0xNS40OC03LjMzLTIwLjUtMi4zTDQwLjQ3LDM4LjUxbDIyLjgsMjIuOEw5NS4xMywyOS40NUMxMDAuMTYsMjQuNDIsOTcuODUsMTQsOTIuODMsOVoiLz48L3N2Zz4=); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-of-type(6)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2RjMDAwMDt9LmNscy0ye2ZpbGw6I2ZmZjt9LmNscy0ze2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5vdGhlcnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg4LjQyLDUuMTVDNjUuMTItOC4zMyw1MCw4LjkyLDUwLDguOTJTMzQuNzgtOC4zMywxMS40Nyw1LjE1Qy0yOC45MywyOC41Myw1MC4zNCwxMDAsNTAuMzQsMTAwUzEyOC44MiwyOC41Myw4OC40Miw1LjE1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1Ny4yMiAzOS4zNSA1Ny4yMiAyMS40OSA0Mi45NCAyMS40OSA0Mi45NCAzOS4zNSAyNS4wOCAzOS4zNSAyNS4wOCA1My42MyA0Mi45NCA1My42MyA0Mi45NCA3MS40OSA1Ny4yMiA3MS40OSA1Ny4yMiA1My42MyA3NS4wOCA1My42MyA3NS4wOCAzOS4zNSA1Ny4yMiAzOS4zNSIvPjwvc3ZnPg==); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch:nth-of-type(6)>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9LmNscy0ye2ZpbGw6IzA0NDVhYjt9LmNscy0ze2ZvbnQtc2l6ZToxMHB4O2ZvbnQtZmFtaWx5Ok5vdG9TYW5zQ0pLanAtQm9sZC05MG1zLVJLU0otSCwgTm90byBTYW5zIENKSyBKUDtmb250LXdlaWdodDo3MDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5vdGhlcnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg4LjQyLDUuMTVDNjUuMTItOC4zMyw1MCw4LjkyLDUwLDguOTJTMzQuNzgtOC4zMywxMS40Nyw1LjE1Qy0yOC45MywyOC41Myw1MC4zNCwxMDAsNTAuMzQsMTAwUzEyOC44MiwyOC41Myw4OC40Miw1LjE1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSI1Ny4yMiAzOS4zNSA1Ny4yMiAyMS40OSA0Mi45NCAyMS40OSA0Mi45NCAzOS4zNSAyNS4wOCAzOS4zNSAyNS4wOCA1My42MyA0Mi45NCA1My42MyA0Mi45NCA3MS40OSA1Ny4yMiA3MS40OSA1Ny4yMiA1My42MyA3NS4wOCA1My42MyA3NS4wOCAzOS4zNSA1Ny4yMiAzOS4zNSIvPjwvc3ZnPg==); } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li>a>span { font-size: 1.6rem; padding-left: 30px; padding-bottom: 0; background-position: left center; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li.active-branch>a { background-color: #0445ab; color: #ffffff; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(4) { display: block; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(3) { display: block; border-bottom: none; margin: 20px 15px 0; width: auto; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(3)>a { display: block; text-align: center; color: #ffffff; padding: 10px 20px; background-color: #ed0712; font-size: 1.4rem; font-weight: 500; text-decoration: none; } .site-header .container>.row-fluid-wrapper>.row-fluid>.header-right>.row-fluid-wrapper>.row-fluid>.header-nav-lower ul>li:nth-last-of-type(3)>a>span { display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1haWxtYWdhemluZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTUuMjQsMTQuNzdINS4xN2w0NSwzNi40OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC4yMSw2Mi40NSwwLDIyLjcxVjg1LjIzSDEwMFYyMi43MVoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position:left center; background-size: 19px 19px; font-size: 1.5rem; } } /*lp*/ .lp .site-header { padding: 24px 0 25px; } @media only screen and (max-width: 768px) { .lp .site-header { position: fixed; left: 0; top: 0; z-index: 111; padding: 12px 0 12px; } } .lp .site-header .container .site-logo{ width: 100%; max-width: 260px; margin: auto; } .lp .site-header .container .site-logo .svg-wrap{ padding-top: calc(31 / 260 * 100%); } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* ========================================================================== main ========================================================================== */ .billboard { position: relative; } .billboard.type02 { background-repeat: no-repeat; background-position: center top; background-size: cover; } @media only screen and (max-width: 768px) { .billboard.type01 { background-repeat: no-repeat; background-position: center top; background-size: cover; } } .billboard.type01, .billboard.type02 { width: 100%; height: 100%; overflow: hidden; min-height: auto; } .billboard.type03 { overflow: hidden; } .billboard.type04, .billboard.type05{ max-width: 1600px; margin: auto; overflow: hidden; } .billboard.type01 video { position: absolute; display: inherit; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover; } @media only screen and (max-width: 768px) { .billboard.type01 video { display: none; } } .billboard.type03 img{ width: inherit; max-width: inherit; position: absolute; } .billboard.type04 img{ width: 1600px; max-width: inherit; position: absolute; } .billboard .content-wrapper { position: absolute; top: 0; left: 0; width: 100%; } .billboard.type01 .content-wrapper, .billboard.type02 .content-wrapper { min-height: 800px; } .billboard .content-wrapper>.container { display: table; } .billboard .content-wrapper>.container>.site-title { display: table-cell; vertical-align: middle; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ /* ========================================================================== footer ========================================================================== */ .site-footer .footer { background-color: #ffffff; position: relative; } .site-footer .footer .section{ margin-bottom: 40px; } .site-footer .footer .section.-top{ margin-top: 24px; } @media only screen and (max-width: 768px) { .site-footer .footer .section{ margin-bottom: 20px; } .site-footer .footer .section.-top{ margin-top: 20px; } } .site-footer .footer .container{ position: relative; } .site-footer .footer .page-top{ position: relative; max-width: 1000px; margin: auto; } @media only screen and (max-width: 1100px) { .site-footer .footer .page-top{ width: 100%; position: static; } } .site-footer .footer .page-top>p { display: inline-block; } @media only screen and (max-width: 1100px) { .site-footer .footer .page-top>p { display: block; text-align: center; } } .site-footer .footer .page-top>p>a { position: absolute; right: 0; top: -29px; display: inline-block; background-color: #ffffff; padding: 5px 20px 4px 20px; color: #333333; font-weight: 400; text-decoration: none; } @media only screen and (max-width: 1100px) { .site-footer .footer .page-top>p>a { position:static; border-bottom: 1px dotted #aaaaaa; padding: 10px 20px; display: block; } } .site-footer .footer .page-top>p>a>span { display: inline-block; position: relative; padding-left: 14px; } .site-footer .footer .page-top>p>a>span:before { content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 0; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-bottom: 4px solid #dc0000; } .site-footer .footer .section.-logo .row-fluid .span3{ width: 18.1%; } .site-footer .footer .section.-logo .row-fluid .span3 .svg-wrap{ /* padding-top: calc(27 / 181 * 100%); */ padding-top: 0; } @media only screen and (max-width: 768px) { .site-footer .footer .section.-logo .row-fluid .span3 .svg-wrap{ padding-bottom: calc(27 / 181 * 100%); max-width: 300px; } } @media only screen and (max-width: 768px) { .site-footer .footer .section.-logo .row-fluid .span3 .svg-wrap .svg{ width: auto; } } .site-footer .footer .section.-logo .row-fluid .span9{ width: 78%; margin-left: 0; float: right; } @media only screen and (max-width: 768px) { .site-footer .footer .section.-logo .row-fluid .span3, .site-footer .footer .section.-logo .row-fluid .span9 { width: 100%; float: none; } .site-footer .footer .section.-logo .row-fluid .span9 { margin-top: 16px; } } .site-footer .footer .section .footer-btn-list { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; -webkit-box-pack: justify; -ms-flex-pack: justify;; } @media only screen and (max-width: 768px) { .site-footer .footer .section .footer-btn-list { display: block; } } .site-footer .footer .section .footer-btn-list>li { width: 32%; max-width: 320px; } @media only screen and (max-width: 768px) { .site-footer .footer .section .footer-btn-list>li { width: 100%; max-width: 100%; } } .site-footer .footer .section .footer-btn-list>li+li { margin-left: 2%; } @media only screen and (max-width: 768px) { .site-footer .footer .section .footer-btn-list>li+li { margin: 10px 0 0; } } .site-footer .footer .section .footer-btn-list>li>a { display: table; width: 100%; height: 50px; padding: 0 20px; color: #ffffff; font-weight: 500; text-decoration: none; background-color: #76a315; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .site-footer .footer .section .footer-btn-list>li>a:hover { opacity: 0.7; } .site-footer .footer .section .footer-btn-list>li:last-child>a { background-color: #dc0000; } .site-footer .footer .section .footer-btn-list>li>a>span { display: table-cell; vertical-align: middle; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: 17px 17px; } .site-footer .footer .section .footer-btn-list>li.footer-btn-list-voice>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnZvaWNlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04Mi4zMywzOS43N2guMjNDODEuMjMsMjguMjMsNjMuMjgsMTkuMDgsNDEuMzMsMTkuMDgsMTguNTEsMTkuMDgtLjU5LDI5LDAsNDEuMTVjLjQ1LDguODMsNy43LDE1LjMsMTMuODUsMTguNy0yLjUyLDMuOS00LjQsOC41My04LjA2LDEyLjY1LDcuOTItMS4yLDE2LjI4LTMuODcsMjIuOS04LjA3YTE0NS43NSwxNDUuNzUsMCwwLDAsMjMsMCwxMi42OSwxMi42OSwwLDAsMS0xLjE3LTUuMzFDNTAuNTUsNDguMzMsNjQuMjEsNDAsODIuMzMsMzkuNzdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTMuNTksNzIuNTFDMTA1LjQ4LDcxLDExMCw2NiwxMTAsNTkuMTdjMC04LTEyLjA4LTE0LjQtMjctMTQuNGgtLjYxYy0xNC42Mi4xOC0yNi4zNiw2LjU2LTI2LjM2LDE0LjRhOC41Nyw4LjU3LDAsMCwwLDEuNDEsNC42MWMzLjQ0LDUuNDQsMTIuNzcsOS40MiwyMy45Myw5Ljc3LDMuMjksMy4xNCwxNC4zNiw3LjM3LDE5LjI0LDcuMzdoMEEyMS44MSwyMS44MSwwLDAsMSw5My41OSw3Mi41MVoiLz48L3N2Zz4=); background-size: 24px 24px; } .site-footer .footer .section .footer-btn-list>li.footer-btn-list-event>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmV2ZW50PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02Ny41LDBoMTBWMjBoLTEwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLjUsMGgxMFYyMGgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTIuNSw0NWgxMFY1NWgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjcuNSw0NWgxMFY1NWgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcuNSw2MGgxMFY3MGgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNSw2MGgxMFY3MGgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTIuNSw2MGgxMFY3MGgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjcuNSw2MGgxMFY3MGgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuNSw3NWgxMFY4NWgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzcuNSw3NWgxMFY4NWgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTIuNSw3NWgxMFY4NWgtMTBaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzcuNSw3NVY4NWgtMTBWNzVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODIuNSw5LjgydjE1aC0yMHYtMTVoLTI1VjI1aC0yMFY5LjgySDIuNVYxMDBoOTVWOS44MlpNODcuNSw5MGgtNzVWMzVoNzVaIi8+PC9zdmc+); } .site-footer .footer .section .footer-btn-list>li.footer-btn-list-data>a>span { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPm1haWxtYWdhemluZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTUuMjQsMTQuNzdINS4xN2w0NSwzNi40OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MC4yMSw2Mi40NSwwLDIyLjcxVjg1LjIzSDEwMFYyMi43MVoiLz48L3N2Zz4=); } .site-footer .footer .section .footer-banner-list { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; -webkit-box-pack: justify; -ms-flex-pack: justify;; } .site-footer .footer .section .footer-banner-list>li { width: 32%; max-width: 318px; border: 1px solid #CCC; } .site-footer .footer .section .footer-banner-list>li+li { margin-left: 2%; } .site-footer .footer .section .footer-banner-list>li>a { display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .site-footer .footer .section .footer-banner-list>li>a:hover { opacity: 0.7; } .site-footer .footer .section .footer-medical-message:after { content: ""; clear: both; display: table; } .site-footer .footer .section .footer-medical-message>p.message { float: left; font-weight: 700; font-size: 1.5rem; margin-bottom: 0; line-height: 1; } .site-footer .footer .section .footer-medical-message>p.message>span { color: #76a315; font-size: 2.0rem; } .site-footer .footer .section .footer-medical-message>p.right { float: right; margin-bottom: 0; display: inline-block; } .site-footer .footer .section .footer-medical-message>p.right>a { position: relative; display: block; background-color: #faeed0; padding: 10px 20px 9px 34px; color: #333333; font-weight: 400; text-decoration: none; } .site-footer .footer .section .footer-medical-message>p.right>a:before { content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 20px; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } .site-footer .footer .section .footer-medical-list { padding: 20px; background-color: #faeed0; } .site-footer .footer .section .footer-medical-list>ul { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; -webkit-box-pack: justify; -ms-flex-pack: justify;; } .site-footer .footer .section .footer-medical-list>ul>li { width: 23.4375%; max-width: 225px; } .site-footer .footer .section .footer-medical-list>ul>li+li { margin-left: 2.083333333333333%; } .site-footer .footer .section .footer-medical-list>ul>li>a { display: table; width: 100%; height: 65px; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .site-footer .footer .section .footer-medical-list>ul>li>a:hover { opacity: 0.7; } .site-footer .footer .section .footer-medical-list>ul>li>a>.img, .site-footer .footer .section .footer-medical-list>ul>li>a>.title{ display: table-cell; vertical-align: middle; } .site-footer .footer .section .footer-medical-list>ul>li>a>.img { width: 33.3333333333%; max-width: 75px; } .site-footer .footer .section .footer-medical-list>ul>li>a>.title{ width: 66.66666666666667%; max-width: 150px; padding-left: 10px; color: #76a315; font-size: 1.6rem; font-weight: 500; } .site-footer .footer .section .footer-medical-list>ul>li>a>.title>span{ font-size: 1.3rem; } .site-footer .footer .section .footer-school-link .footer-school-info { font-size: 15px; font-weight: bold; margin-bottom: 20px; } .site-footer .footer .section .footer-school-link>ul { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-box-pack: start; -ms-flex-pack: start;; } .site-footer .footer .section .footer-school-link>ul>.links{ -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; width: 23.5%; position: relative; font-size: 14px; margin-right: 20px; border-top: 1px solid #e3e3e3; } .site-footer .footer .section .footer-school-link>ul>.links:nth-child(4n){ margin-right: 0; } @media only screen and (max-width: 1030px) { .site-footer .footer .section .footer-school-link>ul>.links{ width: 30%; } .site-footer .footer .section .footer-school-link>ul>.links:last-child{ border-top: none; } .site-footer .footer .section .footer-school-link>ul>.links:nth-child(4n){ margin-right: 20px; } } @media only screen and (max-width: 768px) { .site-footer .footer .section .footer-school-link>ul>.links{ width: 47%; margin-right: 15px; } .site-footer .footer .section .footer-school-link>ul>.links:nth-child(2n){ margin-right: 0; } .site-footer .footer .section .footer-school-link>ul>.links:nth-last-child(-n+2){ border-top: none; } } .site-footer .footer .section .footer-school-link>ul>.links:nth-last-child(-n+4){ border-bottom: 1px solid #e3e3e3; } .site-footer .footer .section .footer-school-link>ul>.links>a { padding: 12px 12px 12px 30px; width: 100%; text-decoration: none; } .site-footer .footer .section .footer-school-link>ul>.links>a:hover { text-decoration: underline; } .site-footer .footer .section .footer-school-link>ul>.links>a:before { content: ""; position: absolute; box-sizing: border-box; top: 47.5%; left: 15px; vertical-align: middle; margin-top: -2px; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } .site-footer .footer .section.footer-lower .row-fluid .span9 { width: auto; } @media only screen and (max-width: 768px) { .site-footer .footer .section.footer-lower .row-fluid .span9 { float: none; } } .site-footer .footer .section.footer-lower .row-fluid .span3 { margin-left: 0; width: auto; float: right; } .site-footer .footer .section.footer-lower .row-fluid .span9 ul { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start;; -webkit-box-pack: start; -ms-flex-pack: start;; } @media only screen and (max-width: 768px) { .site-footer .footer .section.footer-lower .row-fluid .span9 ul { display: block; } } .site-footer .footer .section.footer-lower .row-fluid .span9 ul>li>a{ position: relative; display: block; border-left: 1px dotted #aaaaaa; color: #333333; text-decoration: none; padding: 0 2em; } @media only screen and (max-width: 768px) { .site-footer .footer .section.footer-lower .row-fluid .span9 ul>li>a{ border-left: none; padding: 0 0 0 10px; color: #0445ab; } .site-footer .footer .section.footer-lower .row-fluid .span9 ul>li>a:before{ content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 0; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } } .site-footer .footer .section.footer-lower .row-fluid .span9 ul>li:last-child>a { border-right: 1px dotted #aaaaaa; } @media only screen and (max-width: 768px) { .site-footer .footer .section.footer-lower .row-fluid .span9 ul>li:last-child>a { border-right: none; } } .site-footer .footer .section.footer-lower .row-fluid .span3.copyright span { font-size: 1.1rem; } @media only screen and (max-width: 768px) { .site-footer .footer .section.footer-lower .row-fluid .span3.copyright{ float: none; text-align: left; } } /*lp*/ .lp .site-footer { width: 100%; padding: 14px 0; } .lp .site-footer .page-top{ display: none !important; } .lp .site-footer .container .copyright{ font-size: 1.1rem; text-align: center; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* ========================================================================== site-content ========================================================================== */ .site-content { background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_wrap_body.png),url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_body02.jpg); background-repeat: no-repeat,repeat; background-position: center -141px,center top; background-color: #c97b32; padding: 40px 0 20px; } @media only screen and (max-width: 1100px) { .site-content { padding: 70px 0 20px; } } .lp .site-content { background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_body02.jpg); background-repeat: repeat; background-position: center top; background-color: #c97b32; padding: 40px 0; } @media only screen and (max-width: 767px) { .lp .site-content { padding: 70px 0 20px; } } .site-content>.row-number-2 { min-height: 350px !important; } .site-content .subnavi .span9 { width: 71%; max-width: 710px; float: left; } @media only screen and (max-width: 1100px) { .site-content .subnavi .span9 { width: 100%; max-width: 100%; padding-right: 0; float: none; padding: 0; } } .site-content .subnavi .span9>div+div { margin-top: 20px; } .site-content .subnavi .span3 { width: 27%; max-width: 270px; margin-left: 0; float: right; } @media only screen and (max-width: 1100px) { .site-content .subnavi .span3 { width: 100%; max-width: 100%; float: none; padding-top: 20px; } } .site-content .subnavi .span3 .sn-box+.sn-box { margin-top: 40px; } .site-content .subnavi .span3 .sn-box .heading03{ display: table; width: 100%; height: 35px; background-color: #0445ab; border-left: 4px solid #04b0ca; padding: 0 14px; margin-bottom: 0; } .site-content .subnavi .span3 .sn-box .heading03>span{ display: table-cell; vertical-align: middle; color: #ffffff; font-size: 1.6rem; font-weight: 500; } .site-content .subnavi .span3 .sn-box .pickup-box, .site-content .subnavi .span3 .sn-box .pickup-box-ver02{ position: relative; background-color: #ffffff; } .site-content .subnavi .span3 .sn-box .pickup-box-ver02 { padding: 10px; } .site-content .subnavi .span3 .sn-box .pickup-box:after, .site-content .subnavi .span3 .sn-box .pickup-box-ver02:after{ content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background-image: url(//945381.fs1.hubspotusercontent-na1.net/hubfs/945381/image-site/common/bg_header.png); background-position: left bottom; background-repeat: repeat-x; } .site-content .subnavi .span3 .sn-box .pickup-box-ver02>li { max-width: 480px; margin: auto; } .site-content .subnavi .span3 .sn-box .pickup-box-ver02>li+li { margin-top: 10px; } .site-content .subnavi .span3 .sn-box .pickup-box-ver02>li>a { display: block; border: 1px solid #cccccc; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a { background-color: #ffffff; } .site-content .subnavi .span3 .sn-box .pickup-box>li:nth-of-type(2n+2)>a { background-color: #ecedf0; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a { text-decoration: none; padding: 10px 20px; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start;; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;; text-decoration: none; } @media only screen and (max-width: 767px) { .site-content .subnavi .span3 .sn-box .pickup-box>li>a { padding: 15px; } } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.img { margin: 0; max-width: 65px; width: 28.26086956521739%; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.img img, .site-content .subnavi .span3 .sn-box .pickup-box-ver02>li>a>img{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;; vertical-align: middle; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a:hover>.img img, .site-content .subnavi .span3 .sn-box .pickup-box-ver02>li>a:hover>img{ opacity: 0.7; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right { padding: 0 0 0 10px; width: 71.73913043478261%; margin-bottom: 0; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right>.icon { text-align: center; display: inline-block; margin-bottom: 5px; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right>.icon>span { display: inline-block; min-width: 90px; height: 22px; line-height: 22px; padding: 0 0.5em; margin-bottom: 0; color: #ffffff; font-size: 1.2rem; font-weight: 500; background-color: #dc0000; white-space: nowrap; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right>.link>span { display: inline-block; position: relative; padding-left: 10px; color: #0445ab; font-weight: 400; line-height: 1.4; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right>.link>span:after { content: ""; position: absolute; box-sizing: border-box; top: 0.5em; left: 0; margin: auto; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #dc0000; } .site-content .subnavi .span3 .sn-box .news-box { background-color: #ffffff; padding: 20px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .site-content .subnavi .span3 .sn-box .news-box { padding: 15px; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.img { max-width: inherit; min-width: 75px; width: 25.86206896551724%; } .site-content .subnavi .span3 .sn-box .pickup-box>li>a>.right { width: 74.13793103448276%; } } .site-content .subnavi .span3 .sn-box .news-box>li+li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #dfe1e5; } .site-content .subnavi .span3 .sn-box .news-box>li>.upper { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap;; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start;; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;; } .site-content .subnavi .span3 .sn-box .news-box>li>.upper>.date { color: #333333; font-size: 1.3rem; padding-right: 10px; margin-bottom: 0; white-space: nowrap; } .site-content .subnavi .span3 .sn-box .news-box>li>.upper>.icon { text-align: center; } .site-content .subnavi .span3 .sn-box .news-box>li>.upper>.icon>span { display: inline-block; min-width: 90px; height: 22px; line-height: 22px; padding: 0 0.5em; margin-bottom: 0; color: #ffffff; font-size: 1.2rem; font-weight: 500; background-color: #dc0000; white-space: nowrap; } .site-content .subnavi .span3 .sn-box .news-box>li>.text { margin-top: 10px; } .site-content .subnavi .span3 .fb_iframe_widget, .site-content .subnavi .span3 .fb_iframe_widget span, .site-content .subnavi .span3 .fb_iframe_widget iframe[style]{ width: 100% !important; } .site-content .subnavi .span3 .fb-plugin { width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== breadcrumnbs ========================================================================== */ .bread-crumbs{ } .bread-crumbs ul { display: table; height: 80px; color: #ffffff; } .bread-crumbs ul li { font-size: 1.2rem; float: none; display: table-cell; vertical-align: middle; white-space:nowrap; } .bread-crumbs ul li a:hover { text-decoration: none; } .bread-crumbs ul li.hs-breadcrumb-menu-item:first-child { padding-left: 0; } .bread-crumbs ul li a, .bread-crumbs ul li span{ color: #ffffff; } .bread-crumbs .hs-breadcrumb-menu-divider:before { content: '＞'; padding-left: 10px; } @media only screen and (max-width: 640px) { .bread-crumbs{ overflow: auto; line-height: 1; } } @media only screen and (max-width: 1100px) { .site-content .row-fluid [class*="span"]:first-child .bread-crumbs.container{ padding: 0 15px !important; } } /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ .site-content .container .form h3 { font-size: 2.0rem; font-weight: 500; line-height: 1.5; color: #0445ab; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; margin-bottom: 20px; } @media only screen and (min-width: 641px) and (max-width: 1100px) { .site-content .container .form h3 { font-size: 1.8rem; } } @media only screen and (max-width: 640px) { .site-content .container .form h3 { font-size: 1.6rem; } } .hs-form-required, .hs-error-msgs{ color: #ca1414; } .site-content .container .form fieldset { max-width: inherit !important; } .site-content .container .form .hs-form .hs-form-field { margin-bottom: 20px; } .site-content .container .form .hs-form label { margin: 0; } .site-content .container .form .hs-form li>label { margin: 0; } .site-content .container .form .hs-form .hs-error-msgs { margin-top: 5px; } .site-content .container .form .hs-form .hs_checkprivacy_mail_magazine label, .site-content .container .form .hs-form .hs-error-msgs label{ margin: 0; } .site-content .container .form .hs-form .hs-form-field .input{ margin-top: 10px; } .site-content .container .form .hs-form .form-columns-2>div { width: 48.46153846153846%; } .site-content .container .form .hs-form .form-columns-2>div:last-child { float: right; } .site-content .container .form .hs-form .form-columns-1>div .input, .site-content .container .form .hs-form .form-columns-2>div .input { margin-right: 0; } .site-content .container .form input[type="email"], .site-content .container .form input[type="text"], .site-content .container .form input[type="date"], .site-content .container .form input[type="number"], .site-content .container .form input[type="tel"]{ width: 100%; } .site-content .container .form input[type="text"]:focus, .site-content .container .form input[type="email"]:focus, .site-content .container .form input[type="date"]:focus, .site-content .container .form input[type="number"]:focus, .site-content .container .form input[type="tel"]:focus{ background-color: #e1e9f7; } .site-content .container .form input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .site-content .container .form select { width: 100% !important; } .site-content .container .form .input ul { margin-top: 0; } .site-content .container .form .actions { margin-top: 16px; display: block; width: 100%; max-width: 300px; margin:auto; height: 50px; text-align: center; text-decoration: none; line-height: 50px; outline: none; background-color: #ed0712; color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; } .site-content .container .form .actions>.hs-button { display: inline-block; padding: 10px 20px 10px 32px; font-size: 1.6rem; font-weight: 500; line-height: 1.5; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGF5ZXJfMSIgZGF0YS1uYW1lPSJsYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmNoZWNrPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOCw0Ni4xOSw0MS41Myw3Mi40NXMyMi01My4zOCw1Ni43Ny03MS4xOEM5Ny40NiwxNCw5NC4wNywyNSwxMDAsMzguNTYsODQuNzUsNDIsNTMuMzksODAuMDgsNDMuMjIsOTguNzMsMjguODEsODAuOTMsMTEuODYsNjcuMzcsMCw2My4xNFoiLz48L3N2Zz4=); background-position: left center; background-repeat: no-repeat; background-color: transparent; background-size: 20px 20px; border: none; cursor: pointer; font-family: Noto Sans Japanese,YuGothic,'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Osaka, sans-serif; } .site-content .container .form .actions:hover { opacity: 0.7; } .site-content li.hs-form-booleancheckbox { margin: 0; } .hs_error_rollup { margin-bottom: 40px; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ .blog .section { background-color: transparent; } .blog .section+.section { margin-top: 40px; } .blog .section>a { text-decoration: none; } .blog .section>a p{ color: #333333; } .blog .section>a h2{ margin: 14px 20px 0; } @media only screen and (min-width: 769px) { .blog .section>a .img { overflow: hidden; } .blog .section>a .img img { -moz-transition: -moz-transform 0.3s linear; -webkit-transition: -webkit-transform 0.3s linear; -o-transition: -o-transform 0.3s linear; -ms-transition: -ms-transform 0.3s linear; transition: transform 0.3s liner; } .blog .section>a:hover .img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } .blog .section>a .list-more { margin-top: 20px; } .blog .section>a .list-more>p>span { background-repeat: no-repeat; background-position: right 2px; display: inline-block; color: #76a315; font-size: 1.6rem; font-weight: 500; line-height: 1.5; text-decoration: none !important; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii01IC0yIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC01IC0yIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iNSwwIDAsMCAxMC4wNjIsMTAuMDAyIDAsMjAgNSwyMCAxNC41LDEwLjAwMiAiLz4NCjwvc3ZnPg0K); padding-right: 32px; min-height: 24px; } .blog .section>a .open-date { font-size: 1.6rem; line-height: 1.4; font-style: italic; } .blog .section>a .icon { margin-top: 0; line-height: 1; } .blog .section>a .icon span { display: inline-block; background-color: #faeed0; color: #333333; font-size: 1.4rem; text-align: center; padding: 2px 10px 3px; } .blog .section>a .open-date+.icon{ margin-top: 10px; } .blog .section>a .icon+p{ margin-top: 20px; } /*qa*/ .qa { margin: 0; padding: 0; } .qa > dt, .qa > dd { position: relative; } .qa > dt > span, .qa > dd > span { display: inline-block; } .qa > dt .icon, .qa > dd .icon { padding: 0; position: absolute; top: 3px; left: 0; width: 35px; height: 35px; margin-right: 20px; line-height: 35px; color: #333333; text-align: center; font-weight: 500; font-size: 1.6rem; } .qa> dt .text, .qa> dd .natural { padding-left: 55px; } .qa > dt { color: #333333; font-size: 1.6rem; font-weight: 500; margin-bottom: 20px; } .qa > dt .icon { background-color: #ffffff; } .qa > dd .icon { background-color: #faeed0; } .qa > dd+dt { margin-top: 30px; padding-top: 30px; border-top: 1px solid #aaaaaa; } .qa > dd+dt .icon { top: 33px; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ .cta img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .cta img:hover { opacity: 0.7; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ .area-map { position: relative; } .area-map .svg-wrap{ padding-top: calc(70 / 100 * 100%); } @media only screen and (max-width: 640px) { .area-map .svg-wrap{ display: none; } } .area-map .svg-wrap .svg path { cursor: pointer; } .map-link { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;; } .area-map-def-cls-1{fill:#fff;} .area-map-def-cls-2{fill:#0055e8;} .area-map-def-cls-3{fill:#009b00;} .area-map-def-cls-4{fill:#00a2d5;} .area-map-def-cls-5{fill:#9953cb;} .area-map-def-cls-6{fill:#d4e100;} .area-map-def-cls-7{fill:#f3004d;} .area-map-def-cls-8{fill:#ff5c00;} .area-map-def-cls-9{fill:transparent;} .area01.active.area-map-def-cls-1,.area01.active.area-map-def-cls-9{fill:#0055e8;} .area01.active.area-map-def-cls-2{fill:#ffffff;} .area02.active.area-map-def-cls-1,.area02.active.area-map-def-cls-9{fill:#009b00;} .area02.active.area-map-def-cls-3{fill:#ffffff;} .area03.active.area-map-def-cls-1,.area03.active.area-map-def-cls-9{fill:#d4e100;} .area03.active.area-map-def-cls-6{fill:#ffffff;} .area04.active.area-map-def-cls-1,.area04.active.area-map-def-cls-9{fill:#ff5c00;} .area04.active.area-map-def-cls-8{fill:#ffffff;} .area05.active.area-map-def-cls-1,.area05.active.area-map-def-cls-9{fill:#f3004d;} .area05.active.area-map-def-cls-7{fill:#ffffff;} .area06.active.area-map-def-cls-1,.area06.active.area-map-def-cls-9{fill:#9953cb;} .area06.active.area-map-def-cls-5{fill:#ffffff;} .area07.active.area-map-def-cls-1,.area07.active.area-map-def-cls-9{fill:#00a2d5;} .area07.active.area-map-def-cls-4{fill:#ffffff;} .area-map div.active-branch { position: absolute; top: 0; left: 0; } @media only screen and (max-width: 640px) { .area-map div.active-branch { position: static; } } .natural .area-map ul{ padding-left: 0; max-width: 210px; } @media only screen and (max-width: 640px) { .natural .area-map ul{ max-width: inherit; } } .natural .condition-list ul{ padding-left: 0; } .natural .area-map ul:after, .condition-list:after, .search-link-list.-blue ul:after{ content: ""; clear: both; display: table; } .natural .area-map ul>li, .condition-list ul>li{ float: left; width: 50%; margin: 10px 0 0; padding: 0; } .natural .area-map ul>li:nth-of-type(2n+1), .condition-list ul>li:nth-of-type(2n+1){ padding-right: 1em; } .natural .area-map ul>li:after, .condition-list ul>li:after{ display: none; } @media only screen and (max-width: 640px) { .natural .area-map ul>li:nth-of-type(2n+1) { padding-right: 5px; } .natural .area-map ul>li:after { display: none; } } .natural .area-map ul>li:nth-of-type(2n+2), .condition-list ul>li:nth-of-type(2n+2){ padding-left: 1em; } @media only screen and (max-width: 640px) { .natural .area-map ul>li:nth-of-type(2n+2) { padding-left: 5px; } } .natural .area-map ul>li:nth-of-type(1), .natural .area-map ul>li:nth-of-type(2), .condition-list ul>li:nth-of-type(1), .condition-list ul>li:nth-of-type(2){ margin-top: 0; } @media only screen and (max-width: 640px) { .condition-list ul>li{ float: none; width: 100%; padding: 0 !important; } .condition-list ul>li:nth-of-type(2){ margin-top: 10px; } } .search-link-list.-blue ul { padding-left: 0; } .search-link-list.-blue ul>li { float: left; padding: 0 1px 1px 0; margin: 0; } .search-link-list.-blue ul>li.right { float: right; padding: 0 !important; } .search-link-list.-blue.-large.-two ul>li { margin-top: 16px; } .search-link-list.-blue.-large.-two ul>li:nth-of-type(2n+1) { padding-right: 2.307692307692308%; } .search-link-list.-blue.-large.-two ul>li:nth-of-type(2n+2) { padding-left: 2.307692307692308%; } @media only screen and (max-width: 640px) { .search-link-list.-blue.-large.-two ul>li:nth-of-type(2n+1) { padding-right: 0; } .search-link-list.-blue.-large.-two ul>li:nth-of-type(2n+2) { padding-left: 0; } } .search-link-list.-blue.-large.-two ul>li:nth-of-type(1), .search-link-list.-blue.-large.-two ul>li:nth-of-type(2){ margin-top: 0; } @media only screen and (max-width: 640px) { .search-link-list.-blue.-large.-two ul>li, .search-link-list.-blue.-large.-two ul>li:nth-of-type(2){ margin-top: 10px; } .search-link-list.-blue.-large.-two ul>li:nth-of-type(1){ margin-top: 0; } } .search-link-list.-blue.-two ul>li { width: 50%; } @media only screen and (max-width: 640px) { .search-link-list.-blue.-two ul>li { width: 100%; } } .search-link-list.-blue.-three ul>li { width: 33.33333333333333%; } @media only screen and (max-width: 640px) { .search-link-list.-blue.-three ul>li { padding: 0 10px 0 0; margin-top: 10px; width: 34.61538461538462%; } .search-link-list.-blue.-three ul>li:nth-of-type(3n+3) { padding-right: 0; width: 30.76923076923077%; } .search-link-list.-blue.-three ul>li:nth-of-type(1), .search-link-list.-blue.-three ul>li:nth-of-type(2), .search-link-list.-blue.-three ul>li:nth-of-type(3){ margin-top: 0; } } .search-link-list.-blue ul>li:after { display: none; } .search-link-list.-blue ul>li>a { position: relative; display: table; width: 100%; padding: 0 16px 0 24px; background-color: #0445ab; color: #ffffff; font-size: 1.4rem; font-weight: 500; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;; line-height: 1.1; text-decoration: none; } .search-link-list.-blue.-large.-fs ul>li>a { font-size: 1.8rem; } @media only screen and (max-width: 640px) { .search-link-list.-blue ul>li>a, .natural .area-map ul>li>a { position: relative; display: table; width: 100%; padding: 0 12px 0 24px; background-color: #0445ab; color: #ffffff; font-size: 1.4rem; font-weight: 500; line-height: 1.1; height: 44px; } .search-link-list.-blue.-large.-fs ul>li>a { font-size: 1.4rem; } } .search-link-list.-blue.-small ul>li>a { height: 30px; } .search-link-list.-blue.-large ul>li>a, .search-link-list.-blue.-small.-lh ul>li>a{ height: 60px; } @media only screen and (max-width: 640px) { .search-link-list.-blue.-large ul>li>a, .search-link-list.-blue.-small.-lh ul>li>a{ height: 44px; } } .search-link-list.-blue ul>li>a>span { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 640px) { .natural .area-map ul>li>a span { display: table-cell; vertical-align: middle; } } .search-link-list.-blue ul>li>a:hover { opacity: 0.7; text-decoration: none; } .search-link-list.-blue ul>li>a:after { content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 12px; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #ffffff; } @media only screen and (max-width: 640px) { .search-link-list.-blue ul>li>a:after, .natural .area-map ul>li>a:after { content: ""; position: absolute; box-sizing: border-box; top: 0; bottom: 0; left: 12px; margin: auto; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #ffffff; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: inherit !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #ffffff url('//2379493.fs1.hubspotusercontent-na1.net/hubfs/2379493/images-page/js/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; padding: 0; transform: none; cursor: pointer; color: #333333; border: 0; outline: 0; background-color: #ffffff; z-index: 10; } .slick-next:after { display: none; } .slick-prev:after { display: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev { left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LWxlZnQtd2hpdGU8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMi0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMi0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxLTIiPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3IDAgMiA1IDcgMTAgNSAxMCAwIDUgNSAwIDcgMCIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 16px 31px; } .slick-next { right: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93LXJpZ2h0LXN1YjwvdGl0bGU+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMTAgNSA1IDAgMCAyIDAgNyA1IDIgMTAgMCAxMCIvPjwvZz48L2c+PC9zdmc+DQo=); background-repeat: no-repeat; background-position: center center; background-size: 16px 31px; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 10px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; width: 14px; height: 14px; border: 0; padding: 0; cursor: pointer; color: transparent; outline: 0; background-color: #faeed0; } .slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button { background-color: #ffffff; } select.cSelect { z-index: 2; width: 100% !important; } .fm-select-value { display: block; text-decoration: none; background: #ffffff; text-align: left; padding: 10px; color: #333333; background-color: #ffffff; position: relative; z-index: 1; width: 100% !important; border: none; } .fm-select-value:after { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -2.5px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 5px; height: 5px; } .fm-select-list { position: absolute; top: 45px; left: 0; border: 1px solid #aaaaaa; width: 100%; background-color: #ffffff; z-index: 2; } .fm-select-list li>a{ padding: 10px; display: block; } .fm-select-list li+li{ border-top: 1px solid #aaaaaa; } .fm-select-list li.select-active { color: #ed0712; } .fm-select-list li>a { text-decoration: none; color: #333333; } .fm-select-list li.select-active>a { color: #ed0712; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ * {box-sizing: border-box;box-sizing: border-box;} #cboxOverlay{background-color: rgba(3,40,99,0.8);} #colorbox{outline:0;} #cboxContent{padding: 0;position: relative;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0;background-color: #ffffff;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} /*#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}*/ #cboxCurrent{display: none;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; top:50%; left:0; margin-top:-32px; width:30px; height:55px; text-indent:-9999px;} #cboxPrevious:hover{background-image:url(images/ico_left_ov.gif);} #cboxNext{position:absolute; top:50%; right:0; margin-top:-32px; width:30px; height:55px; text-indent:-9999px;} #cboxNext:hover{background-image:url(images/ico_right_ov.gif);} #cboxClose{ position:absolute; top:0; right:0; display:block; background-color: #0445ab; padding: 10px 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS44IDk5LjM5Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImxheWVyXzIiIGRhdGEtbmFtZT0ibGF5ZXIgMiI+PGcgaWQ9ImxheWVyXzEtMiIgZGF0YS1uYW1lPSJsYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDg4LjUzYzAtNy4wNiw0LjcyLTExLjEsMTAuMS0xMS4xYTksOSwwLDAsMSw2LjQzLDIuNzZsLTIuNjgsMy4yNGE1LjI3LDUuMjcsMCwwLDAtMy42Ny0xLjY1Yy0yLjczLDAtNSwyLjQ1LTUsNi41N1M3LjE0LDk1LDEwLjEzLDk1YTUuNTIsNS41MiwwLDAsMCw0LTEuOTNsMi42NywzLjE4YTguNzksOC43OSwwLDAsMS02LjkxLDMuMTNDNC41NSw5OS4zOSwwLDk1LjY5LDAsODguNTNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuMjYsNzcuODNoNS4wOXYxNi45aDguMjJWOTlIMjAuMjZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzYuMTcsODguM2MwLTYuOTQsMy45My0xMC44Nyw5LjctMTAuODdzOS43LDQsOS43LDEwLjg3LTMuOTMsMTEuMDktOS43LDExLjA5UzM2LjE3LDk1LjI0LDM2LjE3LDg4LjNabTE0LjIyLDBjMC00LjEtMS43My02LjUyLTQuNTItNi41MnMtNC40OSwyLjQyLTQuNDksNi41MlM0My4wOCw5NSw0NS44Nyw5NSw1MC4zOSw5Mi40Miw1MC4zOSw4OC4zWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4LjE3LDk2LjM1bDIuODgtMy41QTguNTQsOC41NCwwLDAsMCw2Ni4yLDk1QzY4LjA3LDk1LDY5LDk0LjMsNjksOTMuMTZzLTEuMTYtMS42Mi0zLTIuMzlsLTIuNy0xLjE0YTYuMiw2LjIsMCwwLDEtNC4zLTUuOGMwLTMuNTUsMy4xOS02LjQsNy42OC02LjRhOS44Miw5LjgyLDAsMCwxLDYuODgsMi43OUw3MSw4My40YTYuODgsNi44OCwwLDAsMC00LjM1LTEuNjJjLTEuNTYsMC0yLjUzLjYzLTIuNTMsMS43N3MxLjM0LDEuNjIsMy4yMSwyLjM2TDcwLDg3YzIuNjIsMS4wNSw0LjE4LDIuODIsNC4xOCw1LjgsMCwzLjUzLTMsNi42My04LjA4LDYuNjNBMTEuODYsMTEuODYsMCwwLDEsNTguMTcsOTYuMzVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzguMDYsNzcuODNIOTEuNDhWODJIODMuMTVWODZoNy4wOHY0LjI2SDgzLjE1djQuNUg5MS44Vjk5SDc4LjA2WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI4MC42NyA2LjMyIDc0LjM1IDAgNDUuOSAyOC40NSAxNy40NSAwIDExLjEyIDYuMzIgMzkuNTggMzQuNzcgMTEuMTIgNjMuMjMgMTcuNDUgNjkuNTUgNDUuOSA0MS4xIDc0LjM1IDY5LjU1IDgwLjY3IDYzLjIzIDUyLjIyIDM0Ljc3IDgwLjY3IDYuMzIiLz48L2c+PC9nPjwvc3ZnPg==); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; width:60px; height:50px; text-indent:-9999px;} .movie-list { padding: 50px 20px 20px; } @media only screen and (max-width: 640px) { .movie-list { padding: 50px 10px 10px; } }