.contents h2 {font-size: 5rem;font-weight: bold;max-width: 1200px;width: calc(100% - 50px);line-height: 1.5;margin: 0 auto 30px;}
.contents h2 span:not(.font-optima, .decrease) {display: block;font-size: clamp(16px,1.5vw,1.8rem);}
.contents .font-optima{font-weight: bold;}
.contents{padding: 100px 0 0px;background: #f5f5f5;}
.contents .contents_list{background: #f5f5f5;padding: 0px 0 40px;margin-bottom: 150px;}
.contents .contents_list .sub-txt{text-align: center;padding: 130px 0;font-weight: bold;font-size: 2.4rem;line-height: 2;}
.contents .flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.contents .box .s-tit{font-size: 2.5rem;font-weight: bold;}
/* box02 */
.contents .box{padding:0 120px;}
.contents .box_02 .box-info{margin: 40px 0;}
.contents .box_02 .box-info .tit{font-size: 1.8rem;font-weight: bold;line-height: 2;margin-bottom: 10px;}
/* .box_03 */
.contents .box_03 .tit{font-weight: bold;margin-bottom: 40px; line-height: 2;}
.contents .box_03 .row{padding-bottom: 60px;display: flex;justify-content: space-between;}
.contents .box_03 .row1{padding-bottom: 20px;}
.contents .box_03 .row .img2{bottom: -40px;position: relative;}
.contents .box_03 .row2{padding: 0 30px 60px 50px;}
.contents .box_03 .row1 figure:nth-of-type(1){width: 34%;}
.contents .box_03 .row1 figure:nth-of-type(2){width:28.8%;}
.contents .box_03 .row1 figure:nth-of-type(3){width:32.3%;}
.contents .box_03 .row2 figure:nth-of-type(1){width: 19.32%;padding-top: 10px;}
.contents .box_03 .row2 figure:nth-of-type(2){width: 49.54%;}
.contents .box_03 .row2 figure:nth-of-type(3){width: 20%;padding-top: 20px;}
.contents .box_03 .row3 figure:nth-of-type(1){width: 32.3%;}
.contents .box_03 .row3 figure:nth-of-type(2){width: 28.8%;}
.contents .box_03 .row3 figure:nth-of-type(3){width: 32.3%;}
.contents .box_03 .img-sp{display: none;}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
@media (max-width: 1209px) {
    .contents .box{padding:0 60px;}
}
@media (max-width: 1088px) {
    .contents .box{padding:0px;}
}
@media (max-width: 990px) {
    .contents .box_03 .row2{padding: 0;}
}
@media (max-width: 768px) {
    .contents .box{padding: 0;}
    .contents{padding-top: 70px;}
    .contents h2 {font-size: clamp( 2rem , 6.5vw, 5rem);margin-bottom: 20px;}
    .contents .box_02 .box-info{margin: 0;}
    .contents .box:not(:first-of-type){padding-top: 35px;}
    .contents .contents_list {padding: 0px 0 100px;margin-bottom: 50px;}
    .contents .box_03 .row{padding-bottom:60px;}
    .contents .box_03 .row1{padding-bottom: 20px;}
    .contents .box_03 .row .img2{bottom: -25px;}
    .contents .box_02 .box-info .tit{font-size: 1.6rem;}
  }
  @media (max-width: 576px) {
    .contents .box_03 .row{padding-bottom: 0;}
    .contents .box_03 .row2 .img2{display: none;}
    .contents .box_03 .img-sp{display: block; width: 48%;}
    .contents .box_03 .row{flex-wrap: wrap;}
    .contents .box_03 .row .img2{bottom: 0px;position: relative;}
    .contents .box_03 .row figure{margin-bottom: 20px;text-align: center;}
    .contents .box_03 .row1 figure:nth-of-type(1){width:48%;}
    .contents .box_03 .row1 figure:nth-of-type(2){width:48%;}
    .contents .box_03 .row1 figure:nth-of-type(3){width:48%;}
    .contents .box_03 .row2 figure:nth-of-type(1){width:48%;padding-top: 0;}
    .contents .box_03 .row2 figure:nth-of-type(2){width:48%;}
    .contents .box_03 .row2 figure:nth-of-type(3){width:48%;padding-top: 0;}
    .contents .box_03 .row3 figure:nth-of-type(1){width:48%;}
    .contents .box_03 .row3 figure:nth-of-type(2){width:48%;}
    .contents .box_03 .row3 figure:nth-of-type(3){width:48%;}
    .contents .box_03 img{width: 100%;height: 100%;}
  }