@charset "utf-8";
.contents .content { position: relative; padding-bottom: 40px; margin-top: 60px; border-bottom: 1px solid #00000050; }
.contents .content:first-child { margin-top: 0; }
.contents .content:last-child { padding-bottom: 0; border-bottom: none; }
.copy_english { position: absolute; top: -40px; left: -20px; font-size: 50px; opacity: 0.05; }
.copy { font-size: 24px; margin-bottom:32px; }
.case_wrap ul li { padding: 32px 0 0; }
.case_wrap ul li img { padding: 12px 0 0; width: 100%; }
.case_title { font-size: 16px; }
.case_text { font-size: 14px; color: #696D70; line-height:1.7em; display:block; }
.flex_item img { width:100%; }
@media screen and (min-width:768px) {
    .contents { margin-top: 160px; }
    .contents .content { padding: 0 46px; margin-top: 200px; border-bottom: none;}
    .contents .content:first-child { margin-top: 0; }
    .copy_english { top: -80px; left: 0px; font-size: 96px; }
    .copy.inline_pc { font-size: 32px; margin-bottom:30px; display:inline-block; }
    .case_wrap ul { display: flex; margin-top: 40px; gap: 0 5%; flex-wrap:wrap; }
    .case_wrap ul li { padding: 0; width: 30%; }
    .case_wrap ul li:first-child { margin-bottom:20px; }
    .case_wrap ul li:nth-child(2) {margin-bottom: 20px;}
    .case_wrap ul li:nth-child(3) {margin-bottom: 20px;}
    .flex_wrap { display:block; }
    .flex_item img { width: 360px; margin:30px auto 0 auto; display:block; }
}
@media screen and (min-width:1024px) {
    .flex_wrap { display: flex; }
    .flex_item img { width: 360px; margin: 4px 0 0 80px; }

}
.contents p { margin-top:20px; }
.copy.inine_sp { display:block; }
.copy.inine_pc { display:none; }
@media screen and (min-width:768px) {
    .contents p { margin-top:initial; }
    .copy.inine_pc { display:block; }
    .copy.inine_sp { display:none; }
}