﻿.app_banner{position:fixed;background:#F2FAFF;z-index:12;width:100%}@media screen and (min-width: 768px){.app_banner{display:none}}.app_banner a{min-height:66px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 15px}.app_banner a div{display:inline}.app_banner .first{margin-right:10px;width:14%;max-width:54px}.app_banner .second{width:60%;padding:0.5rem;font-family:"heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;font-size:1.3rem;font-weight:600;line-height:1.3}.app_banner .third{width:30%;text-align:right;max-height:44px}.app_banner .third img{width:auto}.p-magazine{background-color:#F5F6F7}.p-magazine_inner{padding-top:clamp(6rem, 10vw, 10rem);padding-bottom:clamp(6rem, 10vw, 10rem)}.p-magazine_inner>h2{width:clamp(28rem, 37.5vw, 37.5rem);margin-bottom:clamp(1.6rem, 2vw, 2rem)}.p-magazine_inner>.read{margin-bottom:clamp(2.4rem, 3vw, 3rem)}.p-magazine_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:2rem;margin-bottom:3rem}@media screen and (max-width: 767px){.p-magazine_list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.p-magazine_listItem{-webkit-box-flex:1;-ms-flex:1;flex:1}.p-magazine_listItem a{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:clamp(1.6rem, 2.6vw, 2.6rem);background-color:#fff;border-radius:0.8rem;padding:2rem 2rem clamp(2rem, 3vw, 3rem)}.p-magazine_listItem a:hover .photo{-webkit-transform:scale(1.05);transform:scale(1.05)}.p-magazine_listItem a:hover h3{color:#57A3D9}.p-magazine_listItem .detailBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@media screen and (max-width: 767px){.p-magazine_listItem .detailBox{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:1.1rem}}.p-magazine_listItem .detailBox .photoBox{height:clamp(12rem, 18.6vw, 18.6rem);border-radius:0.4rem;margin-bottom:clamp(0rem, 1.8vw, 1.8rem);overflow:hidden}@media screen and (max-width: 767px){.p-magazine_listItem .detailBox .photoBox{width:12rem;height:8rem}}.p-magazine_listItem .detailBox .photo{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.p-magazine_listItem .detailBox h3{font-size:1.6rem;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;font-weight:600;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}@media screen and (max-width: 767px){.p-magazine_listItem .detailBox h3{-webkit-box-flex:1;-ms-flex:1;flex:1}}.p-magazine_listItem .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:clamp(0.8rem, 1.4vw, 1.4rem)}.p-magazine_listItem .cat{background-color:#fff;border-radius:10rem;color:#57A3D9;border:solid 0.1rem #57A3D9;font-size:clamp(1rem, 1.2vw, 1.2rem);line-height:1.5;font-weight:600;padding:0.3rem 1rem}@media screen and (max-width: 767px){.p-magazine_listItem .cat{font-size:1.2rem}}.p-magazine_listItem .date{font-size:clamp(1rem, 1.2vw, 1.2rem)}@media screen and (max-width: 767px){.p-magazine_listItem .date{font-size:1.2rem}}.p-magazine .btnA{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btnA a{font-weight:600;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnA a .icon{width:2.6rem;height:2.6rem;background-color:#57A3D9;border-radius:10rem;position:relative;overflow:hidden}.btnA a .icon .iconInner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:5.2rem;position:relative}.btnA a .icon .iconInner::after{content:"\e5e1";font-size:1.4rem;font-family:"Material Icons";font-weight:300;color:#fff;width:2.6rem;height:2.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnA a .icon .iconInner::before{content:"\e5e1";font-size:1.4rem;font-family:"Material Icons";font-weight:300;color:#fff;width:2.6rem;height:2.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btnA a:hover .iconInner::after{-webkit-animation:loop-icon-animation-2 1s ease-out;animation:loop-icon-animation-2 1s ease-out}.btnA a:hover .iconInner::before{left:50%;-webkit-animation:loop-icon-animation-2 1s ease-out;animation:loop-icon-animation-2 1s ease-out}.btnA--small a{gap:0.8rem}.btnA--wide a{gap:1.2rem}.p-downloadBox_inner{padding-top:clamp(8rem, 16vw, 10rem);padding-bottom:clamp(0rem, 16vw, 10rem)}@media screen and (max-width: 767px){.p-downloadBox_inner{padding-bottom:0}}.p-downloadBox_content{background-color:#E5F1F9;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:clamp(1.4rem, 4vw, 4rem);padding:3.3rem 7rem 0 2.6rem}@media screen and (max-width: 767px){.p-downloadBox_content{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3.5rem 3.8rem 0}}.p-downloadBox .photoBox{width:clamp(25.6rem, 42.5vw, 42.5rem)}.p-downloadBox .detailBox{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:4.6rem;padding-bottom:7.9rem}@media screen and (max-width: 767px){.p-downloadBox .detailBox{padding-top:0;padding-bottom:0}}.p-downloadBox .detailBox h2{width:clamp(23.5rem, 43.9vw, 43.9rem);margin:0 auto 1.8rem}.p-downloadBox .detailBox .download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.8rem}.p-downloadBox .detailBox .download .btnBox{width:auto}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox{width:100%}}.p-downloadBox .detailBox .download .btnBox h3{font-size:clamp(1rem, 1.6vw, 1.6rem);font-weight:600;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;margin-bottom:clamp(0.5rem, 1vw, 1rem);white-space:nowrap}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox h3{margin-bottom:1.3rem}}.p-downloadBox .detailBox .download .btnBox .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:clamp(0.2rem, 0.6vw, 0.6rem)}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox .flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.p-downloadBox .detailBox .download .btnBox a{width:clamp(8rem, 12.2vw, 12.2rem);-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox a{width:clamp(10rem, 38.4615384615vw, 15rem)}}.p-downloadBox .detailBox .download .btnBox a:hover{opacity:0.8}.p-downloadBox .detailBox .download .qr{display:-webkit-box;display:-ms-flexbox;display:flex;gap:clamp(0.2rem, 0.8vw, 0.8rem)}.p-downloadBox .detailBox .download .qr img{width:106px}.p-downloadBox .detailBox .download .btnBox .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:clamp(0.2rem, 0.6vw, 0.6rem)}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox .flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.p-downloadBox .detailBox .download .btnBox a{width:150px;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}@media screen and (max-width: 767px){.p-downloadBox .detailBox .download .btnBox a{width:clamp(10rem, 38.4615384615vw, 15rem)}}.p-downloadBox .detailBox .download .btnBox a:hover{opacity:0.8}.p-downloadBox .detailBox .download .qr{flex-basis:100px;border-radius:16px;background-color:#FFFFFF;border:1px solid #E5F1F9;padding:4px;margin-left:8px}@media screen and (max-width: 767px){.visibility--hidden-sp{display:none !important}}.visibility--hidden-pc{display:block !important}@media screen and (min-width: 768px){.visibility--hidden-pc{display:none !important}}
