/* ly-section_card */
.ly-section_card{
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  background: #fff;
  position: relative;
}
.ly-section_card::before{
  content: '';
  position: absolute;
  z-index: 1;
}
.ly-section_card::after{
  content: '';
  width: 88%;
  height: 413px;
  position: absolute;
  bottom: 0;
}
.ly-section_card_content{
  background: #fff;
  box-shadow: 1.364px 1.463px 10px 0px rgba(33, 33, 33, 0.1);
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 104px;
}
.ly-section_card_content_inner{
  display: flex;
  align-items: center;
  padding: calc(108 / 1366 * 100%) 0 calc(114 / 1366 * 100%) calc(110 / 1366 * 100%);
  max-width: 917px;
}
.ly-section_image{
  max-width: 280px;
  width: calc(280 / 1366 * 100vw);
}
.ly-section_desc{
  flex-shrink: 0;
  padding-left: calc(80 / 1040 * 100%);
}
.ly-section_text{
  font-size: 16px;
  line-height: 2.5;
  letter-spacing: 1.5px;
  margin-top: calc(58 / 1040 * 100%);
}
@media all and (max-width:800px) {
  .ly-section_card::before{
    top: 0;
    width: 100%;
    height: 220px;
  }
}
@media all and (min-width:801px) {
  .ly-section_card{
    padding-top: 100px;
  }
  .ly-section_card::before{
    top: 100px;
  }
}
@media all and (min-width:801px) and (max-width:900px) {
  .ly-section_card_content{
    width: 755px;
  }
}
@media all and (min-width:801px) and (max-width:1600px){
  .ly-section_card::before{
    width: calc(573 / 1366 * 100vw);
    height: calc(390 / 1366 * 100vw);
  }
}
@media all and (min-width:901px) and (max-width:1600px) {
  .ly-section_card_content{
    max-width: 1240px;
    width: max(800px,calc(1068 / 1366 * 100vw));
  }
}
@media all and (min-width:1601px) {
  .ly-section_card::before{
    height: 390px;
    right: 6vw;
    width: 32vw;
  }
  .ly-section_card::after{
    width: 100%;
    max-width: 1385px;
  }
  .ly-section_card_content{
    width: 1240px;
  }
}


/* 右レイアウト */
.ly-section_card--pc--right .ly-section_card_content{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.ly-section_card--pc--right::after{
  right: 0;
}
@media all and (min-width:801px) {
  .ly-section_card--pc--right{
    justify-content: flex-end;
  }
}
@media all and (min-width:801px) and (max-width:1600px){
  .ly-section_card--pc--right::before{
    left: calc(-117 / 1366 * 100vw);
  }
}
@media all and (min-width:901px) and (max-width:1600px) {
  .ly-section_card--pc--right .ly-section_card_content{
    margin-left: calc(123 / 1366 * 100vw);
  }
}
@media all and (min-width:1601px) {
  .ly-section_card--pc--right::before{
    /* left: calc(100% - 1240px - 420px); */
    width: 32vw;
    left: 6vw;
  }
}

/* 左レイアウト */
.ly-section_card--pc--left .ly-section_card_content{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.ly-section_card--pc--left::after{
  left: 0;
}
@media all and (min-width:801px) {
  .ly-section_card--pc--left{
    overflow: hidden;
  }
  .ly-section_card--pc--left .ly-section_card_content_inner{
    margin: auto;
  }
}
@media all and (min-width:801px) and (max-width:1600px){
  .ly-section_card--pc--left::before{
    right: calc(-117 / 1366 * 100vw);
  }
}
@media all and (min-width:901px) and (max-width:1600px) {
  .ly-section_card--pc--left .ly-section_card_content{
    margin-right: calc(123 / 1366 * 100vw);
  }
}
@media all and (min-width:1601px) {
  .ly-section_card--pc--left::before{
    /* right: calc(100% - 1240px - 490px); */
  }
}

/* サブタイトル 1行 */
.sec_enjoy .ly-section_sub-tilte img {
  height: 58px;
  width: auto;
}
/* サブタイトル 2行 */
.sec_about .ly-section_sub-tilte img,
.sec_know .ly-section_sub-tilte img,
.sec_soymilk .ly-section_sub-tilte img,
.sec_whats .ly-section_sub-tilte img{
  height: 95px;
  width: auto;
}


@media (max-width: 800px){
  .ly-section_card{
    max-width: 100%;
    padding-bottom: 50px;
    /* margin-top: 80px; */
  }
  .sec_whats.ly-section_card {
    background-color: var(--secondary-blue) !important;
  }
  .sec_about.ly-section_card {
    background: #e7f8fe !important;
  }
  .sec_know.ly-section_card {
    background: #e7f9e5 !important;
  }
  .sec_soymilk.ly-section_card {
    background: #e5eef6 !important;
  }
  .ly-section_card::after{
    display: none;
  }
  .ly-section_card_imgBg{
    margin-left: 0;
    margin-right: unset !important;
    width: 100%;
    top: -80px;
  }
  .ly-section_card_content{
    border-radius: 10px !important;
    width: 335px;
    margin: 80px auto 0;
  }
  .ly-section_card_content_inner{
    padding: 36px 0;
    max-width: 100%;
    flex-direction: column;
  }
  .ly-section_sub-tilte img{
    height: 40px;
    display: block;
    margin: 22.5px auto 0;
  }
  .ly-section_text{
    font-size: 12px;
    font-feature-settings: "palt";
    line-height: 2.25;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .ly-section_desc{
    padding: 0;
    width: 100%;
  }
  .ly-section_image {
    max-width: 100%;
    width: 183.5px;
  }
  .sec_about .ly-section_image {
    width: 135px;
  }
  .sec_soymilk .ly-section_image {
    width: 197.5px;
  }
  .sec_enjoy .ly-section_image {
    width: 151px;
  }
  
  /* サブタイトル 1行 */
  .sec_enjoy .ly-section_sub-tilte img {
    height: 41px;
  }
  /* サブタイトル 2行 */
  .sec_about .ly-section_sub-tilte img,
  .sec_know .ly-section_sub-tilte img,
  .sec_whats .ly-section_sub-tilte img{
    height: 68px;
  }
    /* サブタイトル 3行 */
  .sec_soymilk .ly-section_sub-tilte img {
    height: 94px;
  }
}