/*
Theme Name: muracohdTheme2026
Description: ムラコホールディングス様オリジナルTheme2026
Version: 1.0
Author: cocodePLAZA
*/@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:root {
--black:#080808;
--lightgray: #f0f0f0;
--midiumgray: #bbb;
--gray: #555;
--bluegray: #5c6da6;
--navy: #223e8b;
--darknavy: #0c111e;
--line: #01b901;
--red:#ed1c24;
--main-radius:18px;
--main-radius-sp:10px;
}
@keyframes kira {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.kira{background: linear-gradient(45deg, #B67B03 20%, #FEE9A0 35%, #DAAF08 50%, #B67B03 75%);
background-size: 600% 600%;animation: kira 3s ease infinite;display: block;color:#fff;}
.kira a{color:#fff!important;}

body{font-family:Arial,"Noto Sans JP",sans-serif;color:var(--black);line-height:1.6;overflow-x:hidden;opacity:0;transition:opacity .8s ease-out,background-color 1.5s ease-out,color .8s ease-out;background-color:#fff;word-break:break-word;overflow-wrap:anywhere;}
body.is-dark-theme{background-color:var(--black);}
body.is-dark-theme .hero__title{color:#fff}
body.is-dark-theme .hero__title-dot{color:var(--red)}
body::before{content:"";position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(to right,#c0c0c0 0,#c0c0c0 33.333%,#6f81b4 33.333%,#6f81b4 66.666%,#223e8b 66.666%,#223e8b 100%);z-index:2000;transition:width .8s ease-out}
body.is-loaded::before{width:100%}
body.is-loaded{opacity:1}
body.nav-open{overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:inline-block;max-width:100%;height:auto}
button{background:none;border:none;cursor:pointer;font-family:inherit}
.header{border-bottom:1px solid #ccc;position:sticky;top:3px;z-index:100}
.header::before {content: "";background-color: rgba(255, 255, 255, .7);backdrop-filter: blur(1.125rem);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}

.header__container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.header__logo img{display: block;}
.header__logo-link{font-size:24px;font-weight:bold;color:var(--navy)}
.header__controls{display:flex;gap:24px;align-items:center;}
.header__control-link{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--black);transition:color .2s;text-decoration:none;font-weight: 600;}
.header__control-link:hover,.header__menu-toggle:hover{text-decoration:underline}

.header__lang{position:relative;display:flex;align-items:center;}
.header__lang-display{display:flex;align-items:center;gap:6px;}
.header__lang-label{font-size:14px;font-weight: 600;}
.header__lang-widget{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.header__lang-widget select{width:100%;height:100%;opacity:0;border:none;background:transparent;cursor:pointer;}
.footer-lang{position:relative;display:flex;align-items:center;}
.footer-lang-display{display:flex;align-items:center;gap:6px;}
.footer-lang-label{font-size:14px;font-weight: 600;}
.footer-lang-widget{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 0 0 -20px;}
.footer-lang-widget select{width:100%;height:100%;opacity:0;border:none;background:transparent;cursor:pointer;}

.header__menu-toggle{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--black);font-weight: 600;}
.nav-overlay{position:fixed;top:56px;left:0;right:0;bottom:0;background:#1e3a8a;width:100%;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding:20px 0 0}
.nav-overlay.is-open{opacity:1;visibility:visible}
.nav-overlay__list{list-style:none;display:flex;flex-direction:column;max-width:400px;margin:0 auto;padding-bottom:20px;text-align: center;}
.nav-overlay__link{color:#fff;font-size:18px;display:block;padding:12px;transition:opacity .2s}
.nav-overlay__link:hover{text-decoration:underline}

.header{position:sticky;top:0;z-index:100}

.header__menu-toggle{position:relative;padding-left:32px}
.header__menu-toggle svg{display:none}
.header__menu-toggle::before,.header__menu-toggle::after{content:"";position:absolute;left:0;top:50%;width:22px;height:2px;background:currentColor;transform-origin:50% 50%;transition:transform .25s,box-shadow .25s,opacity .25s}
.header__menu-toggle::before{transform:translateY(-50%);box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.header__menu-toggle::after{opacity:0}

.header__menu-toggle[aria-expanded="true"]::before,.nav-open .header__menu-toggle::before{transform:translateY(-50%) rotate(45deg);box-shadow:none}
.header__menu-toggle[aria-expanded="true"]::after,.nav-open .header__menu-toggle::after{opacity:1;transform:translateY(-50%) rotate(-45deg)}

.hero{position:relative;overflow:hidden;}
.hero__content{max-width:1120px;margin:0 auto;padding:60px 0;position:relative;z-index:2}
.hero__title{font-size:125px;font-weight:bold;line-height:1.2;color:var(--black);text-align:center}
.hero__title-dot{color:var(--red)}
.hero__image{width:100%;height:400px;overflow:hidden}
.hero__image img{width:100%;height:100%;object-fit:cover}
.content-grid{max-width:1120px;margin:60px auto;padding:0 20px}
.content-grid__container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.content-card{position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:scale(0.72) translateY(20px)}
@keyframes popIn {0% {opacity:0;transform:scale(0.72) translateY(20px);}40% {opacity:1;transform:scale(1.01) translateY(0);}100% {opacity:1;transform:scale(1) translateY(0);}}
.content-card--pop {opacity:0;transform:scale(0.72) translateY(20px);animation:popIn 2.1s cubic-bezier(.19,1,.22,1) forwards;}
.content-card__image{width:100%;height:100%;overflow:hidden}
.content-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s;display: block;}
.content-card:hover .content-card__image img{transform:scale(1.05)}
.content-card__overlay{position:absolute;inset:0;;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;transition:background .3s}
.content-card__title{color:#fff;font-size:30px;font-weight:bold;text-shadow: 0 0 10px var(--black);margin-top:-15px;line-height: 2;}
.content-card__title span{font-size:24px;font-weight:900;position:relative;top:-0.08em}
.content-card__title img{display: inline-block;height:20px;filter:drop-shadow(0 0 10px rgba(0,0,0,.8));}
.title_grimm img{height: 23px;}
.content-card__caption{margin-top:-10px;font-size:15px;color:#fff;text-shadow: 0 0 10px var(--black);}

.modal {display: none; position: fixed; z-index: 3; left: 0; top: 0; width: 100vw; height: 100vh; overflow: hidden; background-color: rgba(0, 0, 0, .7); opacity: 0; transform: scale(1.2); transition: transform .3s ease-out, opacity .4s ease-out;}
.modal.show {display: block; opacity: 1; transform: scale(1);}
.modal.hide {opacity: 0; transform: scale(1.2); transition: transform .3s ease-out, opacity .2s ease-out;}
.modal-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; margin: auto; padding: 0; width: 100%; max-width: 1160px; height: 90%; border-radius: var(--main-radius); overflow: hidden;}

.line {opacity: 0; transform: translateX(-50px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.line.show {opacity: 1; transform: translateX(0);}
.line-y {opacity: 0; -webkit-transform: translateY(20px);transform: translateY(20px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.line-y.show {opacity: 1;  -webkit-transform: translateY(0);transform: translateY(0);}
.close {position: absolute; right: 10px; top: 10px;cursor: pointer;width:48px;height:48px;opacity:.2;transition:all .2s;}
.close:hover, .close:focus {opacity:1;}
.vision-content{max-height:600px;}
.vision0{width:812px;height:190px;position:absolute;bottom:0;left:0;}
.vision1{width:1086px;height:360px;margin:auto auto auto 0;position:absolute;top:0;bottom:0;left:0;}
.vision2{width:510px;height:67px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;}

.modal-content{height:auto;max-height:680px;display: flex;align-items: center;justify-content: center;}
.modal0{text-align: center;}
.modal1{width:400px;height:216px;margin:50px auto 0;}
.modal2{padding:25px 108px;font-size:18px;line-height: 1.7;}
.modal-inner{/*border:solid 2px var(--navy);*/width:90%;height:80%;position:relative;text-align: justify;}

.normal_btn{display: inline-block; background: var(--navy);color: #fff;border: 1px solid var(--navy);font-size: 16px;padding: 20px 40px;margin:0 auto;border-radius: 40px;text-decoration: none;transition:all .2s}
.normal_btn img{display: inline-block;}
.normal_btn:hover{opacity: .6;}

.news{max-width:1120px;margin:60px auto;padding:0 20px}
.news p{margin: .7em 0;}
.news__container{border:1px solid var(--gray);padding:20px;position:relative;background:#fff;}
.news__title{font-size:32px;font-weight:bold;color:var(--black)}

.news_li{height:auto;overflow: auto;}
.news_li li{font-size:15px;margin:0;padding:0;position:relative;list-style-type:none;}
.news_li li:last-child{border:none;}
.cat{background:#464646;color:#fff;width:190px;display:inline-block;text-align:center;vertical-align:top;line-height: 34px;min-height:34px;}
.up_ymd{padding:4px 10px;display:inline-block;vertical-align:top;font-weight: bold;}
.title{display:inline-block;width:555px;vertical-align:top;padding:4px 0 0;}
.home_news .title{display:inline-block;width:575px;vertical-align:top;padding:4px 0 0;}
.title460{width:460px;}
.news_li li > a{display:block;height:100%;width:100%;color:#333;padding:12px 0;box-sizing:border-box;text-decoration: none;transition:background-size .4s;
background-image: linear-gradient(var(--midiumgray), var(--midiumgray));background-repeat: no-repeat;background-position: bottom right;background-size: 0 1px;}
.news_li li .kira > a{display:block;height:100%;width:100%;color:#333;padding:12px 16px;box-sizing:border-box;text-decoration: none;transition:all .2s;}
.news_li li .kira .cat{width:170px;}
.news_li li a:hover{background-position: bottom left;background-size: 100% 1px;}
.news-item__date{font-size:12px;color:var(--gray);white-space:nowrap}
.news-item__text{font-size:14px;color:var(--gray)}

.news-line a{height: 100%;display: flex;align-items: center;text-decoration: none;padding:0 13px;transition:all .2s;}
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: bottom;}
.news-line p{display: inline-block;text-decoration: none;}
.news-line a:hover{background: var(--bluegray);} 
.cat-sdgs{font-size:80%;line-height:1.1!important;padding:4px 5px 0;box-sizing:border-box;position:relative}
.cat-sdgs .sdgs-no{position:absolute;left:2px;top:50%;transform:translate(0%,-50%);font-size:150%}
.cat-sdgs .sdgs-text{display:block;padding-left:18px;white-space:normal;width:calc(98% - 18px);}
.sdgs_br{display: inline-block;}
.no1{background:#e5243b!important}
.no2{background:#dda63a!important}
.no3{background:#4c9f38!important}
.no4{background:#c5192d!important}
.no5{background:#ff3a21!important}
.no6{background:#26bde2!important}
.no7{background:#fcc30b!important}
.no8{background:#a21942!important}
.no9{background:#fd6925!important}
.no10{background:#dd1367!important}
.no11{background:#fd9d24!important}
.no12{background:#bf8b2e!important}
.no13{background:#3f7e44!important}
.no14{background:#0a97d9!important}
.no15{background:#56c02b!important}
.no16{background:#00689d!important}
.no17{background:#19486a!important}

.contact{background:var(--bluegray);padding:60px 20px;text-align:center}
.contact__container{max-width:1120px;margin:0 auto}
.contact__title{font-size:48px;font-weight:bold;color:#fff; line-height: 1;margin-bottom: 20px;}
.contact__social{display:flex;justify-content:center;gap:20px}
.contact__link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;transition:opacity .2s;}
.contact__link:hover,.contact__link:focus{opacity: .6;}
.contact__link svg{width:40px;height:40px}
.footer{background:var(--gray);color:#fff;padding:40px 0 0}
.nav-footer{background:var(--gray);color:#fff;padding:40px 0;text-align: center;}
.footer__container{max-width:1120px;margin:0 auto;padding:0 20px 40px;display:flex;justify-content: space-between;}
.footer__logo{transition:all .2s;}
.footer__logo:hover{opacity: .6;}
.footer__tagline{font-size:15px;margin-top:8px;letter-spacing:.07em;}
.footer__links{display:flex;gap:40px}
.footer__column{}
.footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.nav-footer__list{list-style:none;margin:0 auto 20px;padding:0;display:block;}
.footer__list li a{font-size:15px;font-weight:600;color:#fff;text-decoration:none;max-width: 11.5em;display: block;}
.footer__list li a span{display: inline-block;}
.nav-footer__list li a{font-size:15px;font-weight:400;color:#fff;text-decoration:none;display: inline-block;padding:10px 0;}
.footer__list li a:hover,.nav-footer__list li a:hover,.footer__list li a:hover span{text-decoration:underline}
.footer__list li img{display: inline;vertical-align: middle;}
.footer__right{display:flex;flex-direction:column;gap:20px;align-items:center}
.footer__button{background:var(--bluegray);color:#fff;text-align: center; width:240px;padding:12px 0;border-radius:10px;font-size:16px;transition:all .2s;text-decoration:none;display:inline-block}
.footer__button:hover,.footer__button:focus{opacity: .6;}
.footer__button img{display: inline;}
.banner-pa{
background: linear-gradient(45deg, #B67B03 20%, #FEE9A0 35%, #DAAF08 50%, #B67B03 75%);
background-size: 600% 600%;
animation: kira 3s ease infinite;
display: block;
padding:5px;
line-height: 0;
transition:all .2s;
}
.banner-pa:hover{opacity:.6;}
.footer__copyright{text-align:center;font-size:12px;color:var(--black);background:#e5e5e5;padding:20px 0;}
.search-form { display: flex; align-items: center; gap: 6px; background: #fff; padding: 6px 10px; border: 1px solid var(--navy); border-radius: 4px; max-width: 100%; box-sizing: border-box; }
.search-input { flex: 1; padding: 6px 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px; }
.search-submit { background-color: var(--navy); color: #fff; font-size: 14px; padding: 6px 12px; border: none; border-radius: 3px; cursor: pointer; transition: background-color 0.2s ease; }
.search-submit:hover { background-color: var(--navy); }
.wpcf7-response-output{display:none;margin:16px 0 12px!important;padding:12px 14px!important;border-width:2px!important;font-size:14px;line-height:1.6}
form.wpcf7-form.invalid .wpcf7-response-output,form.wpcf7-form.failed .wpcf7-response-output,form.wpcf7-form.spam .wpcf7-response-output,form.wpcf7-form.sent .wpcf7-response-output{display:block}
form.wpcf7-form[data-status="invalid"] .wpcf7-response-output,form.wpcf7-form[data-status="failed"] .wpcf7-response-output,form.wpcf7-form[data-status="spam"] .wpcf7-response-output,form.wpcf7-form[data-status="sent"] .wpcf7-response-output{display:block}
.wpcf7-list-item{margin: 0 !important;}

/* スマホ ～767.9px */
@media screen and (max-width:767.9px){
.content-grid__container{grid-template-columns:repeat(2,1fr)}
.footer__container{grid-template-columns:1fr 1fr;gap:24px}
.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.7);opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .4s ease-out}
.modal.show{display:block;opacity:1;transform:scale(1)}
.modal.hide{opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .2s ease-out}
.modal-content{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;margin:auto;padding:0;width:748px;height:90%;border-radius:var(--main-radius);overflow:hidden}
.close{position:absolute;right:10px;top:10px;cursor:pointer;width:48px;height:48px;opacity:.2;transition:all .2s}
.close:hover,.close:focus{opacity:1}
.sp{display:inline}
.header__container{padding:12px 16px;display:block}
.header__logo{text-align:center;margin: 10px auto 0}
.header__logo img{margin:auto}
.header__controls{justify-content:space-evenly;margin:10px auto 0}
.header__control-btn{font-size:12px;gap:4px}
.header__menu-toggle{font-size:12px}
.nav-overlay{position:fixed;top:90px;left:0;right:0;bottom:0;background:#1e3a8a;width:100%;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;padding:20px 0 0}
.hero__content{padding:48px 16px}
.hero__title{font-size:62px;text-align:left}
.hero__image{height:250px}
.content-grid{margin:60px auto;padding:0 16px}
.content-grid__container{grid-template-columns:1fr;gap:16px}
.content-card{}
.content-card__overlay{padding:10px}
.content-card__title{font-size:20px;margin-top:-10px;text-shadow: 0 0 5px var(--black);}
.content-card__title span{font-size:16px;top:-0.06em}
.content-card__title img{height:13px;filter: drop-shadow(0 0 5px rgba(0,0,0,.8));}
.title_grimm img{height:16px}
.content-card__caption{font-size:10px;margin-top:-5px;text-shadow: 0 0 5px var(--black);}
.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.7);opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .4s ease-out}
.modal.show{display:block;opacity:1;transform:scale(1)}
.modal.hide{opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .2s ease-out}
.modal-content{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;margin:auto;padding:0;width:94%;height:90%;border-radius:var(--main-radius-sp);overflow:hidden}
.close{position:absolute;right:5px;top:5px;cursor:pointer;width:24px;height:24px;opacity:.2;transition:all .2s;z-index:4}
.close:hover,.close:focus{opacity:1}
.modal-content{height:auto;max-height:420px;display:flex;align-items:center;justify-content:center;padding:10px 0}
.modal0{max-width:370px;width:100%;height:auto;margin:auto auto 0}
.modal1{width:80%;max-width:240px;height:auto;margin:0 auto}
.modal2{padding:15px 8px;font-size:13px;line-height:1.7}
.modal-inner{width:96%;height:auto}
.normal_btn{font-size:15px;padding:15px 30px}
.news{margin:60px auto;padding:0 16px}
.news__title{font-size:24px;margin-bottom:16px}
.news-item{padding:12px;gap:12px}
.news-item__date{font-size:11px}
.news-item__text{font-size:12px}
.news_li{height:auto;overflow:auto}
.news_li li{font-size:16px;margin:0;padding:0;position:relative;list-style-type:none}
.news_li li:last-child{border:none}
.cat{background:#464646;color:#fff;width:190px;display:inline-block;text-align:center;vertical-align:top}
.up_ymd{padding:5px 0 0;display:block;vertical-align:top;font-weight:bold}
.title{display:block;width:100%;line-height:1.4;padding:0;}
.title460{width:100%}
.news_li li a{display:block;height:100%;width:100%;color:#333;padding:16px 0;box-sizing:border-box;overflow:hidden;text-decoration:none}
.news-line-wrap {height: auto;display: block;width: 100%;border-top: 1px dashed #ccc;}
.news-line{display: flex;align-items: center;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:13px;line-height:25px;}
/* .news_li li .news-line a{padding:8px 0;} */
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: middle;}
.news-line p{display: inline-block;text-decoration: none;}
.news-line{top: -8px!important;}
.news-line img{margin-left: 5px;}
.news__button {margin:20px auto;display: block;width: 200px;text-align: center; background: var(--navy);color: #fff;border: 1px solid var(--navy);font-size: 16px;padding: 6px 40px;border-radius: 22px;text-decoration: none;transition:all .2s}
.news__button:hover,.news__button:focus{background: #fff;color: var(--navy);}
.contact{padding:40px 20px}
.footer__container{display:block}
.footer__logo img{margin:auto}
.footer__content{text-align:center;border-bottom:1px solid #fff;padding-bottom:40px}
.footer__links{width:50%;float:left;padding:40px 0}
.footer__right{clear:both;border-top:1px solid #fff;padding-top:40px}
.nav-footer .footer__right{border-top:0;padding-top:0}
.footer__button{}
.nav-overlay__link{font-size:16px}
.banner-pa{width:240px}
}

/* タブレット・小さめラップトップ 768～1023.9px */
@media screen and (min-width:768px) and (max-width:1023.9px){
.sp{display:none}
.hero__title{font-size:88px;}
.content-grid__container .content-card:nth-child(2n).content-card--pop{animation-delay:.1s;}
.news_li{height:auto;overflow: auto;}
.news_li li{font-size:15px;margin:0;padding:0;position:relative;}
.news_li li:last-child{border:none;}
.cat{background:#464646;color:#fff;width:178px;display:inline-block;text-align:center;vertical-align:top;line-height: 34px;min-height: 34px;}
.title{display:inline-block;width:335px;vertical-align:top;padding:4px 0;}
.title460{width:286px;}
.news_li li a{display:block;height:100%;width:100%;color:#333;padding:12px 16px;box-sizing:border-box;text-decoration: none;}
.news-line-wrap {height: auto;display: block;width: calc(100% - 193px);margin-left: 193px;border-top: 1px dashed #ccc;}
.news-line{display: flex;align-items: center;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:15px;line-height:25px;}
.news-line span{color:#06c755;}
.news-line img{display: inline-block;width:25px;height:25px;text-decoration: none;vertical-align: bottom;}
.news-line p{display: inline-block;text-decoration: none;}
.news__button {position: absolute;right: 20px;top: 20px;background: var(--navy);color: #fff;border: 1px solid var(--navy);font-size: 16px;padding: 6px 40px;border-radius: 22px;text-decoration: none;transition:all .2s}
.news__button:hover,.news__button:focus{background: #fff;color: var(--navy);}
.content-grid__container{grid-template-columns:repeat(2,1fr)}
.footer__container{grid-template-columns:1fr 1fr;gap:24px}

.footer__button{background:var(--bluegray);color:#fff;text-align: center; width:180px;padding:12px 0;border-radius:10px;font-size:16px;transition:all .2s;text-decoration:none;display:inline-block}
.banner-pa{background: linear-gradient(45deg, #B67B03 20%, #FEE9A0 35%, #DAAF08 50%, #B67B03 75%);background-size: 600% 600%;
animation: kira 3s ease infinite;display: block;padding:5px;line-height: 0;transition:all .2s;width:180px;}

.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.7);opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .4s ease-out}
.modal.show{display:block;opacity:1;transform:scale(1)}
.modal.hide{opacity:0;transform:scale(1.2);transition:transform .3s ease-out,opacity .2s ease-out}
.modal-content{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;margin:auto;padding:0;width:748px;height:90%;border-radius:var(--main-radius);overflow:hidden}
.close{position:absolute;right:10px;top:10px;cursor:pointer;width:48px;height:48px;opacity:.2;transition:all .2s}
.close:hover,.close:focus{opacity:1}
}

/* PC 1024px～（共通のPC用があればここに） */
@media screen and (min-width:1024px){
.sp{display:none}
.content-grid__container .content-card:nth-child(2n).content-card--pop{animation-delay:.2s;}
.news-line-wrap{position: absolute;right: 0;top:0;z-index: 1;height: 100%;display: block;width: 340px}
.news-line{position:absolute;z-index:1;right:0;bottom:0;display: flex;align-items: center;height:100%;
justify-content: center;text-decoration: none;color:#1a2c79;font-size:15px;line-height:25px;}
.news__button {position: absolute;right: 20px;top: 20px;background: var(--navy);color: #fff;border: 1px solid var(--navy);font-size: 16px;padding: 6px 40px;border-radius: 22px;text-decoration: none;transition:all .2s}
.news__button:hover,.news__button:focus{background: #fff;color: var(--navy);}
}