@charset "UTF-8";

.case-column{display:grid;grid-template-columns:1fr calc(340/1100*100%);gap:0 calc(40/1100*100%);margin-top:40px;}
.case-column--reverse{grid-template-columns:calc(340/1100*100%) 1fr;}
.case-column--reverse .case-column__text{grid-column:2/3;grid-row:1/2;}
.case-column--reverse .case-column__img{grid-column:1/2;grid-row:1/2;}
@media only screen and (max-width: 767px) {
	.case-column{display:block;margin-top:20px;}
	.case-column .case-column__img{margin-top:20px;}
}

.case-mv{box-sizing:border-box;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:50px 13px;min-height:370px;margin-top:45px;}
.case-mv__bg{position:absolute;top:0;left:0;width:100%;height:100%;}
.case-mv__bg img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.case-mv__heading{display:grid;font-size:100%;position:relative;text-shadow:0 0 8px rgba(0,0,0,.8);}
.case-mv__heading__company{font-size:calc(28/16*100%);font-weight:500;}
.case-mv__heading__title{font-size:calc(40/16*100%);font-weight:700;line-height:calc(60/40);margin-top:15px;}
@media only screen and (max-width: 767px) {
	.case-mv{padding:20px 15px;min-height:180px;margin-top:25px;}
	.case-mv__bg{border-radius:10px;overflow:hidden;}
	.case-mv__heading{text-shadow:0 0 4px rgba(0,0,0,.8);}
	.case-mv__heading__company{font-size:calc(14/16*100%);}
	.case-mv__heading__title{font-size:calc(19/16*100%);line-height:calc(58/38);margin-top:5px;}
}

.case-introduction{margin-top:65px;}
.case-introduction__read{font-size:calc(18/16*100%);font-weight:700;line-height:calc(36/18);}
.case-introduction__index{background-color:#f7f8ff;border:1px solid #d4d4d4;border-radius:20px;padding:54px 59px;margin-top:40px;}
.case-introduction__index__list{background-color:#fff;border-radius:20px;display:grid;grid-template-columns:100px 1fr;padding:14px 20px;}
.case-introduction__index__list+.case-introduction__index__list{margin-top:10px;}
.case-introduction__index__list>dt{align-self:center;font-size:100%;font-weight:700;line-height:1;text-align:center;}
.case-introduction__index__list>dt>span{box-sizing:border-box;background-color:#425df5;border-radius:19px;color:#fff;display:flex;align-items:center;justify-content:center;width:84px;min-height:38px;}
.case-introduction__index__list>dd{align-self:center;font-size:100%;font-weight:700;line-height:calc(24/16);}
.case-introduction__index__text{box-sizing:border-box;background-color:#425df5;border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(18/16*100%);font-weight:700;line-height:calc(44/30);text-align:center;padding:10px 14px;margin-top:35px;min-height:58px;}
@media only screen and (max-width: 767px) {
	.case-introduction{margin-top:25px;}
	.case-introduction__read{font-size:100%;line-height:calc(48/32);}
	.case-introduction__index{border-radius:10px;padding:19px;margin-top:40px;}
	.case-introduction__index__list{border-radius:10px;grid-template-columns:65px 1fr;padding:14px 10px;}
	.case-introduction__index__list+.case-introduction__index__list{margin-top:5px;}
	.case-introduction__index__list>dt{font-size:calc(13/16*100%);}
	.case-introduction__index__list>dt>span{border-radius:14px;width:57px;min-height:28px;}
	.case-introduction__index__list>dd{font-size:calc(13/16*100%);line-height:calc(34/26);}
	.case-introduction__index__text{border-radius:10px;font-size:calc(15/16*100%);text-align:left;padding:14px 20px;margin-top:20px;min-height:0%;}
}

.case-interviewee{background-color:#f7f8ff;}
.case-interviewee__heading{display:flex;justify-content:center;font-size:calc(28/16*100%);font-weight:700;overflow:hidden;}
.case-interviewee__heading>span{display:block;position:relative;padding:0 30px;}
.case-interviewee__heading>span::before,
.case-interviewee__heading>span::after{background-color:#d4d4d4;content:"";position:absolute;top:50%;left:100%;width:100vw;height:1px;}
.case-interviewee__heading>span::after{left:auto;right:100%;}
.case-interviewee__list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(138/1100*100%);list-style:none;margin-top:20px;}
.case-interviewee__list>li{position:relative;}
.case-interviewee__list>li:not(:last-child)::before,
.case-interviewee__list>li:not(:last-child)::after{background-color:#425df5;content:"";position:absolute;top:0;left:calc(100% + (29/275*100%));margin-top:calc(137/275*100%);width:calc(80/275*100%);height:3px;transform:rotate(45deg);}
.case-interviewee__list>li:not(:last-child)::after{transform:rotate(-45deg);}
.case-interviewee__list>li>span{display:block;font-size:calc(18/16*100%);font-weight:700;text-align:center;margin-top:15px;}
@media only screen and (max-width: 767px) {
	.case-interviewee__heading{font-size:calc(18/16*100%);margin:0 -15px;}
	.case-interviewee__heading>span{padding:0 15px;}
	.case-interviewee__list{display:grid;grid-template-columns:1fr;gap:50px 0;margin-top:20px;}
	.case-interviewee__list>li{text-align:center;}
	.case-interviewee__list>li:not(:last-child)::before,
	.case-interviewee__list>li:not(:last-child)::after{top:calc(100% + 21px);left:calc(50% - 21px);margin-top:0;width:42px;height:2px;}
	.case-interviewee__list>li>img{max-width:calc(310/750*100vw);}
	.case-interviewee__list>li>span{font-size:calc(14/16*100%);margin-top:7px;}
}

.case-interview{background-color:#eeeeee;}
.case-interview__list{display:grid;gap:20px 0;margin-top:40px;}
.case-interview__list__section{background-color:#fff;border-radius:20px;padding:55px calc(60/1100*100%);}
.case-interview__list__section .case-column{margin-top:0;grid-template-columns:1fr calc(307/980*100%);gap:0 calc(40/980*100%);}
.case-interview__list__section .case-column .case-column__text{grid-column:1/2;grid-row:1/2;align-self:center;}
.case-interview__list__section .case-column .case-column__img{grid-column:2/3;grid-row:1/2;}
@media only screen and (max-width: 767px) {
	.case-interview__list{margin-top:25px;}
	.case-interview__list__section{border-radius:10px;padding:20px 20px 25px;}
	.case-interview__list__section .case-column .case-column__text{margin-top:20px;}
	.case-interview__list__section .case-column .case-column__img{margin-top:0;}
	.case-interview__list__section .case-column .case-column__img>.c-img>img{width:100%;}
}

.case-information{background-color:#f7f8ff;}
.case-information__column{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:0 calc(60/1100*100%);}
.case-information__column__head{grid-column:1/2;grid-row:1/2;align-self:end;}
.case-information__column__body{grid-column:1/2;grid-row:2/3;margin-top: 20px;}
.case-information__column__img{grid-column:2/3;grid-row:1/3;}
@media only screen and (max-width: 767px) {
	.case-information__column{display:block;}
	.case-information__column__img{margin-top: 25px;}
	.case-information__column__img>.c-img>img{width:100%;}
}