@charset "UTF-8";
.container .pic-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .second-col{
  background: linear-gradient(135deg, rgb(231, 217, 237) 0%, rgb(217, 218, 239) 50%, rgb(221, 251, 247) 100%);
}
.container .second-col .col-wrapper{
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 8px rgb(125 125 125);
}
.container .second-col .col-wrapper section{
  margin-bottom: 0;
}
.container h1 {
  background-image: url(../../images/title_sp.webp);
}
@media only screen and ( max-width : 768px ) {
  .container .second-col{
    padding: 14vw 6vw;
    margin: 14vw 0;
  }
  .container .second-col .col-wrapper{
    padding: 8vw 6vw;
  }
  .container .second-col .col-wrapper h3{
    padding: 8vw 0 0;
  }
  .container .second-col .col-wrapper h3::before{
    left: 0;
  }
  .container .second-col .col-wrapper p{
    padding: 0;
  }
  .container .pic-area{
    padding: 0;
    height: auto;
    float: none;
    margin-bottom: 14vw;
  }
  .container .pic-area::before {
    left: 4vw;
    width: 88vw;
    transform: translate(4vw, 4vw);
  }
  .container .second-col .col-wrapper .pic-area{
    padding: 0;
  }
}
@media only screen and ( min-width : 769px ) {
  .container h1 {
    background-image: url(../../images/title_pc.webp);
  }
  .container .col-wrapper {
    max-width: 1200px;
    margin: 0 auto 180px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .container .col-wrapper:last-child {
    margin-bottom: 0;
  }
  .container .col-wrapper.first{
    margin-bottom: 120px;
  }
  .container .col-wrapper h2{
    width: 100%;
  }
  .container .second-col{
    padding: 140px 0;
    margin-bottom: 140px;
  }
  .container .second-col .col-wrapper{
    padding: 60px;
    /*padding-right: 640px;*/
    margin-bottom: 0;
  }
  .container .txt-area{
    float: left;
    width: 50%;
  }
  .container .txt-area p{
    margin-bottom: 2vw;
  }
  .container .pic-area{
    float: right;
    margin-left: 10%;
    width: 40%;
  }
}