.c-mainVisual--lv2 .c-mainVisual__category+.c-mainVisual__title{margin-left:60%;width:40%}
.u-box{padding:20px 30px}
.c-filter__tag{color:#222}
.c-filter__tagRow{border-bottom:0;min-height:auto;padding:0}
.c-filter__wrapper{padding:40px 0}
.c-filter__wrapper label input{opacity:0;position:absolute}
.c-filter__wrapper label input:checked+span{color:#fff;background-color:grey}
.tip-card{overflow:hidden;margin-bottom:0;padding-bottom:30px;animation:.3s ease forwards}
.tip-card.is-show{animation-name:pc_fadeIn}
.tip-card:not(.is-show){animation-name:pc_fadeOut}
.tip-card>a{display:flex;padding:0 22.5px 25px;height:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.2);background-color:#fff;flex-direction:column}
.tip-card>a:link,.tip-card>a:visited{color:inherit}
.tip-card-img{margin:0 -25px}
.tip-card-img>img{width:100%;height:auto;vertical-align:top}
.tip-card-title{margin-top:25px;font-weight:700;font-size:18px;font-feature-settings:'palt'}
.tip-card-title>sub{position:static;font-size:75%;line-height:inherit;vertical-align:text-bottom}
.tip-card-title>small{font-size:83.3333%}
.tip-card-feature{margin-top:20px;font-size:16px;flex:1 0 auto}
.tip-card-feature__title{margin-bottom:5px;font-weight:700}
.tip-card-feature__list>li{padding-left:1em;text-indent:-1em}
.tip-card-feature__list>li>sub{position:static;font-size:75%;line-height:inherit;vertical-align:text-bottom}
.tip-card-link{margin-top:15px;text-align:center;color:#014877}
.tip-card-tag{display:flex;margin:15px -10px -2px 0;min-height:43px;font-size:13px;color:#4d4d4d;flex-wrap:wrap}
.tip-card-tag>li{margin:0 10px 2px 0;padding-left:.5em;text-indent:-.5em}
.catalog{background-color:#f5f5f5;border:1px solid #b6b6b6;margin-top:4pc}
.catalog a{display:flex;justify-content:space-between;align-items:center;padding:14px 50px 14px 77px}
.catalog p{font-size:30px;color:#000;margin-left:20px;transition:color .15s ease-in-out;font-weight:700}
.catalog__text{position:relative}
.catalog__text:before{position:absolute;font-family:MelFaIcons,Material Icons;font-size:1pc;display:inline-flex;width:8px;height:13px;top:50%;left:-30px;transform:translateY(-70%);content:"\f102";white-space:nowrap;text-decoration:none;word-wrap:normal;color:red;transition:color .3s}
.catalog__img img{width:90pt;height:90pt}
@media only screen and (min-width:768px){
.tip-card>a{transition:opacity .3s ease}
.tip-card>a:hover{opacity:.7}
.catalog a:hover .catalog__text{color:#f50f10}
}
@media only screen and (max-width:767px){
.c-mainVisual--lv2 .c-mainVisual__category+.c-mainVisual__title{margin-left:15px;width:100%}
.c-mainVisual--lv2 .c-mainVisual__background:not(.c-mainVisual__background--cover){margin-top:-15px}
.c-mainVisual--lv2 .c-mainVisual__background:not(.c-mainVisual__background--cover)>img{margin-left:-10%}
.l-grid .l-grid__item-6-md{width:100%}
.tip-card.is-show{animation-name:sp_fadeIn}
.tip-card:not(.is-show){animation-name:sp_fadeOut}
.tip-card>a{display:block}
.tip-card-title{font-size:16px}
.tip-card-feature{font-size:14px}
.tip-card-tag{min-height:0}
.catalog{margin-top:50px}
.catalog a{padding:9pt 15px 9pt 25px}
.catalog p{line-height:1.33333333}
.catalog__img img{width:90px;height:90px}
}
@keyframes pc_fadeIn{
0%,100%{padding-right:15px;padding-bottom:30px;padding-left:15px;width:25%;height:auto}
0%{opacity:0}
100%{opacity:1}
}
@keyframes pc_fadeOut{
0%,99%{padding-right:15px;padding-bottom:30px;padding-left:15px;width:25%;height:auto;pointer-events:auto}
0%{opacity:1}
99%{opacity:0}
100%{padding-right:0;padding-bottom:0;padding-left:0;width:0;height:0;pointer-events:none}
}
@keyframes sp_fadeIn{
0%,100%{padding-bottom:30px;width:100%;height:auto}
0%{opacity:0}
100%{opacity:1}
}
@keyframes sp_fadeOut{
0%,99%{padding-bottom:30px;width:100%;height:auto;pointer-events:auto}
0%{opacity:1}
99%{opacity:0}
100%{padding-bottom:0;width:0;height:0;pointer-events:none}
}