﻿.case-section .case-title{font-weight:700;font-size:2.4rem;text-align:center;padding:0;border:none;margin:0 0 20px;color:#f39800}@media screen and (min-width: 768px){.case-section .case-title{font-size:4rem;margin-bottom:50px}}.case-section .case-photo-list{display:grid;gap:50px}@media screen and (min-width: 768px){.case-section .case-photo-list{grid-template-columns:repeat(2, 1fr);gap:52px 40px}}@media screen and (max-width: 767px){.case-section .case-photo-main.s-dtl{margin:0 -15px}}.case-section .case-photo-main .s-img{background-color:#f0f0f0;padding:15px;margin-bottom:15px}@media screen and (min-width: 768px){.case-section .case-photo-main .s-img{padding:40px}}.case-section .case-photo-main figcaption{display:grid;grid-template-columns:repeat(2, 1fr);text-align:center;font-size:1.4rem;font-weight:500;color:#000}@media screen and (min-width: 768px){.case-section .case-photo-main figcaption{font-size:2rem}}.case-section .case-photo-sub{max-width:500px;margin:0 auto}.case-section .case-photo-card{text-decoration:none}.case-section .case-photo-card:hover{opacity:.7}.case-section .case-photo-card__title{font-weight:500;font-size:1.6rem;color:#000;margin:15px 0}@media screen and (min-width: 768px){.case-section .case-photo-card__title{font-size:1.8rem;margin:16px 0 30px}}.case-section .case-photo-card__cat{display:flex;gap:9px;flex-wrap:wrap}@media screen and (min-width: 768px){.case-section .case-photo-card__cat{gap:5px}}.case-section .case-photo-card .case-photo-main .s-img{padding:15px;margin-bottom:10px}@media screen and (min-width: 768px){.case-section .case-photo-card .case-photo-main .s-img{padding:20px}}.case-section .case-photo-card .case-photo-main figcaption{display:grid;grid-template-columns:repeat(2, 1fr);text-align:center;font-size:1.2rem;font-weight:500;color:#000}@media screen and (min-width: 768px){.case-section .case-photo-card .case-photo-main figcaption{font-size:1.4rem}}.case-section .case-cat{display:block;width:fit-content;line-height:28px;font-size:1.4rem;font-weight:500;color:#000;padding:0 10px;border-radius:50px}.case-section .case-cat.s-cat-01{background-color:#eaa796}.case-section .case-cat.s-cat-02{background-color:#c2e19a}.case-section .case-cat.s-cat-03{background-color:#8cc3e7}.case-section .case-cat.s-cat-04{background-color:#f4bb41}.case-section .case-search{margin-bottom:50px}.case-section .case-form{border:1px solid #65624e;color:#000;font-weight:500}.case-section .case-form-group{font-size:1.4rem;display:grid;line-height:1;grid-template-columns:80px 1fr;align-items:flex-start}@media screen and (min-width: 768px){.case-section .case-form-group{font-size:1.8rem;grid-template-columns:170px 1fr}}.case-section .case-form-group:not(:last-child){border-bottom:1px solid #65624e}.case-section .case-form-group:nth-child(even) .case-form-items-container{background-color:#fffae4}@media screen and (min-width: 768px){.case-section .case-form-group.s-01 .case-form-items-container{grid-template-columns:repeat(2, 1fr)}}.case-section .case-form-group.s-01 .case-form-title{background-color:#eaa796}@media screen and (max-width: 767px){.case-section .case-form-group.s-01 .input-item:not(:last-child){border-bottom:1px solid #65624e}}.case-section .case-form-group.s-02 .case-form-items-container{grid-template-columns:repeat(2, 1fr)}@media screen and (min-width: 768px){.case-section .case-form-group.s-02 .case-form-items-container{grid-template-columns:repeat(4, 1fr)}}.case-section .case-form-group.s-02 .case-form-title{background-color:#c2e19a}@media screen and (max-width: 767px){.case-section .case-form-group.s-02 .input-item:nth-child(odd){border-right:1px solid #65624e}.case-section .case-form-group.s-02 .input-item:nth-child(1),.case-section .case-form-group.s-02 .input-item:nth-child(2){border-bottom:1px solid #65624e}}.case-section .case-form-group.s-03 .case-form-items-container{grid-template-columns:repeat(2, 1fr)}@media screen and (min-width: 768px){.case-section .case-form-group.s-03 .case-form-items-container{grid-template-columns:repeat(4, 1fr)}}.case-section .case-form-group.s-03 .case-form-title{background-color:#8cc3e7}@media screen and (max-width: 767px){.case-section .case-form-group.s-03 .input-item:nth-child(odd){border-right:1px solid #65624e}.case-section .case-form-group.s-03 .input-item:nth-child(1),.case-section .case-form-group.s-03 .input-item:nth-child(2){border-bottom:1px solid #65624e}}.case-section .case-form-group.s-04 .case-form-items-container{grid-template-columns:repeat(3, 1fr)}@media screen and (min-width: 768px){.case-section .case-form-group.s-04 .case-form-items-container{grid-template-columns:repeat(5, 1fr)}}.case-section .case-form-group.s-04 .case-form-items-container .input-item-row{display:grid;grid-template-columns:repeat(2, 1fr);grid-column:1/4}@media screen and (min-width: 768px){.case-section .case-form-group.s-04 .case-form-items-container .input-item-row{grid-column:4/6}}@media screen and (max-width: 767px){.case-section .case-form-group.s-04 .case-form-items-container .input-item-row{border-top:1px solid #65624e}}@media screen and (max-width: 767px){.case-section .case-form-group.s-04 .case-form-items-container .input-item:not(:nth-child(3),:last-child){border-right:1px solid #65624e}}.case-section .case-form-group.s-04 .case-form-title{background-color:#f4bb41}.case-section .case-form-title{border-right:1px solid #65624e;padding:10px;font-weight:700;display:flex;align-items:center;height:100%}@media screen and (min-width: 768px){.case-section .case-form-title{padding:10px 20px}}.case-section .case-form-items-container{display:grid;height:100%}.case-section .input-item{display:inline-flex;align-items:center;padding:10px;flex-grow:1}@media screen and (min-width: 768px){.case-section .input-item{padding:10px 20px}}@media screen and (min-width: 768px){.case-section .input-item:not(:last-child){border-right:1px solid #65624e}}.case-section .input-item input[type=radio],.case-section .input-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0}.case-section .input-item label{position:relative;padding-left:25px;cursor:pointer;margin-left:0 !important;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px){.case-section .input-item label{padding-left:30px}}.case-section .input-item label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid #c8c8c8;box-sizing:border-box;background:#fff}.case-section .input-item label::after{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#f4bb41;opacity:0;transition:opacity .1s ease}.case-section .input-item input:checked+label::after{opacity:1}.case-section .case-form-button{position:relative;text-align:center;margin-inline:auto;margin-top:28px;width:100%;max-width:686px;transition:all .3s ease}@media screen and (min-width: 768px){.case-section .case-form-button{max-width:290px}}.case-section .case-form-button:hover{opacity:.7}.case-section .case-form-button::after{content:"";position:absolute;background:url("../img/ico_arrow.svg") no-repeat center center;background-size:contain;width:15px;height:15px;top:0;bottom:0;margin:auto;right:16px}.case-section .case-form-button .submit-button{width:100%;margin-inline:auto;background-color:#f4bb41;color:#000;border-radius:100vmax;box-shadow:2px 2px 5px rgba(0,0,0,.3);cursor:pointer;border:none;outline:none;appearance:none;font-size:1.4rem;font-weight:700;line-height:53px}@media screen and (min-width: 768px){.case-section .case-form-button .submit-button{line-height:72px;border-radius:7px;font-size:1.6rem}}.case-section .case-form-num{line-height:1;margin-top:30px;font-size:1.4rem;color:#65624e;text-align:center !important;font-weight:700}@media screen and (min-width: 768px){.case-section .case-form-num{margin-top:30px;font-size:1.6rem}}.case-dtl-head{background-color:#fffae4;padding:10px 0;margin-bottom:45px}.case-dtl-head__title{font-weight:700}@media screen and (min-width: 768px){.case-dtl-head__title{color:#000;display:flex;gap:1em;align-items:center}}@media screen and (max-width: 767px){.case-dtl-head__title>*{display:block}}.case-dtl-head__title .s-main{font-size:2rem}@media screen and (min-width: 768px){.case-dtl-head__title .s-main{font-size:3.2rem}}.case-dtl-head__title .s-sub{font-size:1.4rem}@media screen and (min-width: 768px){.case-dtl-head__title .s-sub{font-size:2.4rem}}.case-dtl-contents__title{font-weight:700;color:#65624e;font-size:2rem;line-height:1.5;margin-bottom:10px}@media screen and (min-width: 768px){.case-dtl-contents__title{font-size:4rem;margin-bottom:30px}}.case-dtl-contents__title--sub{color:#e79b37;font-size:2.4rem;font-weight:700;margin-bottom:20px}@media screen and (min-width: 768px){.case-dtl-contents__title--sub{font-size:3.2rem}}.case-dtl-section{margin-bottom:40px}@media screen and (min-width: 768px){.case-dtl-section{margin-bottom:50px}}.case-dtl-section .case-photo-card__cat{margin-bottom:30px}.case-dtl-info{display:flex;flex-wrap:wrap;gap:.5em 1em;font-weight:700;font-size:1.6rem}@media screen and (min-width: 768px){.case-dtl-info{font-size:2.3rem}}.case-dtl-info dt{color:#e79b37;width:7em}.case-dtl-info dd{width:calc(100% - 8em);color:#000}.case-dtl-info-sub{border:1px solid #000;padding:1em;margin-top:1em;display:flex;flex-wrap:wrap;font-weight:500;font-size:1.4rem;color:#000}@media screen and (min-width: 768px){.case-dtl-info-sub{font-size:1.6rem}}.case-dtl-info-sub dt{width:7em}.case-dtl-info-sub dd{width:calc(100% - 7em);display:flex}.case-dtl-info-sub dd::before{content:"："}.case-dtl-comment{background:#fffae4;padding:15px}@media screen and (min-width: 768px){.case-dtl-comment{padding:40px}}.case-dtl-comment__head{display:flex;gap:15px;align-items:center;margin-bottom:20px}@media screen and (min-width: 768px){.case-dtl-comment__head{margin-bottom:30px;gap:20px}}.case-dtl-comment__head .s-img{flex-shrink:0;width:80px}@media screen and (min-width: 768px){.case-dtl-comment__head .s-img{width:100px}}.case-dtl-comment__head .s-title{color:#e79b37;font-size:2.4rem;font-weight:700;line-height:1.25}@media screen and (min-width: 768px){.case-dtl-comment__head .s-title{font-size:3.2rem}}@media screen and (max-width: 767px){.case-dtl-comment__head .s-title .s-br{display:block}}.case-dtl-comment__text{font-size:1.4rem;color:#000;font-weight:500}@media screen and (min-width: 768px){.case-dtl-comment__text{font-size:1.6rem}}.case-dtl-comment__text p{margin-bottom:1em;line-height:1.75}.case-dtl-other{margin-top:50px}@media screen and (min-width: 768px){.case-dtl-other{margin-top:100px}}@media screen and (max-width: 767px){.case-dtl-other{margin-bottom:50px}}.case-dtl-other .case-form-button{margin-top:50px}@media screen and (min-width: 768px){.case-dtl-other .case-form-button{margin-top:100px}}@media screen and (min-width: 768px){.slider-case-other{margin:0 20px}}@media screen and (max-width: 767px){.slider-case-other{padding:0 60px}}.slider-case-other .swiper-button-next,.slider-case-other .swiper-button-prev{width:30px;height:30px;top:50%;transform:translateY(-50%);z-index:10}@media screen and (min-width: 768px){.slider-case-other .swiper-button-next,.slider-case-other .swiper-button-prev{width:50px;height:50px}}.slider-case-other .swiper-button-next::after,.slider-case-other .swiper-button-prev::after{display:none}.slider-case-other .swiper-button-prev{left:15px}@media screen and (min-width: 768px){.slider-case-other .swiper-button-prev{left:calc(33.3333333333% - 45px)}}.slider-case-other .swiper-button-next{right:15px}@media screen and (min-width: 768px){.slider-case-other .swiper-button-next{right:calc(33.3333333333% - 45px)}}.case-top{overflow:hidden}.case-top .case-section .case-photo-card{text-decoration:none}.case-top .case-section .case-photo-card:hover{opacity:1}.case-top .case-section .case-photo-card .case-photo-main .s-img{margin-bottom:0}.cases_slide_top{margin-bottom:10px}.cases_slide_top .swiper-wrapper,.cases_slide_bottom .swiper-wrapper{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.cases_slide_top .swiper-wrapper{animation:scroll-left 8s linear infinite}@media screen and (min-width: 768px){.cases_slide_top .swiper-wrapper{animation:scroll-left 20s linear infinite}}.cases_slide_bottom .swiper-wrapper{animation:scroll-right 8s linear infinite}@media screen and (min-width: 768px){.cases_slide_bottom .swiper-wrapper{animation:scroll-right 20s linear infinite}}@keyframes scroll-left{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100.1%, 0, 0)}}@keyframes scroll-right{0%{transform:translate3d(-100.1%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}/*# sourceMappingURL=style.css.map */