@charset "utf-8";

body {
  margin:0;
  padding: 0;
  line-height: 1.6;
  font-family: 'Noto Sans JP',Arial, Helvetica, sans-serif; 
  color:#333;
 /* color:white; */
  }
p{font-weight: normal;font-size: 16px;}
  h1{font-size: 42px;font-weight: bold;
  }
  @media screen and ( max-width:768px) {
    h1{font-size: 30px;
  }}

  h2{font-size: 24px;font-weight: bold;}
  h3{font-size: 18px;font-weight: 600;padding-right: 15px;}

  .top-container img{width: 100%;}
.top-container{max-width: 1000px;margin:0 auto;width: 90vw;}
.title-area{background-color:#F5F5F5 ;padding: 110px;}
@media screen and ( max-width:768px) {
  .title-area{padding:83px 0;}
}

.title-area div{text-align: center;}

.graphic2_pc img{width: 239.38px;position: absolute;}
.graphic2_sp img{width: 129px;position: absolute;}
@media screen and ( max-width:768px) {
  .graphic2_pc {display: none;}
}
@media screen and ( min-width:769px) {
  .graphic2_sp {display: none;}
}
.top-container h2{padding-top: 100px;padding-bottom: 30px;}
@media screen and ( max-width:768px) {
  .top-container h2{padding-top: 80px;}
}
.top-container_p2{padding-top: 20px;}
/* ご利用について */
.img_tenji{padding-top: 36px;}

.img_tenji_2{ display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
padding-top: 20px;
padding-bottom: 80px;}

@media screen and ( max-width:768px) {
  .img_tenji_2{ 
    gap: 10px;
    padding-top: 10px;
;}
}






/*** 以下、ボタンエリアのCSS ***/



.button__inner{cursor:pointer;display:flex;background-color:#FFE0DF;padding: 26px 0;
justify-content: center;margin-top:   15px;border-radius: 0.4rem;line-height: 1;}
    
.button:hover{opacity: 0.5;}



/* address */

.address p:nth-of-type(4) {
  padding-top: 10px;
  padding-bottom: 35px;
}

/* Introduction */
.Introduction img{width:645px;}
.Introduction_sp img{width: 248px;text-align: center;}
.Introduction {text-align: center;
}


.Introduction_button{padding-top: 100px;}
@media screen and ( max-width:768px) {
  .Introduction_button{padding-top: 80px;}
}
@media screen and ( max-width:768px) {
  .Introduction{display: none;}
  .Introduction_sp{text-align: center;}
}
@media screen and ( min-width:769px) {
  .Introduction_sp{display: none;}
 
}


.button:hover{opacity: 0.5;}

.Introduction_button:hover{opacity: 0.5;}
  /* footer */
   footer{color: #666666;text-align: center;margin-top: 70px;}




   


.links{display: flex;justify-content: center;}

@media screen and ( max-width:999px) {
  .links{display: block;}
}







.links li{padding-right:20px ;}


  .links li{font-size: 13px;}


@media screen and ( max-width:999px) {
  .links li{padding-bottom: 10px;}
}



.links li:last-child{padding-right:0px ;}
footer div{padding-bottom:30px;}

.links li:hover{color:#A50034}