html,body{color:#333;margin:0;padding:0;font-family:Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,sans-serif;font-size:14px}*,:after,:before{box-sizing:border-box}img{max-width:100%;height:auto;max-height:100%}.hidden{display:none}@media screen and (width>=501px){.hidden_sp{display:none!important}}@media screen and (width<=500px){.hidden_pc{display:none!important}}@media (width<=500px){.sp-hide{display:none}}@media (width>=501px) and (width<=768px){.tbl-hide{display:none}}@media (width>=501px){.pc-hide{display:none}}header.navi-margin{margin-bottom:70px}.header-h1.sp{display:none}.header-h1{background-color:#009fea;width:100%}.header-h1 h1{text-align:left;color:#fff;max-width:960px;margin:0 auto;padding:5px;font-size:12.5px;font-weight:400;line-height:13px}@media screen and (width<=500px){.header-h1.pc{display:none}.header-h1.sp{display:block}}.header-block__top-wrap{width:100%;height:60px;display:flex}@media screen and (width<=500px){.header-block__top-wrap{z-index:100;background-color:#fff;border-bottom:1px solid #eee;height:54px;position:fixed;top:0}}.header-block__content-left{justify-content:center;align-items:center;width:50%;display:flex}.header-block__content-left .content-left__logo{width:120px;display:block}.header-block__content-left .content-left__logo img{height:auto;display:block}.header-block__content-left .content-left__badge{width:70px;margin-left:10px}.header-block__content-left .content-left__badge img{width:100%;height:auto;display:block}@media screen and (width<=500px){.header-block__content-left{justify-content:flex-start;width:calc(100% - 140px);padding-left:8px}.header-block__content-left .content-left__logo{width:100px}.header-block__content-left .content-left__logo img{width:100%}.header-block__content-left .content-left__badge{width:60px}.header-block__content-left .content-left__badge img{width:100%;height:auto}}.header-block__content-rigth{justify-content:center;align-items:center;width:50%;display:flex}@media screen and (width<=500px){.header-block__content-rigth{justify-content:flex-end;width:200px}}.header-block__content-rigth .content-rigth__phone-button{color:#fff;background-color:#5dce4f;border-radius:6px;margin-top:-2px;margin-right:12px;padding:7px 8px;line-height:1em;text-decoration:none;display:none;box-shadow:0 3px #4eb342}.header-block__content-rigth .content-rigth__phone-button img{vertical-align:text-bottom;width:16px;margin-right:5px}@media screen and (width<=500px){.header-block__content-rigth .content-rigth__phone-button{display:block}}.header-block__content-rigth .content-rigth__signin-button{color:#fff;background-color:#3dbfe7;border-radius:6px;height:30px;margin-top:-2px;margin-right:12px;padding:7px 8px;font-size:12px;line-height:1em;text-decoration:none;display:none;box-shadow:0 3px #2b99bb}@media screen and (width<=500px){.header-block__content-rigth .content-rigth__signin-button{align-items:center;display:flex}}.header-block__content-rigth .content-rigth__menu-button{color:#fff;background-color:#00a0e9;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;display:none}.header-block__content-rigth .content-rigth__menu-button span{font-size:10px;line-height:1em}@media screen and (width<=500px){.header-block__content-rigth .content-rigth__menu-button{display:flex}}.header-block__content-rigth .content-rigth__phone{width:280px}.header-block__content-rigth .content-rigth__phone .number-wrap{justify-content:center;align-items:center;display:flex}.header-block__content-rigth .content-rigth__phone img.icon{width:50px;height:auto}.header-block__content-rigth .content-rigth__phone .number{color:#009fea;font-size:22px;font-weight:700;line-height:1}.header-block__content-rigth .content-rigth__phone .text{text-align:center;margin:5px 0 0;font-size:10px;line-height:1}.header-block__content-rigth .content-rigth__phone img{width:100%;height:auto;display:block}@media screen and (width<=500px){.header-block__content-rigth .content-rigth__phone{display:none}}.header-block__navigation{border-top:1px solid #eee;justify-content:center;height:70px;display:flex}.header-block__navigation.fixed-navi{z-index:100;background-color:#fff;border-top:none;border-bottom:1px solid #01a0e9;width:100%;transition:all .3s;position:fixed;top:0}.header-block__navigation.fixed-navi-hide{top:-73px}@media screen and (width<=500px){.header-block__navigation{border-top:none;flex-wrap:wrap;width:100%;height:auto;margin-top:54px}}.header-block__navigation>div{border-left:1px solid #eee}.header-block__navigation>div:last-child{border-right:1px solid #eee}.header-block__navigation .header__form-btn{flex:0 0 220px;justify-content:center;align-items:center;padding:0 8px;display:flex}.header-block__navigation .header__form-btn a{color:#fff;text-shadow:0 -1px 1px #0000004d;background-color:#5dce4f;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-top:-3px;padding:14px 0;font-weight:700;line-height:1;text-decoration:none;display:flex;position:relative;box-shadow:0 5px #4eb342}.header-block__navigation .header__form-btn a .text-red{text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;color:#f10d0d;margin-right:4px;font-weight:700}.header-block__navigation .header__form-btn a .arrow-right{margin-top:-8px;line-height:0;position:absolute;top:50%;right:15px}.header-block__navigation .header__form-btn a:hover{box-shadow:none;transform:translateY(5px)}.header-block__navigation .header__signin-btn{justify-content:center;align-items:center;width:100%;max-width:220px;padding:0 20px;display:flex}.header-block__navigation .header__signin-btn a{color:#fff;text-align:center;background-color:#3dbfe7;border-radius:100px;width:100%;padding:11px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .3s}.header-block__navigation .header__signin-btn a:hover{opacity:.8}.header-block__navigation .header__signin-btn a>img{vertical-align:bottom;filter:invert();width:15px;margin-right:4px}@media screen and (width<=1000px){.header-block__navigation .navi-magazine,.header-block__navigation .header__signin-btn{width:auto}}@media screen and (width<=500px){.header-block__navigation .navi-magazine,.header-block__navigation .header__form-btn,.header-block__navigation .navi-magazine,.header-block__navigation .header__signin-btn{display:none}}.header-block__navigation-item{border-left:1px solid #eee;width:190px}@media screen and (width<=500px){.header-block__navigation-item{width:33.3333%}.header-block__navigation-item:first-child{border-left:none}}.header-block__navigation-link{text-align:center;color:#00a0e9;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.5em;text-decoration:none;display:flex;position:relative}@media screen and (width<=500px){.header-block__navigation-link{padding:4% 0;font-size:3.5vw}}.header-block__navigation-link:hover:after,.header-block__navigation-link:hover:before{width:100%;left:0}.header-block__navigation-link:before,.header-block__navigation-link:after{content:"";background:#00a0e9;width:0;height:3px;position:absolute;bottom:0;right:0}.header-block__navigation-link:before{transition:width .4s cubic-bezier(.51,.18,0,.88) .1s}.header-block__navigation-link:after{transition:width .2s cubic-bezier(.29,.18,.26,.83)}.header-block__navigation-link.active{color:#fff;background-color:#00a0e9}.header-block__navigation-link.active:before,.header-block__navigation-link.active:after{background:#fff}.breadcrumb{background-color:#00a0e9;border-bottom:none;width:100%;margin-bottom:0;padding:10px 0}.breadcrumb ol{max-width:1020px;margin:0 auto;padding:0;list-style:none;overflow:hidden}.breadcrumb ol li{float:left;color:#fff;margin-right:.4em;font-size:13px}.breadcrumb ol li:after{content:" » "}.breadcrumb ol li:last-child:after{content:""}.breadcrumb ol a{color:#fff;text-decoration:none}@media screen and (width<=500px){.breadcrumb{padding:2.5% 0 2%}.breadcrumb ol{white-space:nowrap;padding:0 2%;display:flex;overflow:auto}.breadcrumb li{padding:0 .4em 0 0;text-decoration:none;display:inline-block}}.white{background-color:#fff;border-bottom:2px solid #eee;margin-bottom:20px}@media screen and (width<=1080px){.white{padding:10px 20px}}.white ol{max-width:1080px}.white ol li,.white ol li a{color:#3c3c3c}.sidebar-container{max-width:960px;margin:0 auto;display:flex}.sidebar-container>div:first-child{flex-grow:1;margin-right:20px}.sidebar-container>div:last-child{flex-shrink:0;width:300px}@media screen and (width<=768px){.sidebar-container{display:block}.sidebar-container>div:first-child{flex-grow:unset;margin-right:0}.sidebar-container>div:last-child{flex-shrink:unset;width:100%}.sidebar-container .side-contents{padding:0 4%}}.side-banners__line-friend--display img{height:auto}@media screen and (width>=500px){.side-banners__line-friend--display{margin:15px 0}}.share-btn-top,.share-btn-bottom{width:100%;max-width:960px;margin:0 auto}.share-btn-top p,.share-btn-bottom p{text-align:center;margin:0;font-weight:700}.share-btn-top ul,.share-btn-bottom ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.share-btn-top li,.share-btn-bottom li{margin:12px}.share-btn-top li:last-child,.share-btn-bottom li:last-child{position:relative}.share-btn-top li:last-child span,.share-btn-bottom li:last-child span{visibility:hidden;color:#fff;background:#1a1a1ae6;border-radius:4px;width:max-content;padding:8px 16px;position:absolute;top:calc(-100% - 20px);left:50%;transform:translate(-50%)}.share-btn-top li:last-child span:after,.share-btn-bottom li:last-child span:after{content:"";border-top:8px solid #1a1a1ae6;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.share-btn-top li:last-child .copy-link,.share-btn-bottom li:last-child .copy-link{cursor:pointer}.share-btn-top li:last-child .copy-link:hover span,.share-btn-bottom li:last-child .copy-link:hover span{visibility:visible}.share-btn-top li img,.share-btn-bottom li img{vertical-align:middle;height:auto}.share-btn-top a,.share-btn-bottom a{display:block}.share-btn-top .message,.share-btn-bottom .message{z-index:12}@media screen and (width<=500px){.share-btn-top,.share-btn-bottom{padding:0 4%}.share-btn-top p,.share-btn-bottom p{margin-top:20px}.share-btn-top li,.share-btn-bottom li{margin:12px}.share-btn-top .message,.share-btn-bottom .message{display:none}}.share-btn-top{margin:10px auto}.share-btn-top ul{justify-content:flex-end}@media screen and (width<=500px){.share-btn-top{margin:5px auto}}.share-btn-bottom{margin:30px auto}.share-btn-bottom ul{justify-content:center}@media screen and (width<=500px){.share-btn-bottom{margin:5px auto}}.share-link-message{visibility:hidden;color:#fff;z-index:11;opacity:0;background:#1a1a1ae6;border-radius:8px;width:max-content;padding:16px;transition:opacity 1s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.share-link-message.is-active{opacity:1;visibility:visible}.articles__header .thumb-wrap{background-color:#ccc;position:relative;overflow:hidden}.articles__header .thumb-wrap:before{content:"";margin-top:70%;display:block}.articles__header .thumb-wrap .thumbnail{background-position:50%;background-size:cover;position:absolute;inset:0}.articles__header{background:#e9f7ff;flex-direction:column;margin-bottom:4em;padding:1.5em;display:flex}.articles__header .title{margin-top:0}.articles__header .inner{justify-content:space-between;align-items:flex-start;display:flex}.articles__header .categories{margin:0;padding-left:0;font-size:.8rem}.articles__header .categories li{background-image:url(/assets/images/icon-tag.png);background-position:0;background-repeat:no-repeat;background-size:.8rem .8rem;padding-left:1rem;display:inline-block}.articles__header .categories a{color:#8d8d8d}.articles__header .updated-at{text-align:right;margin-left:2em;font-size:14px}.articles__header .description{margin-bottom:0}@media screen and (width<=500px){.articles__header{margin-bottom:28px;padding:4%}.articles__header .inner{flex-direction:column-reverse;order:2;display:flex}.articles__header .thumb-wrap{order:3}.articles__header .title{text-align:left;margin-bottom:0;font-size:21px;line-height:1.5em}.articles__header .text{flex:unset}.articles__header .description{order:4;margin-bottom:1em;line-height:1.5em}.articles__header .categories{clear:both;margin:1em 0 .5em}.articles__header .updated-at{width:100%;margin:-.4em 0 -.8em;font-size:12px}.articles__header li a{line-height:2.2}}@media screen and (width>=501px){.articles__header .inner{margin-top:1em}.articles__header .updated-at{width:100%;max-width:10.5em}}.articles__accordion{margin-bottom:1.5em}.articles__accordion .accordion-title{color:#fff;background-color:#00a2ea;border-bottom:none;border-radius:.4em .4em 0 0;margin:0;padding:.4em 1em;font-size:1rem;font-weight:700;display:inline-block}.articles__accordion .accordion-title img{vertical-align:middle;width:16px}.articles__accordion .accordion-box{border-top:1px solid #52a3ea;border-bottom:2px solid #52a3ea}.articles__accordion .accordion-box ul{counter-reset:number;margin:0;padding:1em}.articles__accordion .accordion-box li{display:block}.articles__accordion .accordion-box li ul{display:none}.articles__accordion .accordion-box a{color:#3976c6;font-size:15px;font-weight:700;line-height:2.2}.articles__accordion .accordion-box a:before{counter-increment:number;content:counters(number, ".") ". "}@media screen and (width<=500px){.articles__accordion{padding:0 4%}.articles__accordion .accordion-title{color:#333;background-color:#ddd;font-size:12px}.articles__accordion .accordion-title img{filter:invert();width:12px}.articles__accordion .accordion-title.active+div{border:2px dashed #ddd}.articles__accordion .accordion-box{border-top:none;border-bottom:3px solid #ddd;border-radius:0 .4em .4em;transition:max-height .2s ease-out;overflow:hidden}.articles__accordion .accordion-box li{display:block}.articles__accordion .accordion-box li ul{padding:0 0 0 1em;display:none}.articles__accordion .accordion-box li ul a{font-weight:400}.articles__accordion .accordion-box a{font-size:14px}.articles__accordion .is-ab{border-top:none;border-bottom:3px solid #ddd;border-radius:0 .4em .4em;transition:max-height .2s ease-out;overflow:hidden}.articles__accordion .is-ab li{display:block}.articles__accordion .is-ab li ul{padding:0 0 0 1em;display:none!important}.articles__accordion .is-ab li ul a{font-weight:400}.articles__accordion .is-ab a{font-size:14px}}.sidecontents-compare{height:400px}.sidecontents-area-index{max-width:300px;height:300px;margin:0 auto 20px;font-size:0}@media screen and (device-width<=500px){.sidecontents-area-index{max-width:unset}.sidecontents-area-index img{width:100%}}