﻿.p-blogMv{height:600px;overflow:hidden}@media screen and (max-width: 810px){.p-blogMv{height:500px}}@media screen and (max-width: 500px){.p-blogMv{height:300px}}.p-blogMv__bg{position:absolute;z-index:0}.p-blogMv__info{position:absolute;left:0;bottom:0;width:100%;padding:30px 0;background-color:rgba(0,0,0,.5)}@media screen and (max-width: 1080px){.p-blogMv__info{padding:20px 0}}@media screen and (max-width: 500px){.p-blogMv__info{padding:16px 0}}.p-blogMv__cate{font-size:2rem;color:#b7dd0e;line-height:1.2}@media screen and (max-width: 810px){.p-blogMv__cate{font-size:1.8rem}}@media screen and (max-width: 500px){.p-blogMv__cate{font-size:1.6rem}}.p-blogMv__date{margin-top:12px;display:block;color:#fff;font-size:1.8rem}@media screen and (max-width: 500px){.p-blogMv__date{margin-top:8px;font-size:1.6rem}}.p-blogMv__title{font-size:3.6rem;font-weight:bold;color:#fff;line-height:1.4}@media screen and (max-width: 1080px){.p-blogMv__title{font-size:3rem}}@media screen and (max-width: 810px){.p-blogMv__title{font-size:2.6rem}}@media screen and (max-width: 500px){.p-blogMv__title{font-size:2rem}}.p-blogLead{padding:110px 0}@media screen and (max-width: 1080px){.p-blogLead{padding:90px 0}}@media screen and (max-width: 810px){.p-blogLead{padding:70px 0}}@media screen and (max-width: 500px){.p-blogLead{padding:70px 0 50px}}.p-article{padding:100px 0 70px}@media screen and (max-width: 1080px){.p-article{padding:70px 0 50px}}@media screen and (max-width: 810px){.p-article{padding:50px 0 30px}}@media screen and (max-width: 500px){.p-article{padding:30px 0 10px}}.p-article__section:nth-child(n+2){margin-top:40px}@media screen and (max-width: 500px){.p-article__section{margin-top:30px}}.p-article__content{padding:50px 0}@media screen and (max-width: 810px){.p-article__content{padding:40px 0}}@media screen and (max-width: 500px){.p-article__content{padding:24px 0}}.p-article__title{display:flex;align-items:center}.p-article__title .character{position:relative;top:-3px;height:64px}@media screen and (max-width: 810px){.p-article__title .character{height:52px}}@media screen and (max-width: 500px){.p-article__title .character{height:40px}}.p-article__title .number{margin-right:10px;color:#a9d512;font-size:6rem;line-height:1}@media screen and (max-width: 1080px){.p-article__title .number{font-size:5rem}}@media screen and (max-width: 810px){.p-article__title .number{font-size:4rem}}@media screen and (max-width: 500px){.p-article__title .number{font-size:3rem}}.p-banner{padding:40px 0}@media screen and (max-width: 500px){.p-banner{padding:20px 0}}.p-banner__link{display:block;transition:opacity .3s}.p-banner__link:hover{opacity:.8}.p-banner__link img{width:100%}.p-lead .p-buttons{margin:30px 0 65px}@media screen and (max-width: 810px){.p-lead .p-buttons{margin:25px 0 55px}}@media screen and (max-width: 500px){.p-lead .p-buttons{margin:20px 0 40px}}.p-buttons{margin-bottom:125px}@media screen and (max-width: 1080px){.p-buttons{margin-bottom:115px}}@media screen and (max-width: 810px){.p-buttons{margin-bottom:100px}}@media screen and (max-width: 500px){.p-buttons{margin-bottom:60px}}.wpulike{margin-bottom:60px !important}@media screen and (max-width: 810px){.wpulike{margin-bottom:45px !important}}@media screen and (max-width: 500px){.wpulike{margin-bottom:30px !important}}.wpulike-heart .wp_ulike_general_class{margin:0 auto;display:flex !important;width:220px;height:40px;border-radius:21.5px !important;position:relative;box-shadow:0px 2px 5px 0px rgba(0,0,0,.2) !important;background-color:#f6ac29;padding:0 !important}@media screen and (max-width: 500px){.wpulike-heart .wp_ulike_general_class{width:180px}}.wpulike-heart .wp_ulike_general_class::before{content:"いいね！";position:absolute;top:50%;transform:translateY(-50%);right:30px;font-size:2rem;color:#fff}@media screen and (max-width: 500px){.wpulike-heart .wp_ulike_general_class::before{right:20px}}.wpulike-heart .wp_ulike_put_image{width:100%;height:100%;padding:0}.wpulike-heart .wp_ulike_put_image::after{height:18px !important;top:50% !important;left:30px !important;transform:translate(0, -45%) !important}@media screen and (max-width: 500px){.wpulike-heart .wp_ulike_put_image::after{left:20px !important}}.wpulike-heart .count-box{color:#fff !important;position:absolute;left:60px}@media screen and (max-width: 500px){.wpulike-heart .count-box{left:45px}}.p-shareButtons a{display:flex;align-items:center;justify-content:center;width:165px;height:45px}@media screen and (max-width: 810px){.p-shareButtons a{height:40px;width:24.5%}}@media screen and (max-width: 500px){.p-shareButtons a{height:30px}}.p-shareButtons a:nth-child(n+2){margin-left:8px}@media screen and (max-width: 500px){.p-shareButtons a:nth-child(n+2){margin-left:6px}}.p-button{transition:opacity .3s}.p-button:hover{opacity:.7}.p-buttons__twitter{background-color:#1da1f2}.p-buttons__facebook{background-color:#1877f2}.p-buttons__facebook .p-buttons__icon{width:28px}@media screen and (max-width: 500px){.p-buttons__facebook .p-buttons__icon{width:20px}}.p-buttons__hatena{background-color:#00a4de}.p-buttons__hatena .p-buttons__icon{width:20px}@media screen and (max-width: 500px){.p-buttons__hatena .p-buttons__icon{width:16px}}.p-buttons__linkedIn{background-color:#0e76a8}.p-buttons__icon{width:25px;display:inline-block}@media screen and (max-width: 500px){.p-buttons__icon{width:18px}}.p-other{padding:260px 0 200px}@media screen and (max-width: 1080px){.p-other{padding:200px 0 160px}}@media screen and (max-width: 810px){.p-other{padding:160px 0 120px}}@media screen and (max-width: 500px){.p-other{padding:120px 0 100px}}.p-other .character.is-top{position:absolute;right:-120px;top:-250px;height:400px}@media screen and (max-width: 1080px){.p-other .character.is-top{right:-3%;top:-210px;height:320px}}@media screen and (max-width: 810px){.p-other .character.is-top{top:-170px;height:240px}}@media screen and (max-width: 500px){.p-other .character.is-top{top:-135px;height:130px}}.p-other .character.is-bottom{position:absolute;left:0;bottom:-160px;height:150px}@media screen and (max-width: 1080px){.p-other .character.is-bottom{bottom:-120px;height:120px}}@media screen and (max-width: 810px){.p-other .character.is-bottom{bottom:-100px;height:100px}}@media screen and (max-width: 500px){.p-other .character.is-bottom{bottom:-70px;height:70px}}