@charset "UTF-8";
body{font-family: 'Noto Serif JP', serif;}
main{width: 100%;}
.center{text-align: center;}

.sukoshi:hover {
    opacity: 0.8;
    color: white;
    }

    .pc { display: block !important; margin: 0 auto;}
    .sp { display: none !important;}
    

/*文字系ここから*/
h1{font-size:30px;text-align:left; color: #000;}
h3{font-size: 30px;text-align:left;  margin:5px;color: #000;text-align: justify;text-justify: auto;}
h4{font-size: 36px;text-align:left;  margin:5px;;text-align: justify;text-justify: auto;}
h5{font-size: 45px; }
#point-h3{font-size: 32px;margin-top:15px;text-align: left; color:#73d0e0;text-align: justify;text-justify: auto;}
footer p{font-size: 25px;text-align: center; color: #fff;}
#point-font{width: 400px; font-size: 16px;  text-align: justify;text-justify: auto; line-height: 200%;}
.FAQ-article02-p p{font-size: 70px;text-align:left; }
/*文字系ここまで*/

/*ul li*/
#sarbar-ul{max-width: 700px; height: 500px;}
ul {list-style-type: none;}
li {font-size: 25px; position: relative; margin-top: 20px;}
li::after {content: '';display: block;position: absolute;top: .5em;left: -1.5em;width: 20px;height: 10px;border-left: 4px solid #FF7777;border-bottom: 4px solid #FF7777;transform: rotate(-45deg);}
/*ulここまで*/
.flex{display: flex; }

/*ヘッダーここから*/
header{width: 100%; background-image: url("image/hg-bg7.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
#header img{max-width: 250px;}
#header{max-width:100%;height: 45px;padding: 20px;margin: 0 auto; background-color: #fff;}
.header-contents{ max-width: 1600px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding:10px ;}
.header-article{width: 650px; height: auto; padding: 80px 0px 0px 20px;}
.pc { display: block !important; }
.sp { display: none !important; }
/*ヘッダーここから
.money img{width:100%;}
.tangokan {font-size: 45px;text-align:left;word-spacing:15px;}
    .red{color: #ffb6b9;}
    .blue{color: #8ac6d1;}
    .green{color: #bbded6;}
    .tangokan01{font-size: 23px;text-align:left;word-spacing:25px;}
    #float_none{clear: both;}
figure {float: left;margin: 0 15px 15px 0;width: 40%;}
figure img {max-width: 100%;}
   */
.header-aside{width:560px;height: 580px; padding: 80px 20px 0px 20px; margin-left: auto;}
.tyuumon01{max-width: 1000px; text-align: end;}
.tyuumon01 img{ width: 65%;height: auto; }



/*ヘッダーここまで*/


/*サーバーここから*/
.used-sarbar{max-width: 1920px; height:700px;margin-top: 20px;margin-bottom: 20px; background-image: url("image/used-sarbar-bg.png"); background-repeat: no-repeat; background-position: center;  background-size: contain;}

.sarbar{max-width: 1920px;margin: 0 auto;  background-image: url("image/sarbar-hg02.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }

.contents{ max-width: 1000px;margin: 0 auto;margin-top: 0px;margin-right:auto;margin-bottom: 0px;margin-left:auto; padding: 50px 0px 50px 0px;}
.sarbar-border{max-width: 610px; height: 50px;border-bottom:1px solid #595757;margin:0px 0px 0px 0px;}
.sarbar-image{max-width: 1920px;height: 250px; text-align: center;}
.sarbar-image img{max-width: 1000px; height: auto}

/*サーバーここまで*/

/*ポイントここから*/

.logo-img img{max-width: 450px;}
.step-img img{max-width: 700px; padding-top:50px ; }
.ribon-img img{ max-width: 800px;margin: 0 auto; padding-top:50px ; } 
.point-hg{max-width: 1920px;height: 100px; margin: 0 auto; background-image: url("image/point-hg.png");background-repeat: no-repeat;background-size: cover;background-position: center;}
.point-box01{ max-width: 1920px; margin: 0 auto; background-image: url("image/point1.png");background-repeat: no-repeat; background-size: cover; background-position: center; }
.point-box02{max-width: 1920px;margin: 0 auto;  background-color: #fff; }
.box02-article02{width: 70%;margin-top: 20px; text-align: center;}
.box02-aside{width: 30%;}
.box02-article02 img{width: 80%;}
.point-box03{max-width: 1920px;margin: 0 auto; height: auto;  background-image: url("image/point3.png"); background-repeat: no-repeat; background-size:cover; background-position:bottom -50px center; }
    .right {margin: 0 0 0 auto;}
    .right01 {margin: 0 0 0 0px;}
    .box { width: 50%;}
    .box01 { width: 100%;}
.point-box04{max-width: 1920px;margin: 0 auto; background-image: url("image/point4.png");background-repeat: no-repeat; background-size: cover; background-position: center; }
.point-box05{  max-width: 1920px; margin: 0 auto;  background-image: url("image/bg.png");  background-repeat: no-repeat; background-size: cover; background-position: center; }
.point-box06{ max-width: 1920px;margin: 0 auto; background-image: url("image/point6.png"); background-repeat: no-repeat; background-size:cover; background-position:bottom -70px center; }

/*ポイントここまで*/

/*ctaここから*/
.cta-article{width: 800px; height: auto; text-align: center;}
.cta-tangokan{font-size: 55px;text-align:center;word-spacing:15px;}
.cta-article img{width: 80%; height: auto; text-align: center;}
.cta-aside{width: 800px; }
.cta-aside img{width: 90%; height: auto; margin: 0 auto;}

/*ctaここまで*/
.tyuumon{max-width: 1000px; text-align: center;}
.tyuumon img{ width: 50%;height: auto; }

/*faqここから*/
.FAQ-hg{max-width: 1920px;height:100px;margin: 0 auto; background-image: url("image/every\ frecious.png");background-repeat: no-repeat;background-size: cover;background-position: center;}
.FAQ-main{max-width: 1920px; ;background-image: url("image/stripes-light.png");}
.FAQ-sub{ max-width: 1000px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;  }
.FAQ-article{max-width: 500px; }
.FAQ-article02{width:50%; }
.pink{color: rgb(255, 72, 170); }
.FAQ-aside{max-width: 500px;  }
.FAQ-aside img{max-width: 450px;}



.ribon-img{ max-width: 1000px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto; padding: 50px 0px 50px 0px; text-align: center;}
/*stepここから*/
.step{  max-width: 1920px;height:100px;margin: 0 auto;  background-image: url("image/mousikomi.png");background-repeat: no-repeat;background-size: cover;background-position: center;}
.situmon{ max-width: 1920px;height:100px;margin: 0 auto; background-image: url("image/page-logo.png");background-repeat: no-repeat;background-size: cover;background-position: center;}
.tablet02{display: none !important; }
.tablet03{display: none !important; }
.tablet03 img{display: none !important;}

.wrap.pattern-2{
    max-width: 1920px;
    text-align:center;
    margin: 0 auto; 
    height:60px;
    line-height:60px;
    color: #fff;
    background-color: #FF6683;
  }




  @media screen and (min-width: 769px) and (max-width: 1024px){
    .header-contents{ max-width: 1600px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding:10px ;}
.header-article{max-width: 420px; height: auto; padding: 80px 0px 0px 20px;}
.header-aside{width:560px;height: 580px; padding: 80px 20px 0px 0px; margin-left: auto;}
.tyuumon01{max-width: 1000px; text-align: end;}
.tyuumon01 img{ width:300px;height: auto; }


    .pc { display: block !important; margin: 0 auto;}
    .sp { display: none !important;margin: 0 auto;}
    .contents{ max-width: 800px;margin: 0 auto;margin-top: 0px;margin-right:auto;margin-bottom: 0px;margin-left:auto; padding: 50px 0px 50px 0px;}
    #point-font{max-width: 300px; font-size: 16px;  text-align: justify;text-justify: auto; line-height: 200%; margin:0;}
    .logo-img img{max-width: 300px;}
    .box02-article02{width: 50%;margin-top: 20px; text-align: center;}
.box02-aside{width: 40%;}
.ribon-img img{ max-width: 700px;margin: 0 auto; padding-top:50px ; } 
.FAQ-hg{max-width:1024px;height:100px;margin: 0 auto; background-image: url("image/every\ frecious.png");background-repeat: no-repeat;background-size: cover;background-position: center;}

  }
  .sarbar-image{max-width: 1024px;height: 150px; text-align: center;}
  .sarbar-image img{max-width:700px; height:auto;}
  
  .situmon{ max-width: 1920px;height:100px;margin: 0 auto; background-image: url("image/situmon.jpg ");background-repeat: no-repeat;background-size: cover;background-position: center;}

  @media screen and  (min-width: 600px) and (max-width: 768px){
    .step-img{display: none;}
    .pc { display: block !important;}
    .sp { display: none !important;}
    .sp{max-width: 700px; height: 200px;}
    .sp img{max-width: 700px; height: 200px;}

    a[href*="tel:"] {
      pointer-events: none;
      cursor: default;
      text-decoration: none;
      }
   .tablet10{max-width:768px;  height: 250px; background-image: url("image/box-hg01.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 30px 0px 30px 0px;}
   .tablet12{max-width:768px;  height: 250px; background-image: url("image/box-hg03.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 30px 0px 30px 0px;}
   .tablet13{max-width:768px;  height: 250px; background-image: url("image/box-hg04.jpg");background-repeat: no-repeat; background-size:cover; background-position:top; margin: 30px 0px 30px 0px;}
   .tablet14{max-width:768px;  height: 250px; background-image: url("image/box-hg05.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 30px 0px 30px 0px;}
   .tablet15{max-width:768px;  height: 250px; background-image: url("image/box-hg06.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 30px 0px 30px 0px;}
    .contents{ max-width: 600px;margin: 0 auto;margin-top: 0px;margin-right:auto;margin-bottom: 0px;margin-left:auto; padding: 20px 0px 20px 0px;}
    .logo-img img{max-width: 350px;}
    .sarbar-image{max-width: 1024px;height: 150px; text-align: center;}
    .sarbar-image img{max-width:600px; height:auto;}


.FAQ-hg{max-width:768px;height:100px;margin: 0 auto; background-image: url("image/every\ frecious.png");background-repeat: no-repeat;background-size: cover;background-position: center;}


/*文字系ここから*/
h1{font-size: 30px;text-align:left; color: #000;}
h2{ font-size: 30px;text-align:left; color: #000;}
h3{font-size: 30px;text-align:left;  margin:5px;color: #000;text-align: justify;text-justify: auto;}
h4{font-size: 36px;text-align:left;  margin:5px;;text-align: justify;text-justify: auto;}
h5{font-size: 45px; }
#point-h3{font-size: 32px;margin-top:15px;text-align: left; color:#73d0e0;text-align: justify;text-justify: auto;}
footer p{font-size: 25px;text-align: center; color: #fff;}
#point-font{width: 600px; font-size: 18px;  text-align: justify;text-justify: auto; line-height: 200%;}
.FAQ-article02-p p{font-size: 70px;text-align:left; }
/*文字系ここまで*/

/*ul li*/
#sarbar-ul{max-width: 600px; height: 500px;}
ul {list-style-type: none;}
li {font-size: 25px; position: relative; margin-top: 20px;}
li::after {content: '';display: block;position: absolute;top: .5em;left: -1.5em;width: 20px;height: 10px;border-left: 4px solid #FF7777;border-bottom: 4px solid #FF7777;transform: rotate(-45deg);}
/*ulここまで*/


/*ヘッダーここから*/
header{width: 100%; background-image: url("image/hg-bg3.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
#header img{max-width: 200px;}
#header{max-width:100%;height: 45px;padding: 20px;margin: 0 auto; background-color: #fff;}
.header-contents{ max-width: 768px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding:10px ;}
.header-article{max-width: 300px;height: auto; margin-top: 70px;}
.header-article img{width: 100%; height: auto;}
.header-aside{width:300px;height: 200px; margin:30px 0px 0px 0px;}
.tyuumon01{max-width: 300px; }
.tyuumon01 img{ width: 100%;height: auto; }

.flex{display:block; }


/*ヘッダーここまで*/



/*ポイントここから*/

.logo-img img{max-width: 600px;}
.step{  max-width: 1920px;height: 180px; margin: 0 auto; background-image: url("image/tab-point-hg03.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 30px 0px 30px 0px ;}

.ribon-img img{ max-width: 600px;margin: 0 auto; padding-top:50px ; } 
.point-hg{max-width: 1920px;height: 180px; margin: 0 auto; background-image: url("image/tab-point-hg02.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 30px 0px 30px 0px ;}
.point-box01{ max-width:768px; margin: 0 auto; background-color: #fff;     background-image: none;}
.point-box02{max-width: 1920px;margin: 0 auto;  background-color: #fff; }
.box02-article02{width: 70%;margin-top: 20px; margin: 0 auto; text-align: center;}
.box02-aside{width: 30%;}
.box02-article02 img{width: 100%;}
.point-box03{max-width: 1920px;margin: 0 auto;  background-color: #fff;     background-image: none;}
    .right {margin: 0 0 0 auto;}
    .right01 {margin: 0 0 0 0px;}
    .box { width: 100%;}
    .box01 { width: 100%;}
.point-box04{max-width: 1920px;margin: 0 auto;  background-color: #fff;     background-image: none; }
.point-box05{  max-width: 1920px; margin: 0 auto;   background-color: #fff;     background-image: none; }
.point-box06{ max-width: 1920px;margin: 0 auto; background-color: #fff;     background-image: none;}

/*ポイントここまで*/


.tyuumon{max-width: 768px; text-align: center;}
.tyuumon img{ width: 50%;height: auto; }


/*faqここから*/
.FAQ-hg{max-width: 1920px;height: 180px; margin: 0 auto; background-image: url("image/tab-point-hg.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 30px 0px 30px 0px ;}
.FAQ-main{max-width: 1920px; ;background-image: url("image/stripes-light.png");}
.FAQ-sub{ max-width: 1000px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;  }
.FAQ-article{max-width: 500px; }
.FAQ-article02{width:50%; }
.pink{color: rgb(255, 72, 170); }
.FAQ-aside{max-width: 600px;  }
.FAQ-aside img{max-width: 600px;}


.situmon{ max-width: 1920px;height: 180px; margin: 0 auto; background-image: url("image/tab-point-hg04.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 30px 0px 30px 0px ;}
.tablet02{max-width: 768px;height: 1350px; text-align: center;margin: 10px; display: block !important;}
.tablet02 img{max-width:400px; height:450px;}
  }
  .tablet03{max-width: 768px;text-align: center;margin-top: 40px; margin-bottom: 40px;display: block !important;}
.tablet03 img{max-width:600px; height:auto;}

  

  @media screen and (max-width: 599px){
    .pc { display: none !important; }
    .sp { display: block !important; }
 
    .sp{max-width: 599px; height: 200px;}
    .sp img{max-width: 700px; height: 200px;}
    .tablet{max-width: 599px;  height: 290px; background-image: url("image/_Z6T1302.jpg");background-repeat: no-repeat; background-size:contain; background-position: center; }
    .sarbar{max-width: 500px;margin: 0 auto;  background-color: rgb(236, 236, 236);     background-image: none; }
    .sarbar-border{max-width: 550px; height: 30px;border-bottom:1px solid #595757;margin:0px 0px 0px 0px;}
    .used-sarbar{max-width:500px; height:400px;margin: 10px; background-image: url("image/sarbar-bg.png");background-repeat: no-repeat; background-size:contain; background-position: center;   }
    .used-sarbar02{max-width: 500px; height:400px;;margin: 30px 0px 30px 0px; background-image: url("image/sarbar-bg02.png"); background-repeat: no-repeat; background-position: center;  background-size: contain;}
    .used-sarbar03{max-width: 500px; height:350px;;margin: 5px; background-image: url("image/sarbar-hg03.png"); background-repeat: no-repeat; background-position: center;  background-size: cover;}
    .contents{ max-width: 400px;margin: 10px; padding: 10px 0px 10px 0px;text-align: center;} 
    .logo-img img{max-width: 350px;}
    .sarbar-image{max-width: 500px;height: 80px; text-align: center;}
    .sarbar-image img{max-width:350px; height:auto;}
.FAQ-hg{  max-width: 1920px;height: 140px; margin: 0 auto; background-image: url("image/tab-point-hg.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 100px 0px 30px 0px ;}


/*文字系ここから*/
h1{font-size:15px;text-align:left; color: #000;}
h2{ font-size:15px;text-align:left; color: #000;}
h3{font-size: 30px;text-align:left;  margin:5px;color: #000;text-align: justify;text-justify: auto;}
h4{font-size: 36px;text-align:left;  margin:5px;;text-align: justify;text-justify: auto;}
h5{font-size: 45px; }
#point-h3{font-size: 32px;margin-top:15px;text-align: left; color:#73d0e0;text-align: justify;text-justify: auto;}
footer p{font-size: 25px;text-align: center; color: #fff;}
#point-font{max-width: 330px; font-size: 15px;margin: auto; line-height: 170%;}
.FAQ-article02-p p{font-size: 70px;text-align:left; }
/*文字系ここまで*/

/*ul li*/
#sarbar-ul{max-width: 400px; height: 220px;}
ul {list-style-type: none;}
li {font-size: 18px; position: relative; margin-top: 20px; text-align: left;}
li::after {content: '';display: block;position: absolute;top: .5em;left: -1.5em;width: 20px;height: 10px;border-left:2px solid #FF7777;border-bottom: 2px solid #FF7777;transform: rotate(-45deg);}
/*ulここまで*/


/*ヘッダーここから*/
header{max-width:600px;height: 450px; background-image: url("image/hg-bg6.jpg");background-repeat: no-repeat;background-size: contain;background-position:center;}
#header img{max-width: 150px;}
#header{max-width:100%;height: 25px;padding: 10px;margin: 0 auto; background-color: #fff;}
.header-contents{ max-width: 599px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding:10px ;}
.header-article{max-width: 290px;height: auto;  padding: 20px 0px 0px 10px;}
.header-article img{max-width:300px; height: 165px;}
.header-aside{width:290px;height: 200px; padding: 20px 20px 20px 10px; margin-left: 0;}
.tyuumon01{max-width: 200px; }
.tyuumon01 img{ width: 100%;height: auto; }

.flex{display:block; }


/*ヘッダーここまで*/



/*ポイントここから*/
.step{  max-width: 1920px;height: 140px; margin: 0 auto; background-image: url("image/tab-point-hg03.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 100px 0px 30px 0px ;}
.step-img img{display: none !important;}

.ribon-img{ max-width: 599px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto; padding: 20px 0px 20px 0px; text-align: center;}
.ribon-img img{ max-width:350px;margin: 0 auto; padding-top:20px ; } 
.point-hg{ max-width: 1920px;height: 140px; margin: 0 auto; background-image: url("image/tab-point-hg02.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 100px 0px 30px 0px ;}
.point-box01{ max-width:350px; margin: 30px auto; background-color: #fff;     background-image: none;}
.point-box02 {max-width: 350px;margin:30px auto;background-color: #fff;}
.box02-article02{max-width: 350px; margin: 0 auto; margin-top: 30px;}
.box02-aside{max-width: 350px;}
.box02-article02 img{width: 100%;}
.point-box03{max-width:350px;margin: 30px auto;  background-color: #fff;     background-image: none;}
    .right {margin: 0 0 0 auto;}
    .right01 {margin: 0 0 0 0px;}
    .box { width: 100%;}
    .box01 { width: 100%;}
.point-box04{max-width: 350px;margin: 0 auto;  background-color: #fff;     background-image: none; }
.point-box05{  max-width:350px; margin: 0 auto;   background-color: #fff;     background-image: none; }
.point-box06{ max-width: 350px;margin: 0 auto; background-color: #fff;     background-image: none;}

/*ポイントここまで*/


.tyuumon{max-width: 599px; text-align: center;}
.tyuumon img{ width: 80%;height: auto; }


/*faqここから*/

.FAQ-main{max-width: 1920px; ;background-image: url("image/stripes-light.png");}
.FAQ-sub{ max-width: 1000px;margin: 0 auto;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;  }
.FAQ-article{max-width: 500px; }
.FAQ-article02{max-width: 500px;  }
.pink{color: rgb(255, 72, 170); }
.FAQ-aside{max-width:400px;  }
.FAQ-aside img{max-width: 350px;}


.tablet02{max-width: 300px;height: 620px; text-align: center;margin: 0 auto; display: block !important;}
.tablet02 img{max-width:250px; height:200px;}
.tablet03{max-width: 300px;text-align: center;margin: 0px 0px 30px 30px; display: block !important; }
.tablet03 img{max-width:300px; height:auto;}
.situmon{ max-width: 1920px;height: 140px; margin: 0 auto; background-image: url("image/tab-point-hg04.jpg");background-repeat: no-repeat;background-size: contain;background-position: center; margin: 100px 0px 30px 0px ;}


.tablet10{max-width:599px;  height: 250px; background-image: url("image/box-hg01.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 50px 0px 50px 0px;}
.tablet12{max-width:599px;  height: 250px; background-image: url("image/box-hg03.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 50px 0px 50px 0px;}
.tablet13{max-width:599px;  height: 250px; background-image: url("image/box-hg04.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 50px 0px 50px 0px;}
.tablet14{max-width:599px;  height: 250px; background-image: url("image/box-hg05.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 50px 0px 50px 0px;}
.tablet15{max-width:599px;  height: 250px; background-image: url("image/box-hg06.jpg");background-repeat: no-repeat; background-size:cover; background-position: center; margin: 50px 0px 50px 0px;}
  }