@charset "UTF-8";




/* ******************************
 *　共通パーツ
 * *******************************/

/* A1明朝 */
.font_a1{
  font-family: 'A1 Mincho', 'Noto Serif JP', serif;
}
/* 中ゴシックBBB */
.font_bbb{
  font-family: 'Gothic Medium BBB', 'Noto Sans JP', sans-serif;
}
/* DM Sans */
.font_dm{
  font-family: 'DM Sans', 'Noto Sans JP', sans-serif;
}

/* 見出し */
.tt1{
  font-size: 26px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.tt1 .en{
  font-size: 0.5em;
  /*font-family: 'DM Sans', 'Noto Sans JP', sans-serif;*/
  font-family: 'Gothic Medium BBB', 'Noto Sans JP', sans-serif;
  /*color: #76706E;*/
  color: #A8A8A8;
  margin-top: 5px;
}
.tt1 .ja{
  font-size: 1em;
  margin-right: 0.1em;
}


.tt2{
  font-size: 26px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.tt2 .en{
  font-size: 0.42em;
  /*font-family: 'DM Sans', 'Noto Sans JP', sans-serif;*/
  font-family: 'Gothic Medium BBB', 'Noto Sans JP', sans-serif;
  /*color: #76706E;*/
  color: #A8A8A8;
  margin-top: 5px;
  
}
.tt2 .ja{
  font-size: 1em;
  margin-right: 0.5em;
  letter-spacing: 0.075em;
}

.tt3{
  
}
.tt3 span{
  
}
.tt4{
  
}
.tt4 span{
  
}
.tt5{
  
}
.tt5 span{
  
}


/* 縦書き */
.tate_r{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.tate{
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}

/* ページコンテンツ1 */
.pg_contents_wrap1{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pg_contents_wrap1 .box1{
  width: 70%;
  position: relative;
}
.pg_contents_wrap1 .box2{
  display: flex;
  flex-direction: row-reverse;
  width: 30%;
  position: relative;
}
.pg_contents_wrap1 .box3{
  width: 100%;
  position: relative;
  margin-top: 50px;
}
.pg_contents_wrap1 .box4{
  margin-top: 50px;
}
.pg_contents_wrap1 .img{
  position: relative;
}
/*.pg_contents_wrap1 .title{
  font-size: 20px;
}
.pg_contents_wrap1 .title .en{
  font-size: 0.5em;
  color: #76706E;
}
.pg_contents_wrap1 .title .ja{
  font-size: 1em;
  margin-right: 0.5em;
}*/
.pg_contents_wrap1 .title .txt1{
  line-height: 2.2;
}
.pg_contents_wrap1 .title .txt2{
  line-height: 2.2;
}

.pg_contents_wrap1 .tt2{
  margin-left: 15px;
}
.pg_contents_wrap1 .txt1{
  line-height: 2.3;
}

@media (max-width:374px){
  
}
@media (min-width:375px){
  
}
@media (max-width:767px){
  
  .tt1 .en,
  .tt2 .en{
    color: #76706E;
  }
  
  .tt2 .ja{
    white-space: nowrap;
  }
  
  /* ページコンテンツ1 */
  .pg_contents_wrap1 .box3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -50px;
  }
  .pg_contents_wrap1 .box3 .img{
    width: 48%;
  }
  .pg_contents_wrap1 .box3 .txt2{
    display: flex;
    align-items: flex-end;
    width: 50%;
    line-height: 2.2;
    /*letter-spacing: 2em;*/
  }
  
  .pg_contents_wrap1 .box1 .img{
    left: -40px;
  }
  .pg_contents_wrap1 .box3 .img{
    right: -40px;
  }
  .pg_contents_wrap1 .box3 .txt2{
    white-space: nowrap;
  }
  
  .pg_contents_wrap1 .box3 .line_illust{
    position: absolute;
    width: 346px;
    bottom: -25px;
    right: -170px;
  }
}
@media (min-width:768px){
  
  /* 見出し */
  .tt1{
    font-size: 24px;
    /*margin-left: 1.5em;*/
  }
  .tt1 .en{
  }
  .tt1 .ja{
    /*margin-top: -5px;*/
    margin-right: 0.5em;
  }
  
  .tt2{
    font-size: 24px;
    /*margin-left: 1.5em;*/
  }
  .tt2 .en{
  }
  .tt2 .ja{
    /*margin-top: -5px;*/
  }
  
  /* ページコンテンツ1 */
  .pg_contents_wrap1{
    
  }
  .pg_contents_wrap1 .box1{
    width: 70%;
  }
  .pg_contents_wrap1 .box2{
    width: 30%;
  }
  .pg_contents_wrap1 .box3{
    width: 100%;
    margin-top: 100px;
  }
  .pg_contents_wrap1 .img{
  }
  .pg_contents_wrap1 .title{
    font-size: 24px;
    margin-left: 1.5em;
  }
  /*.pg_contents_wrap1 .title .en{
  }
  .pg_contents_wrap1 .title .ja{
    margin-top: -5px;
  }*/
  .pg_contents_wrap1 .title .txt1{
    font-size: 18px;
  }
  .pg_contents_wrap1 .title .txt2{

  }
  
  .pg_contents_wrap1 .box1 .img{
    width: calc(100% + 180px);
    position: relative;
    left: -180px;
  }
  .pg_contents_wrap1 .box3 .img{
    /*width: calc(100% + 180px);*/
    position: relative;
    right: -180px;
    text-align: right;
  }
  
  .pg_contents_wrap1 .box2 .read_more{
    position: absolute;
    bottom: 0;
  }
  
  .home_point_wrap.row1{
    
  }
  .home_point_wrap.row1 .line_illust{
    position: absolute;
    width: 500px;
    bottom: -80px;
    left: -155px;
    z-index: 1;
  }
  
}
@media (min-width:1024px){
  
  /* 見出し */
  .tt1{
    font-size: 28px;
  }
  .tt1 .en{
  }
  .tt1 .ja{
  }
  
  .tt2{
    font-size: 28px;
  }
  .tt2 .en{
  }
  .tt2 .ja{
  }
  
  /* ページコンテンツ1 */
  .pg_contents_wrap1{
    
  }
  .pg_contents_wrap1 .box1{
    width: 56.16%;
  }
  .pg_contents_wrap1 .box2{
    width: 43%;
  }
  .pg_contents_wrap1 .box3{
    width: 100%;
    margin-top: 125px;
  }
  .pg_contents_wrap1 .img{
  }
  /*.pg_contents_wrap1 .title{
    font-size: 28px;
  }
  .pg_contents_wrap1 .title .en{
  }
  .pg_contents_wrap1 .title .ja{
    margin-top: -5px;
  }
  */
  .pg_contents_wrap1 .title .txt1{
    font-size: 18px;
  }
  .pg_contents_wrap1 .title .txt2{

  }
  
  .pg_contents_wrap1 .tt2{
    margin-left: 30px;
  }
  
  .home_point_wrap.row1 .line_illust{
    bottom: -80px;
    left: -65px;
  }
}
@media (min-width:1200px){
  
  .home_point_wrap.row1 .line_illust{
    width: auto;
    bottom: -80px;
    left: -275px;
  }
  
}