@charset "UTF-8";
@media screen and (min-width: 768px),print {

#caseshbox{padding: 8.3rem 5vw 0.3rem 5vw;}
#caseshbox .inner-Box{border: 1px solid #6594CB;border-radius: 15px;background: #fff;max-width: 1100px;margin: 0 auto;}
#caseshbox .inner-Box h2{text-align: center;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;margin: 0 2.9rem;}
#caseshbox .inner-Box h2 span::before{content: "";display: inline-block;width: 2rem;height: 2rem;background: url(../images/common/zoom.svg)no-repeat;margin-right: 1rem;top: 0.3rem;position: relative;}
#caseshbox input[type="radio"]{top: 0.1rem;}
.vkfs{padding: 2.2rem 0 0rem;}

.accordioncontents{margin: 0 auto;max-width: 916px;}
.accordioncontents .ttl{color: #6594CB;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;margin-bottom: 1.6rem;}
.accordioncontents .textt{text-align: center;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;margin-bottom: 2.5rem;}
.accordioncontents-in{border: 1px solid #6594CB;border-radius: 1.5rem;background: #fff;margin-bottom: 7.7rem;padding: 0 3rem;}
#fmacbtn{cursor:pointer;position:relative;padding: 2.7rem 0;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#fmacbtn::before{content:"";position:absolute;right: 0;top:50%;width: 14px;height:2px;background: #6594CB;transform:translateY(-50%);}
#fmacbtn::after{content:"";position:absolute;right: 6px;top:50%;width:2px;height: 14px;background: #6594CB;transform:translateY(-50%);transition:0.3s;}
#fmacbtn.open::after{ opacity:0; transform:translateY(-50%) scaleY(0); }

#case .gl-btn{ width: 28rem; margin: 0 auto; }
#case .no-result{ text-align: center; margin-bottom: 3rem; }

#caseshbox .vkfs button[type=submit]{cursor: pointer;border-radius: 100px;display: block;color: #fff;position: relative;padding: 0.5rem 0 0 4.1rem;transition: all 0.5s ease-in-out;width: 27.5rem;height: 5.2rem;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;margin: 0 auto;border: none;}
#caseshbox .vkfs button[type=submit]:hover{ color: #6594CB!important; background: #fff!important; outline:1px solid #6594CB;outline-offset:-1px;}
#caseshbox .vkfs button[type=submit]::before {content: "";display: block;transform-origin: center center;position: absolute;top: 2.2rem;right: 1.8rem;transition: all 0.2s ease-in-out;height: 16px;line-height: 1;background: #6594CB;width: 0.8rem;height: 0.8rem;border-radius: 50%;}
#caseshbox .vkfs button[type=submit]:hover::before { right: -1rem; opacity: 0; }

#caseshbox .vkfs__label-name{position: absolute;top: 0rem;left: 1rem;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #6594CB;}
#caseshbox .vkfs__outer-wrap{border-bottom: 1px #ccc solid;position: relative;padding: 0 0 1.2rem 13.2rem;}
#caseshbox .vkfs__outer-wrap::before{content: "";width: 9rem;height: 1px;background: #6594CB;position: absolute;bottom: -1px;left: 0;}
#caseshbox .vkfs__input-wrap{gap: 0;}
#caseshbox .vkfs__input-wrap li{display: inline-block;flex-basis: auto;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding-right: 7px;}
#caseshbox .vkfs input[type=checkbox]{top: 0.6rem;}
#caseshbox input[type="radio"]{top: 0.4rem;}
#casecontents{padding: 5.8rem 5vw 7.9rem 5vw;max-width: 1290px;margin: 0 auto;}

#casecontents .listbox{display:flex;flex-wrap:wrap;gap:2.68%;}
#casecontents .listbox li{width:31.545%;border: 1px solid #6594CB;border-radius: 10px;background: #fff;margin-bottom: 3.5rem;position: relative;}
#casecontents .listbox li a{display: block;padding: 3.1rem 3.1rem 7.1rem;}
#casecontents .listbox li .voiceicon{position: absolute;top: -1.8rem;left: -1px;background: url(../images/case/voice-back.svg)no-repeat top left;background-size: 100% auto;width: 16rem;height: 3.3rem;color: #fff;font-size: 1.4rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding: 0.4rem 0.4rem 0.4rem 1.5rem;}
#casecontents .listbox li .voiceicon::before{content: "";width:  1.3rem;height: 1.3rem;background: url(../images/case/voice-icon.svg)no-repeat;display: block;position: absolute;top: 1.2rem;right: 1.8rem;}

#casecontents .listbox li p.tagtext {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#casecontents .listbox li p.tagtext span {display: inline-block;padding: 0 0 0 2.6rem;margin: 0 1rem 0.5rem 0;position: relative;}
#casecontents .listbox li p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 1.8rem;display: block;height: 2rem;position: absolute;top: 0.2rem;left: 0rem;}

#casecontents .listbox li .tag-container {display: flex;flex-wrap: wrap;gap: 0.9rem 1rem;align-items: center;margin-bottom: 1.5rem;}
#casecontents .listbox li .tag-item {display: flex;align-items: center;gap: 0.9rem; /* ラベルと値の間の隙間 */}
#casecontents .listbox li .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.3rem 1.6rem;border-radius: 2rem;font-size: 1.4rem;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */}
#casecontents .listbox li .value {font-size: 1.4rem;font-weight: bold;}

#casecontents .listbox li .systemttl{font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 0.9rem;}
#casecontents .listbox li .systemttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#casecontents .listbox li .systext {font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1.3rem;}
#casecontents .listbox li .systext span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

#casecontents .listbox li .dltext{cursor: pointer;border-radius: 100px;display: block;color: #fff;position: absolute;padding: 0.8rem 0 0 2rem;transition: all 0.5s ease-in-out;width: 17.8rem;height: 3.5rem;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;bottom: 2rem;right: 2rem;}
#casecontents .listbox li a:hover .dltext{ color: #6594CB; background: #fff; outline:1px solid #6594CB;outline-offset:-1px;}
#casecontents .listbox li .dltext .arr {display: block;transform-origin: center center;position: absolute;top: 1.6rem;right: 1.8rem;transition: all 0.2s ease-in-out;height: 0.5rem;line-height: 1;background: #6594CB;display: block;width: 0.5rem;border-radius: 50%;}
#casecontents .listbox li a:hover .dltext .arr { right: -2rem; opacity: 0;}


/* dl-contents */
#contentscasedl01 {margin: 0 auto;position: relative;padding: 6.3rem 5vw 0rem 5vw;max-width: 1010px;}
#contentscasedl01 h2.f-en {margin-bottom: 2.9rem;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding: 0 0 0 1.7rem;}
#contentscasedl01 .inner-Box { margin: 0 auto; position: relative; }

#contentscasedl01 .inner-Box p.tagtext {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;top: 0.2rem;}
#contentscasedl01 .inner-Box p.tagtext span {display: inline-block;padding: 0 0 0 2.6rem;margin: 0 1rem 0.5rem 0;position: relative;}
#contentscasedl01 .inner-Box p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 1.8rem;display: block;height: 2rem;position: absolute;top: 0.2rem;left: 0rem;}

#contentscasedl01 .inner-Box .tag-container {display: flex;flex-wrap: wrap;gap: 0.9rem 3rem;align-items: center;margin-bottom: 1.5rem;justify-content: flex-start;}
#contentscasedl01 .inner-Box .tag-item {display: flex;align-items: center;gap: 0.9rem; /* ラベルと値の間の隙間 */}
#contentscasedl01 .inner-Box .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.3rem 1.6rem;border-radius: 2rem;font-size: 1.4rem;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */}
#contentscasedl01 .inner-Box .value {font-size: 1.4rem;font-weight: 500;}


#contentscasedl01 .inner-Box h1 {margin-bottom: 2.3rem;position: relative;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentscasedl01 .inner-Box p.voicebtn {margin-bottom: 30px;position: relative;text-align: right;margin-right: 0.3rem;}
#contentscasedl01 .inner-Box p.voicebtn a {font-size: 1.2rem;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;display: inline-block;border: #6594CB 1px solid;color: #6594CB;background: #fff;border-radius: 3rem;padding: 0.6rem 3.6rem 0.6rem 1.9rem;}
#contentscasedl01 .inner-Box p.voicebtn a .arr {transition: all 0.3s ease-in-out;transform: rotate(90deg);transform-origin: center;position: absolute;top: 0.7rem;right: 1.4rem;}
#contentscasedl01 .inner-Box p.voicebtn a .arr img{width: 0.9rem;}
#contentscasedl01 .inner-Box p.voicebtn a:hover .arr{ top: 1rem; }
#contentscasedl01 div {/* margin: 0 auto; */position: relative;}

#contentscasedl01 .blogstaff{border: 1px solid #6594CB;min-width: 815px;border-radius: 1.6rem;background: #fff;padding: 0 2rem;margin-bottom: 7.5rem;}
#contentscasedl01 .blogstaff h3{text-align: center;position: relative;z-index: 3;margin-bottom: 2rem;}
#contentscasedl01 .blogstaff .pen{ position: relative; top: -0.4rem; }
#contentscasedl01 .blogstaff .staffttl{ color: #6594CB; font-size: 1.8rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 700; text-align: left; position: relative; top: -1.4rem; }
#contentscasedl01 .blogstaff .staffttl::before{content: "";display: block;position: absolute;background: #fff;width: 23.6rem;height: 1rem;left: 50%;top: 1.3rem;transform: translateX(-50%);z-index: -1;}

#contentscasedl01 .blogstaff .inner-Box{display:flex;gap:3.8rem;max-width: 700px;margin: 0 auto;padding-bottom: 2.7rem;}
#contentscasedl01 .blogstaff .staff-photo{width:12rem;flex-shrink:0;padding-top: 0.3rem;text-align: center;}
#contentscasedl01 .blogstaff .staff-text{flex:1;}

#contentscasedl01 .blogstaff .stphoto{ margin-bottom: 0.9rem; }
#contentscasedl01 .blogstaff .stphoto img{width: 100%;height: auto;border-radius: 50%;}
#contentscasedl01 .blogstaff h4{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;margin: 0 -1rem;}
#contentscasedl01 .blogstaff h4 span{ font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 400; text-align: left;}
#contentscasedl01 .blogstaff .stext{font-size: 1.4rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1.6rem;}

#contentscasedl02 {margin: 0 auto 10rem;position: relative;padding: 0rem 5vw 0rem;max-width: 1010px;}
#contentscasedl02 h2.f-en {margin-bottom: 2.9rem;position: relative;font-size: 7.0rem;line-height: 1.28;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding: 0 0 0 1.7rem;}
#contentscasedl02 .inner-Box { margin: 0 auto; position: relative; }
#contentscasedl02 .inner-Box p.voicetext {margin-bottom: 2.7rem;position: relative;padding-left: 15.7rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contentscasedl02 .inner-Box p.voicetext:nth-child(2) { margin-bottom: 4.8rem; }
#contentscasedl02 .inner-Box p.voicetext:nth-child(3) {margin-bottom: 6.3rem;}
#contentscasedl02 .inner-Box p.voicetext span {width: 13.6rem;height: 2.8rem;display: block;background: #6594CB;border-radius: 4rem;color: #fff;text-align: center;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.1em;font-weight: 500;text-align: center;padding: 0.4rem 0rem;position: absolute;top: 0;left: 0;}
#contentscasedl02 .wysiwyg { margin: 0 auto; position: relative; }

}

@media screen and (max-width: 767px) {
#caseshbox{padding: 4.73vw 1.3vw 0.8vw;}
#caseshbox .inner-Box{border: 0.27vw solid #6594CB;border-radius: 4.0vw;background: #fff;margin: 0 4vw;}
#caseshbox .inner-Box h2{text-align: left;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;margin: 0 4.73vw;}
#caseshbox .inner-Box h2 span::before{content: "";display: inline-block;width: 5.33vw;height: 5.33vw;background: url(../images/common/zoom.svg)no-repeat;margin-right: 2.67vw;top: 0.8vw;position: relative; background-size: 100% auto;}
#caseshbox input[type="radio"]{
    flex-shrink: 0;
}
.vkfs{padding: 0 0vw;}

.accordioncontents{margin: 0 4vw;}
.accordioncontents .ttl{color: #6594CB;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;margin-bottom: 4.27vw;}
.accordioncontents .textt{text-align: center;font-size: 4.27vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;margin-bottom: 6.67vw;}
.accordioncontents-in{border: 0.27vw solid #6594CB;border-radius: 4.0vw;background: #fff;margin-bottom: 20.53vw;padding: 0 8vw;}
#fmacbtn{cursor:pointer;position:relative;padding: 7.2vw 0 6.2vw 0;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#fmacbtn::before{content:"";position:absolute;right: 0.4vw;top:50%;width: 4.03vw;height:0.53vw;background: #6594CB;transform:translateY(-50%);}
#fmacbtn::after{content:"";position:absolute;right: 2vw;top:50%;width:0.53vw;height: 3.73vw;background: #6594CB;transform:translateY(-50%);transition:0.3s;}
#fmacbtn.open::after{ opacity:0; transform:translateY(-50%) scaleY(0); }


#caseshbox .vkfs button[type=submit]{cursor: pointer;border-radius: 26.67vw;display: block;color: #fff;position: relative;padding: 1.33vw 0 0 10.93vw;transition: all 0.5s ease-in-out;width: 73.33vw;height: 13.87vw;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;margin: 0 4vw;border: none;}
#caseshbox .vkfs button[type=submit]:hover{ color: #6594CB!important; background: #fff!important; outline:0.27vw solid #6594CB;outline-offset:0vw;}
#caseshbox .vkfs button[type=submit]::before {content: "";display: block;transform-origin: center center;position: absolute;top: 5.87vw;right: 4.8vw;transition: all 0.2s ease-in-out;height: 4.27vw;line-height: 1;background: #6594CB;width: 2.13vw;height: 2.13vw;border-radius: 50%;}
#caseshbox .vkfs button[type=submit]:hover::before { right: -2.67vw; opacity: 0; }

#caseshbox .vkfs__label-name{position: relative;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #6594CB;top: -1.3vw;margin-bottom: 4.3vw;}
#caseshbox .vkfs__outer-wrap{border-bottom: 0.27vw #ccc solid;position: relative;padding: 0 0 3.2vw;margin-bottom: 6.1vw;}
#caseshbox .vkfs__outer-wrap::before{content: "";width: 14.4vw;height: 0.37vw;background: #6594CB;position: absolute;top: 7.1vw;left: 0.2vw;}
#caseshbox .vkfs__input-wrap{gap: 0;margin-bottom: 0vw;}
#caseshbox .vkfs__input-wrap li{display: inline-block;flex-basis: auto;font-size: 4.27vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding: 0.87vw;}

#casecontents{padding: 14.57vw 1.4vw 21.07vw;margin: 0 4vw;}

#casecontents .listbox{}
#casecontents .listbox li{width: 100%;border: 0.27vw solid #6594CB;border-radius: 2.67vw;background: #fff;margin-bottom: 9.33vw;position: relative;}
#casecontents .listbox li a{display: block;padding: 7.77vw 7.77vw 24.53vw;}
#casecontents .listbox li .voiceicon{position: absolute;top: -4.8vw;left: 0vw;background: url(../images/case/voice-back.svg)no-repeat top left;background-size: 100% auto;width: 42.67vw;height: 8.8vw;color: #fff;font-size: 3.73vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding: 1.07vw 1.07vw 1.07vw 4vw;}
#casecontents .listbox li .voiceicon::before{content: "";width: 3.47vw;height: 3.47vw;background: url(../images/case/voice-icon.svg)no-repeat;display: block;position: absolute;top: 3.2vw;right: 4.8vw; background-size: 100% auto;}

#casecontents .listbox li p.tagtext {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#casecontents .listbox li p.tagtext span {display: inline-block;padding: 0 0 0 6.93vw;margin: 0 2.67vw 1.33vw 0;position: relative;}
#casecontents .listbox li p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 4.8vw;display: block;height: 5.33vw;position: absolute;top: 0.53vw;left: 0vw;}

#casecontents .listbox li .tag-container {display: flex;flex-wrap: wrap;gap: 2.4vw 2.67vw;align-items: center;margin-bottom: 4vw;}
#casecontents .listbox li .tag-item {display: flex;align-items: center;gap: 3.6vw; /* ラベルと値の間の隙間 */}
#casecontents .listbox li .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.8vw 4.27vw;border-radius: 5.33vw;font-size: 3.73vw;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */}
#casecontents .listbox li .value {font-size: 3.73vw;font-weight: bold;}

#casecontents .listbox li .systemttl{font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 2.4vw;}
#casecontents .listbox li .systemttl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#casecontents .listbox li .systext {font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 3.47vw;}
#casecontents .listbox li .systext span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

#casecontents .listbox li .dltext{cursor: pointer;border-radius: 26.67vw;display: block;color: #fff;position: absolute;padding: 2.13vw 0 0 5.33vw;transition: all 0.5s ease-in-out;width: 47.47vw;height: 9.33vw;background: transparent linear-gradient(90deg, #4F88CB 0%, #6C9BD2 52%, #ACCDF4 100%) 0% 0% no-repeat padding-box;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;bottom: 7.73vw;right: 8.23vw;}
#casecontents .listbox li a:hover .dltext{ color: #6594CB; background: #fff; outline:0.27vw solid #6594CB;outline-offset:0vw;}
#casecontents .listbox li .dltext .arr {display: block;transform-origin: center center;position: absolute;top: 3.97vw;right: 3.6vw;transition: all 0.2s ease-in-out;height: 1.33vw;line-height: 1;background: #6594CB;display: block;width: 1.33vw;border-radius: 50%;}
#casecontents .listbox li a:hover .dltext .arr { right: -5.33vw; opacity: 0;}

#voicecontnts{display: block; padding-top: 40vw; margin-top: -40vw;}
/* dl-contents */
#contentscasedl01 {margin: 0 4vw 4.1vw;position: relative;padding: 1.8vw 0vw;}
#contentscasedl01 h2.f-en {margin-bottom: 2.73vw;position: relative;font-size: 9.57vw;line-height: 1.28;letter-spacing: 0.15em;font-weight: 500;text-align: center;}
#contentscasedl01 .inner-Box {margin: 0 1vw;position: relative;}

#contentscasedl01 .inner-Box p.tagtext {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;top: 0.53vw;}
#contentscasedl01 .inner-Box p.tagtext span {display: inline-block;padding: 0 0 0 6.93vw;margin: 0 2.67vw 1.33vw 0;position: relative;}
#contentscasedl01 .inner-Box p.tagtext span::before{content: "";background: url(../images/common/tag.svg)no-repeat;background-size: 100% auto;width: 4.8vw;display: block;height: 5.33vw;position: absolute;top: 0.23vw;left: 0vw;}

#contentscasedl01 .inner-Box .tag-container {
    margin-bottom: 5.1vw;
}
#contentscasedl01 .inner-Box .tag-item {display: flex;align-items: center;gap: 4.4vw; /* ラベルと値の間の隙間 */margin-bottom: 3vw;}
#contentscasedl01 .inner-Box .label {background-color: #7299c6; /* 画像に近い青色 */color: white;padding: 0.8vw 4.27vw;border-radius: 5.33vw;font-size: 3.73vw;white-space: nowrap; /* ラベル内での意図しない改行を防ぐ */}
#contentscasedl01 .inner-Box .value {font-size: 3.73vw;font-weight: 500;}

#case .no-result{ text-align: center; margin-bottom: 4vw;}
#contentscasedl01 .inner-Box h1 {margin-bottom: 6.13vw;position: relative;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentscasedl01 .inner-Box p.voicebtn {margin-bottom: 6vw;position: relative;text-align: right;margin-right: 0.8vw;}
#contentscasedl01 .inner-Box p.voicebtn a {font-size: 3.2vw;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;display: inline-block;border: #6594CB 0.27vw solid;color: #6594CB;background: #fff;border-radius: 8vw;padding: 1.6vw 9.6vw 1.6vw 5.07vw;}
#contentscasedl01 .inner-Box p.voicebtn a .arr {transition: all 0.3s ease-in-out;transform: rotate(90deg);transform-origin: center;position: absolute;top: 1.87vw;right: 3.73vw;}
#contentscasedl01 .inner-Box p.voicebtn a .arr img{width: 2.4vw;}
#contentscasedl01 .inner-Box p.voicebtn a:hover .arr{ top: 2.67vw; }
#contentscasedl01 div {/* margin: 0 4vw; */position: relative;}

#contentscasedl01 .blogstaff{border: 0.27vw solid #6594CB;background: #fff;padding: 0 2vw;border-radius: 3.1vw;margin: 23.1vw 0 4.8vw;}
#contentscasedl01 .blogstaff h3{text-align: center;position: relative;z-index: 3;margin-bottom: 4.1vw;}
#contentscasedl01 .blogstaff .pen{position: relative;top: -0.4rem;width: 4.53vw;display: inline-block;}
#contentscasedl01 .blogstaff .staffttl{color: #6594CB;position: relative;top: -3.2vw;font-size: 4.267vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contentscasedl01 .blogstaff .staffttl::before{content: "";display: block;position: absolute;background: #fff;width: 51vw;height: 1rem;left: 50%;top: 2.8vw;transform: translateX(-50%);z-index: -1;}

#contentscasedl01 .blogstaff .inner-Box{padding-bottom: 5vw;}
#contentscasedl01 .blogstaff .staff-photo{text-align: center;}
#contentscasedl01 .blogstaff .staff-text{margin: 0 4.9vw;}

#contentscasedl01 .blogstaff .stphoto{margin: 0 25.9vw 2.8vw;}
#contentscasedl01 .blogstaff .stphoto img{ width: 100%; border-radius: 50%; }
#contentscasedl01 .blogstaff h4{font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;margin: 0 0 4vw;}
#contentscasedl01 .blogstaff h4 span{font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;display: block;margin-bottom: 0.8vw;}
#contentscasedl01 .blogstaff .stext{font-size: 3.73vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 4.5vw;}


#contentscasedl02 {margin: 0 1vw;position: relative;}
#contentscasedl02 h2.f-en {margin-bottom: 2.73vw;position: relative;font-size: 9.57vw;line-height: 1.28;letter-spacing: 0.15em;font-weight: 500;text-align: center;}
#contentscasedl02 .inner-Box { margin: 0 4vw; position: relative; }
#contentscasedl02 .inner-Box p.voicetext {margin-bottom: 4vw;position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contentscasedl02 .inner-Box p.voicetext:nth-child(2) {margin-bottom: 3.8vw;}
#contentscasedl02 .inner-Box p.voicetext:nth-child(3) {margin-bottom: 6.8vw;}
#contentscasedl02 .inner-Box p.voicetext span {width: 36.27vw;height: 7.47vw;display: block;background: #6594CB;border-radius: 10.67vw;color: #fff;padding: 0.67vw 0vw;position: relative;top: 0;left: 0;font-size: 3.73vw;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: center;margin-bottom: 2.8vw;}
#contentscasedl02 .wysiwyg {position: relative;}
    
}