body{
            background-image:url(../image/back-img-1.jpg);
        }

 header{
    display:flex;
    width:94%;
    justify-content:center;
     margin:0 auto;
     max-width: 1440px;
 }
 header img{
    width:96%;
    margin:0 auto;
    background-color:transparent;
 }
 section{
    max-width:1344px;
    min-width:660px;
 }
 .haba-5{
   width:100%;
   height:5%;
   padding-top:20px;
 }
 .section-hacpp{
    display:flex;
    width:94%;
    justify-content:center;
    margin:0 auto;
    flex-wrap:wrap;
 }
 .section-hacpp .left {
   width:60%;
 }
 .section-hacpp .right{
   width:40%; 
 }
 .section-hacpp .all{
   width:100%; 
 }
 .section-hacpp .left img{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
 }
 .section-hacpp .right img{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
 }
  .section-hacpp .all img{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto; 
 }
 .section-center{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
    flex-wrap:wrap;
 } 
  .section-center .all{
   width:100%;
  }  
  .section-center .all img{
   display:flex;
   justify-content:center;
   width:94%;
   margin:0 auto; 
  }
  .section-center .left {
   width:50%;
 }
  .section-center .right{
   width:50%; 
 }
 .section-center .left img{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
 }
 .section-center .right img{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
 }
  .section-center .right iframe{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    width:54%;
    height:36%;
    margin:0 auto;
 }
   .section-center .right p{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    margin:0 auto;
    font-size:clamp(0.8rem,1.2vw,1.25rem);
 }
  .section-footer{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
    flex-wrap:wrap;
 } 
  .section-footer .left {
   width:56%;
   display:flex;
   flex-wrap:wrap;
 }
 .section-footer .right{
   width:44%; 
 }
 .section-footer .all{
   width:100%; 
 }
 .section-footer .left img{
    display:flex;
    justify-content:center;
    width:94%;
    margin:0 auto;
 }
  .section-footer .right img{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    width:90%;
    margin:0 auto;
 }
  .section-footer .right a{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    margin:0 auto;
 }
 .section-footer .all img{
   display:flex;
   justify-content:center;
   width:94%;
   margin:0 auto; 
   padding-top:1%;
  }
  .button-area{
   display:flex;
   justify-content:center;
   width:60%;
   margin:0 auto; 
  }
  .button-area img{
   display:flex;
   justify-content:center;
   width:40%;
   margin:0 auto; 
  }


 .section-footer .left iframe{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    width:84%;
    height:56%;
    margin:0 auto;
 }
   .section-footer .left p{
   /* padding-top:6rem;*/
    display:flex;
    justify-content:center;
    margin:0 auto;
 }

 .section-footer .left .split50 {
   width:50%;
   position:relative;
   display: inline-block;
   justify-content:center;

 }
 .section-footer .left .all {
   width:100%;
   position:relative;
   display: flex;
   padding:10px 0;
 }
  .section-footer .left .all img{
    display:inline-block;
    width:104%;
    position:absolute;
    left:40px;
 }
  .section-footer .left .split50 iframe {
   width:84%;
   height:88%;
   position:absolute;
   top:110px;
   left:70px;

 }
 .section-footer .left .split50 p {
   font-size:clamp(0.8rem,1.2vw,1.25rem);
   position:absolute;
   top:90px;
   left:105px;
 }
 /*js関連css*/
 #target {
      padding-top: 6rem; /* 初期値 */
      transition: padding-top 0.3s; /* 変化を滑らかに */
  }