/*----------------------------------------------*/ /* /* config /* /*----------------------------------------------*/ /* fontfamil --------------------------------------*/ /* font-weight --------------------------------------*/ /* line-height --------------------------------------*/ /* color --------------------------------------*/ /* text */ /* link */ /* bg */ /* border */ /* width --------------------------------------*/ /* main */ /* dlModEleFloat */ /* tModEleNews */ /* fModEleTable th */ /* input textarea */ /* btn */ /*color*/ /* margin /*----------------------------------------------*/ /* between column */ /* padding ----------------------------------------------*/ /* box */ /* 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*/ /* borderRadius*/ /*----------------------------------------------*/ /* /* elements /* /*----------------------------------------------*/ /* html --------------------------------------*/ html{ font-size: 62.5%; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, html{ -webkit-font-smoothing: antialiased; -webkit-text-stroke-width:0.2px; } } ::-moz-selection{ color: #ffffff; background-color: #7b6c66; } ::selection { color: #ffffff; background-color: #7b6c66; } /* body --------------------------------------*/ body { background-color: #ffffff; color: #412c23; text-align: left; font-family: Noto Sans Japanese,YuGothic,'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Osaka, sans-serif; font-weight: 300; -webkit-text-size-adjust: 100%; line-height: 2.1; font-size: 1.4rem; word-wrap: break-word; } /* img --------------------------------------*/ img{ max-width: 100%; height: auto; vertical-align: bottom; } /* 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 #7b6c66; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius 5px; border-radius: 5px;; } 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 #412c23; } 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 #e45e15; background-color: #ffffff; } 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; } .block03>span { display: inline-block; } a { color: #e45e15; } .hs-cta-img:hover { opacity: 0.7; } @media only screen and (max-width: 640px) { .block02>span { display: block; } } :placeholder-shown { color: #aaaaaa; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: #aaaaaa; } /* Firefox */ ::-moz-placeholder { color: #aaaaaa; opacity: 1; } /* IE 10+ */ :-ms-input-placeholder { color: #aaaaaa; } .row-fluid [class*="span"]:first-child .container{ float: none; width: 100%; max-width: 1060px; margin-right: auto; margin-left: auto; } .row-fluid [class*="span"]:first-child .container.-w-860{ max-width: 860px; } @media only screen and (max-width: 1117px) { .row-fluid [class*="span"]:first-child .container{ margin-right: 0; margin-left: 0; padding: 0 20px; max-width: 1100px; } .row-fluid [class*="span"]:first-child .container .container { padding: 0; } .row-fluid [class*="span"]:first-child .container.-w-860{ max-width: 860px; } } .row-fluid .container .span12 { float: none; } /* ========================================================================== 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.-left { -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;; } .columns.-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;; -webkit-box-pack: center; -ms-flex-pack center;; } .columns.-right { -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;; } .columns.-between { -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;; } .columns>.column.-max300 { width: 300px !important; max-width: 300px !important; } .columns > .column{ position: relative; margin-bottom: 0; display:inline-block; } .-border-r.-solid > .column { border-right: 1px solid #7b6c66; } .-border-r.-dotted > .column { border-right: 1px dotted #7b6c66; } .-border-t.-solid > .column { border-top: 1px solid #7b6c66; } .-border-t.-dotted > .column { border-top: 1px dotted #7b6c66; } .-two > .column { width: 50%; max-width: 530px; margin: 60px 0 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.-border-t > .column { padding-top: 60px; margin-top: 60px; } .-two.-border-t > .column:nth-of-type(1), .-two.-border-t > .column:nth-of-type(2) { border-top: none; margin-top: 0; padding-top: 0; } .-two.-arrow > .column:nth-of-type(1):after { content: ""; position: absolute; box-sizing: border-box; right: -10px; top: 50%; margin-top: -6px; width: 8px; height: 13px; border: 8px solid transparent; border-left: 8px solid #e45e15; } .-two.-two-one > .column:nth-of-type(2n+1) { width: 66%; max-width: 700px; } .-two.-two-one > .column:nth-of-type(2n+2) { width: 34%; max-width: 360px; } .-two.-one-two > .column:nth-of-type(2n+1) { width: 34%; max-width: 360px; } .-two.-one-two > .column:nth-of-type(2n+2) { width: 66%; max-width: 700px; } .-two.-three-one > .column:nth-of-type(2n+1) { width: 75%; max-width: 795px; } .-two.-three-one > .column:nth-of-type(2n+2) { width: 25%; max-width: 265px; } .-two.-one-three > .column:nth-of-type(2n+1) { width: 25%; max-width: 265px; } .-two.-one-three > .column:nth-of-type(2n+2) { width: 75%; max-width: 795px; } .-border-t > .column:first-child { border-top: none; } .-three > .column { width: 33.9622641509434%; max-width: 360px; padding-right: 20px; margin: 60px 0 0 0; } .-three > .column:nth-of-type(3n+3) { width: 32.07547169811321%; max-width: 340px; padding-right: 0; } .-three > .column:nth-of-type(1), .-three > .column:nth-of-type(2), .-three > .column:nth-of-type(3) { margin-top: 0; } .-three.-border-t > .column { padding-top: 60px; margin-top: 60px; } .-three.-border-t > .column:nth-of-type(1), .-three.-border-t > .column:nth-of-type(2), .-three.-border-t > .column:nth-of-type(3) { border: none; margin-top: 0; padding-top: 0; } .-three.-one-two-one > .column:nth-of-type(3n+1) { width: 25.94339622641509%; max-width: 275px; } .-three.-one-two-one > .column:nth-of-type(3n+2) { width: 50%; max-width: 530px; } .-three.-one-two-one > .column:nth-of-type(3n+3) { width: 24.05660377358491%; max-width: 255px; } .-three.-one-one-two > .column:nth-of-type(3n+1) { width: 25.94339622641509%; max-width: 275px; } .-three.-one-one-two > .column:nth-of-type(3n+2) { width: 25.94339622641509%; max-width: 275px; } .-three.-one-one-two > .column:nth-of-type(3n+3) { width: 48.11320754716981%; max-width: 510px; } .-three.-two-one-one > .column:nth-of-type(3n+1){ width: 50%; max-width: 530px; } .-three.-two-one-one > .column:nth-of-type(3n+2){ width: 25.94339622641509%; max-width: 275px; } .-three.-two-one-one > .column:nth-of-type(3n+3){ width: 24.05660377358491%; max-width: 255px; } .-four .column { width: 25.47169811320755%; max-width: 270px; padding-right: 10px; padding-left: 10px; margin: 60px 0 0 0; } .-four .column:nth-of-type(4n+1), .-four .column:nth-of-type(4n+4){ width: 24.52830188679245%; max-width: 260px; } .-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; } .-four.-border-t > .column { padding-top: 60px; margin-top: 60px } .-four.-border-t > .column:nth-of-type(1), .-four.-border-t > .column:nth-of-type(2), .-four.-border-t > .column:nth-of-type(3), .-four.-border-t > .column:nth-of-type(4){ border: none; margin-top: 0; padding-top: 0; } @media only screen and (min-width: 641px) and (max-width: 768px) { .-two.-border-t > li, .-two.-border-t > .column, .-three.-border-t > li, .-three.-border-t > .column, .-four.-border-t > li, .-four.-border-t > .column{ margin-top: 60px; padding-top: 60px; } .-bp-768 > .column, .-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; padding-right: 0; padding-left: 0; max-width: 100%; } .-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;; margin: 60px 0 0; } .-two.-two-one>.column:nth-of-type(2n+1), .-two.-two-one>.column:nth-of-type(2n+2), .-two.-one-two>.column:nth-of-type(2n+1), .-two.-one-two>.column:nth-of-type(2n+2), .-two.-three-one>.column:nth-of-type(2n+1), .-two.-three-one>.column:nth-of-type(2n+2), .-two.-one-three>.column:nth-of-type(2n+1), .-two.-one-three>.column:nth-of-type(2n+2){ width: 50%; max-width: 530px; } .-three.-rate-211.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-211.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-211.-border-t.-solid > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } .-three.-rate-211.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-211.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-211.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } .-three.-rate-211 > .column, .-four.-rate-211 > .column{ width: 50%; max-width: 530px; margin: 60px 0 0 0; } .-three.-rate-211 > .column:nth-of-type(2n+1), .-four.-rate-211 > .column:nth-of-type(2n+1){ padding-right: 10px ; padding-left: 0; } .-three.-rate-211 > .column:nth-of-type(2n+2), .-four.-rate-211 > .column:nth-of-type(2n+2){ padding-left: 10px; padding-right: 0; } .-three.-rate-211 > .column:nth-of-type(1), .-four.-rate-211 > .column:nth-of-type(1), .-three.-rate-211 > .column:nth-of-type(2), .-four.-rate-211 > .column:nth-of-type(2){ margin-top: 0; } .-three.-rate-211 > .column:nth-of-type(3n+3), .-four.-rate-211 > .column:nth-of-type(4n+4){ padding-right: 10px; padding-left: 0; } .-three.-rate-211 > .column:nth-of-type(2n+2), .-four.-rate-211 > .column:nth-of-type(2n+2){ padding-left: 10px; padding-right: 0; } .-three.-rate-211.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-211.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-211.-border-t.-solid > .column:nth-of-type(4){ border-top: 1px solid #7b6c66; } .-three.-rate-211.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-211.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-211.-border-t.-dotted > .column:nth-of-type(4){ border-top: 1px dotted #7b6c66; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .-three.-rate-221 > .column, .-four.-rate-221 > .column{ width: 50%; max-width: 530px; margin: 60px 0 0 0; } .-three.-rate-221 > .column:nth-of-type(2n+1), .-four.-rate-221 > .column:nth-of-type(2n+1){ padding-right: 10px; padding-left: 0; } .-three.-rate-221 > .column:nth-of-type(2n+2), .-four.-rate-221 > .column:nth-of-type(2n+2){ padding-left: 10px; padding-right: 0; } .-three.-rate-221 > .column:nth-of-type(1), .-four.-rate-221 > .column:nth-of-type(1), .-three.-rate-221 > .column:nth-of-type(2), .-four.-rate-221 > .column:nth-of-type(2){ margin-top: 0; } .-three.-rate-221 > .column:nth-of-type(3n+3), .-four.-rate-221 > .column:nth-of-type(4n+4){ padding-right: 10px; padding-left: 0; } .-three.-rate-221 > .column:nth-of-type(2n+2), .-four.-rate-221 > .column:nth-of-type(2n+2){ padding-left: 10px; padding-right: 0; } .-three.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(4){ border-top: 1px solid #7b6c66; } .-three.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(4){ border-top: 1px dotted #7b6c66; } .-three.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } .-three.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } } @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; } .-bp-768 > .column:first-child { margin-top: 0 !important; } .-bp-768.-border-t > .column { padding: 60px 0 0; margin: 60px 0 0; } .-bp-768.-border-t > .column:first-child { padding-top: 0 !important; margin-top: 0 !important; } .-bp-768 > .column.-order01 { -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; margin: 0 !important; } .-bp-768 > .column.-order02 { -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; margin: 60px 0 0 !important; } .-bp-768.-two.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-three.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-three.-border-t.-solid > .column:nth-of-type(3), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(3), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(4){ border-top: 1px solid #7b6c66; padding-top: 60px; } .-bp-768.-two.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-three.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-three.-border-t.-dotted > .column:nth-of-type(3), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(3), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(4){ border-top: 1px dotted #7b6c66; padding-top: 60px; } .-three.-rate-222 > .column, .-four.-rate-222 > .column{ width: 50%; max-width: 530px; margin: 60px 0 0 0; } .-three.-rate-222 > .column:nth-of-type(2n+1), .-four.-rate-222 > .column:nth-of-type(2n+1){ padding-right: 10px !important; padding-left: 0 !important; } .-three.-rate-222 > .column:nth-of-type(2n+2), .-four.-rate-222 > .column:nth-of-type(2n+2){ padding-left: 10px !important; padding-right: 0 !important; } .-three.-rate-222 > .column:nth-of-type(1), .-four.-rate-222 > .column:nth-of-type(1), .-three.-rate-222 > .column:nth-of-type(2), .-four.-rate-222 > .column:nth-of-type(2){ margin-top: 0 !important; } .-three.-rate-222 > .column:nth-of-type(3n+3), .-four.-rate-222 > .column:nth-of-type(4n+4){ padding-right: 10px !important; padding-left: 0 !important; } .-three.-rate-222 > .column:nth-of-type(2n+2), .-four.-rate-222 > .column:nth-of-type(2n+2){ padding-left: 10px !important; padding-right: 0 !important; } .-three.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(4){ border-top: 1px solid #7b6c66; } .-three.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(4){ border-top: 1px dotted #7b6c66; } .-three.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } .-three.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 60px; margin-top: 60px; } } @media only screen and (min-width: 481px) and (max-width: 640px) { -three.-rate-221 > .column, .-four.-rate-221 > .column, .-three.-rate-321 > .column, .-four.-rate-421 > .column{ width: 50%; max-width: 530px; margin: 40px 0 0 0; padding-right: 10px; padding-left: 0; } .-three.-rate-321 > .column:nth-of-type(3n+3), .-four.-rate-421 > .column:nth-of-type(4n+4){ margin: 40px 0 0 0; padding-right: 10px; padding-left: 0; } .-three.-rate-321 > .column:nth-of-type(2n+2), .-four.-rate-421 > .column:nth-of-type(2n+2){ padding-left: 10px; padding-right: 0; } .-three.-rate-321 > .column:nth-of-type(1), .-three.-rate-321 > .column:nth-of-type(2), .-four.-rate-421 > .column:nth-of-type(1), .-four.-rate-421 > .column:nth-of-type(2){ margin-top: 0; } .-three.-rate-321 > .column:nth-of-type(3), .-four.-rate-421 > .column:nth-of-type(3), .-four.-rate-421 > .column:nth-of-type(4){ margin-top: 40px; } .-three.-rate-321.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-421.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-421.-border-t.-solid > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px solid #7b6c66; } .-three.-rate-321.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-421.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-421.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px dotted #7b6c66; } .-three.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(4){ padding-top: 40px; margin-top: 40px; } .-three.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; margin-top: 40px; } } @media only screen and (max-width: 640px) { .-two > .column, .-three > .column, .-four > .column{ margin-top: 40px; } .-two.-border-t > .column, .-three.-border-t > .column, .-four.-border-t > .column{ margin-top: 40px; padding-top: 40px; } .-border-b > .column { padding-bottom: 40px; } .-bp-640, .-bp-768, .-bp-768.-two, .-bp-640.-two, .-bp-768.-three, .-bp-640.-three, .-bp-768.-four, .-bp-640.-four{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; } .-bp-640 > .column, .-bp-768 > .column, .-bp-768.-two > .column:nth-of-type(2), .-bp-640.-two > .column:nth-of-type(2), .-bp-768.-three > .column:nth-of-type(2), .-bp-640.-three > .column:nth-of-type(2), .-bp-768.-three > .column:nth-of-type(3), .-bp-640.-three > .column:nth-of-type(3), .-bp-768.-four > .column:nth-of-type(2), .-bp-640.-four > .column:nth-of-type(2), .-bp-768.-four > .column:nth-of-type(3), .-bp-640.-four > .column:nth-of-type(3), .-bp-768.-four > .column:nth-of-type(4), .-bp-640.-four > .column:nth-of-type(4){ width: 100% !important; max-width: 100% !important; margin: 40px 0 0; padding-right: 0 !important; padding-left: 0 !important; } .-bp-640 > .column:first-child { margin-top: 0 !important; } .-bp-768.-two > .column.-order01, .-bp-768 > .column.-order01, .-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-768 > .column.-order02, .-bp-768.-two > .column.-order02, .-bp-640 > .column.-order02, .-bp-640.-two > .column.-order02{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; margin: 40px 0 0 !important; } .-bp-768.-border-t > .column, .-bp-640.-border-t > .column { padding: 40px 0 0; margin: 40px 0 0; } .-bp-640.-border-t.-solid > .column { border-top: 1px solid #7b6c66; } .-bp-640.-border-t.-dotted > .column { border-top: 1px dotted #7b6c66; } .-bp-640.-border-t > .column:first-child, .-bp-768.-border-t > .column:first-child{ padding-top: 0 !important; margin-top: 0 !important; border-top: none; } .-bp-768.-two.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-two.-border-t.-dotted > .column:nth-of-type(2), .-bp-640.-two.-border-t.-solid > .column:nth-of-type(2), .-bp-640.-two.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-three.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-three.-border-t.-dotted > .column:nth-of-type(2), .-bp-640.-three.-border-t.-solid > .column:nth-of-type(2), .-bp-640.-three.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-three.-border-t.-solid > .column:nth-of-type(3), .-bp-768.-three.-border-t.-dotted > .column:nth-of-type(3), .-bp-640.-three.-border-t.-solid > .column:nth-of-type(3), .-bp-640.-three.-border-t.-dotted > .column:nth-of-type(3), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(2), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(2), .-bp-640.-four.-border-t.-solid > .column:nth-of-type(2), .-bp-640.-four.-border-t.-dotted > .column:nth-of-type(2), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(3), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(3), .-bp-640.-four.-border-t.-solid > .column:nth-of-type(3), .-bp-640.-four.-border-t.-dotted > .column:nth-of-type(3), .-bp-768.-four.-border-t.-solid > .column:nth-of-type(4), .-bp-768.-four.-border-t.-dotted > .column:nth-of-type(4), .-bp-640.-four.-border-t.-solid > .column:nth-of-type(4), .-bp-640.-four.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; } .-bp-640.-two.-arrow > .column:nth-of-type(1):after { right: inherit; top: inherit; bottom: -30px; left: 50%; margin: 0 0 0 -6px; width: 13px; height: 8px; border: 13px solid transparent; border-left: 13px solid transparent; border-top: 13px solid #e45e15; } .-two.-two-one { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; } .-two.-two-one > .column:nth-of-type(2n+1) { margin-top: 40px; } .-two.-two-one > .column:nth-of-type(2n+2) { width: 100% !important; max-width: 100% !important; } .-two.-two-one > .column.-order01{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; margin: 0 !important; } .-two.-two-one > .column.-order02{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; margin: 40px 0 0 !important; } .-two.-two-one.-float { -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;; } .-two.-two-one.-float>.column:nth-of-type(2n+1){ width: 66%; max-width: 700px; } .-two.-two-one.-float>.column:nth-of-type(2n+2){ width: 34%; max-width: 360px; } .-bp-768 .-two.-two-one.-float>.column:nth-of-type(2n+1){ width: 50%; max-width: 530px; } .-bp-768 .-two.-two-one.-float>.column:nth-of-type(2n+2){ width: 50%; max-width: 530px; } .-three.-rate-222 > .column, .-four.-rate-222 > .column, .-three.-rate-322 > .column, .-four.-rate-422 > .column{ width: 50%; max-width: 530px; margin: 40px 0 0 0; padding-right: 10px !important; padding-left: 0 !important; } .-three.-rate-322 > .column:nth-of-type(2n+2), .-four.-rate-422 > .column:nth-of-type(2n+2){ padding-left: 10px !important; padding-right: 0 !important; } .-three.-rate-322 > .column:nth-of-type(1), .-three.-rate-322 > .column:nth-of-type(2), .-four.-rate-422 > .column:nth-of-type(1), .-four.-rate-422 > .column:nth-of-type(2){ margin-top: 0; } .-three.-rate-322 > .column:nth-of-type(3), .-four.-rate-422 > .column:nth-of-type(3), .-four.-rate-422 > .column:nth-of-type(4){ margin-top: 40px; } .-three.-rate-322.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-422.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-422.-border-t.-solid > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px solid #7b6c66; } .-three.-rate-322.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-422.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-422.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px dotted #7b6c66; } .-three.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-222.-border-t.-solid > .column:nth-of-type(4){ padding-top: 40px; margin-top: 40px; } .-three.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-222.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; margin-top: 40px; } } @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-t > li, .-bp-480.-border-t > .column { padding: 40px 0 0; margin: 40px 0 0; } .-bp-480.-border-t.-solid > li, .-bp-480.-border-t.-solid > .column { border-top: 1px solid #7b6c66; } .-bp-480.-border-t.-dotted > li, .-bp-480.-border-t.-dotted > .column { border-top: 1px dotted #7b6c66;; } .-bp-480.-border-t > .column:first-child{ padding-top: 0 !important; margin-top: 0 !important; border-top: none; } .-bp-480.-two.-border-t.-solid > .column:nth-of-type(2), .-bp-480.-two.-border-t.-dotted > .column:nth-of-type(2), .-bp-480.-three.-border-t.-solid > .column:nth-of-type(2), .-bp-480.-three.-border-t.-dotted > .column:nth-of-type(2), .-bp-480.-three.-border-t.-solid > .column:nth-of-type(3), .-bp-480.-three.-border-t.-dotted > .column:nth-of-type(3), .-bp-480.-four.-border-t.-solid > .column:nth-of-type(2), .-bp-480.-four.-border-t.-dotted > .column:nth-of-type(2), .-bp-480.-four.-border-t.-solid > .column:nth-of-type(3), .-bp-480.-four.-border-t.-dotted > .column:nth-of-type(3), .-bp-480.-four.-border-t.-solid > .column:nth-of-type(4), .-bp-480.-four.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; } .-three.-rate-332 > .column, .-four.-rate-442 > .column{ width: 50%; max-width: 530px; margin: 40px 0 0 0; padding-right: 10px; } .-three.-rate-332 > .column:nth-of-type(3n+3), .-four.-rate-442 > .column:nth-of-type(4n+4){ margin: 40px 0 0 0; padding-right: 10px !important; padding-left: 0 !important; } .-three.-rate-332 > .column:nth-of-type(2n+2), .-four.-rate-442 > .column:nth-of-type(2n+2){ padding-left: 10px !important; padding-right: 0 !important; } .-three.-rate-332 > .column:nth-of-type(1), .-three.-rate-332 > .column:nth-of-type(2), .-four.-rate-442 > .column:nth-of-type(1), .-four.-rate-442 > .column:nth-of-type(2), .-three.-rate-321 > .column:nth-of-type(1), .-three.-rate-321 > .column:nth-of-type(2), .-four.-rate-421 > .column:nth-of-type(1), .-four.-rate-421 > .column:nth-of-type(2),{ margin-top: 0; } .-three.-rate-332 > .column:nth-of-type(3), .-four.-rate-442 > .column:nth-of-type(3), .-four.-rate-442 > .column:nth-of-type(4), .-three.-rate-321 > .column:nth-of-type(3), .-four.-rate-421 > .column:nth-of-type(3), .-four.-rate-421 > .column:nth-of-type(4), .-three.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-221.-border-t.-solid > .column:nth-of-type(4), .-three.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-221.-border-t.-dotted > .column:nth-of-type(4){ margin-top: 40px; } .-three.-rate-332.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-442.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-442.-border-t.-solid > .column:nth-of-type(4), .-three.-rate-321.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-421.-border-t.-solid > .column:nth-of-type(3), .-four.-rate-421.-border-t.-solid > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px solid #7b6c66; } .-three.-rate-332.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-442.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-442.-border-t.-dotted > .column:nth-of-type(4), .-three.-rate-321.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-421.-border-t.-dotted > .column:nth-of-type(3), .-four.-rate-421.-border-t.-dotted > .column:nth-of-type(4){ padding-top: 40px; border-top: 1px dotted #7b6c66; } } /* p --------------------------------------*/ .natural p{ font-size: 1.4rem; line-height: 2.1; } .natural p+p { margin-top: 20px; } .natural+p{ margin-top: 40px; } /* a --------------------------------------*/ .natural a { color: #e45e15; text-decoration: underline; } .natural a:link { color: #e45e15; text-decoration: underline; } .natural a:visited { color: #e45e15; text-decoration: underline; } .natural a:active { color: #e45e15; text-decoration: underline; } .natural a:hover { color: #e45e15; text-decoration: none; } .natural a:focus { color: #e45e15; text-decoration: none; } .natural a { word-break: break-all; } .natural a[target="_blank"] { display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjRTQ1RTE1IiBkPSJNNywyaDd2N0g3VjJ6IE01LDExaDExVjBINVYxMXoiLz4NCjxwYXRoIGZpbGw9IiNFNDVFMTUiIGQ9Ik0yLDdoN3Y3SDJWN3ogTTAsMTZoMTFWNUgwVjE2eiIvPg0KPC9zdmc+DQo=); background-position: left 2px; background-repeat: no-repeat; background-size: 16px; padding-left: 24px; min-height: 16px; word-break: break-all; } /* table --------------------------------------*/ .natural table { width: 100%; border-top: 1px solid #7b6c66; border-left: 1px solid #7b6c66; } .natural caption { padding-bottom: 5px; font-weight: bold; text-align: left; } .natural th,.natural td { text-align: left; border-right: 1px solid #7b6c66; border-bottom: 1px solid #7b6c66; padding: 16px 20px; } .natural th { text-align:center; vertical-align:middle; line-height: 1.6; font-weight: 500; font-size: 1.4rem; vertical-align: middle; color: #7b6c66; } .natural td { font-weight: 300; line-height: 1.8; } .natural h2 { color: #412c23; font-size: 2.4rem; font-weight: 400; line-height: 2.0; margin-bottom: 28px; } .natural h2>a{ color: #412c23; font-size: 2.4rem; font-weight: 400; line-height: 2.0; background-position: right 7px; } .natural h2>a>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right 12px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .natural h2>a:hover{ color: #e45e15; } .natural h2>a:hover>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } .natural h2>a:link { color: #412c23; } .natural h2>a:visited { color: #412c23; } .natural h2>a:active { color: #412c23; } .natural h2>a:hover { color: #412c23; } .natural h2>a:focus { color: #412c23; } .natural h3 { color: #e45e15; font-size: 1.8rem; font-weight: 400; line-height: 2.0; margin: 0 auto 31px; border-top: 1px solid #e45e15; border-bottom: 1px solid #e45e15; padding: 16px 0; max-width: 860px; } .natural h3>a { color: #e45e15; font-size: 1.8rem; font-weight: 400; line-height: 2.0; } .natural h3>a>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-position: right 5px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .natural h3>a:hover { color: #412c23; border-top: 1px solid #412c23; border-bottom: 1px solid #412c23; } .natural h3>a:hover>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); } .natural h4 { color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.7; margin-bottom: 15px; } .natural h4>a{ color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.7; } .natural h4>a>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right 5px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .natural h4>a:hover { color: #e45e15; } .natural h4>a>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } .natural h4>a:link { color: #e45e15; } .natural h4>a:visited { color: #e45e15; } .natural h4>a:active { color: #e45e15; } .natural h4>a:hover { color: #e45e15; } .natural h4>a:focus { color: #e45e15; } .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: 16px; } .natural ul>li:after { display: block; content: ''; position: absolute; top: .7em; left: -1em; width: 6px; height: 6px; background-color: #0b2f3b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .natural .list-bar>li:after { display: block; content: ''; position: absolute; top: 45%; left: -1em; width: 6px; height: 2px; background-color: #0b2f3b; } .natural ol>li{ counter-increment: li; } .natural ol>li:before { content: counter(li)'. '; display: block; position: absolute; top: 0; left: -1em; color: #0b2f3b; } .natural strong { font-weight: 500; color: #7b6c66; } @media only screen and (min-width: 641px) and (max-width: 768px) { .natural h2 { font-size: 3.0rem; margin-bottom: 51px; } .natural h3 { font-size: 2.4rem; margin-bottom: 28px; } .natural h3>a{ font-size: 2.4rem; } .natural h4 { font-size: 1.8rem; margin-bottom: 31px; } .natural h4>a{ font-size: 1.8rem; } } @media print, screen and (max-width: 640px) { .natural h2 { font-size: 2.2rem; margin-bottom: 54px; } .natural h3 { font-size: 2.0rem; margin-bottom: 28px; } .natural h3>a{ font-size: 2.0rem; } .natural h4 { font-size: 1.8rem; margin-bottom: 31px; } .natural h4>a{ font-size: 1.8rem; } .natural table { border-left: none; } .natural table tr th, .natural table tr td { display: block; border-bottom: none; border-left: 1px solid #7b6c66; height: auto !important; } .natural table tr th { width: auto; border-bottom: 1px solid #7b6c66; } .natural table tr { border-bottom: 1px solid #7b6c66; } } /* ========================================================================== text ========================================================================== */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } /* ========================================================================== bg-color ========================================================================== */ .section { background-color: #ffffff; } .section.-l-blue { background-color: #eef7fa; } .section.-l-blue .container { background-color: #eef7fa; } /* ========================================================================== division ========================================================================== */ .division-top-l { padding-top: 100px; } .division-top-m { padding-top 80px; } .division-top-s { padding-top: 60px; } .division-top-ss { padding-top: 40px; } .division-top-sss { padding-top: 20px; } .division-bottom-l { margin-bottom: 100px; } .section.-l-blue .container.division-bottom-l { margin-bottom: 0; padding-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; } .division-img { max-height: 200px; overflow: hidden; width: 100%; } .division-img img{ width: 100%; } @media only screen and (min-width: 641px) and (max-width: 768px) { .division-top-l { padding-top: 100px; } .division-top-m { padding-top 80px; } .division-top-s { padding-top: 60px; } .division-top-ss { padding-top: 20px; } .division-bottom-l { margin-bottom: 100px; } .section.-l-blue .container.division-bottom-l { margin-bottom: 0; padding-bottom: 100px; } .division-bottom-m { margin-bottom: 80px; } .division-bottom-s { margin-bottom: 60px; } .division-bottom-ss { margin-bottom: 20px; } } @media only screen and (max-width: 640px) { .division-top-l { padding-top: 60px; } .division-top-m { padding-top 60px; } .division-top-s { padding-top: 40px; } .division-top-ss { padding-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-img { max-height: 120px; } } /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* transition*/ /* boxShadow*/ /* borderRadius*/ /* ========================================================================== figure ========================================================================== */ .img-box a { text-decoration: none; } .img-box .natural p { color: #412c23; } .img-box .img { text-align: center; } .img-box .type01 .heading-text+.img{ margin-top: 40px; } .img-box .type02, .img-box .type03, .img-box .type04, .img-box .type05{ -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: 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;; } .img-box .type02 .heading-text, .img-box .type04 .heading-text{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; width: 50%; padding-right: 10px; } .img-box .type02 .img, .img-box .type04 .img{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; width: 50%; padding-left: 10px; } .img-box .type03 .heading-text, .img-box .type05 .heading-text{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2;; width: 50%; padding-left: 10px; } .img-box .type03 .img, .img-box .type05 .img{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1;; width: 50%; padding-right: 10px; } @media only screen and (max-width: 640px) { .img-box .type02, .img-box .type03, .img-box .type04, .img-box .type05{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } .img-box .type02 .heading-text, .img-box .type02 .img, .img-box .type04 .heading-text, .img-box .type04 .img, .img-box .type03 .heading-text, .img-box .type03 .img, .img-box .type05 .heading-text, .img-box .type05 .img{ width: 100%; padding: 0; } .img-box .type02 .img, .img-box .type03 .img, .img-box .type04 .img, .img-box .type05 .img{ margin-top: 20px; } } @media only screen and (min-width: 769px) { .img-box a .img{ overflow: hidden; } .img-box 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; } .img-box 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); } } /* ========================================================================== figure ========================================================================== */ .figure-box .img { margin-bottom: 20px; text-align: center; } .figure-box a { text-decoration: none; color: #333333; } .figure-box a .detail-link { margin: 16px 0 0; } .figure-box a .caption-link>span, .figure-box a .detail-link>span{ color: #412c23; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: right 8px; background-repeat: no-repeat; padding-right: 29px; background-size: 11px; font-size: 1.6rem; font-weight: 400; } @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); } } .padding-box { padding: 20px; } .padding-box.-blue { background-color: #eef7fa; } .padding-box.-gray { background-color: #eeeeee; } .padding-box.-border { border: 1px solid #e45e15; } .padding-box.-border.-fukidashi { position: relative; background: #ffffff; border: 1px solid #e45e15; } .padding-box.-border.-fukidashi:after, .padding-box.-border.-fukidashi:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .padding-box.-border.-fukidashi:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 30px; margin-left: -30px; } .padding-box.-border.-fukidashi:before { border-color: rgba(228, 94, 21, 0); border-top-color: #e45e15; border-width: 31px; margin-left: -31px; } /* ========================================================================== display ========================================================================== */ @media only screen and (min-width: 769px) { .pc, .pc-tb{ display: block !important; } .tb, .sp, .tb-sp{ display: none !important; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .pc, .sp{ display: none !important; } .tb, .pc-tb{ display: block !important; } .tb-sp { display: block !important; } } @media only screen and (max-width: 640px) { .sp { display: block !important; } .tb, .pc, .pc-tb{ display: none !important; } .tb-sp { display: block !important; } } /* ========================================================================== 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*/ .colorbox { -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;; -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;; } .colorbox.-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;; } .colorbox>li { padding-right: 20px; max-width: 180px; width: 16.9811320754717%; } .colorbox>li:nth-of-type(6) { width: 15.09433962264151%; max-width: 160px; padding-right: 0; } .colorbox>li>a { display: block; position: relative; } .colorbox>li>a:after { content: ""; position: absolute; bottom: 0; right: 0; z-index: 10; width: 20px; height: 20px; background-size: 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIi8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNiIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiLz4NCgkJCQk8L2RlZnM+DQoJCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF82XyI+DQoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzNfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCQk8L2NsaXBQYXRoPg0KCQkJCTxwYXRoIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiM0MTJDMjMiIGQ9Ik0wLDQwaDQwVjBIMFY0MHogTTYsMTYuNzE3VjZoMTAuNzE3TDYsMTYuNzE3eiBNMzQsMzRIMjMuMjgzTDM0LDIzLjI4M1YzNHoNCgkJCQkJIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right bottom; } @media only screen and (min-width: 641px) and (max-width: 768px) { .colorbox>li:nth-of-type(1), .colorbox>li:nth-of-type(3), .colorbox>li:nth-of-type(5){ max-width: 124px; padding-right: 14px; width: 17.03296703296703%; } .colorbox>li:nth-of-type(2), .colorbox>li:nth-of-type(4){ max-width: 123px; padding-right: 13px; width: 16.8956043956044%; } .colorbox>li:nth-of-type(6) { max-width: 110px; width: 15.10989010989011%; } } @media only screen and (max-width: 640px) { .colorbox>li { padding-right: 20px; max-width: inherit; width: 35.71428571428571%; margin-top: 20px; } .colorbox>li:nth-of-type(3), .colorbox>li:nth-of-type(6){ padding-right: 0; max-width: inherit; width: 28.57142857142857%; } .colorbox>li:nth-of-type(1), .colorbox>li:nth-of-type(2), .colorbox>li:nth-of-type(3){ margin-top: 0; } } /* ========================================================================== heading ========================================================================== */ .heading01 { } .heading01 span.title { display: inline-block; color: #ffffff; font-size: 3.4rem; font-weight: 400; line-height: 1; text-align: center; letter-spacing: 0.1em; background-color: rgba(123,108,102,0.7); padding: 23px 30px ; } .heading01>span.sub-title{ display: inline-block; font-family: 'Sacramento', cursive; color: #ffffff; font-size: 3.6rem; font-weight: 400; line-height: 1; background-color: rgba(123,108,102,0.7); padding: 0 23px 10px; } .heading02 { color: #412c23; font-size: 3.0rem; font-weight: 400; line-height: 1.6; margin-bottom: 51px; } .heading02 span.sub-title { display: block; color: #e45e15; font-size: 3.0rem; font-weight: ; line-height: 1.6; font-family: 'Sacramento', cursive; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMjAwIDM0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjM0Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJPC9jbGlwUGF0aD4NCgk8cGF0aCBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0U0NUUxNSIgZD0iTTE1NS40MjEsMjkuMzU2DQoJCWMtMjAuMDIxLDAtMzguNzg5LTkuMTE2LTU5LjEzMS05LjExNmMtMTkuNjc3LDAtMzMuMTI5LDkuMTE2LTYyLjY2OCw5LjExNkMxNC45MjYsMjkuMzU2LDAsMTYuMjA3LDAsMi4wMDR2My42NDcNCgkJYzAsMTQuMjAzLDE0LjkyNiwyNy4zNTIsMzMuNjIyLDI3LjM1MmMyOS41MzksMCw0Mi45OTEtOS4xMTYsNjIuNjY4LTkuMTE2YzIwLjM0MiwwLDM5LjExLDkuMTE2LDU5LjEzMSw5LjExNg0KCQljMjAuNjgsMCw0My41NzktMTEuNzIyLDQzLjU3OS0yOC41NFYwLjgxN0MxOTksMTcuNjM0LDE3Ni4xMDEsMjkuMzU2LDE1NS40MjEsMjkuMzU2Ii8+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: center top; background-repeat: no-repeat; padding-top: 40px; margin-bottom: 30px; background-size: 100px; } .heading03 { color: #412c23; font-size: 2.4rem; font-weight: 400; line-height: 2.0; margin-bottom: 28px; } .heading03.-orange { color: #e45e15; } .heading03.-border-t { border-top: 1px solid #e45e15; padding-top: 20px; } .heading03>.link-list, .link-list .heading03{ color: #412c23; font-size: 2.4rem; font-weight: 400; line-height: 2.0; background-position: right 7px; } .heading03.-orange>.link-list, .link-list .heading03.-orange{ color: #e45e15; } .heading03>.link-list>span, .link-list .heading03>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right 12px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .heading03>.link-list>span { background-position: right center; } .heading03>.link-list:hover, .link-list:hover .heading03 { color: #e45e15; } .heading03.-orange>.link-list:hover>span, .link-list:hover .heading03>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } .heading03>.link-list:link { color: #412c23; } .heading03>.link-list:visited { color: #412c23; } .heading03>.link-list:active { color: #412c23; } .heading03>.link-list:hover { color: #412c23; } .heading03>.link-list:focus { color: #412c23; } .heading03.-orange>.link-list:link { color: #e45e15; } .heading03.-orange>.link-list:visited { color: #e45e15; } .heading03.-orange>.link-list:active { color: #e45e15; } .heading03.-orange>.link-list:hover { color: #e45e15; } .heading03.-orange>.link-list:focus { color: #e45e15; } .heading04 { color: #e45e15; font-size: 1.8rem; font-weight: 400; line-height: 2.0; margin: 0 auto 31px; border-top: 1px solid #e45e15; border-bottom: 1px solid #e45e15; padding: 16px 0; max-width: 860px; } .heading04.-no-bar { border: none; padding: 0; } .heading04>.link-list, .link-list .heading04{ color: #e45e15; font-size: 1.8rem; font-weight: 400; line-height: 2.0; } .link-list .heading04>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-position: right 5px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .link-list:hover .heading04 { color: #412c23; border-top: 1px solid #412c23; border-bottom: 1px solid #412c23; } .link-list:hover .heading04>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); } .heading04>.link-list:link { color: #e45e15; } .heading04>.link-list:visited { color: #e45e15; } .heading04>.link-list:active { color: #e45e15; } .heading04>.link-list:hover { color: #e45e15; } .heading04>.link-list:focus { color: #e45e15; } .heading05 { color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.7; margin-bottom: 15px; } .heading05.link-list, .link-list .heading05{ color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.7; } .link-list .heading05>span{ display: inline-block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right 5px; background-size: 10px; padding-right: 29px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .link-list:hover .heading05 { color: #e45e15; } .link-list:hover .heading05>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } .heading05>.link-list:link { color: #412c23; } .heading05>.link-list:visited { color: #412c23; } .heading05>.link-list:active { color: #412c23; } .heading05>.link-list:hover { color: #412c23; } .heading05>.link-list:focus { color: #412c23; } .text-lead { color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.9; margin-bottom: 73px; } .heading01+.text-lead { margin: 30px 0 0; } .text-caption { color: #412c23; font-size: 1.6rem; font-weight: 400; line-height: 1.9; margin-bottom: 20px; } .img-title { color: #0b2f3b; font-size: 1.6rem; font-weight: 500; line-height: 1.5; margin-bottom: 16px; } .point-title { display: table; width: 100%; position: relative; background-color: #15aee0; margin-bottom: 32px; text-align: center; } .point-title>p { display: table-cell; vertical-align: middle; min-height: 50px; text-align: center; color: #ffffff; font-family: 'RobotoCondensed'; font-size: 2.4rem; font-weight: 500; line-height: 2; letter-spacing: 0.1em; } .point-title:before, .point-title:after { content: ''; position: absolute; left: 50%; margin-left: -8px; border-right: 8px solid transparent; border-left: 8px solid transparent; bottom: -13px; border-top: 13px solid #15aee0; } .text-cc { color: #e45e15; font-size: 3.6rem; font-weight: 400; line-height: 1.4; margin-bottom: 27px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIzNHB4IiB2aWV3Qm94PSIwIDAgMjAwIDM0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjM0Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJPC9jbGlwUGF0aD4NCgk8cGF0aCBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0U0NUUxNSIgZD0iTTE1NS40MjEsMjkuMzU2DQoJCWMtMjAuMDIxLDAtMzguNzg5LTkuMTE2LTU5LjEzMS05LjExNmMtMTkuNjc3LDAtMzMuMTI5LDkuMTE2LTYyLjY2OCw5LjExNkMxNC45MjYsMjkuMzU2LDAsMTYuMjA3LDAsMi4wMDR2My42NDcNCgkJYzAsMTQuMjAzLDE0LjkyNiwyNy4zNTIsMzMuNjIyLDI3LjM1MmMyOS41MzksMCw0Mi45OTEtOS4xMTYsNjIuNjY4LTkuMTE2YzIwLjM0MiwwLDM5LjExLDkuMTE2LDU5LjEzMSw5LjExNg0KCQljMjAuNjgsMCw0My41NzktMTEuNzIyLDQzLjU3OS0yOC41NFYwLjgxN0MxOTksMTcuNjM0LDE3Ni4xMDEsMjkuMzU2LDE1NS40MjEsMjkuMzU2Ii8+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: center bottom; background-repeat: no-repeat; background-size: 100px; padding-bottom: 50px; } .recommend { display: table; position: relative; width: 100%; font-size: 1.8rem; font-weight: 400; background-color: #7b6c66; line-height: 2; margin: 0 0 30px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius 20px; border-radius: 20px;; margin-bottom: 30px; } .recommend:after, .recommend:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .recommend:after { border-color: rgba(123, 108, 102, 0); border-top-color: #7b6c66; border-width: 16px; margin-left: -16px; } .recommend:before { border-color: rgba(0, 0, 0, 0); border-top-color: transparent; border-width: 17px; margin-left: -17px; } .recommend>span { display: table-cell; vertical-align: middle; height: 50px; text-align: center; color: #ffffff; } .price { font-weight: 500; font-size: 1.6rem; color: #e45e15; } .price>span { font-size: 1.7rem; font-weight: 400; } .attention { font-weight: 300; color: #7b6c66; } @media only screen and (min-width: 641px) and (max-width: 768px) { .heading01 span.title { font-size: 3.4rem; } .heading01 span.sub-title { font-size: 3.6rem; } .heading02 { font-size: 3.0rem; margin-bottom: 51px; } .heading02>span { font-size: 3.0rem; } .heading03 { font-size: 2.4rem; margin-bottom: 28px; } .heading03>.link-list{ font-size: 2.4rem; } .heading04 { font-size: 1.8rem; margin-bottom: 31px; } .heading04>.link-list{ font-size: 1.8rem; } .heading05 { font-size: 1.6rem; margin-bottom: 15px; } .heading05>.link-list{ font-size: 1.6rem; } .text-lead { font-size: 1.6rem; margin-bottom: 73px; } .text-caption { font-size: 1.6rem; margin-bottom: 20px; } .img-title { font-size: 1.6rem; margin-bottom: 16px; } .point-title { margin-bottom: 32px; } .point-title>p { font-size: 2.4rem; } .text-cc { font-size: 3.6rem; margin-bottom: 27px; } .price { font-size: 1.6rem; } } @media only screen and (max-width: 640px) { .heading01 span.title { font-size: 2.4rem; } heading01 span.sub-title { font-size: 2.0rem; } .heading02 { font-size: 2.2rem; margin-bottom: 54px; } .heading02>span { font-size: ; } .heading03 { font-size: 2.0rem; margin-bottom: 28px; } .heading03>.link-list{ font-size: 2.0rem; } .heading04 { font-size: 1.8rem; margin-bottom: 31px; } .heading04>.link-list{ font-size: 1.8rem; } .heading05 { font-size: 1.6rem; margin-bottom: 15px; } .heading05>.link-list{ font-size: 1.6rem; } .text-lead { font-size: 1.6rem; margin-bottom: 60px; } .text-caption { font-size: 1.6rem; margin-bottom: 20px; } .img-title { font-size: 1.6rem; margin-bottom: 16px; } .point-title { margin-bottom: 32px; } .point-title>p { font-size: 2.2rem; } .text-cc { font-size: 2.4rem; margin-bottom: 20px; } .price { font-size: 1.6rem; } } /* ========================================================================== arrowed-link ========================================================================== */ .arrow-l { background-repeat: no-repeat; background-position: left 5px; } .arrow-r { background-repeat: no-repeat; background-position: right 5px; } .arrow-d { background-repeat: no-repeat; background-position: bottom top; } .link-list { display: inline-block; color: #412c23; font-size: 1.4rem; font-weight: 500; line-height: 1.5; text-decoration: none !important; } .link-list.-white { color: #ffffff; } .link-list:link { color: #412c23; text-decoration: none; } .link-list:visited { color: #412c23; text-decoration: none; } .link-list:active { color: #412c23; text-decoration: none; } .link-list:hover { color: #412c23; text-decoration: none; } .link-list:focus { color: #412c23; text-decoration: none; } .link-list.-white:link { color: #ffffff; text-decoration: none; } .link-list.-white:visited { color: #ffffff; text-decoration: none; } .link-list.-white:active { color: #ffffff; text-decoration: none; } .link-list.-white:hover { color: #ffffff; text-decoration: none; } .link-list.-white:focus { color: #ffffff; text-decoration: none; } .link-list.arrow-r.-main01 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); padding-right: 29px; min-height: 14px; background-size: 11px; } .link-list.arrow-r.-main03 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); padding-right: 29px; min-height: 14px; background-size: 11px; } .link-list.arrow-l.-main01{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzRfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzRfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF81XykiIGZpbGw9IiM0MTJjMjMiIHBvaW50cz0iMTYuMzYyLDAuMjczIDkuNDMyLDcuMjA1IDIuNTAxLDE0LjEzNyA5LjQzMiwyMS4wNjggMTYuMzYyLDE0LjEzNw0KCQkyMy4yOTUsNy4yMDUgCSIvPg0KPC9nPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8zXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJPC9jbGlwUGF0aD4NCgk8ZyBjbGlwLXBhdGg9InVybCgjU1ZHSURfNl8pIj4NCgkJPGc+DQoJCQk8ZGVmcz4NCgkJCQk8cmVjdCBpZD0iU1ZHSURfMl8iIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIvPg0KCQkJPC9kZWZzPg0KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF83XyI+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMl8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJPC9jbGlwUGF0aD4NCgkJCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF83XykiPg0KCQkJCTxnIG9wYWNpdHk9IjAuNyI+DQoJCQkJCTxnPg0KCQkJCQkJPGRlZnM+DQoNCgkJCQkJCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSI5LjQzMiIgeT0iMTQuMTM2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDE5LjY5MDEgLTUuMzk5OSkiIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODY0Ii8+DQoJCQkJCQk8L2RlZnM+DQoJCQkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzhfIj4NCgkJCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJCQk8L2NsaXBQYXRoPg0KDQoJCQkJCQkJPHJlY3QgeD0iMTEuNDYyIiB5PSIxNi4xNjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTkuNjg5OCAtNS40KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzhfKSIgZmlsbD0iIzQxMmMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); padding-left: 29px; min-height: 14px; background-size: 11px; } .link-list.arrow-l.-main03 { color: #ffffff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzRfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzRfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF81XykiIGZpbGw9IiNFNDVFMTUiIHBvaW50cz0iMTYuMzYyLDAuMjczIDkuNDMyLDcuMjA1IDIuNTAxLDE0LjEzNyA5LjQzMiwyMS4wNjggMTYuMzYyLDE0LjEzNyANCgkJMjMuMjk1LDcuMjA1IAkiLz4NCjwvZz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfM18iIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSI+DQoJCTxnPg0KCQkJPGRlZnM+DQoJCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJCTwvZGVmcz4NCgkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfN18iPg0KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCTwvY2xpcFBhdGg+DQoJCQk8ZyBjbGlwLXBhdGg9InVybCgjU1ZHSURfN18pIj4NCgkJCQk8ZyBvcGFjaXR5PSIwLjciPg0KCQkJCQk8Zz4NCgkJCQkJCTxkZWZzPg0KCQkJCQkJCQ0KCQkJCQkJCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHg9IjkuNDMyIiB5PSIxNC4xMzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTkuNjkwMSAtNS4zOTk5KSIgd2lkdGg9IjEzLjg2MyIgaGVpZ2h0PSIxMy44NjQiLz4NCgkJCQkJCTwvZGVmcz4NCgkJCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfOF8iPg0KCQkJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCQkJCTwvY2xpcFBhdGg+DQoJCQkJCQkNCgkJCQkJCQk8cmVjdCB4PSIxMS40NjIiIHk9IjE2LjE2NiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxOS42ODk4IC01LjQpIiBjbGlwLXBhdGg9InVybCgjU1ZHSURfOF8pIiBmaWxsPSIjRTQ1RTE1IiB3aWR0aD0iOS44MDMiIGhlaWdodD0iOS44MDIiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0KK); padding-left: 32px; min-height: 14px; background-size: 11px; } .link-list.arrow-d.-blue { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0yLjI1IC00Ljc1IDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yLjI1IC00Ljc1IDI0IDI0Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iMjAsNSAyMCwwIDkuOTk4LDEwLjA2MiAwLDAgMCw1IDkuOTk4LDE0LjUgIi8+DQo8L3N2Zz4NCg==); background-position: center bottom; padding-bottom: 32px; min-height: 24px; } .link-list.arrow-r.-popup.-blue { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii00IC00IDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC00IC00IDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iMTYsMTEuMTk4IDE2LDAgNC44LDAgNC44LDQuODAxIDAsNC44MDEgMCwxNiAxMS4yLDE2IA0KCTExLjIsMTEuMiA5LjYsMTEuMiA5LjYsMTQuMzk2IDEuNiwxNC4zOTYgMS42LDYuNCA0LjgsNi40IDQuOCwxMS4xOTggIi8+DQo8L3N2Zz4NCg==); padding-right: 32px; min-height: 24px; } .link-list.arrow-r.-pdf.-blue { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0zIC0yIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0zIC0yIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHJlY3QgeT0iMyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHdpZHRoPSI2IiBoZWlnaHQ9IjIiLz4NCjxwb2x5Z29uIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iMTYsMTEuOTU5IDEwLjUwOSwxMC40OTEgOS4wNCw1LjAwMyA3LjU0OSw1LjQwMyA5LjAxNywxMC44OTEgNSwxNC45MDcgNi4wOTIsMTYgMTAuMTA5LDExLjk4MiANCgkxNS42MDIsMTMuNDUyICIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIGQ9Ik0xMywwSDJ2MjBoMTdWNUwxMywweiBNMTgsMTlIM1YxaDlsNi4wMDMsNUwxOCwxOXoiLz4NCjwvc3ZnPg0K); padding-right: 32px; min-height: 24px; background-position: right 2px; } .arrow-r.icon img { vertical-align: middle; margin-right: 0.5em; } .arrow-l.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 { -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;; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;; } .page-link>li >p{ text-align: center; position: relative; min-height: 60px; } .page-link>li >p:after{ content: ""; display: block; position: absolute; bottom: 0; right: 50%; margin-right: -12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0yLjI1IC00Ljc1IDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yLjI1IC00Ljc1IDI0IDI0Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxNUFFRTAiIHBvaW50cz0iMjAsNSAyMCwwIDkuOTk4LDEwLjA2MiAwLDAgMCw1IDkuOTk4LDE0LjUgIi8+DQo8L3N2Zz4NCg==); background-position: right top; background-repeat:no-repeat; width: 24px; height: 24px; -moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear; } .page-link a{ border-top: 1px solid #17afe0; padding-top: 6px; display: block; padding-bottom: 35px; } .page-link>li:hover p:after{ -webkit-transform:translate(0,10px); -ms-transform:translate(0,10px); transform:translate(0,10px); -moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear; } @media only screen and (min-width: 641px) and (max-width: 768px) { .anchor-link { padding-top: 60px !important; margin-top: -60px !important; } } @media only screen and (max-width: 640px) { .anchor-link { padding-top: 50px !important; margin-top: -50px !important; } } @media only screen and (max-width: 640px) { .page-link { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } .page-link>li { margin-right: 0; margin-left: 0; } .page-link>li+li { margin: 20px 0 0; } .page-link>li >p{ text-align: left; min-height: inherit; } .page-link a{ padding-bottom: 0; padding-top: 20px; padding-left: 20px; } .page-link>li >p:after{ right: 0; top: 50%; margin-right: 0; background-position: right center; } .sp-page-link { margin-top: -54px; padding-top: 54px; } } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== sub-navi ========================================================================== */ .sub-navigation { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; flex-wrap: wrap; } /* アンカーリンク */ .section-anchor { margin-bottom: 40px; margin-top: 40px; } @media only screen and (min-width: 768px) { .section-anchor { margin-bottom: 60px; margin-top: 60px; } } /* 目次のスタイル */ .section-index { margin-bottom: 50px; margin-top: 50px; } .sub-navigation--anchor { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;; -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; margin-top: -20px; } @media screen and (max-width: 1049px) { .sub-navigation--anchor { margin-left: 25px; margin-right: 25px; } } @media screen and (max-width: 767px) { .sub-navigation--anchor { margin-left: 0; margin-right: 0; } } .sub-navigation--anchor:not(:first-child) { margin-top: 40px } @media screen and (max-width: 767px) { .sub-navigation--anchor:not(:first-child) { margin-bottom: 30px; } } .sub-navigation--anchor:not(:last-child) { margin-bottom: 40px } @media screen and (max-width: 767px) { .sub-navigation--anchor:not(:last-child) { margin-bottom: 30px } } .sub-navigation--anchor__item { box-sizing: border-box; flex: 1 1; background-image: linear-gradient(to top, #707070 7px, transparent 1px); background-size: 1px 12px; background-repeat: repeat-y; background-position: left bottom; } .sub-navigation--anchor__item a { text-align: center; display: block; padding-top: 0; padding-right: 10px; padding-left: 10px; padding-bottom: 24px; position: relative; text-decoration: none; color: #412C23; transition: .3s; } .sub-navigation--anchor__item a:hover { opacity: 0.4; } @media screen and (min-width: 1050px) { .sub-navigation--anchor__item:nth-child(10n+10) { background-image: linear-gradient(to bottom, #707070 7px, transparent 1px); background-size: 1px 12px; background-repeat: repeat-y; background-position: right top; } } .sub-navigation--anchor__item:last-child { background-image: linear-gradient(to bottom, #707070 7px, transparent 1px),linear-gradient(to top, #707070 7px, transparent 1px); background-size: 1px 12px,1px 12px;; background-repeat: repeat-y,repeat-y; background-position: right top,left bottom; } .sub-navigation--anchor__item a:before { content: ""; position: absolute; width: 14px; height: 14px; bottom: 0; left: calc(50% - 7px); display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IiM3NjZjNjYiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZCI+PHJlY3Qgd2lkdGg9IjcuMTE2IiBoZWlnaHQ9IjcuMTE2IiBmaWxsPSIjNzY2YzY2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQpIHJvdGF0ZSg5MCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0wLDMuNTU4LDMuNTU4LDcuMTE3bDMuNTU4LDMuNTU4LDMuNTU4LTMuNTU4TDcuMTE2LDMuNTU4LDMuNTU4LDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjA0MiAtMC4yMzMpIiBmaWxsPSIjNzY2YzY2Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjU2OCA1LjQwOSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNS4wMzIpIHJvdGF0ZSgtNDUpIiBjbGlwLXBhdGg9InVybCgjZCkiPjxyZWN0IHdpZHRoPSI1LjAzMiIgaGVpZ2h0PSI1LjAzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wNDIgMS4wNDIpIiBmaWxsPSIjNzY2YzY2Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=); background-size: 14px; background-position: center center; background-repeat: no-repeat; transition: .3s; } .sub-navigation--anchor__item__text { display: block; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.5; transition: .3s; } @media screen and (max-width:767px) { .sub-navigation--anchor__item__text { font-size: 14px; } } @media screen and (max-width:1049px) { .sub-navigation--anchor__item { margin-top: 0; box-sizing: border-box; padding: 0; width: 25%; flex: inherit; } .sub-navigation--anchor__item:nth-child(n+5) { margin-top: 42px; } .sub-navigation--anchor__item:nth-child(4n) a { background-image: linear-gradient(to bottom, #707070 7px, transparent 1px); background-size: 1px 12px; background-repeat: repeat-y; background-position: right top; } } @media screen and (max-width:767px) { .sub-navigation--anchor__item { padding: 0; width: 50%; } .sub-navigation--anchor__item a { padding-left: 5px; padding-right: 5px; padding-bottom: 24px; font-size: 16px; } .sub-navigation--anchor__item:nth-child(3n) a { border-right: none; } .sub-navigation--anchor__item:nth-child(n+3) { margin-top: 30px; } .sub-navigation--anchor__item:nth-child(2n) a { background-image: linear-gradient(to bottom, #707070 7px, transparent 1px); background-size: 1px 12px; background-repeat: repeat-y; background-position: right top; } } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== shop-info-list ========================================================================== */ .section-shop-info-list { margin-top: 40px; margin-bottom: 100px; } @media screen and (min-width: 768px) { .section-shop-info-list { margin-top: 50px; margin-bottom: 120px; } } @media screen and (max-width: 767px) { .section-shop-info-list .columns.columns--two { margin-left: 0; margin-right: 0; } } .section-shop-info-list .columns.columns--two .columns__column { width: 50%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 1049px) { .section-shop-info-list .columns.columns--two .columns__column { padding-left: 12.5px; padding-right: 12.5px; } } .section-shop-info-list .columns.columns--two .columns__column:nth-child(2n+1) { padding-left: 0; } .section-shop-info-list .columns.columns--two .columns__column:nth-child(2n) { padding-right: 0; } .section-shop-info-list .columns.columns--two .columns__column:nth-child(n+3) { margin-top: 50px; } @media screen and (max-width: 767px) { .section-shop-info-list .columns.columns--two .columns__column { width: 100%; padding: 0; } .section-shop-info-list .columns.columns--two .columns__column:not(:last-child) { margin-top: 40px; } .section-shop-info-list .columns.columns--two .columns__column:first-child { margin-top: 0; } } .shop-info-list { background-color: rgba(250,250,250,0.8); padding: 25px; } @media screen and (min-width: 1050px) { .shop-info-list { padding: 28px 36px; } } .shop-info-list .shop-info-list__shop-name { font-size: 1.6rem; font-weight: 500; line-height: 1.5; padding-bottom: 15px; border-bottom: 1px solid #e45e15; } .shop-info-list__group { background-image: linear-gradient(to left, rgba(118,108,102,0.2) 7px, transparent 1px); background-size: 12px 1px; background-repeat: repeat-x; background-position: right bottom; display: flex; } @media screen and (max-width: 1049px) { .shop-info-list__group { flex-wrap: wrap; } } .shop-info-list__group:not(:first-child) { margin-top: 15px; } @media screen and (min-width: 768px) { .shop-info-list__group:not(:first-child) { margin-top: 0; } } .shop-info-list__group__term { display: flex; align-items: center; padding-top: 15px; padding-bottom: 6px; width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1050px) { .shop-info-list__group__term { max-width: 117px; min-width: 117px; } } .shop-info-list__group__term .tb-lower{ display: none; } @media screen and (max-width: 1049px) { .shop-info-list__group__term .tb-lower{ display: inline-block; } } @media screen and (min-width: 768px) { .shop-info-list__group__desc { display: flex; align-items: flex-start; } } @media screen and (max-width: 767px) { .shop-info-list__group__desc { position: relative; padding-bottom: 20px; } } .shop-info-list__group__desc__inner { flex: 1; padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 22px; position: relative; display: flex; align-items: center; flex-wrap: wrap; line-height: 1.5; } @media screen and (max-width: 1049px) { .shop-info-list__group__desc__inner { padding-top: 0; padding-left: 0; } } @media screen and (min-width: 1049px) { .shop-info-list__group__desc__inner:before { content: '：'; position: absolute; line-height: 1; left: 0; } } .shop-info-list__group__desc__inner a { text-decoration: none; color: #412c23; word-break: break-all; } .shop-info-list__group__desc__inner .map-link { position: relative; width: 100%; padding-left: 16px; line-height: 1.5; } .shop-info-list__group__desc__inner .map-link:before { content: none; } .shop-info-list__group__desc__inner .map-link a { color: #e45e15; transition: .3s; } .shop-info-list__group__desc__inner .map-link a:hover { opacity: .4; } .shop-info-list__group__desc__inner .map-link a:before{ content: ""; position: absolute; width: 10px; height: 13px; left: 0; bottom: 0; top: 7px; display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEwIDEzIj48cGF0aCBkPSJNNSwwYTUuMDQ5LDUuMDQ5LDAsMCwxLDUsNS4xQzEwLDcuOTEzLDUsMTMsNSwxM1MwLDcuOTEzLDAsNS4xQTUuMDQ5LDUuMDQ5LDAsMCwxLDUsMFoiIGZpbGw9IiNlNDVlMTUiLz48Y2lyY2xlIGN4PSIyIiBjeT0iMiIgcj0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAzKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); background-position: center center; background-repeat: no-repeat; transition: .3s; } /* boxShadow*/ /* ========================================================================== btn ========================================================================== */ .button { display: block; width: 100%; height: 50px; text-align: center; text-decoration: none; line-height: 50px; outline: none; margin:auto; } .button.-auto { display: inline-block; padding: 0 20px; width: auto; } .button.-max340 { max-width: 340px; } .button { -webkit-transition: all .3s; transition: all .3s; } .button>span { display: inline-block; padding: 10px 30px 10px 0; font-size: 1.4rem; font-weight: 500; line-height: 1.5; background-size: 10px; } .button.-brown { background-color: #412c23; border: 1px solid #412c23; color: #ffffff; } .button.-orange { background-color: #e45e15; border: 1px solid #e45e15; color: #412c23; } .button.-white { background-color: #ffffff; border: 1px solid #e45e15; color: #e45e15; } .button.-white02 { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; } .button.-brown>span, .button.-orange>span, .button.-white02>span{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: right center; background-repeat: no-repeat; } .button.-white>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: right center; background-repeat: no-repeat; } .button.-brown:hover { background-color: #ffffff; border: 1px solid #412c23; color: #412c23; } .button.-orange:hover { background-color: #ffffff; border: 1px solid #e45e15; color: #e45e15; } .button.-white:hover, .button.-white02:hover{ background-color: #e45e15; border: 1px solid #e45e15; color: #ffffff; } .button.-brown:hover>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); } .button.-orange:hover>span { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } .button.-white:hover>span, .button.-white02:hover>span{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } /* ========================================================================== movie ========================================================================== */ .movie { position: relative; width: 100%; padding-top: 56.25%; } .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* ========================================================================== 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 */ .tab-contents { position: relative; } .tab-contents>div { display: none; width: 100%; } .tab-contents>div.active { display: block; } .tab-contents>div.active .tab-list li:first-child>a { color: #ffffff; background-color: #e45e15; } .tab-contents>div.active .tab-list li:first-child>a:hover { background-color: #e45e15; color: #ffffff; } .tab-contents .inner { margin-top: 20px; background-color: #ffffff; } .tab-contents #tab01:target, .tab-contents #tab02:target, .tab-contents #tab03:target, .tab-contents #tab04:target { display: block; } .tab-contents :not([id="tab01"]):target { display: none; } .tab-contents .tab-list { border-bottom: 1px solid #e45e15; -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: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;; } .tab-contents .tab-list>li { margin-right: 0; margin-left: 0; } .tab-contents .tab-list>li+li { padding-left:20px; } .tab-contents .tab-list.-two>li { width: 50%; } .tab-contents .tab-list.-three>li { width: 33.3%; } .tab-contents .tab-list.-four>li { width: 25%; } .tab-contents .button.-tab { display: block; background-color: #ffffff; border: 1px solid #e45e15; border-bottom: none; color: #e45e15; } .tab-contents .button.-tab { -webkit-transition: all .3s; transition: all .3s; } .tab-contents .button.-tab:hover { background-color: #e45e15; color: #ffffff; } .tab-contents .button.-tab>span { display: inline-block; text-align: center; font-size: 1.4rem; font-weight: 500; line-height: 1.5; padding: 0; } .tab-contents #tab01:target a[href$="tab01"], .tab-contents #tab02:target a[href$="tab02"], .tab-contents #tab03:target a[href$="tab03"], .tab-contents #tab04:target a[href$="tab04"]{ background-color: #e45e15; color: #ffffff; } @media only screen and (min-width: 641px) and (max-width: 768px) { .tab-contents .tab-list>li+li { padding-left:40px; } } @media only screen and (max-width: 640px) { .tab-contents .tab-list>li+li { padding-left:10px; } } /* ========================================================================== 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: #0b2f3b; -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: #0b2f3b; } .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: #0b2f3b; } .list-number>li>ol>li:before { content: counter(li2)'. '; display: block; position: absolute; top: 0; left: -1em; color: #0b2f3b; } /* ========================================================================== 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 ========================================================================== */ @media only screen and (max-width: 768px) { .row-fluid .site-header>.row-number-3{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background-color: #ffffff; height: 93px; } .row-fluid .site-header>.row-number-4{ padding-top: 143px; } } @media only screen and (max-width: 640px) { .row-fluid .site-header>.row-number-3 { height: 54px; } .row-fluid .site-header>.row-number-4{ padding-top: 54px; } } .site-header .container .row-fluid-wrapper .row-fluid { -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: 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-header .container .row-fluid-wrapper .row-fluid { display: block; } } .site-header .container .row-fluid-wrapper .row-fluid .span2, .site-header .container .row-fluid-wrapper .row-fluid .span10{ float: none; margin-left: 0; width: auto; } .site-header .container .row-fluid-wrapper .row-fluid .span2 { width: 217px; } @media only screen and (max-width: 640px) { .site-header .container .row-fluid-wrapper .row-fluid .span2{ width: 126px; } } .site-header .row-fluid .span2>.layout-widget-wrapper a, .site-header .row-fluid .widget-type-logo a{ display: block; } .site-header .container .row-fluid-wrapper .row-fluid .span10 { padding: 20px 0 0 40px; width: 100%; } @media only screen and (max-width: 768px) { .site-header .container .row-fluid-wrapper .row-fluid .span2 { position: absolute; top: 0; left: 0; z-index: 100; } .site-header .container .row-fluid-wrapper .row-fluid .span10 { position: absolute; top: 0; left: 217px; } } @media only screen and (min-width: 1118px) { .site-header .container .row-fluid-wrapper .row-fluid .span10 { width: 843px; } } @media only screen and (max-width: 1117px) { .site-header .row-fluid [class*="span"]:first-child .container { padding-left: 0; } .site-header .container .row-fluid-wrapper .row-fluid .span10 { padding-left: 20px; } } @media only screen and (max-width: 640px) { .site-header .container .row-fluid-wrapper .row-fluid .span10.header-nav .header-text { display: none; } } .site-header .row-fluid .span10.header-nav .header-text{ -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-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: 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;; margin-bottom: 5px; } @media only screen and (max-width: 768px) { .site-header .row-fluid .span10.header-nav .header-text{ -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;; } } .site-header .row-fluid .span10.header-nav .header-text .call{ color: #7b6c66; font-family: 'Sacramento', cursive; font-size: 2.0rem; line-height: 1; margin-bottom: 10px; } .site-header .row-fluid .span10.header-nav .header-text .call>span{ display: inline-block; padding: 0 14px; position: relative; } .site-header .row-fluid .span10.header-nav .header-text .call>span:before, .site-header .row-fluid .span10.header-nav .header-text .call>span:after{ content: ""; position: absolute; background-repeat: no-repeat; background-size: 10px; width: 10px; height: 19px; } .site-header .row-fluid .span10.header-nav .header-text .call>span:before { bottom: 0; left: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTQgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3YjZjNjYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjAuNDQ0IiB5MT0iMC4yMyIgeDI9IjEzLjQ0NCIgeTI9IjI1LjIzIi8+DQo8L3N2Zz4NCg==); background-position: left bottom; } .site-header .row-fluid .span10.header-nav .header-text .call>span:after { bottom: 0; right: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNHB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTQgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM3YjZjNjYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEzLjQ0NCIgeTE9IjAuMjMiIHgyPSIwLjQ0NCIgeTI9IjI1LjIzIi8+DQo8L3N2Zz4NCg==); background-position: left bottom; } .site-header .row-fluid .span10.header-nav .header-text .telephone { -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-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: 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;; padding-left: 10px; } @media only screen and (max-width: 768px) { .site-header .row-fluid .span10.header-nav .header-text .telephone { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; } } .site-header .row-fluid .span10.header-nav .header-text .telephone>.message { color: #7b6c66; font-size: 1.2rem; font-weight: 500; line-height: 1; margin-bottom: 10px; } .site-header .row-fluid .span10.header-nav .header-text .telephone>.tel { padding-left: 20px; } @media only screen and (max-width: 768px) { .site-header .row-fluid .span10.header-nav .header-text .telephone>.tel { padding-left: 0; margin-top: 10px; } } .site-header .row-fluid .span10.header-nav .header-text .telephone>.tel span{ display: inline-block; color: #e45e15; font-size: 2.2rem; font-weight: 500; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-icon-tel.png); background-size: 27px; background-repeat: no-repeat; background-position: left bottom; padding-left: 36px; line-height: 1; } .site-header .nav-btn { display: none; } @media only screen and (max-width: 768px) { .site-header .nav-btn { display: block; position: absolute; top: 0; right: 0; color: #7b6c66; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-menu.png); background-position: right 20px center; background-repeat: no-repeat; cursor: pointer; z-index: 100; } .site-header .nav-btn.close { color: #ffffff; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-icon-close.png); } } @media only screen and (min-width: 641px) and (max-width: 768px) { .site-header .nav-btn { height: 93px; line-height: 93px; font-size: 2.4rem; font-weight: 400; padding: 0 70px 0 10px; background-size: 32px; } .site-header .nav-btn.close { background-size: 28px; } } @media only screen and (max-width: 640px) { .site-header .nav-btn { height: 54px; line-height: 54px; font-size: 1.2rem; padding: 0 40px 0 10px; background-size: 16px; } .site-header .nav-btn.close { background-size: 14px; } } .site-header div.active-branch>ul { -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: 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;; padding-top: 10px; border-top: 1px solid #7b6c66; position: relative; } .site-header div.active-branch>ul>li:first-child { display: none; } .site-header div.active-branch>ul>li>a { display: block; font-size: 1.5rem; color: #412c23; font-weight: 500; text-decoration: none; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;; padding-bottom: 10px; margin-bottom: 30px; } .site-header div.active-branch>ul>li>a:hover { color: #e45e15; } .site-header div.active-branch>ul>li>.compact-wrapper, .site-header div.active-branch>ul>li>.compact-wrapper-ver02 { opacity: 0; visibility: hidden; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;; position: absolute; background-color: rgba(123,108,102,0.85); width: 100%; max-width: 270px; top: 74px; left: -93px; z-index: 10; } @media only screen and (max-width: 769px) { .site-header div.active-branch>ul>li>.compact-wrapper-ver02 { display: none; } } @media only screen and (min-width: 769px) { .site-header div.active-branch>ul>li.active>a, .site-header div.active-branch>ul>li.active-branch>a{ color: #e45e15; } .site-header div.active-branch>ul>li>.compact-wrapper:before, .site-header div.active-branch>ul>li>.compact-wrapper-ver02:before{ content:""; position: absolute; left: 113.5px; top: -24px; width: 18px; height: 24px; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-bg-compact-wrapper-top_01.png); background-repeat: no-repeat; background-position: left top; } .site-header div.active-branch>ul>li:nth-of-type(2):hover>.compact-wrapper, .site-header div.active-branch>ul>li:nth-of-type(2):hover>.compact-wrapper-ver02{ opacity: 1; visibility: visible; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul { display: block; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li { width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover { background-color: rgba(123,108,102); } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover >a { opacity: 0.5; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover >ul>li { height: auto; min-height: 48px; opacity: 1; visibility: visible; border-bottom: 1px solid rgba(255,255,255,0.5) } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover >ul>li:last-child { border-bottom: none; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li>a { min-height: 54px; display: inline-flex; align-items: center; text-align: left; text-decoration: none; outline: none; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;; background-color: transparent; color: #ffffff; width: 100%; padding: 16px 60px 17px 30px; font-size: 1.5rem; font-weight: 500; line-height: 1.5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: right 30px center; background-repeat: no-repeat; background-size: 10px; } .site-header div.active-branch>ul>li>.compact-wrapper ul, .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background-color: rgba(123,108,102); padding-top: 20px; padding-bottom: 0; padding-left: 25px; max-width: 245px; display: flex; flex-wrap: wrap; flex-direction: column; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul.one-columns{ display: inline-table; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul.two-columns{ min-width: 460px; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover >ul.two-columns>li:nth-child(8n) { border-bottom: none; } .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul>li:hover ul{ opacity: 1; visibility: visible; } .site-header div.active-branch>ul>li>.compact-wrapper ul>li:last-child, .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul>li:last-child{ margin-right: 0; } .site-header div.active-branch>ul>li>.compact-wrapper ul>li, .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul>li{ height: 0; overflow: hidden; text-align: left; text-decoration: none; outline: none; transition: opacity .3s; background-color: transparent; color: #ffffff; width: 195px; } .site-header div.active-branch>ul>li>.compact-wrapper ul>li>a, .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul>li>a{ display: inline-flex; align-items: center; padding-right: 17px; padding-top: 15px; padding-bottom: 15px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;; background-color: transparent; color: #ffffff; width: 100%; font-size: 1.3rem; font-weight: 400; line-height: 1.5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: right 0 center; background-repeat: no-repeat; background-size: 10px; color: #ffffff; text-decoration: none; } .site-header div.active-branch>ul>li:nth-of-type(2)>.compact-wrapper ul>li:hover>a, .site-header div.active-branch>ul>li:nth-of-type(2)>.compact-wrapper-ver02>ul ul>li:hover>a{ opacity: 0.5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); } } @media only screen and (max-width: 1000px) { .site-header div.active-branch>ul>li>.compact-wrapper ul>li:last-child, .site-header div.active-branch>ul>li>.compact-wrapper-ver02>ul ul>li:last-child{ margin-right: 0; } } @media only screen and (max-width: 768px) { .row-fluid .navigation, .navigation{ display: none; background-color: rgba(123,108,102,0.9); color: #ffffff; position: fixed; left: 0; z-index: 50; width: 100%; height: 100%; overflow-y: auto; top: 0; } .site-header .navigation div.active-branch>ul>li:first-child { display: block; } .site-header .navigation div.active-branch>ul { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; padding: 160px 100px 0; border:none; position: relative; width: 100%; } .site-header .navigation div.active-branch>ul>li:first-child { border-top: 1px solid #ffffff; } .site-header .navigation div.active-branch>ul>li { border-bottom: 1px solid #ffffff; } .site-header .navigation div.active-branch>ul>li>a { line-height: 60px; height: 60px; display: block; width: 100%; text-align: center; color: #ffffff; font-size: 2.0rem; font-weight: 500; margin-bottom: 0; padding-bottom: 0; } } .site-header .navigation .consultation, .site-header .navigation .telephone{ display: none; } @media only screen and (max-width: 640px) { .site-header .navigation div.active-branch>ul { padding: 75px 20px 0; } } @media only screen and (max-width: 768px) { .site-header .navigation .consultation { display: block; padding: 0 100px; } .site-header .navigation .consultation .img-text{ padding: 50px 20px; border-bottom: 1px solid #ffffff; -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: 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 .navigation .consultation .img-text .left{ padding-right: 50px; } .site-header .navigation .consultation .img-text .right .title{ color: #ffffff; font-size: 2.4rem; font-weight: 500; margin-bottom: 30px; } .site-header .navigation .consultation .img-text .right .message{ color: #ffffff; font-weight: 500; margin-bottom: 0; } .site-header .navigation .telephone { display: block; padding: 0 100px; } .site-header .navigation .telephone .img-text{ padding: 20px 20px 50px; -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: 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;; } .site-header .navigation .telephone .left .tel{ background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-tel-line.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; } .site-header .navigation .telephone .left .tel>span, .site-header .navigation .telephone .left .tel>a>span{ color: #ffffff; display: inline-block; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-icon-tel-white.png); background-repeat: no-repeat; background-position: left center; padding-left: 62px; font-size: 3.6rem; font-weight: 500; } .site-header .navigation .telephone .left .tel>span ruby rt, .site-header .navigation .telephone .left .tel>a>span ruby rt{ font-size: 1.2rem; } } @media only screen and (max-width: 640px) { .site-header .row-fluid .navigation .consultation, .site-header .row-fluid .navigation .telephone{ padding: 0 20px; } } @media only screen and (max-width: 480px) { .site-header .navigation .telephone .img-text{ display: block; } .site-header .navigation .telephone .img-text .right, .site-header .navigation .consultation .img-text .left{ display: none; } } /* ========================================================================== 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*/ /* ========================================================================== main ========================================================================== */ .billboard-wrapper { border-bottom: 1px solid #7b6c66; padding-bottom: 27px; margin-bottom: 27px; position: relative; } .billboard-wrapper .scroll{ position: absolute; bottom: -27px; left: 50%; margin-left: -27px; width: 54px; height: 54px; } .billboard-wrapper .scroll>a{ display: block; border: 1px solid #7b6c66; -webkit-border-radius: 27px; -moz-border-radius: 27px; -ms-border-radius: 27px; -o-border-radius 27px; border-radius: 27px;; background-color: #ffffff; width: 54px; height: 54px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjIuODcxIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMi44NzEgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfNF8iIHg9IjIuODcxIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzRfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF81XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iMjMuNjY2LDQuNzA1IDE2LjczNCwxMS42MzcgOS44MDMsMTguNTY4IDE2LjczNCwyNS40OTkgMjMuNjY2LDE4LjU2OCANCgkJMzAuNTk4LDExLjYzNyAJIi8+DQo8L2c+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSIyLjg3MSIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJPC9jbGlwUGF0aD4NCgk8ZyBjbGlwLXBhdGg9InVybCgjU1ZHSURfNl8pIj4NCgkJPGc+DQoJCQk8ZGVmcz4NCgkJCQk8cmVjdCBpZD0iU1ZHSURfMl8iIHg9IjIuODcxIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJCTwvZGVmcz4NCgkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfN18iPg0KCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCTwvY2xpcFBhdGg+DQoJCQk8ZyBjbGlwLXBhdGg9InVybCgjU1ZHSURfN18pIj4NCgkJCQk8ZyBvcGFjaXR5PSIwLjciPg0KCQkJCQk8Zz4NCgkJCQkJCTxkZWZzPg0KCQkJCQkJCQ0KCQkJCQkJCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHg9IjIuODcxIiB5PSI0LjcwNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAtMC43MDcxIDAuNzA3MSAtMC43MDcxIDguNTA1OSAyNi43OTY3KSIgd2lkdGg9IjEzLjg2MyIgaGVpZ2h0PSIxMy44NjMiLz4NCgkJCQkJCTwvZGVmcz4NCgkJCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfOF8iPg0KCQkJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCQkJCTwvY2xpcFBhdGg+DQoJCQkJCQkNCgkJCQkJCQk8cmVjdCB4PSI0LjkwMiIgeT0iNi43MzUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSA4LjUwNzMgMjYuNzk3MSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF84XykiIGZpbGw9IiM0MTJDMjMiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-size: 20px; background-position: center center; background-repeat: no-repeat; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;; } .billboard-wrapper .scroll>a:hover{ background-color: #412c23; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjIuODcxIDAgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMi44NzEgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfNF8iIHg9IjIuODcxIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzRfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF81XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjMuNjY2LDQuNzA1IDE2LjczNCwxMS42MzcgOS44MDMsMTguNTY4IDE2LjczNCwyNS40OTkgMjMuNjY2LDE4LjU2OA0KCQkzMC41OTgsMTEuNjM3IAkiLz4NCjwvZz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjIuODcxIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF82XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzNfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiPg0KCQk8Zz4NCgkJCTxkZWZzPg0KCQkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgeD0iMi44NzEiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIvPg0KCQkJPC9kZWZzPg0KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF83XyI+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMl8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJPC9jbGlwUGF0aD4NCgkJCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF83XykiPg0KCQkJCTxnIG9wYWNpdHk9IjAuNyI+DQoJCQkJCTxnPg0KCQkJCQkJPGRlZnM+DQoNCgkJCQkJCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSIyLjg3MSIgeT0iNC43MDUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSA4LjUwNTkgMjYuNzk2NykiIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJCQk8L2RlZnM+DQoJCQkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzhfIj4NCgkJCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJCQk8L2NsaXBQYXRoPg0KDQoJCQkJCQkJPHJlY3QgeD0iNC45MDIiIHk9IjYuNzM1IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgOC41MDczIDI2Ljc5NzEpIiBjbGlwLXBhdGg9InVybCgjU1ZHSURfOF8pIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOS44MDMiIGhlaWdodD0iOS44MDIiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K); } @media only screen and (min-width: 641px) and (max-width: 768px) { .billboard { } } .site-header .row-fluid [class*="span"]:first-child .billboard .container { padding-left: 20px; } .billboard .columns{ -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;; position: relative; } @media only screen and (min-width: 769px) { .billboard .columns>.column:last-child{ background-size: contain; background-position: right top; background-repeat: no-repeat; height: 430px; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-others.png); } .billboard.blog .columns>.column:last-child{ background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-blog.png); } } @media only screen and (max-width: 768px) { .billboard .columns>.column:last-child{ display: none; } .billboard .columns>.column { padding: 0 !important; } .billboard .text-lead>span { display: inline-block; background-color: rgba(255,255,255,0.7); padding: 10px 20px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .billboard .columns { height:430px; background-size: contain; background-position: center top; background-repeat: no-repeat; display: table; width: 100%; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-others.png); } .billboard.blog .columns{ background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-blog.png); } .billboard .columns>.column { display: table-cell; vertical-align: middle; } } @media only screen and (max-width: 640px) { .billboard .columns { height:640px; background-size: contain; background-position: center top; background-repeat: no-repeat; display: table; width: 100%; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-others.png); } .billboard.blog .columns{ background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-billboard-blog.png); } .billboard .columns>.column { 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 ========================================================================== */ .contact-wrapper .section+.section { margin-top: 64px; } @media only screen and (max-width: 640px) { .contact-wrapper .section+.section, .contact-wrapper .section .columns.-two>.column+.column{ margin-top: 54px; } } .contact-wrapper .section:last-child { margin-bottom: 100px; } @media only screen and (max-width: 640px) { .contact-wrapper .section:last-child { margin-bottom: 80px; } } .contact-wrapper .section .columns.-two>.column:first-child { padding-right: 10px; } @media only screen and (max-width: 640px) { .contact-wrapper .section .columns.-two>.column:first-child { padding-right: 0; } } .contact-wrapper .section .columns.-two>.column:last-child { padding-left: 10px; } @media only screen and (max-width: 640px) { .contact-wrapper .section .columns.-two>.column:last-child { padding-left: 0; } } .contact-wrapper .section .padding-box { padding: 30px; background-color: #ffffff; text-align: center; } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box { padding: 20px; } } .contact-wrapper .section .padding-box.-border01 { border: 1px solid #7b6c66; color: #412c23; } .contact-wrapper .section .padding-box.-border02 { border: 1px solid #7b6c66; color: #7b6c66; } .contact-wrapper .section .padding-box.-border03 { border: 1px solid #e45e15; color: #e45e15; } .contact-wrapper .section .padding-box h3 { margin-top: -44px; text-align: center; line-height: 1; font-size: 3.5rem; font-family: 'Sacramento', cursive; } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box h3 { margin-top: -60px; padding: 20px; } } .contact-wrapper .section .padding-box.-border01 h3, .contact-wrapper .section .padding-box.-border01 a{ color: #412c23; text-decoration: none; } .contact-wrapper .section .padding-box.-border02 h3, .contact-wrapper .section .padding-box.-border02 a{ color: #7b6c66; text-decoration: none; } .contact-wrapper .section .padding-box.-border03 h3, .contact-wrapper .section .padding-box.-border03 a{ color: #e45e15; text-decoration: none; } .contact-wrapper .section .padding-box h3>span { display: inline-block; padding: 0 20px; background-color: #ffffff; } .contact-wrapper .section .padding-box .img { margin-top: 20px; } .contact-wrapper .section .padding-box p { font-weight: 500; } .contact-wrapper .section .padding-box p.link { display: block; font-size: 1.6rem; } .contact-wrapper .section .padding-box p+p { margin-top: 20px; } @media only screen and (min-width: 641px) { .contact-wrapper .section:last-child .padding-box { padding: 30px 44px; } .contact-wrapper .section .padding-box .telephone { -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-box-pack: start; -ms-flex-pack start;; -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;; } .contact-wrapper .section .padding-box .telephone>.left { width: 15.2%; } } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box .telephone { -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } } @media only screen and (min-width: 1001px) { .contact-wrapper .section .padding-box .telephone>.center-right { -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;; } } @media only screen and (min-width: 641px) { .contact-wrapper .section .padding-box .telephone>.center-right { -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-box-pack: start; -ms-flex-pack start;; width: 84.8%; padding-left: 44px; } } @media only screen and (min-width: 641px) and (max-width: 1000px) { .contact-wrapper .section .padding-box .telephone>.center-right { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box .telephone .center, .contact-wrapper .section .padding-box .telephone .right{ padding-left: 0; margin-top: 20px; } } .contact-wrapper .section .padding-box .telephone .center { font-size: 1.6rem; width: 54%; padding-right: 44px; text-align: left; } @media only screen and (max-width: 1000px) { .contact-wrapper .section .padding-box .telephone .center { width: 100%; padding-right: 0; } } .contact-wrapper .section .padding-box .telephone .right { text-align: left; } .contact-wrapper .section .padding-box .telephone .center>p>span { display: block; padding-bottom: 25px; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-tel-line-orange.png); background-repeat: no-repeat; background-position: center bottom; background-size: contain; line-height: 1; } .contact-wrapper .section .padding-box .telephone .center>p>span>span { display: inline-block; padding-left: 67px; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-icon-tel.png); background-size: 38px; background-repeat: no-repeat; background-position: 20px bottom; font-size: 3.6rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; color: #e45e15; } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box .telephone .center>p>span>span { font-size: 2.1rem; } } .contact-wrapper .section .padding-box .telephone .center>p>span>span ruby rt { font-size: 1.4rem; letter-spacing: normal; } @media only screen and (max-width: 640px) { .contact-wrapper .section .padding-box .telephone .center>p>span>span ruby rt { font-size: 1.0rem; } } .contact-wrapper .page-top { text-align: center; } .contact-wrapper .page-top>p>a{ display: inline-block; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-page-top-bg.png); background-repeat: no-repeat; background-position: center top; padding: 0 20px 0 30px; color: #ffffff; text-decoration: none; font-size: 1.6rem; font-weight: 500; width: 176px; } .contact-wrapper .page-top>p>a>span{ display: block; height: 64px; line-height: 64px; position: relative; padding-right: 20px; } .contact-wrapper .page-top>p>a>span:after{ content: ""; position: absolute; top: 50%; right:0; margin-top: -8px; width: 14px; height: 16px; border-bottom: 2px solid #ffffff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMC4wMDIgMjggMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwLjAwMiAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfNF8iIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOC4wMDEiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzRfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF81XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4yMDUsMjMuMjk2IDE0LjEzNywxNi4zNjQgMjEuMDY4LDkuNDMyIDE0LjEzNywyLjUwMSA3LjIwNSw5LjQzMiANCgkJMC4yNzIsMTYuMzY0IAkiLz4NCjwvZz4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfM18iIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOC4wMDEiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF82XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzNfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiPg0KCQk8Zz4NCgkJCTxkZWZzPg0KCQkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4LjAwMSIvPg0KCQkJPC9kZWZzPg0KCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF83XyI+DQoJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMl8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJPC9jbGlwUGF0aD4NCgkJCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF83XykiPg0KCQkJCTxnIG9wYWNpdHk9IjAuNyI+DQoJCQkJCTxnPg0KCQkJCQkJPGRlZnM+DQoJCQkJCQkJDQoJCQkJCQkJCTxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iMTQuMTM2IiB5PSI5LjQzMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNy43NDA5IC0xMC4xMDQzKSIgd2lkdGg9IjEzLjg2NCIgaGVpZ2h0PSIxMy44NjQiLz4NCgkJCQkJCTwvZGVmcz4NCgkJCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfOF8iPg0KCQkJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJCQkJCTwvY2xpcFBhdGg+DQoJCQkJCQkNCgkJCQkJCQk8cmVjdCB4PSIxNi4xNjYiIHk9IjExLjQ2MiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNy43NDA1IC0xMC4xMDM5KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzhfKSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAzIi8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right top; background-size: 16px; } .footer-wrapper { background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-footer-bg.png); background-repeat: repeat-x; background-position: center top; margin-top: -12px; padding-top: 12px; position: relative; z-index:2; } .footer-wrapper>div { background-color: #e9dfdc; } .footer-wrapper>div>.row-fluid [class*="span"]:first-child.container{ padding: 50px 30px; } @media only screen and (max-width: 640px) { .footer-wrapper>div>.row-fluid [class*="span"]:first-child.container{ padding: 30px 20px; } } .footer-wrapper>div .container .footer-upper .row-fluid{ -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: 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: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } } .footer-wrapper>div .container .footer-upper .row-fluid .span3, .footer-wrapper>div .container .footer-upper .row-fluid .span9{ float: none; width: auto; margin-left: 0; } .footer-wrapper>div .container .footer-upper .row-fluid .span3 { width: 33%; padding-right: 60px; border-right: 1px solid #412c23; color: #412c23; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid .span3 { width: 100%; padding-right:0; border-right: none; margin-bottom: 0; } } @media only screen and (min-width: 641px) and (max-width: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid .span3 { border-bottom: 1px solid #412c23; padding-bottom: 20px; margin-bottom: 30px; position:relative } } .footer-wrapper>div .container .footer-upper .row-fluid .span3 .corporation{ font-size: 2.0rem; font-weight: 400; margin-bottom: 10px; } .footer-wrapper>div .container .footer-upper .row-fluid .span3 .address{ font-weight: 400; margin-bottom: 10px; } @media only screen and (min-width: 641px) and (max-width: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid .span3 .address{ margin-bottom: 0; } } .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>span, .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>a>span{ display: inline-block; background-image: url(//2547363.fs1.hubspotusercontent-na1.net/hubfs/2547363/images-page/common/common-icon-tel-brown.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 63px; font-weight: 500; font-size: 2.9rem; line-height: 1; } .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>a { text-decoration: none; } .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>span ruby rt, .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>a>span ruby rt{ font-size: 1.2rem; } @media only screen and (min-width: 641px) and (max-width: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel{ position: absolute; top: 0; right: 0; } } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>span, .footer-wrapper>div .container .footer-upper .row-fluid .span3 .tel>a>span{ background-size: 29px; font-size: 1.8rem; padding-left: 37px; } } .footer-wrapper>div .container .footer-upper .row-fluid .span9 { width: 67%; padding-left: 60px; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-upper .row-fluid .span9 { width: 100%; padding-left:0; } } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul{ -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;; -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: 640px) { .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -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;; } } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:first-child{ display: none; } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li { padding-right: 20px; } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li { display: none; } } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li>a { color: #412c23; display: block; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: right center; background-repeat: no-repeat; background-size: 10px; padding-right: 30px; text-decoration: none; font-size: 1.6rem; font-weight: 400; } /*.footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-of-type(5)*/ .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-of-type(4){ padding-right:0; } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(1), .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(2){ width: 50%; margin-top: 30px; } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(2) { padding-right: 20px; } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(1) { padding: 0 0 0 20px; } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(1), .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(2){ display: block; margin-top: 20px; padding: 0; width: 100%; } } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(1)>a, .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(2)>a { display: block; border: 1px solid #412c23; line-height: 50px; height: 50px; padding: 0 20px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiM0MTJDMjMiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1IA0KCQkxMS42MzcsMC4yNzMgCSIvPg0KCTxnIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQk8ZGVmcz4NCgkJCTxyZWN0IGlkPSJTVkdJRF8yXyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ii8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF81XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8yXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCTwvY2xpcFBhdGg+DQoJCTxnIG9wYWNpdHk9IjAuNyIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzVfKSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB4PSI0LjcwNSIgeT0iMTQuMTM3IiB3aWR0aD0iMTMuODYzIiBoZWlnaHQ9IjEzLjg2MyIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJDQoJCQkJCTxyZWN0IHg9IjYuNzM1IiB5PSIxNi4xNjciIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTExLjQ4OSAxNC4zOTg1KSIgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzZfKSIgZmlsbD0iIzQxMkMyMyIgd2lkdGg9IjkuODAzIiBoZWlnaHQ9IjkuODAyIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==); background-position: right 20px center; background-repeat: no-repeat; background-size: 10px; padding-right: 30px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;; } .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(1)>a:hover, .footer-wrapper>div .container .footer-upper .row-fluid .span9 div.active-branch>ul>li:nth-last-of-type(2)>a:hover{ background-color:#412c23; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); color: #ffffff; } .footer-wrapper>div .container .footer-lower { margin-top: 30px; } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-lower { margin-top: 20px; } } @media only screen and (min-width: 1001px) { .footer-wrapper>div .container .footer-lower .row-fluid{ -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-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: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;; -webkit-box-align: center; -ms-flex-align: center;; } } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-lower .row-fluid{ -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;; } } .footer-wrapper>div .container .footer-lower .row-fluid .span3, .footer-wrapper>div .container .footer-lower .row-fluid .span9{ float: none; width: auto; margin-left: 0; } .footer-wrapper>div .container .footer-lower .row-fluid .span3 { width: 35%; padding-right: 30px; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-lower .row-fluid .span3 { width: 100%; padding-right: 0; } } @media only screen and (min-width: 641px) and (max-width: 1000px) { .footer-wrapper>div .container .footer-lower .row-fluid .span3 { margin-bottom: 30px; } } @media only screen and (min-width: 641px) { .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul{ -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;; -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;; -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;; } } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul{ -js-display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;; } } .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul>li{ font-size: 1.3rem; margin-right: 16px; } @media only screen and (max-width: 640px) { .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul>li{ font-size: 1.3rem; margin: 0 0 20px; } } .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul>li>a{ color: #412c23; text-decoration: none; } .footer-wrapper>div .container .footer-lower .row-fluid .span3 div.active-branch>ul>li:last-child { margin: 0; } .footer-wrapper>div .container .footer-lower .row-fluid .span9 { width: 65%; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-lower .row-fluid .span9 { width: 100%; margin-top: 20px; } } .footer-wrapper>div .container .footer-lower .row-fluid .span9 .flex{ -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;; -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;; width: 100%; position: relative; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-lower .row-fluid .span9 .flex{ display: block; } } .footer-wrapper>div .container .footer-lower .row-fluid .span9 .flex .copyright{ font-size: 1.2rem; font-weight: 500; color: #412c23; } @media only screen and (max-width: 1000px) { .footer-wrapper>div .container .footer-lower .row-fluid .span9 .flex .logo { text-align: right; } } @media only screen and (max-width: 640px) { .fotter-fixed { width: 100%; position: fixed; bottom: 0; left: 0; background-color: rgba(); } } /* ========================================================================== 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 { margin-bottom: 80px; } .bread-crumbs .container>div { padding-top: 16px; border-top: 1px solid #7b6c66; } .bread-crumbs ul { display: table; height: 40px; } .bread-crumbs ul li { float: none; display: table-cell; vertical-align: middle; white-space:nowrap; padding: 10px; color: #412c23; } .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{ color: #7b6c66; font-weight: 500; } .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; } } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== site-content ========================================================================== */ .site-content .main { position: relative; } .site-content .main .left-button{ position: absolute; top: 108px; left: 0; z-index: 100; } .site-content .main .-fixed{ position: fixed; } @media only screen and (max-width: 1180px) { .site-content .main .left-button{ display: none; } } .site-content .subnavi { margin-top: 80px; margin-bottom: 80px; } @media only screen and (min-width: 641px) and (max-width: 768px) { .site-content .subnavi { margin-top: 80px; margin-bottom: 80px; } } @media only screen and (max-width: 640px) { .site-content .subnavi { margin-top: 60px; margin-bottom: 60px; } } .site-content .subnavi .span8 { width: 68%; max-width: 720px; padding-right: 40px; float: left; } @media only screen and (max-width: 768px) { .site-content .subnavi .span8 { width: 100%; max-width: 100%; padding-right: 0; margin-bottom: 60px; float: none; } } @media only screen and (max-width: 640px) { .site-content .subnavi .span8 { margin-bottom: 40px; } } .site-content .subnavi .span4 { width: 32%; max-width: 340px; margin-left: 0; float: left; } @media only screen and (max-width: 768px) { .site-content .subnavi .span4 { width: 100%; max-width: 100%; float: none; } } .site-content .content-sns { position: relative; } .site-content .content-sns .sns-list { position: absolute; right: 0; top: 30px; -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;; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end;; } @media only screen and (max-width: 1100px) { .site-content .content-sns .sns-list { right: 20px; } } .site-content .content-sns .sns-list>li { margin: 0; } .site-content .content-sns .sns-list>li+li { margin-left: 10px; } .site-content .content-sns .sns-list .sns-google-plus>div, .site-content .content-sns .sns-list .sns-google-plus>div>iframe { width: 58px !important; } .site-content .content-sns .sns-list .sns-facebook span, .site-content .content-sns .sns-list .sns-linkedin span{ vertical-align: top !important; } /* borderRadius*/ .site-content .container .form h3 { display: table; position: relative; width: 100%; font-size: 1.8rem; font-weight: 400; background-color: #7b6c66; line-height: 2; margin: 0 0 30px; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius 20px; border-radius: 20px;; } .site-content .container .form h3:after, .site-content .container .form h3:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .site-content .container .form h3:after { border-color: rgba(123, 108, 102, 0); border-top-color: #7b6c66; border-width: 16px; margin-left: -16px; } .site-content .container .form h3:before { border-color: rgba(0, 0, 0, 0); border-top-color: transparent; border-width: 17px; margin-left: -17px; } .site-content .container .form h3>span { display: table-cell; vertical-align: middle; height: 50px; text-align: center; color: #ffffff; } .site-content .container .form h3+div { border: 1px solid #7b6c66; padding: 20px; } .hs-form-required, .hs-error-msgs{ color: #e45e15; } .site-content .container .form .hs-form .hs-form-field { margin-bottom: 20px; } .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: 20px; } .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: #ffffff; } .site-content .container .form input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .site-content .container .form .input ul { margin-top: 0; } .site-content .container .form .actions { margin-top: 16px; display: block; width: auto; height: 50px; text-align: center; text-decoration: none; line-height: 50px; outline: none; background-color: #e45e15; color: #ffffff; } .site-content .container .form .actions::before, .site-content .container .form .actions::after { position: absolute; z-index: -1; display: block; content: ''; } .site-content .container .form .actions, .site-content .container .form .actions::before, .site-content .container .form .actions::after { -webkit-transition: all .3s; transition: all .3s; } .site-content .container .form .actions>.hs-button { display: inline-block; padding: 10px 32px 10px 0; font-size: 1.6rem; font-weight: 400; line-height: 1; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-position: right center; background-repeat: no-repeat; background-color: #e45e15; border: none; cursor: pointer; background-size: 11px; font-family: Noto Sans Japanese,YuGothic,'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', Osaka, sans-serif; } .site-content .container .form .actions:hover { background-color: #ffffff; border: 1px solid #e45e15; color: #e45e15; } .site-content .container .form .actions:hover>.hs-button { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgk8L2NsaXBQYXRoPg0KCTxwb2x5Z29uIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNlNDVlMTUiIHBvaW50cz0iNC43MDUsNy4yMDUgMTEuNjM3LDE0LjEzNyAxOC41NjgsMjEuMDY4IDI1LjQ5OSwxNC4xMzcgMTguNTY4LDcuMjA1DQoJCTExLjYzNywwLjI3MyAJIi8+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzRfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzJfIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiLz4NCgkJPC9kZWZzPg0KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzVfIj4NCgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgb3BhY2l0eT0iMC43IiBjbGlwLXBhdGg9InVybCgjU1ZHSURfNV8pIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHg9IjQuNzA1IiB5PSIxNC4xMzciIHdpZHRoPSIxMy44NjMiIGhlaWdodD0iMTMuODYzIi8+DQoJCQkJPC9kZWZzPg0KCQkJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNl8iPg0KCQkJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+DQoJCQkJPC9jbGlwUGF0aD4NCg0KCQkJCQk8cmVjdCB4PSI2LjczNSIgeT0iMTYuMTY3IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xMS40ODkgMTQuMzk4NSkiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9IiNlNDVlMTUiIHdpZHRoPSI5LjgwMyIgaGVpZ2h0PSI5LjgwMiIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=); background-color: #ffffff; } .site-content li.hs-form-booleancheckbox { margin: 0; } @media only screen and (max-width: 768px) { .hs-form fieldset { max-width: 100% !important; } } /* ========================================================================== 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: #412c23; font-size: 1.4rem; 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: #c4c2ce; color: #fff; 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: 30px; height: 30px; margin-right: 20px; color: #ffffff; text-align: center; font-weight: 500; font-size: 2rem; line-height: 1.3; } .qa> dt .text, .qa> dd .natural { padding-left: 50px; } .qa > dt { color: #412c23; font-size: 2.4rem; font-weight: 400; line-height: 2.0; margin-bottom: 28px; } .qa > dt .icon { background-color: #412c23; } .qa > dd .icon { background-color: #ffffff; } @media only screen and (min-width: 641px) and (max-width: 768px) { .qa > dt { font-size: 2.4rem; margin-bottom: 28px; } } @media only screen and (max-width: 640px) { .qa > dt { font-size: 2.0rem; margin-bottom: 28px; } } /* ========================================================================== 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*/ /* ========================================================================== main ========================================================================== */ .columns.-two.-bp-640.cart-box>.column:nth-of-type(2n+1) { padding-right: 25px; } .columns.-two.-bp-640.cart-box>.column:nth-of-type(2n+2) { padding-left: 25px; } @media only screen and (max-width: 640px) { .columns.-two.-bp-640.cart-box>.column { padding: 0 !important; } } .columns.-two.-bp-640.cart-box>.column .colorbox>li, .columns.-two.-bp-640.cart-box>.column .colorbox>li:nth-of-type(6) { width: 20.79207920792079%; padding-right: 20px; margin-bottom: 20px; margin-top: 0 !important; } .columns.-two.-bp-640.cart-box>.column .colorbox>li:nth-of-type(5n+5) { width: 16.83168316831683%; padding-right: 0; } .shopify-buy__option-select__select { width: 100% !important; } .purchase-box { padding: 60px 100px; border-top: 1px solid #7b6c66; border-bottom: 1px solid #7b6c66; } @media only screen and (min-width: 641px) and (max-width: 768px) { .purchase-box { padding: 60px 80px; } } @media only screen and (max-width: 640px) { .purchase-box { padding: 20px 40px; } } @media only screen and (min-width: 769px) { .purchase-box .flex { -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: 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: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;; -webkit-box-align: center; -ms-flex-align: center;; } .purchase-box .flex .natural{ max-width: 340px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .purchase-box .flex { -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;; -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;; } } .purchase-box .flex .heading03{ margin-bottom: 0; } @media only screen and (min-width: 641px) and (max-width: 768px) { .purchase-box .flex .heading03{ width: 50%; padding-right: 10px; } } @media only screen and (max-width: 640px) { .purchase-box .flex .heading03{ text-align: center; margin-bottom: 30px; } } .columns.-two.-bp-640.cart-box .price, .purchase-box .price>span { color: #e45e15; font-size: 2.4rem; font-weight: 500; letter-spacing: 0.1em; } .columns.-two.-bp-640.cart-box .price>span, .purchase-box .price>span>span { font-size: 1.7rem; font-weight: 400; } @media only screen and (min-width: 641px) and (max-width: 768px) { .purchase-box .flex .price{ width: 50%; padding-left: 10px; } } @media only screen and (max-width: 640px) { .purchase-box .flex .price{ text-align: center; margin-bottom: 30px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { .purchase-box .flex .natural { margin-top: 40px; } } .purchase-box .flex .detail>span{ color: #7b6c66; font-weight: 500; } .purchase-box .purchase-button { margin-top: 40px; } .shop-link-button-wrapper { margin-top: 31px; } .shop-link-button-wrapper .shop-link-button:not(:last-child) { margin-bottom: 15px; } .shop-link-button { font-size: 1.4rem; line-height: 1.5; font-weight: 600; position: relative; max-width: 280px; } @media only screen and (max-width: 640px) { .shop-link-button { width: 100%; max-width: none; } } .shop-link-button.rakuten { background-color: #BF0000; border: 1px solid #BF0000; } .shop-link-button.amazon { background-color: #FAA125; border: 1px solid #FAA125; } .shop-link-button.yahoo { background-color: #E6323E; border: 1px solid #E6323E; } .shop-link-button a { color: #fff; text-decoration: none; display: inline-block; width: 100%; padding: 15px 20px; transition: .3s; } .shop-link-button a:after { content: ""; position: absolute; width: 14px; height: 14px; top: 38%; right: 20px; display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODAgLTY4MykiPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3NS42OTIgNjgzKSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY4MCA2ODcuMzA4KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=); background-position: center center; background-repeat: no-repeat; transition: .3s; } @media only screen and (min-width: 1050px) { .shop-link-button a:hover { background-color: #fff; } .shop-link-button.rakuten a:hover { color: #BF0000; } .shop-link-button.amazon a:hover { color: #FAA125; } .shop-link-button.yahoo a:hover { color: #E6323E; } .shop-link-button.rakuten a:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODAgLTY4MykiPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3NS42OTIgNjgzKSIgZmlsbD0iI2M2MmMyYyIvPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY4MCA2ODcuMzA4KSIgZmlsbD0iI2M2MmMyYyIvPjwvZz48L3N2Zz4=); } .shop-link-button.amazon a:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODAgLTY4MykiPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3NS42OTIgNjgzKSIgZmlsbD0iI2Y4OTQwYyIvPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY4MCA2ODcuMzA4KSIgZmlsbD0iI2Y4OTQwYyIvPjwvZz48L3N2Zz4=); } .shop-link-button.yahoo a:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODAgLTY4MykiPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY3NS42OTIgNjgzKSIgZmlsbD0iI2VmMzM1YSIvPjxwYXRoIGQ9Ik0xLDFWOC42OTJIOC42OTJWMUgxTTAsMEg5LjY5MlY5LjY5MkgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY4MCA2ODcuMzA4KSIgZmlsbD0iI2VmMzM1YSIvPjwvZz48L3N2Zz4=); } } /* ========================================================================== voice ========================================================================== */ .voice .columns>.column>.figure-box .img { margin-bottom: 0; } .voice .columns>.column>.figure-box .padding-box.-border { border: 1px solid #7b6c66; } .voice .columns>.column>.figure-box .padding-box.-border .open-date { font-weight: 500; font-size: 1.4rem; marign-bottom: 16px; } .voice .columns>.column>.figure-box .padding-box.-border .title { font-size: 1.8rem; font-weight: 400; margin-bottom: 0; } /* ========================================================================== base ========================================================================== */ /* flex-display*/ /* flex-direction*/ /* flex-wrap*/ /* justify-content*/ /* align-items*/ /* align-content*/ /* flex-grow*/ /* flex-shrink*/ /* flex-basis*/ /* align-self*/ /* order */ /* ========================================================================== point ========================================================================== */ .point-list { -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;; } .point-list .point { border-radius: 27px; background-color: #e45e15; color: #ffffff; padding: 10px; text-align: center; width: 54px; height: 54px; min-width: 54px; } .point-list .point>span.text { font-size: 1.1rem; font-weight: 400; display: block; line-height: 1; } .point-list .point>span.number { font-size: 2.5rem; display: block; font-weight: 300; line-height: 1; } .point-list .heading{ padding-left: 24px; width: 95%; } .point-list .heading .heading03{ margin-bottom: 0; line-height: 1.1; } /* 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; -webkit-transform: translate3d(0,0,0);} #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. */ #cboxOverlay{background-color:rgba(0,0,0,0.9); } #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{display: none !important;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* 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%; margin-top: -65px; left:-50px; background-size: 30px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjEzNHB4IiB2aWV3Qm94PSItMC4wMjEgLTAuNDUxIDMwIDEzNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4wMjEgLTAuNDUxIDMwIDEzNCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMjkuNDg4LDEzMi43NjkgMC44NTEsNjYuMzA3IDEuMjgyLDY2LjQ5NiAyOS45NzksMC4zNzQgMjkuMTMxLDAgMC40MzMsNjYuMTIzIDAuODM3LDY2LjI5OQ0KCTAsNjYuNjcgMjguNjQyLDEzMy4xNDMgIi8+DQo8L3N2Zz4NCg==) no-repeat left center; width:30px; height:130px; text-indent:-9999px;} #cboxNext{ position:absolute; top:50%; right: -50px; margin-top: -65px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjEzNHB4IiB2aWV3Qm94PSItMC4wMjEgLTAuNDUxIDMwIDEzNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMC4wMjEgLTAuNDUxIDMwIDEzNCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMC40OTEsMC4zNzQgMjkuMTI4LDY2LjgzNiAyOC42OTcsNjYuNjQ3IDAsMTMyLjc2OSAwLjg0OCwxMzMuMTQzIDI5LjU0Niw2Ny4wMiAyOS4xNDIsNjYuODQzIA0KCTI5Ljk3OSw2Ni40NzIgMS4zMzcsMCAiLz4NCjwvc3ZnPg0K) no-repeat right center; width:30px; height:130px; text-indent:-9999px;} #cboxClose{position:absolute; top:-50px; right:-50px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9Ijk5LjA0MiwwIDAuMDAxLDk5LjE2NyAxLjA4NCwxMDAgMTAwLDEuMDQxICIvPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI5OS4wNDIsMCAxLjA4NCwxMDAgMTAwLDEuMDQxICIvPg0KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIwLjgzNCwwIDAuMDAxLDEuMDg0IDk4Ljk1OCwxMDAgMTAwLDk5LjA0MSAiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOTguOTU5LDEwMCAxMDAsOTkuMDQyIDAsMS4wODQgIi8+DQo8L3N2Zz4NCg==) no-repeat right top; background-size: 30px;width:30px; height:30px; text-indent:-9999px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }