/* VISUAL */
.page_visual .page_title{
  width:100%;
  height:calc(100vh - 50px);
  background:url(/assets/img/about/visual_bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position:bottom center;
  color:#FFFFFF;
}
@media only screen and (min-width: 641px) {
  .page_visual .page_title{
    height:calc(100vh - 100px);
  }
}
/* COMMITMENT */
.sec_commitment {
  margin-top: 80px;
}
.sec_commitment .detail_block{
  display: grid;
  grid-template-columns: 1fr;
  gap:80px;
  margin-top:40px;
}
.sec_commitment .txt_box{
  margin-top:20px;
}
.sec_commitment .txt_box .read{
  text-align:center;
}
.sec_commitment .txt_box .txt{
  margin-top:15px;
}
.sec_commitment .photo_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  margin-top: 40px;
}
@media only screen and (min-width: 641px) {
  .sec_commitment {
    margin-top: 120px;
  }
  .sec_commitment .detail_block{
    margin-inline: calc(50% - 46.875cqi);
    gap:170px;
    margin-top:120px;
  }
  .sec_commitment .txt_box{
    margin-top:40px;
  }
  .sec_commitment .txt_box .txt{
    text-align:center;
    margin-top:20px;
  }
  .sec_commitment .photo_block {
    margin-top: 170px;
  }
}

/* SERIVE */
.sec_service {
  margin-top: 80px;
}
.sec_service .outer{
  background-color:#F8F8F2;
  margin:0 3.125%;
  padding:70px 0;
}
.sec_service .txt_block .read{
  margin-top:15px;
}
.sec_service .detail_block{
  display: grid;
  grid-template-columns: 1fr;
  gap:70px;
  margin-top:70px;
}
.sec_service .detail_item .photo{
  margin-bottom: 15px;
}
.sec_service .detail_item .txt_box .read{
  text-align:center;
}
.sec_service .detail_item .txt_box .txt{
  margin-top: 15px;
}
.sec_service .detail_item .txt_box .label{
  font-size:1.8rem;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  text-align:center;
}
.sec_service .detail_item .txt_box .label span{
  font-size:140%;
}
.sec_service .detail_item .txt_box .btn01{
  margin: 20px auto 0;
}
@media only screen and (min-width: 641px) {
  .sec_service {
    overflow-x: hidden;
    margin-top: 170px;
  }
  .sec_service .outer{
    padding:140px 0;
  }
  .sec_service .txt_block .read{
    text-align:center;
    margin-top:30px;
  }
  .sec_service .detail_block{
    gap:140px;
    margin-top:120px;
  }
  .sec_service .detail_item{
    display: flex;
    align-items:center;
  }
  .sec_service .detail_item:nth-child(even){
    flex-direction: row-reverse;
  }
  .sec_service .detail_item .photo{
    flex:1;
  }
  .sec_service .detail_item:nth-child(even) .photo{
    margin-right: calc(50% - 50vw);
  }
  .sec_service .detail_item:nth-child(odd) .photo{
    margin-left: calc(50% - 50vw);
  }
  .sec_service .detail_item .txt_box{
    width:47.5%;
    padding:0 5%;
  }
  .sec_service .detail_item .txt_box .read{
    text-align:left;
  }
  .sec_service .detail_item .txt_box .txt{
    margin-top:20px;
  }
  .sec_service .detail_item .txt_box .label{
    font-size:2.0rem;
    text-align:left;
  }
  .sec_service .detail_item .txt_box .btn01{
    margin: 20px 0 0;
  }
}

