@charset "utf-8";

body{margin: 0;font-family: 'Noto Sans JP', sans-serif;}
/*↓ヘッダー*/
header{background-color: white;width:100%;margin: 0 auto;display:block;position:fixed;z-index:300;width:100%;height:140px;}
.headerinner{max-width: 1920px; margin: 0 auto;}
.headerlogo{width:100px;}
.headerflex1{display:flex;margin: 0 auto;justify-content: flex-end;margin-right: 5%;}
.headerflex2{display:flex;justify-content: space-between;margin-top: -17px;margin-right: 5%; margin-left: 5%;align-items: flex-end;} 
.otoiawase{color:white;background-color:#007df8;font-size:13px;padding:12px 70px;border-radius: 0px 0px 20px 20px;width:100px;text-align: center;font-weight: bold;}
.saiyoujouhou{color:white;background-color:#ff2a2a;font-size:13px;padding:12px 70px;margin-left: 7px;border-radius: 0px 0px 20px 20px;width:100px;text-align: center;font-weight: bold;}

.headerflex1 a .otoiawase:hover  {
  background-color: #534741;
  cursor: pointer;
}

.headerflex1 a .saiyoujouhou:hover  {
  background-color: #534741;
  cursor: pointer;
}

.headermenu{display:flex;font-size:15px;font-weight:bold;}
.headermenu li{margin-left:70px;}
.headerbr{display:none;}
.menuli1{position:relative;}
.menuli1::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:-30px;
    top:0px;
    background-image:url(../img/headerfooter/2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.menuli1 a:hover {
  color: #ff2a2a;
  cursor: pointer;
}
.menuli1 a:hover:after{
  content:"";
  display: inline-block;
  position:absolute;
  width:30px;
  height:30px;
  left:-35px;
  top:-5px;
  background-image:url(../img/headerfooter/2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.menuli2{position:relative;}
.menuli2::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:-30px;
    top:5px;
    background-image:url(../img/headerfooter/3.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.menuli2 a:hover {
  color: #ffca00;
  cursor: pointer;
}

.menuli2 a:hover:after{
  content:"";
  display: inline-block;
  position:absolute;
  width:30px;
  height:30px;
  left:-35px;
  top:3px;
  background-image:url(../img/headerfooter/3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.menuli3{position:relative;}
.menuli3::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:-30px;
    top:0px;
    background-image:url(../img/headerfooter/4.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.menuli3 a:hover:after{
  content:"";
  display: inline-block;
  position:absolute;
  width:30px;
  height:30px;
  left:-35px;
  top:-5px;
  background-image:url(../img/headerfooter/4.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.menuli3 a:hover {
  color: #007df8;
  cursor: pointer;
}
.menuli3 ::after:hover{
  width:30px;
  height:30px;
  cursor: pointer;
}


.menuli4{position:relative;}
.menuli4::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:-30px;
    top:5px;
    background-image:url(../img/headerfooter/5.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.menuli4 a:hover:after{
  content:"";
  display: inline-block;
  position:absolute;
  width:30px;
  height:30px;
  left:-35px;
  top:2px;
  background-image:url(../img/headerfooter/5.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.menuli4 a:hover {
  color: #00ae56;
  cursor: pointer;
}
.menuli4 ::after:hover{
  width:30px;
  height:30px;
  cursor: pointer;
}

.menuli5{position:relative;}
.menuli5::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:20px;
    height:20px;
    left:-30px;
    top:5px;
    background-image:url(../img/headerfooter/6.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.menuli5 a:hover:after{
  content:"";
  display: inline-block;
  position:absolute;
  width:30px;
  height:30px;
  left:-35px;
  top:1px;
  background-image:url(../img/headerfooter/6.svg);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.menuli5 a:hover {
  color: #ff98a2;
  cursor: pointer;
}
.menuli5 ::after:hover{
  width:30px;
  height:30px;
  cursor: pointer;
}
/*↑ヘッダー*/

/*↓フッター*/
footer{background-image:url("../img/headerfooter/background.png"); background-repeat: no-repeat;background-size:cover;margin: 0 auto;}
.footerinner{margin: 0 auto;}
.contactheadline{margin: 0 auto;width:290px;display: block;padding-top:12%;padding-bottom:3%; padding-top:120px;}
.footertxt1{font-size:18px; text-align: center;margin-bottom:1.5%;font-weight: 800;}
.footerbutton{display:flex;justify-content: center;}
.footertel{text-align: center;margin-bottom: 6%;}
.telnumber{font-size:27px; font-weight: 900;color:#231815;}
.telnumber a{font-size:40px; font-weight: 900;color:#231815;}
.uketukejikan{font-size:14px;font-weight: 800;margin-top:0.25%;}

.linebox{margin:0 auto;width:720px;margin-bottom: 4%;}
.linetxt{color:white;background-color:#534741;text-align: center;
    padding:10px;font-size:17px;border-radius:15px 15px 0px 0px;}
.linetxt2{background-color:white;border-radius:0px 0px 15px 15px;}
.lineboxflex{display:flex;justify-content: center;padding-top:2.5%;margin-bottom:2%;}
.lineid{text-align: center; font-size:14px;font-weight: 900;margin-left: 1%;}
.lineid span{font-size:21px;}
.footerbutton1{width:30vw;min-width:350px;margin-right:2%;position:relative;}
.footerbutton2{width:30vw;min-width:350px;margin-left:2%;position:relative;}

.footerbutton1::before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 40vw), 40px);
  height:min(calc((100 / 1500) * 40vw), 40px);
  left:-10px;
  top:30%;
  background-image:url(../img/headerfooter/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

.footerbutton1:hover:before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 40vw), 40px);
  height:min(calc((100 / 1500) * 40vw), 40px);
  left:0;
  top:30%;
  background-image:url(../img/headerfooter/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

.footerbutton2::before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 40vw), 40px);
  height:min(calc((100 / 1500) * 40vw), 40px);
  left:-10px;
  top:30%;
  background-image:url(../img/headerfooter/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}

.footerbutton2:hover:before{
  content:"";
  display: inline-block;
  position:absolute;
  width:min(calc((100 / 1500) * 40vw), 40px);
  height:min(calc((100 / 1500) * 40vw), 40px);
  left:0;
  top:30%;
  background-image:url(../img/headerfooter/buttonyajirusi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index:30;
}


.footerbutton{padding-bottom:70px;}
.lineimg{width:60px;margin-right: 1%;}
.qrimg{width:60px;margin-left: 1%;}
.linetxt3{text-align: center;font-size:14px;padding-bottom: 2%;}

.footerbottom{background-color: white;position:relative;}
.footerbottominner{max-width: 1920px;margin:0 auto;}




.toplinktxt{width:25px;height:25px;position:absolute;top:-38%;left:auto;right:10.5%;z-index: 130;}
.toplinktxt::after{
  content:"";
  display: inline-block;
  position:absolute;
  width:55px;
  height:55px;
  left:min(calc((100 / 1500) * -16vw), -16px);
  top:-92%;
  background-image:url(../img/headerfooter/9.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.toplinktxt :hover{
  width:40px;height:40px;  cursor: pointer;top:-60%;
}




.instaimga{width:30px;margin-right: 14%;margin-left:auto; display:block;
  padding-top: 2%;padding-right:4%;;}
.instaimg{width:30px;margin-right: 14%;margin-left:auto; display:block;
padding-top: 2%;padding-right:4%;}
.footerlogo{width:90px;}
.footermenuall{width:55%;}
.footermenu{display: flex;margin-right: 36%;}
.footerleft{display: flex;margin-left: 5%;}
.footermenu li{white-space:nowrap;font-size:min(calc((100 / 1500) * 15vw), 15px);margin-left:8%;position:relative;font-weight:bold;}
.footermenu li::after{
    content:"";
    display: inline-block;
    position:absolute;
    width:15px;
    height:15px;
    left:-20px;
    top:15%;
    background-image:url(../img/headerfooter/7.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.footermenu a:hover {
  color: #898989;
  cursor: pointer;
}

.footeraddress{font-size:min(calc((100 / 1500) * 14vw), 14px);margin-left: 15px;line-height: 180%;}
.footeraddress2{font-size:17px;font-weight:bold;}
.footerflex{display:flex;justify-content:space-between;max-width:1920px;margin:0 auto;
padding-top:0.5%;padding-bottom:3%;position:relative;}
.copyright{text-align: center;padding-bottom:2%;font-weight:600;}

/*↑フッター*/


/*↓SP版追記*/
.spmenu{display:none;}
.spfooter{display:none;}
/*↑SP版*/

@media screen and (max-width : 1238px ){
    .footerbr{display:block;}
    .footermenu{margin-right:16%;}
    }
/*↑フッター文字改行*/


@media screen and (max-width : 800px ){

/*↓ＳＰヘッダー*/
.spmenu{display:block;background-color: white;position:fixed;width:100%;height:70px;z-index:300;}
.spmenuflex{display:flex;justify-content: space-between;}
header{height:70px;}
.headerflex1{display:none;}
.headerflex2{display:none;}
.headerlogo{width:45px;margin-left:20px;margin-top: 10px;}
.headerinner{height:auto;}
/*↓ＳＰハンバーガー*/
.spmenuillust{position:absolute;width:min(calc((100 / 1500) * 500vw), 500px);top:min(calc((100 / 1500) * 1500vw), 1500px);right:10%;}
#overlay-button {
    top:0;
    padding: 21px 20px;
    z-index: 400;
    cursor: pointer;
    user-select: none;
  }

  #overlay-button span {
    height: 1.5px;
    width: 35px;
    border-radius: 2px;
    background-color: #534741;
    position: relative;
    display: block;
    transition: all .2s ease-in-out;
  }
  #overlay-button span:before {
    top: -5px;
    visibility: visible;
  }
  #overlay-button span:after {
    top: 5px;
  }

  #overlay-button span:before, #overlay-button span:after {
    height: 1.5px;
    width: 35px;
    border-radius: 2px;
    background-color:#534741;
    position: absolute;
    content: "";
    transition: all .2s ease-in-out;
  }
  #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
    color:black;}
  input[type=checkbox] {
    display: none; 
  }
  input[type=checkbox]:checked ~ #overlay {
    visibility: visible; 
  }
  input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
    background: transparent; 
  }
  input[type=checkbox]:checked ~ #overlay-button span:before {
    transform: rotate(23deg) translate(2px, 3px);
  }
  input[type=checkbox]:checked ~ #overlay-button span:after {
    transform: rotate(-23deg) translate(2px, -6px);
  }
  #overlay {
    height: 100%;
    width: 100%;
 
    background-image:url(../img/headerfooter/spmenuback.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    visibility: hidden;
    position: fixed;
  }

 

  input[type=checkbox]:checked ~ #overlay-button{position:relative;}
  input[type=checkbox]:checked ~ #overlay-button::after {
    content:"";
    display: inline-block;
    position:absolute;
    width:35px;
    height:10px;
    right:20px;
    top:35px;
    background-image:url(../img/headerfooter/headerfooter_sp/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 400;
  }

  #overlay-button{position:relative;}
  #overlay-button::after {
    content:"";
    display: inline-block;
    position:absolute;
    width:35px;
    height:10px;
    right:20px;
    top:35px;
    background-image:url(../img/headerfooter/headerfooter_sp/menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 400;
  }

  #overlay ul {
    flex-direction: column;
    text-align:left;
    height: 100%;
    margin:0 auto;
    display:block;
    list-style-type: none;
    margin-top:100px;
    width:230px;
  }
  #overlay ul li {
    padding:17px;
    font-size:17px;
    color:black;
    font-weight:800;
 
  }
  #overlay ul li a {
    color:black;
    text-decoration: none;
    font-size: 17px;
  }
  #overlay ul li a:hover {
    color: #000!important;
  }
/*↑ＳＰハンバーガー*/
.spheaderbuttonflex{display:flex;z-index: 100;width:95%;position:fixed;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);}
.spotoiawase{color:white;padding:3%;background-color:#007df8;font-size:16px;width:100%;margin-right: 2%;text-align: center;border-radius:20px 20px 0px 0px;height:55px;line-height: 55px;}
.spsaiyou{color:white;padding:3%;background-color:#ff2a2a;font-size:16px;width:100%;margin-left: 2%;text-align: center;border-radius:20px 20px 0px 0px;height:55px;line-height: 55px;}

.spmenu1{position:relative;}
.spmenu2{position:relative;}
.spmenu3{position:relative;}
.spmenu4{position:relative;}
.spmenu5{position:relative;}

.spmenu1::before {
  content:"";
  display: inline-block;
  position:absolute;
  width:20px;
  height:20px;
  left:-12px;
  top:34%;
  background-image:url(../img/headerfooter/2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 400;
}
.spmenu2::before {
  content:"";
  display: inline-block;
  position:absolute;
  width:20px;
  height:15px;
  left:-12px;
  top:44%;
  background-image:url(../img/headerfooter/3.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 400;
}
.spmenu3::before {
  content:"";
  display: inline-block;
  position:absolute;
  width:20px;
  height:20px;
  left:-12px;
  top:34%;
  background-image:url(../img/headerfooter/4.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 400;
}
.spmenu4::before {
  content:"";
  display: inline-block;
  position:absolute;
  width:20px;
  height:15px;
  left:-12px;
  top:41%;
  background-image:url(../img/headerfooter/5.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 400;
}
.spmenu5::before {
  content:"";
  display: inline-block;
  position:absolute;
  width:20px;
  height:15px;
  left:-12px;
  top:41%;
  background-image:url(../img/headerfooter/6.svg);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 400;
}

/*↑ＳＰヘッダー*/



/*↓ＳＰフッター*/
.footerinner{display:none;width:100%;height:100%;}
.spfooter{display:block;}

.contactheadline{width:250px;padding-top: 22%; padding-left: 12%;}
.spfootertop{background-image:url("../img/headerfooter/headerfooter_sp/sp_backgroundimage1.png"); background-repeat: no-repeat;background-size:cover;margin: 0 auto;}

.spfootertxt1{text-align: center;font-size:16px;color:black;font-weight:800;margin-top:8%;margin-bottom: 5%;}
.spfootertxt2{text-align: center;font-size:22px;color:black;font-weight:800;}
.spfootertxt2fontsize2{font-size:34px;}
.spfootertxt2fontsize{font-size:12px;text-align: center;color:black;font-weight:800;margin-bottom:10%;}

.spfooterlineall{width:85%; margin: 0 auto;display:block;}
.spfooterlinetop{background-color: #534741;color:white;text-align: center;font-size:13px;font-weight:700;padding:2%;
border-radius: 13px 13px 0 0;}
.spfooterlinebottom{background-color: white;padding:7% 2%;border-radius: 0 0 13px 13px;}
.spfooterlineflex{display:flex;justify-content:center;}
.splineimg{width:60px;margin-left:10px;margin-right:10px;}

.spid{text-align: center;font-size:14px;font-weight:800;}
.spidfontsize{font-size:21px;font-weight:900;}
.spidtxt{text-align: center;font-size:12px;color:black;font-weight:500;margin-bottom: 0;}

.spfooterbutton1 img{width:95%;margin:0 auto;display:block;margin-top: 11%;}
.spfooterbutton2 img{width:95%;margin:0 auto;display:block;margin-top: 5.5%;padding-bottom: 20%;}

.spfooterbottom{background-color: white;position:relative;}

.spfooterlogo img{width:82px;margin:0 auto;display:block;padding-top: 7%;margin-bottom: 3%;}

.spfooteraccesstxt{margin:20px auto 0 auto; display: block; width:310px;}
.spfooteraccesstxt1{text-align: left; font-size:20px; font-weight:700; margin-bottom: 4%;}
.spfooteraccesstxt2{text-align: left; font-size:17px; line-height:35px;}

.spfooterinsta{margin: 0 auto;display:block;width:40px;margin-top: 10%;margin-bottom: 10%;}
.spcopy{text-align: center;font-size:10px;color:black;margin-bottom: 3%;}


.toplinktxt{width:25px;height:25px;position:absolute;top:-1%;left:auto;right:7.5%;z-index: 130;}
.toplinktxt::after{
  content:"";
  display: inline-block;
  position:absolute;
  width:55px;
  height:55px;
  left:min(calc((100 / 1500) * -16vw), -16px);
  top:-15px;
  background-image:url(../img/headerfooter/9.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

footer{background-image: none;}
/*↑ＳＰフッター*/


	
}