@font-face{font-family:'D-DIN-Bold';src:url("../css/fonts/D-DIN-Bold.woff")}body{background-color:#f5f5f5}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,button,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;font-size:16px;vertical-align:baseline;color:#222;font-display:swap}body{overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{width:100%}.col-2,.col-3,.col-2-comment,nav ol,nav ol li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}h1,h2,h3,h4,h5,strong,figcaption{font-weight:900}h1{font-size:38px}@media only screen and (max-width: 768px){h1{font-size:20px;line-height:1.2}}h1 span{font-family:"D-DIN-Bold";font-size:64px;margin-right:10px}@media only screen and (max-width: 1024px){h1 span{display:block}}@media only screen and (max-width: 768px){h1 span{display:block;font-size:32px}}h2{margin:50px 0 20px;border-left:8px solid #1389cb;padding:5px 15px;font-size:28px}@media only screen and (max-width: 768px){h2{font-size:20px;line-height:1.4}}h3{margin-bottom:10px;font-size:22px}@media only screen and (max-width: 768px){h3{font-size:18px}}strong{color:#1389cb}time,small{font-size:14px;color:#b3b3b3}figcaption{font-size:15px;margin-bottom:40px;text-align:center;color:#b3b3b3}.button-container{text-align:center;margin:20px 0}button{cursor:pointer;padding:12px 30px;font-weight:800;color:#fff;background-color:#1389cb;border-radius:10px;-webkit-box-shadow:0px 2px 2px #222;box-shadow:0px 2px 2px #222;-webkit-transition:0.1s ease;transition:0.1s ease}@media only screen and (max-width: 1024px){button{font-size:13px;letter-spacing:-0.5px}}@media all and (-ms-high-contrast: none){button{padding-top:16px}}button:hover{opacity:0.8}button:active{margin-top:2px;margin-bottom:-2px;-webkit-box-shadow:none;box-shadow:none}.sp{display:none}@media only screen and (max-width: 768px){.sp{display:block}}@media only screen and (max-width: 768px){.pc{display:none}}.space{margin-bottom:20px}hr{width:1000px}@media only screen and (max-width: 1024px){hr{width:92vw}}.tsume{letter-spacing:-2px}@media only screen and (max-width: 1024px){.col-2{display:block}}.col-2 .col{width:48%}@media only screen and (max-width: 1024px){.col-2 .col{width:100%;margin-bottom:20px}}@media only screen and (max-width: 1024px){.col-3{display:block}}.col-3 .col{width:30%}@media only screen and (max-width: 1024px){.col-3 .col{width:100%;margin-bottom:20px}}.col-2-comment{margin-bottom:60px}@media only screen and (max-width: 1024px){.col-2-comment{display:block}}.col-2-comment .col:first-child{width:58%}@media only screen and (max-width: 1024px){.col-2-comment .col:first-child{width:100%;margin-bottom:20px}}.col-2-comment .col:last-child{width:40%}@media only screen and (max-width: 1024px){.col-2-comment .col:last-child{width:100%;margin-bottom:20px}}.col-2-comment .col h2{margin-top:0}@media only screen and (max-width: 1024px){.col-2-comment .col h2{margin:50px 0 20px}}.iframe-wrapper{height:0;margin-bottom:1.65em;padding-bottom:56.25%;position:relative}.iframe-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}header{width:100vw;height:100px;position:fixed;background:rgba(255,255,255,0.92);z-index:10}@media only screen and (max-width: 1024px){header{height:60px}}header img:first-child{width:160px;margin-top:32px;margin-left:4vw;-webkit-transition:0.2s ease;transition:0.2s ease}header img:first-child:hover{opacity:0.8}@media only screen and (max-width: 1024px){header img:first-child{width:140px;margin-top:16px}}header h1{margin:0}header #hot{width:250px;position:absolute;top:40%;left:50%;margin:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media only screen and (max-width: 1024px){header #hot{width:30%;top:50%;left:80%}}header img:nth-child(3){width:180px;position:absolute;top:72%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media only screen and (max-width: 1024px){header img:nth-child(3){display:none}}.swiper-container{width:100vw;height:25vw}.swiper-container #swiper-1{background:url("../img/swiper-1.jpg") left center/cover no-repeat}.swiper-container #swiper-2{background:url("../img/swiper-2.jpg") left center/cover no-repeat}.swiper-container #swiper-3{background:url("../img/swiper-3.jpg") left center/cover no-repeat}.swiper-container #swiper-4{background:url("../img/swiper-4.jpg") left center/cover no-repeat}.swiper-container #swiper-5{background:url("../img/swiper-5.jpg") left center/cover no-repeat}.swiper-container #swiper-6{background:url("../img/swiper-6.jpg") left center/cover no-repeat}.swiper-container #swiper-col{background:url("../img/swiper-col.jpg") left center/cover no-repeat}.swiper-container .swiper-slide{cursor:pointer;-webkit-transition:ease 0.2s;transition:ease 0.2s}.swiper-container .swiper-slide:hover{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:0.9}#fv{position:relative;top:100px}@media only screen and (max-width: 1024px){#fv{top:60px}}nav{margin-top:120px}@media only screen and (max-width: 1024px){nav{display:none}}nav ol{margin-top:18px;width:1200px;margin:0 auto}@media only screen and (max-width: 1366px){nav ol{width:1000px;margin-top:10px}}nav ol li:hover div,nav ol li:hover p{color:#1389cb}nav ol li a{cursor:pointer;margin-left:12px}nav ol li a:first-child{margin-left:0}@media only screen and (max-width: 1366px){nav ol li a{display:block}}nav ol li a .nav-nam{font-size:38px;font-family:"D-DIN-Bold";-webkit-transition:0.2s ease;transition:0.2s ease}@media only screen and (max-width: 1366px){nav ol li a .nav-nam{font-size:26px}}nav ol li a p{position:relative;top:6px;left:3px;font-size:14px;font-weight:800;line-height:16px;letter-spacing:-0.5px;-webkit-transition:0.2s ease;transition:0.2s ease}@media only screen and (max-width: 1366px){nav ol li a p{top:0;left:0}}@media all and (-ms-high-contrast: none){nav ol li a p{top:9px}}article{margin:120px auto;width:1200px;position:relative}article:first-of-type{margin-top:60px}@media only screen and (max-width: 1024px){article:first-of-type{margin-top:100px}}@media only screen and (max-width: 1366px){article{width:1000px}}@media only screen and (max-width: 1024px){article{width:92vw}}article .catch{width:1000px}@media only screen and (max-width: 1024px){article .catch{width:100%}}article .article-header{position:absolute;background-color:#1389cb;top:480px;right:0;padding:20px}@media only screen and (max-width: 1024px){article .article-header{position:relative;top:0;margin-top:-80px;width:80vw;margin-left:12vw;padding:10px 20px}}article .article-header h1,article .article-header p{color:#fff;font-weight:700}article .article-header h1 span,article .article-header p span{color:#fff}@media only screen and (max-width: 1024px){article .article-header p{font-size:14px}}article .article-container{width:1000px;margin:100px auto 0}@media only screen and (max-width: 1024px){article .article-container{margin-top:0}}article .article-container p{margin-bottom:24px}@media only screen and (max-width: 1024px){article .article-container{width:100%}}article .article-container a{color:#33bad2}article .article-container a:hover{opacity:0.6}.page-wrapper{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}@media only screen and (max-width: 1024px){.page-wrapper{text-align:center}}.page{width:80%;margin:0 auto}#new h3{font-size:22px;color:#1389cb;margin:5px 0 2px}#new h3 span{display:block;font-size:14px;margin-bottom:10px;height:40px}@media only screen and (max-width: 1024px){#new h3 span{height:auto}}#dren .article-header{top:500px;margin-bottom:40px}@media only screen and (max-width: 1024px){#dren .article-header{top:0;margin-top:-30px}}#senden .article-header{top:420px}@media only screen and (max-width: 1024px){#senden .article-header{top:0;margin-top:-40px}}footer{background:#222;padding:50px;text-align:center}@media only screen and (max-width: 768px){footer{padding:50px 4vw}}footer img{width:280px;margin-bottom:30px}@media only screen and (max-width: 768px){footer img{width:260px}}footer small{display:block;font-family:"D-DIN-Bold";font-size:13px}
/*# sourceMappingURL=style.css.map */