*{box-sizing:border-box}#topics .topics{background-color:#FFF;font-family:"Noto Sans JP",sans-serif;display:flex;justify-content:start;padding:20px 0;font-size:15px;align-items:center}#topics .topics .news{box-sizing:content-box;padding:0 30px;border-right:solid 1px #DDD}#topics .topics .date{font-weight:300;padding:0 20px}@media screen and (max-width: 767px){#topics .topics{padding:10px 0}#topics .topics .news{padding:0 12px 0 15px;width:32px}#topics .topics .date{padding:0 10px;font-size:12px}#topics .topics p.body{font-size:12px}}#sec01{margin-top:16vh}#sec01 .inner{width:1000px}#sec01 .inner .text_area{width:615px;margin:0 auto}#sec01 .inner h2{width:367px;margin:0 auto;margin-bottom:50px}#sec01 .inner h3{margin:0;margin-bottom:70px}#sec01 .inner h3 img{width:100%;height:auto}#sec01 .video{margin:0 auto;font-size:0;margin-bottom:80px;position:relative}#sec01 .video video{width:100%;height:auto;filter:drop-shadow(0px 0px transparent);outline:none;border:none}#sec01 .img01{margin-bottom:8vh}#sec01 .btns{display:flex;max-width:840px;margin:0 auto}@media screen and (max-width: 767px){#sec01 .inner{width:82%}#sec01 .inner .text_area{width:100%}#sec01 .inner h2{width:275px;margin-bottom:30px}#sec01 .inner h3{margin:0;margin-bottom:4vh}#sec01 .inner h3 img{width:100%;height:auto}#sec01 .video{width:100%;margin-bottom:40px}#sec01 .video:after{width:75px;height:75px}#sec01 .btns{display:block}#sec01 .btns a.btn:first-child{margin-bottom:20px}}.btn{border:solid 4px #003755;width:400px;height:80px;text-decoration:none;display:flex;justify-content:center;align-items:center;border-radius:60px;margin:0 auto;font-family:"Noto Sans JP",sans-serif;letter-spacing:0;font-weight:700;font-size:18px;position:relative;transition:all .2s linear}@media screen and (max-width: 767px){.btn{border:solid 4px #003755;width:100%;height:60px;font-size:15px}}.btn:hover{background-color:#003755;color:#FFF}.btn.blank:after{content:'';position:absolute;display:block;background-image:url(../img/icon_blank.png);width:20px;height:17px;background-size:contain;right:30px}@media screen and (max-width: 767px){.btn.blank:after{right:20px}}#sec_cafe{margin-bottom:16vh;padding:10vh 0}@media screen and (max-width: 767px){#sec_cafe{margin-bottom:16vh;padding:0}}#sec_colmun{margin-bottom:16vh}#sec_colmun .inner{width:1000px}#sec_colmun h2{text-align:center}#sec_colmun h3{font-size:20px;text-align:center;margin-top:-30px;font-family:"Noto Sans JP",sans-serif;font-weight:400;margin-bottom:77px}#sec_colmun .items{display:flex;flex-wrap:wrap;align-items:flex-start}#sec_colmun .items .item{position:relative;font-family:"Noto Sans JP",sans-serif;background-color:#FFF;border-radius:20px;width:320px;min-height:320px;color:#000000;margin-right:20px;margin-bottom:20px;cursor:pointer}#sec_colmun .items .item .photo{position:relative;border-radius:20px 20px 0 0;overflow:hidden;border:solid 4px #FFF;font-size:0}#sec_colmun .items .item img{width:100%;height:auto;transition:all .2s linear}#sec_colmun .items .item .text{padding:10px 20px}#sec_colmun .items .item .text .date{font-size:12px;font-weight:300}#sec_colmun .items .item .text .body{font-size:18px;line-height:1.6}#sec_colmun .items .item a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}#sec_colmun .items .item:nth-of-type(3n){margin-right:0}#sec_colmun .items .item:before{position:absolute;content:'';width:33px;height:28px;background-image:url(../img/quotation.svg);background-size:contain;top:-13px;left:0;background-repeat:no-repeat;z-index:1}#sec_colmun .items .item.new .photo:after{position:absolute;content:'';width:60px;height:60px;background-image:url(../img/sec_column_icon_new.png);background-size:contain;top:0;right:0;background-repeat:no-repeat}#sec_colmun .items .item.video .photo{border-radius:20px}#sec_colmun .items .item.video:after{position:absolute;content:'';width:100px;height:100px;background-image:url(../img/sec_column_icon_play.png);background-size:contain;top:0;right:0;left:0;bottom:0;margin:auto;background-repeat:no-repeat}#sec_colmun .items .item:hover .photo img{transform:scale(1.1)}@media screen and (max-width: 767px){#sec_colmun .inner{width:92%}#sec_colmun h2{width:322px;margin:0 auto}#sec_colmun h3{font-size:14px;margin-top:-10px;margin-bottom:35px}#sec_colmun .items{align-items:flex-start}#sec_colmun .items .item{width:47.8%;min-height:0;margin-right:4.3%;margin-bottom:15px;border-radius:10px}#sec_colmun .items .item .photo{border-radius:10px 10px 0 0}#sec_colmun .items .item .text{padding:0 10px 10px}#sec_colmun .items .item .text .date{font-size:10px}#sec_colmun .items .item .text .body{font-size:12px;line-height:1.4}#sec_colmun .items .item:nth-of-type(3n){margin-right:4.3%}#sec_colmun .items .item:nth-child(even){margin-right:0}#sec_colmun .items .item:before{width:16px;height:15px;top:-7px}#sec_colmun .items .item.new .photo:after{width:45px;height:45px}#sec_colmun .items .item.video .photo{border-radius:10px}#sec_colmun .items .item.video:after{width:75px;height:75px}}.socials{display:flex;justify-content:space-between;width:270px;margin:0 auto;margin-bottom:10vh}.socials a{display:block;width:120px;height:120px;background-color:#FFF;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s linear}.socials a:hover{opacity:.6}@media screen and (max-width: 767px){.socials{width:180px;margin-bottom:10vh}.socials a{width:75px;height:75px}.socials a img{width:33px}.socials a:first-child img{width:32px}.socials a:hover{opacity:.6}}footer{font-size:0;padding-bottom:0}footer .upper{width:100%;height:auto}footer .inner{background-color:#FFF;padding:45px 35px}footer .inner .logo{display:flex;justify-content:space-between;width:725px;margin:0 auto;color:#000000;margin-bottom:100px}footer .inner .logo p{font-size:20px;text-align:left;font-weight:400}footer .inner a.btn{width:200px;height:60px;margin-bottom:40px}footer .inner a.btn:after{content:'';position:absolute;display:block;background-image:url(../img/icon_up.png);width:15px;height:10px;background-size:contain;right:20px;background-repeat:no-repeat}footer .copyright{font-size:10px;font-family:"Noto Sans JP",sans-serif;letter-spacing:0;color:#333333;font-weight:400}@media screen and (max-width: 767px){footer .upper{width:100%;height:auto}footer .inner{padding:45px 20px 140px}footer .inner .logo{display:block;width:275px;margin-bottom:75px}footer .inner .logo p{font-size:16px;text-align:center}footer .inner a.btn{width:160px;height:45px;margin-bottom:40px;font-size:15px}footer .inner a.btn:after{right:10px}footer .copyright{font-size:10px;font-family:"Noto Sans JP",sans-serif;letter-spacing:0;color:#333333;font-weight:400}}header{position:fixed;top:0;left:0;width:100%}header h2.logo{position:absolute;top:20px;left:20px}header .btn_menu{position:absolute;width:120px;height:120px;background-color:#FFF;top:20px;right:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s linear}header .btn_menu:hover{transform:scale(1.1)}header .btn_menu div{position:relative;width:48px;height:20px}header .btn_menu div span{position:absolute;width:100%;height:4px;top:0;background-color:#c30d23;transition:all .2s linear}header .btn_menu div span:nth-of-type(2){top:auto;bottom:0}header .btn_menu.active div span{transform:rotate(45deg);top:10px}header .btn_menu.active div span:nth-of-type(2){transform:rotate(-45deg)}@media screen and (max-width: 767px){header h2.logo{width:120px;top:15px;left:20px}header .btn_menu{width:75px;height:75px;top:10px;right:10px}header .btn_menu div{position:relative;width:30px;height:12px}header .btn_menu div span{position:absolute;width:100%;height:2px}header .btn_menu:hover{transform:scale(1)}}nav{position:fixed;width:100%;height:100%;background-color:#FFF;display:flex;justify-content:center;align-items:center;transform:translateX(100%);transition:all .5s ease-out}nav ul li{text-align:center;margin:0 auto;margin-bottom:70px;font-size:0}nav ul li img{width:100%;height:auto}nav ul li:nth-of-type(1){width:81px}nav ul li:nth-of-type(2){width:144px}nav ul li:nth-of-type(3){width:173px}nav ul li:nth-of-type(4){width:236px;margin-bottom:0}nav.show{transform:translateX(0)}@media screen and (max-width: 767px){nav ul li{margin-bottom:50px}nav ul li:nth-of-type(1){width:calc(81 * .75px)}nav ul li:nth-of-type(2){width:calc(144 * .75px)}nav ul li:nth-of-type(3){width:calc(173 * .75px)}nav ul li:nth-of-type(4){width:calc(236 * .75px)}}
/*# sourceMappingURL=style_20220203.css.map */