/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media screen{.block-recommends,.block-recommends *,.recommends__footer,.recommends__footer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0;padding:0;border:0;vertical-align:baseline;font-size:2.8vw;line-height:1.2;letter-spacing:0.5px;font-weight:normal;}@media (min-width:1200px){.block-recommends,.block-recommends *,.recommends__footer,.recommends__footer *{font-size:14px;line-height:1.2;letter-spacing:0.5px;font-weight:normal;}}@media (min-width:1440px){.block-recommends,.block-recommends *,.recommends__footer,.recommends__footer *{font-size:18px;line-height:1.2;letter-spacing:0.5px;font-weight:normal;}}.block-recommends:focus,.block-recommends *:focus,.recommends__footer:focus,.recommends__footer *:focus{outline:none;}.block-recommends article,.block-recommends aside,.block-recommends details,.block-recommends figcaption,.block-recommends figure,.block-recommends footer,.block-recommends header,.block-recommends hgroup,.block-recommends menu,.block-recommends nav,.block-recommends section,.recommends__footer article,.recommends__footer aside,.recommends__footer details,.recommends__footer figcaption,.recommends__footer figure,.recommends__footer footer,.recommends__footer header,.recommends__footer hgroup,.recommends__footer menu,.recommends__footer nav,.recommends__footer section{display:block;}.block-recommends ol,.block-recommends ul,.recommends__footer ol,.recommends__footer ul{list-style:none;}.block-recommends blockquote,.block-recommends q,.recommends__footer blockquote,.recommends__footer q{quotes:none;}.block-recommends blockquote:before,.block-recommends blockquote:after,.block-recommends q:before,.block-recommends q:after,.recommends__footer blockquote:before,.recommends__footer blockquote:after,.recommends__footer q:before,.recommends__footer q:after{content:'';content:none;}.block-recommends table,.recommends__footer table{border-collapse:collapse;border-spacing:0;}.block-recommends img,.recommends__footer img{object-fit:contain;}.block-recommends a:hover,.recommends__footer a:hover{text-decoration:none;}.ha3-recommend.is-webp .block-title,.page-node-type-ha3-recommend.is-webp .block-title{padding:6vw calc(3vw - 6px) 0 calc(3vw - 6px);}@media (min-width:1200px){.ha3-recommend.is-webp .block-title,.page-node-type-ha3-recommend.is-webp .block-title{padding:20px calc((100vw - 1054px) / 2) 0 calc((100vw - 1054px) / 2);}}@media (min-width:1440px){.ha3-recommend.is-webp .block-title,.page-node-type-ha3-recommend.is-webp .block-title{padding:30px calc((100vw - 1440px) / 2) 0 calc((100vw - 1440px) / 2);}}.ha3-recommend.is-webp .block-title .title,.page-node-type-ha3-recommend.is-webp .block-title .title{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px;}.ha3-recommend.is-webp .block-title .title img,.page-node-type-ha3-recommend.is-webp .block-title .title img{width:90%;margin:auto;}@media (min-width:1440px){.ha3-recommend.is-webp .block-title .title img,.page-node-type-ha3-recommend.is-webp .block-title .title img{width:100%;}}@media (min-width:768px){.ha3-recommend.is-webp .block-title .title1,.page-node-type-ha3-recommend.is-webp .block-title .title1{transform:translateX(-30px);}}.ha3-recommend.is-webp .block-title .title2,.page-node-type-ha3-recommend.is-webp .block-title .title2{margin-bottom:0;}@media (min-width:768px){.ha3-recommend.is-webp .block-title .title2,.page-node-type-ha3-recommend.is-webp .block-title .title2{width:98%;margin:auto;transform:translateX(25px);}}.ha3-recommend.is-webp .block-title .wrap_images,.page-node-type-ha3-recommend.is-webp .block-title .wrap_images{width:100%;max-width:700px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 auto 10vw;box-shadow:0 0 20px 10px rgba(255,255,255,0.8);background-color:rgba(255,255,255,0.8);}@media (min-width:992px){.ha3-recommend.is-webp .block-title .wrap_images,.page-node-type-ha3-recommend.is-webp .block-title .wrap_images{margin-bottom:50px;box-shadow:none;background-color:transparent;grid-column-gap:30px;}}.ha3-recommend.is-webp .block-title .wrap_images img,.page-node-type-ha3-recommend.is-webp .block-title .wrap_images img{width:100%;}.ha3-recommend.is-webp .block-title .wrap_text p,.page-node-type-ha3-recommend.is-webp .block-title .wrap_text p{color:#0080d2;text-shadow:0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;font-weight:700;font-size:55px;text-align:center;font-size:4.08163vw;margin:0;}@media (min-width:1024px){.ha3-recommend.is-webp .block-title .wrap_text p,.page-node-type-ha3-recommend.is-webp .block-title .wrap_text p{font-size:1.83333vw;}}@media (min-width:1200px){.ha3-recommend.is-webp .block-title .wrap_text p,.page-node-type-ha3-recommend.is-webp .block-title .wrap_text p{font-size:22px;}}.ha3-recommend.is-webp .block-note .note,.page-node-type-ha3-recommend.is-webp .block-note .note{color:#929292;font-size:10px;line-height:1.2;letter-spacing:0.5px;font-weight:normal;text-align:center;margin:2.75vw;}@media (min-width:1200px){.ha3-recommend.is-webp .block-note .note,.page-node-type-ha3-recommend.is-webp .block-note .note{margin:16px 0;font-size:12px;line-height:1.2;letter-spacing:0.5px;font-weight:normal;}}@media (min-width:1440px){.ha3-recommend.is-webp .block-note .note,.page-node-type-ha3-recommend.is-webp .block-note .note{font-size:14px;line-height:1.2;letter-spacing:0.5px;font-weight:normal;margin:25px 0;}}
}
@media screen{@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ie-doesnt-work{position:relative;}}
}