@charset "UTF-8";

/*  共通設定 */
   * {
  margin: 0px;
  padding: 0px;
    }
    @font-face {
      font-family: 'HGRME.TTC';
      src: url(./font/HGRME.TTC);
      
    }
    body
    {
      width: 100%;
      overflow-x: hidden !important;
     }
  
    option,input,textarea{
      font-size: 110%;
      font-family: 'Noto Sans JP', sans-serif;
      letter-spacing: .05em;
  font-weight: 300;
      }
     input{
      background-color: #ffffe0;
      vertical-align: middle;
        }
        .soto .hed a{
        color: #005b97;
        text-decoration: none;
            }
            .akuro{
              color: #000;
              text-decoration: none;
                  }
     
 @media screen and (min-width: 1030px)
{ 
  body,html
  {
    width: 700px;
    margin: 0% auto;
   /*  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    background-color: #fff;   */
   }
   /* ヘッダー */
.hed2{
  height:80px;
display:flex;
justify-content: center;
align-items: center;
-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    background-color: #fff;  
}
.hi{
  flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
}
.mi{
  align-items: center;
  flex-grow: 3;
  display: flex;
  justify-content: flex-end;
  }
  .hed2 h1{
   font-size: 1.1em;
   font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      letter-spacing: .08em;
  }
.hed2 img { 
  padding: 0 1% 0;
 width: 30%;
 vertical-align: middle;
 }
     /* ヘッドシタ */
     .kou{
      height: 30px;
     background-color: #1e9cd7;
       box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
     } 
     .kou h1{
  line-height: 30px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      color: #fff;
      font-size: 1.1em;
      text-align: center;
     }
/* メイン画像 */
    .hed .mein{ 
    width: 100%;
    vertical-align: bottom;
    }
     .hed{  
       position: relative;
     }
     .hed h5{ 
      font-weight: 300;
     /* font-family: 'HGRME.TTC'; */
      font-family: ta-koigokoro, sans-serif; 
     /* font-family: vdl-penletter, sans-serif; */
     margin-left:8% ;
     font-size: 6.5rem;
       top: 4%;
       left: 0;
    position: absolute;
    letter-spacing: 0.05em;
    color: #0068b7;
    line-height: 160%;
    display: inline-block;
    
    }
    .hed .chii{ 
      font-size: 0.6em;
    }
  .pnk{ 
    color: hotpink;
    }
       .hed .hai
      { 
       width: 1em;
        }

      .hed h1{ 
        /* transform: skew(-3deg,-2deg); */
        -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
        background: white;
        color: #005b97;
        font-family: 'Noto Sans JP', sans-serif;
        padding: 0.5em 0.6em;
        font-size: 1.3em;
        bottom: 46%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
     position: absolute;
     width: 55%;
     text-align: center;
     letter-spacing: .03em;
       }
    
       .hed h2{ 
      /*   transform: skew(-3deg,-2deg);  */
      -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
        background: white;
        color: #005b97;
        font-family: 'Noto Sans JP', sans-serif;
       /*  margin-left:2% ; */
        padding: 0.5em 0.3em;
        font-size: 1.3em;
          bottom: 31%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
       position: absolute;
       width: 60%;
       text-align: center;
       letter-spacing: .03em;
       }
/* 登録ボタン */
.botan {
  width: 100%;
  margin: 0 auto;
  padding: 7% 0;
  background-color: #fafaf9;
 /* position: absolute;
  bottom: 0%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);  */
 } 
 .botan h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000;
  font-size: 1.3em;
  text-align: center;
  padding: 2% 0 1%;

}  
.botan h1{
 
  margin:0  auto;
  width: 300px;

  text-align: center;
  font-size: 1.5em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: white;
  background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
  letter-spacing: .05em;
  padding:1% 10% ;
  border-radius: 150px;
} 

 @keyframes shiny {
   0% {
       transform: scale(0) rotate(25deg);
       opacity: 0;
   }

   50% {
       transform: scale(1) rotate(25deg);
       opacity: 1;
   }

   100% {
       transform: scale(50) rotate(25deg);
       opacity: 0;
   }
}

.shiny-btn {
   position: relative;
   display: block;
 text-align: center;
   text-decoration: none;
   overflow: hidden;
   padding: 0.6em 0.8em;
}

.shiny-btn::after {
   content: '';
   position: absolute;
   top: -100px;
   left: -100px;
   width: 50px;
   height: 50px;
   background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
   
   /* アニメーション */
   animation-name: shiny;
   animation-duration: 3s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}
 


/*  歯科衛生士さんの悩み */
 .nayami h2{
   width: 100%;
    background: #fff;
    margin: 0 auto;
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #005b97;
    text-align: center;
    padding: 2% 0;
   background-color: #fafaf9;
  } 
  .nayami .sen{
  background: linear-gradient(transparent 80%, yellow 80%);
 }
 .nayami{
  background-color: #fafaf9;
  padding-bottom: 7%;
  }


 .nayami2 {
   position: relative;
   -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
   height: 100px;
   width: 100%;
    background: #fff;
    margin-bottom: 7%;
     }
 .nayami .hito{
  width: 4.8em;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  }
  .nayami .hito2{
   width: 3em;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 padding-right: 3%;
   }
  .nayami h1{
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #005b97;
    margin-bottom: 7%;
    padding: 10px 0;
    position: relative;
   text-align: center;
  }
  .nayami h1:before,
  .nayami h1:after {
   position: absolute;
   top: 1.1rem;
   height: 4.5rem;
   content: '';
}

.nayami h1:before {
 border-left: solid 3px;
 left: 25%;
 transform: rotate(-30deg);
}

.nayami h1:after {
 border-right: solid 3px;
   right: 25%;
   transform: rotate(30deg);
}
  .dot-text {
   display: inline-block;
   position: relative;
}
.dot-text::before{
 position: absolute;
 bottom: -0.7em;
 left: 50%;
 transform: translate(-50%, 0);
 color: hotpink;
 font-size: 0.8em;
 content: "・";
}
.nayami .hai{ 
 width: 1.1em;

 }
 .nayami2::before{
   z-index: 101;
    content: "";
   position: absolute; 
   top: 100%;
   left: 50%;
   margin-left: -25px;
   border: 25px solid transparent;
   border-top: 25px solid #fff;
   -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
 }
 /* 強み見出し */
 .tuyomi {
   position: relative;
   display: block;
 } 
.tuyomi h1{
 width: 100%;
  background: #fff;
  margin: 0 auto;
  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
  font-size: 1.7em;
  letter-spacing: .1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #005b97;
  text-align: center;
  position: relative;
  display: block;
 height: 100px;
 line-height: 100px;
} 
.tuyomi h1:before{
  z-index: 101;
   content: "";
  position: absolute; 
  top: 100%;
  left: 50%;
  margin-left: -25px;
  border: 25px solid transparent;
  border-top: 25px solid #fff;
  -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
}

.tuyomi h2{
font-size: 3.5em;
letter-spacing: 0.15em;
font-weight: 900;
  font-family: 'Roboto', sans-serif;
  color: #005b97;
  opacity: 0.2;
  position: absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  } 
 /* 強み１ */
 .tuyomi1{
    text-align: center;
    background-color: #fafaf9;
    padding-bottom: 20%;
  }  

 .tuyomi1kakoi{
   position: relative;
   width:  400px;       /* ※縦横を同値に */
   border-radius: 50%; 
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   padding: 5px;
   margin: 0 auto;
 } 
  .tuyomi1 h1{
    background-color: #fff;
    width: 120%;
   padding: 1%;
 border: 4px solid #c21500;
 border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 border-image-slice: 1;
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    display: inline-block;
    color: #005b97;
    background-color: #fff;
    position: absolute;
    top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
  } 
  .tuyomi1 h1:before{
   z-index: 101;
   content: "";
   position: absolute;
   top: 110%;
   left: 50%;
   margin-left: -20px;
   border: 20px solid transparent;
   border-top: 20px solid hotpink;
  } 
  .tuyomi1 h2{
   font-family: 'Roboto', sans-serif;
   font-weight: 900;
   font-style: italic;
   font-size: 3.5em;
   display: inline-block;
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-top: 5%;
   padding: 0 3%;
  } 

  .tuyomi1img {
   margin: 0 auto;
   background-image: url("./images/22752476_m.jpg");  /* 表示する画像 */
   background-size: cover;
   background-repeat:no-repeat;
   height: 400px;       /* ※縦横を同値に */
   border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
   background-position: 55% 50%;
   background-color: #fafaf9;
  } 
  .tuyomi1 h3{
   line-height: 200%;
   font-size: 1.2em;
   /*  letter-spacing: .1em; */
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #000;
   /*  text-align: justify; */
    background-color: #fafaf9;
    position: absolute;
   top: 110%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   width: 100%;
 } 

 .js-marker {

   display: inline;
   position: relative;
   background-image: linear-gradient(90deg, yellow, yellow); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 20%; /* '30%'の部分にマーカーの太さを記入 */
   transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
 }
 
 /* アニメーション発火時 */
 .js-marker.inview {
   background-size: 100% 20%; /* '30%'の部分は上で設定した太さに合わせる */
 }
 .tuyomi1 ul{
   font-size: 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #005b97;
    background-color: #fafaf9;
    position: absolute;
   top: 145%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   width: 100%;
 } 
 .tuyomi1 li{
  background-color: #ffffe0;
   display: inline;
   border: #005b97 solid 1px;
   border-radius: 20px;
   padding: .05em .5em;
}
/* 強み２，３ */
.tuyomi2{
 text-align: center;
 background-color: #fafaf9;
padding-bottom: 25%;
}  
.tuyomi3{
 text-align: center;
 background-color: #fafaf9;
padding-bottom: 40%;
} 


.tuyomi2kakoi{
position: relative;
width:  400px;       /* ※縦横を同値に */
border-radius: 50%; 
background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
padding: 5px;
margin: 0 auto;
} 
.tuyomi2 h1{
  background-color: #fff;
  width: 100%;
padding: 2% 4%;
border: 4px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
 font-size: 1.6em;
 letter-spacing: .1em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: bold;
 display: inline-block;
 color: #005b97;
 position: absolute;
top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
} 
.tuyomi2 h1:before{
z-index: 101;
content: "";
position: absolute;
top: 110%;
left: 50%;
margin-left: -25px;
border: 25px solid transparent;
border-top: 25px solid hotpink;
} 
.tuyomi2 h2{
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-style: italic;
font-size: 3.5em;
display: inline-block;
background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 10%;
padding: 0 3%;
} 
.tuyomi2 .tuyomipi,.tuyomi1 .tuyomipi{
background:hotpink;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
} 
.tuyomi2img {
margin: 0 auto;
background-image: url("./images/4353676_m.jpg");  /* 表示する画像 */
background-size: 140% ;
background-repeat:no-repeat;
height: 400px;       /* ※縦横を同値に */
border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
background-position: 40% 0;
background-color: #fafaf9;
} 
.tuyomi3img {
  position: relative;
 margin: 0 auto;
 background-image: url("./images/22441573_m.jpg");  /* 表示する画像 */
 background-size: 170% ;
 background-repeat:no-repeat;
 height: 400px;       /* ※縦横を同値に */
 border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
 background-position: 20% 30%;
 background-color: #fafaf9;
} 
.tuyomi2 h3{
  line-height: 200%;
  font-size: 1.2em;
  /*  letter-spacing: .1em; */
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: #000;
  text-align: justify; 
   background-color: #fafaf9;
   position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
} 

.tuyomi2 ul{
font-size: 1em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 color: #005b97;
 background-color: #fafaf9;
 position: absolute;
top: 150%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
} 
.tuyomi2 .ul3{
 top: 145%;
} 
.tuyomi2 li{
background-color: #ffffe0;
display: inline;
border: #005b97 solid 1px;
border-radius: 20px;
padding: .05em .5em;
}
.tuyomi2 .kome{
 color: #666;
 font-size: 0.8em;
 padding-right: 1em;
 text-align: end;
 display: block;
 }
/*  ご利用者さんの声 */
.koe{
  width: 100%;
  padding-top: 3%;
  overflow: hidden;
}
.koe .koee{
 width: 1.5em;
 vertical-align:bottom;
 padding: 0 1%;
}
.koeh1{
 width: 90%;
 margin: 0 auto;
 vertical-align: bottom;
 font-size: 1.5em;
 letter-spacing: .08em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: bold;
 color: #005b97;
 border-bottom: 3px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
 padding-bottom: 2%;
}
.slick01 .koeli{
   height: 580px;
   background-color: #fafaf9;
   -webkit-filter:drop-shadow(2px 2px 2px  rgba(0,0,0,0.2));
   margin: 0 .2% 1%; 
   
} 

.slikakoi{
 display: flex;
 height: 150px;
} 
.slikakoi1{
 width: 30%;
 display: flex;
 justify-content: center;
 align-items: center;
} 
.slikakoi2{
 width: 70%;
 margin-left: 5%;
} 
.slikakoi1 .slikao1{
 width: 95%;
 padding: 10px 0 0 10px;
} 
.slikakoi2h1{
 padding-top: 30px;
 font-size: 1.2em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .08em;
} 
.slikakoi2h2{
 font-size: 0.9em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h2-2{
 font-size: 1.2em;
 padding: 1% 0;
 color:#005b97;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h2-3{
 font-size: 1.3em;
 padding: 1% 0;
 color:hotpink;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h3{
 font-size: 1.1em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.tabero{
color: #ffaa00;
}
.ao{
color: hotpink;
font-size: 1.9em;
font-weight: bold;
}
.ao2{
 font-size: 1.8em;
 color: hotpink;
font-weight: normal;
 }
.orenzi{
 color: #005b97;
 font-size: 1.5em;
 font-weight: bold;
 }
 .orenzi2{
   color: #005b97;
   font-size: 1.5em;
   font-weight: normal;
   }
.kuro{
 color: #000;
 font-size: 1.3em;
 }
 .kuro2{
   color: #000;
   }
   .slip1{
     width: 90%;
     margin-top: 2%;
     font-size: 1.2em;
     line-height: 150%;
     color:#005b97;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: normal;
     letter-spacing: .08em;
     padding-left: 15px;
    } 
    .slip2{
     width: 90%;
     margin-top: 5%;
     font-size: 1.1em;
     line-height: 170%;
     color:#000;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight:300;
     letter-spacing: .05em;
     padding-left: 15px;
    } 
/* 選考ステップ */
.nagare
{width: 100%;
 margin: 0 auto;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
background-color: #fafaf9;
padding-top: 5%;
}
.nagareh1{
 width: 90%;
 font-size: 2em;
 color: #005b97;
 margin: 0 auto ;
 padding: 5% 2% 0;
 background: linear-gradient(transparent 80%, yellow 80%);
 display: inline;
 letter-spacing: .08em;
}
.nagareh2{
 width: 90%;
 font-size: 1.5em;
 margin: .5% auto 6%;
 letter-spacing: .09em;
 color: #000;
 font-weight: normal;
 position: relative;
 padding: 1% 0 0;
}
.nagareh2:before,
.nagareh2:after {
position: absolute;
top: 1rem;
height: 1.6rem;
content: '';
}

.nagareh2:before {
border-left: dotted 3px;
left: 22%;
transform: rotate(-30deg);
}

.nagareh2:after {
border-right: dotted 3px;
right: 22%;
transform: rotate(30deg);
} 
/* .nagareh2 span{
 color: #fff;
 font-weight: normal;
 background-color: #005b97;
 padding: 1% 2%;
}
.nagareh2{
 letter-spacing:0.09em;
 width: 90%;
 margin: 3% auto;
 font-size: 0.9em;
 
} */
.nagare  ul
{width: 100%;
 -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));

}
.nagareli
{display: inline-block;
 list-style: none;
 margin: 0 1% 7%;
     padding-top: 5px; /* 要素の上の余白調整 */
     width: 120px; /* 四角形の幅 */
     height: 145px; /* 四角形の高さ */
     position: relative;

}
.nagareli:after {
     border-top: 75px solid transparent; /* 上のボーダーを透過に指定 */
     border-bottom: 75px solid transparent; /* 下のボーダーを透過に指定 */
     content: "";
     position: absolute;
     left: 50%; /* 一旦中央へ寄せる */
     top: 0;
     margin-left: 60px; /* 四角形の幅の半分右へ移動する */
 }

 .nagareli1:after {
       border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
       z-index: 1;
   }
 .nagareli1
{
     background: #cce0f4;
     color: #005b97;
}
.nagareli1:after {
     border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
     z-index: 1;
 }
 .nagarelidiv1 h1
 {
       color: #005b97;
       font-size: 1.2em;
       letter-spacing: .09em;
       padding-top: 1%;
 }
 .nagarelidiv2 h1
 {
  padding-top: 1%; 
       color: #fff;
       font-size: 1.2em;
       letter-spacing: .09em;
       font-weight: normal;
 }
 .nagarelidiv1 img,.nagarelidiv2 img
 { 
   width: 3.2rem;
   padding: 2% 0;
 }

 .nagarelidiv1 h2
 { 
   font-size: 1.1em;
   font-weight: normal;
   color: #005b97;
  
 }
 .nagarelidiv2 h2
 { 
   font-size: 1.1em;
   font-weight: normal;
   color: #fff;
 }
 

 .nagareli2
 {
       background: #66b8e3;
 }
 .nagareli2:after {
       border-left: 25px solid #66b8e3; /* 右向きの三角形を作るため左のボーダーに色を付ける */
       z-index: 1;
   }
   .nagareli3
   {
         background: #1e9cd7;
   }
   .nagareli3:after {
         border-left: 25px solid #1e9cd7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
         z-index: 1;
     }
     .nagareli4
     {
           background: #0068b7;
     }
     .nagareli4:after {
           border-left: 25px solid #0068b7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
           z-index: 1;
       }
       .nagareli5
       {
             background: #005b97;
       }
       .nagareli5:after {
             border-left: 25px solid #005b97; /* 右向きの三角形を作るため左のボーダーに色を付ける */
             z-index: 1;
         }
         .nagarep {
          font-size: 1em;
          font-weight: normal;
          color: #666;
          padding-bottom: 5%;
       }
/* 登録フォーム */
.soto{
  position: relative;
  
 } 
 .hidari{
  width: 100%;
  background-color: #fafaf9;
  background: -moz-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
  background: -webkit-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
   background: linear-gradient(to bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7); 
  padding: 10% 0;
} 
 form
 { /*  border: solid 1px #eee; */
   margin: 0 auto;
    width: 80%;
   

 } 
.hukinaka
{ position:absolute;
 top:-67%;
 left:-4%;
 width: 18%;
} 
.huki
{ position: relative;
} 
h1.contact-title
{ padding: 3% 5%;
 font-size: 1.8em;
 background-color: #0068b7;
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 600;
 letter-spacing: .05em;
 color: #fff;
} 
.haikei{ 
background-color:azure;
 overflow: hidden;
 } 

dt.hai
{ font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 width:100%;
 letter-spacing: .05em;
 font-size: 1.7em;
 padding: 1% 3%;
} 
.hai span
{ background-color: red;
 color: #fff;
 border-radius: 4px; 
 font-size: 0.7em;
} 
dd.siro
{ padding: 2% 3%;
 background-color: white;
 width:100%;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 letter-spacing: .05em;
 font-size: 1.4em;
 line-height: 150%;
} 

.san
{ 
 padding-left: 3%;
} 
::placeholder
{ /* font-size: 1.1em; */
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 300;
 letter-spacing: .05em;
} 
.error
{ color: red;
 font-size: 0.9em;
 
} 
.text1
{ background: #ffffe0;
 width: 90%;
 line-height: 50px;
 border: none;
 font-size: 1.2em;
} 
.error-form
{ background: #ffffe0;
 width: 90%;
 line-height: 50px;
 border: none;
} 
select
{ background: #ffffe0;
 width: 60%;
 height: 70px;
 border: none;  
 font-size: 1.2em;
} 
select:focus,textarea:focus
{  outline: solid 1px red;
 border: solid 1px #fff;

} 
input[type="text"]:focus {
  outline: solid 1px red;
 }

textarea {
  font-size: 1.2em;
 resize: none;
 width:90%;
 height:150px;
 border: solid 1px #000;
}
.kaku {
 border-top:1px solid #eee;
 background-color:#fff;
line-height: 100px;
height: 100px ;
 text-align: center;

}
.kakunaka{
  
font-size: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
color: white;
background-color: #dc143c;
border-bottom: solid 4px #af1b3a;
 border-radius: 3px;
letter-spacing: .05em;
padding:1% 10% ;
border-radius: 5px;
border-top:#dc143c ;
border-left:#dc143c ;
border-right:#dc143c ;
}
/*  よくある質問 */
.accordion-area{
  list-style: none;
  width: 80%;
  max-width: 900px;
  margin:0 auto;
 
}

.accordion-area li{
 /*  margin: 10px 0; */
}

.accordion-area section {
border: 1px solid #fafaf9;
background-color: #fafaf9;
color: #005b97;
-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}

/*アコーディオンタイトル*/
.title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1.3em;
  letter-spacing: .08em;
  font-weight: normal;
  padding: 3% 3% 3% 40px;
  transition: all .5s ease;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
  position: absolute;
  content:'';
  width: 18px;
  height: 3px;
  background-color: #005b97;
  
}
.title::before{
  top:48%;
  left: 15px;
  transform: rotate(0deg);
  
}
.title::after{    
  top:48%;
  left: 15px;
  transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
transform: rotate(45deg);
}

.title.close::after{
transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;/*はじめは非表示*/
  background: #fff ;
margin:0 3% 3% 35px;
  padding: 3%;
  color: #000;
  font-size: 1.2em;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 20%) inset;
  font-weight: 300;
}
.qbig {
  font-weight: bolder;
  color: hotpink;
}
.abig {
  font-weight: bolder;
  color: red;
}
.big {
  font-weight: bold;
}
.situmon {
  font-family: 'Noto Sans JP', sans-serif;
 -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    background-color: #fff;  
    padding-bottom: 3%;
}

.situmon h1{
  width: 100%;
   background: #fff;
   margin: 0 auto;
   -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
   font-size: 1.4em;
   letter-spacing: .05em;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: bold;
   color: #005b97;
   text-align: center;
   position: relative;
   display: block;
  height: 70px;
  line-height: 70px;
  margin-bottom: 3%;
  z-index: 100;
 } 
 .situmon h1:before{
   
    content: "";
   position: absolute; 
   top: 100%;
   left: 50%;
   margin-left: -25px;
   border: 25px solid transparent;
   border-top: 25px solid #fff;
   -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
 }
 .yoku{
letter-spacing: 0.15em;
font-weight: 900;
  font-family: 'Roboto', sans-serif;
  color: #005b97;
  opacity: 0.5;
  
 }
 /* 簡単登録移動ボタン */
 #page-top {
  position: fixed;
  bottom: 0;
  width: 700px;
  background-color: #fff;
  opacity: 0.9;
  height: 200px;
  z-index: 100000;
}
.page-top {
  position: relative;
}

#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

#page-top  h2{
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: #000;
   font-size: 1.3em;
  border-radius: 50px;
  padding: 3% 0 1%;
  position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
 }  

 #page-top  h1{
   font-size: 1.5em;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: white;
   background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
  background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
   letter-spacing: .05em;
   padding:1% 10% ;
   border-radius: 150px;
   width: 300px;
   margin: 0 auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   -webkit- transform: translateY(-50%) translateX(-50%);
  
 } 
 #page-top  a{
   color: #fff;
   text-decoration: none;
   transition: all .3s ease;
 } 



   /* 会社概要*/
  .fed1{ 
    padding: 3% 0 200px;
    clear: both;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    background-color: #fff;  
  }

  .fed1 p{ 
   padding: 1% 3%;
    color: #666;
    background-color: #fff;
    border: solid #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.7em;
    text-align: center;
  }
  .fed1 a{ 
    color:#0068b7;
   }
    /* お問い合わせ確認画面 */

  .migi2{
    display: none;
   }
    .example dt{
      font-weight: 500;
   }
     .example{
       padding: 2% 2%;
       font-size: 0.9em;
       font-weight: 300;
       font-family: 'Noto Sans JP', sans-serif;
       margin: 0 auto;
       text-align: left;
       position: relative;
       z-index: 5;
       width: 90%;
       height: 70px;
       overflow-y: scroll;
       overflow-x:none ;
       scrollbar-width: none;
       -ms-overflow-style: none; 
       background-color: azure;
   }
   
    
    .oneArea2{
       display: flex;
       justify-content: center;
       align-items: center;
     } 
     .hidari .mada{
      text-align: center;
       display: inline;
       background-color: #ffffe0;
       color: red;
       font-size: 1.2em;
      padding: .5%;
      border: solid red 1px;
      font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       padding: 0 6%;
     } 
     #breadcrumbs-one{
      margin: 0% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
      }
    
      #breadcrumbs-one li{
        margin: 0 2%;
        padding: .3em 2em .3em 2em;
        float: left;
        list-style: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.1em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #c0c0c0;
      }
      #breadcrumbs-one .naka{
        padding: .3em 2em .3em 2em;
        float: left;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.1em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #dc143c;
      }
      #breadcrumbs-one li::after,
      #breadcrumbs-one li::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one li::after{
        z-index: 2;
        border-left-color: #c0c0c0;
      }
      #breadcrumbs-one .naka::after,
      #breadcrumbs-one .naka::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one .naka::after{
        z-index: 2;
        border-left-color: #dc143c;
      }
    
      
    .kakunin{
  margin: 3% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .kakunin2{
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
     
     /* .oneArea2 > .inner{
    overflow: hidden;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    } */
     .kaku2{
       border-top:1px solid #eee;
       background-color:#fff;
       text-align: center;
     }
     .kakuh1{
       font-size: 0.9em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       text-align: left;
       color: #005b97;
       letter-spacing: .05em;
       padding:2% 4% ;
      }
     .kakunaka3{
       margin: 2% 0;
       font-size: 1.2em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: #fff;
       background-color: #c0c0c0;
       border-bottom: solid 4px #999;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 3% ;
       border-radius: 5px;
       border-top:#999 ;
       border-left:#999 ;
       border-right:#999 ;
      }
     .kakunaka2{
       font-size: 1.2em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: white;
       background-color: #dc143c;
       border-bottom: solid 4px #af1b3a;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 7% ;
       border-radius: 5px;
       border-top:#dc143c ;
       border-left:#dc143c ;
       border-right:#dc143c ;
      }
     .sai
     {
     height: 70px;
          }
   /* 登録完了画面 */
  .sotokanryou
  { 
  width: 100%;
  background-image: url(./images/22344833_l.jpg); 
  background-size: cover;
  border-top: solid #005b97 3px;
  border-bottom: solid #005b97 3px;
       }  
         .kanryou
         {height: 60vh;
           margin: 0 auto;
           padding-top: 5%;
           width: 80%;
         font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
              }  
              .kanryou h1
              {
                font-weight: bold;
                font-size: 2.5em;
              font-family: 'Noto Sans JP', sans-serif;
              color: #005b97;
              padding-bottom: 5%;
                   }  

                   .kanryou p
                   {
                     font-weight: 500;
                     font-size: 1.5em;
                   font-family: 'Noto Sans JP', sans-serif;
                    line-height: 200%;
                        }  
                        .kanryou span
                        {
                          font-size: 0.8em;
                             }  
                   .kanryoubu  {
                     font-weight:bold;
                     font-size: 1.9em;
                     color: #005b97;
                   font-family: 'Noto Sans JP', sans-serif;
                   border: none;
                   display: block;
                   margin: 5% 0;
                        }  
     /* 調整記述 */        
 .mein3{
  display: none;
} 
.hed1 h5 , .hed2 h2,.hed2 h3,.hed2 h4,.hed2 h6{
  display: none;
} 
.hed1 h4,.hed1 h1,.hed1{
  display: none;
} 
.zenkokuh2,.zenkokuh2span{
  display: none;
     } 
 }
 

 @media all and (min-width: 750px) and (max-width: 1030px) 
 {
  
  /* ヘッダー */
.hed2{
  height:80px;
display:flex;
justify-content: center;
align-items: center;
}
.hi{
  flex-grow: 1;
display: flex;
align-items: center;
justify-content: flex-start;
}
.mi{
  align-items: center;
  flex-grow: 3;
  display: flex;
  justify-content: flex-end;
  }
  .hed2 h1{
   font-size: 1.1em;
   font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      letter-spacing: .08em;
  }
.hed2 img { 
  padding: 0 3% 0;
 width: 35%;
 vertical-align: middle;
 }
     /* ヘッドシタ */
     .kou{
      height: 30px;
     background-color: #1e9cd7;
       box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
     } 
     .kou h1{
  line-height: 30px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      color: #fff;
      font-size: 1.1em;
      text-align: center;
     }
/* メイン画像 */
    .hed .mein{ 
    width: 100%;
    vertical-align: bottom;
    }
     .hed{ 
       
       position: relative;
     }
     .hed h5{ 
      font-weight: 300;
     /* font-family: 'HGRME.TTC'; */
      font-family: ta-koigokoro, sans-serif; 
     /* font-family: vdl-penletter, sans-serif; */
     margin-left:8% ;
     font-size: 8vh;
       top: 3%;
       left: 0;
    position: absolute;
    letter-spacing: 0.05em;
    color: #0068b7;
    line-height: 160%;
    display: inline-block;
    }
    .hed .sen{ 
      text-shadow:
2px 2px 15px #fff,
-2px 2px 15px #fff,
2px -2px 15px #fff,
-2px -2px 15px #fff;
    }
    .hed .chii{ 
      font-size: 0.6em;
    }
  .pnk{ 
    color: hotpink;
    }
       .hed .hai
      { 
       width: 1em;
        }

      .hed h1{ 
        /* transform: skew(-3deg,-2deg); */
        -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
        background: white;
        color: #005b97;
        font-family: 'Noto Sans JP', sans-serif;
        padding: 0.5em 0.6em;
        font-size: 1.7em;
        bottom: 40%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
     position: absolute;
     width: 60%;
     text-align: center;
     letter-spacing: .03em;
       }
    
       .hed h2{ 
      /*   transform: skew(-3deg,-2deg);  */
      -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
        background: white;
        color: #005b97;
        font-family: 'Noto Sans JP', sans-serif;
       /*  margin-left:2% ; */
        padding: 0.5em 0.3em;
        font-size: 1.7em;
          bottom: 22%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
       position: absolute;
       width: 65%;
       text-align: center;
       letter-spacing: .03em;
       }
/* 登録ボタン */
.botan {
  padding: 3% 0;
  background-color: #fafaf9;
  width: 100%;
  margin: 0 auto;
  bottom: 0%;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
       position: absolute; 
 } 
 .botan h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000;
  font-size: 1.3em;
  text-align: center;
  padding: 2% 0 1%;

}  
.botan h1{
 
  margin:0  auto;
  width: 300px;
  text-align: center;
  font-size: 1.5em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: white;
  background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
  letter-spacing: .05em;
  padding:1% 10% ;
  border-radius: 150px;
  
} 
 .botan a{
   color: #fff;
   text-decoration: none;
   display: block;
   padding: 0.6em 0.8em;
 } 
 @keyframes shiny {
   0% {
       transform: scale(0) rotate(25deg);
       opacity: 0;
   }

   50% {
       transform: scale(1) rotate(25deg);
       opacity: 1;
   }

   100% {
       transform: scale(50) rotate(25deg);
       opacity: 0;
   }
}

.shiny-btn {
   position: relative;
   display: block;
 text-align: center;
   text-decoration: none;
   overflow: hidden;
}

.shiny-btn::after {
   content: '';
   position: absolute;
   top: -100px;
   left: -100px;
   width: 50px;
   height: 50px;
   background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
   
   /* アニメーション */
   animation-name: shiny;
   animation-duration: 3s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}
 


/*  歯科衛生士さんの悩み */
 .nayami h2{
   width: 100%;
    background: #fff;
    margin: 0 auto;
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #005b97;
    text-align: center;
    padding: 2% 0;
   background-color: #fafaf9;
  } 
  .nayami .sen{
  background: linear-gradient(transparent 80%, yellow 80%);
 }
 .nayami{
  background-color: #fafaf9;
  padding-bottom: 7%;
  }


 .nayami2 {
   position: relative;
   -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
   height: 100px;
   width: 100%;
    background: #fff;
    margin-bottom: 7%;
     }
 .nayami .hito{
  width: 4.8em;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  }
  .nayami .hito2{
   width: 3em;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
 padding-right: 3%;
   }
  .nayami h1{
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #005b97;
    margin-bottom: 7%;
    padding: 10px 0;
    position: relative;
   text-align: center;
  }
  .nayami h1:before,
  .nayami h1:after {
   position: absolute;
   top: 1.1rem;
   height: 4.5rem;
   content: '';
}

.nayami h1:before {
 border-left: solid 3px;
 left: 25%;
 transform: rotate(-30deg);
}

.nayami h1:after {
 border-right: solid 3px;
   right: 25%;
   transform: rotate(30deg);
}
  .dot-text {
   display: inline-block;
   position: relative;
}
.dot-text::before{
 position: absolute;
 bottom: -0.7em;
 left: 50%;
 transform: translate(-50%, 0);
 color: hotpink;
 font-size: 0.8em;
 content: "・";
}
.nayami .hai{ 
 width: 1.1em;

 }
 .nayami2::before{
   z-index: 101;
    content: "";
   position: absolute; 
   top: 100%;
   left: 50%;
   margin-left: -25px;
   border: 25px solid transparent;
   border-top: 25px solid #fff;
   -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
 }
 /* 強み見出し */
 .tuyomi {
   position: relative;
   display: block;
 } 
.tuyomi h1{
 width: 100%;
  background: #fff;
  margin: 0 auto;
  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
  font-size: 1.7em;
  letter-spacing: .1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #005b97;
  text-align: center;
  position: relative;
  display: block;
 height: 100px;
 line-height: 100px;
} 
.tuyomi h1:before{
  z-index: 101;
   content: "";
  position: absolute; 
  top: 100%;
  left: 50%;
  margin-left: -25px;
  border: 25px solid transparent;
  border-top: 25px solid #fff;
  -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
}

.tuyomi h2{
font-size: 3.5em;
letter-spacing: 0.15em;
font-weight: 900;
  font-family: 'Roboto', sans-serif;
  color: #005b97;
  opacity: 0.2;
  position: absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  } 
 /* 強み１ */
 .tuyomi1{
    text-align: center;
    background-color: #fafaf9;
    padding-bottom: 20%;
  }  

 .tuyomi1kakoi{
   position: relative;
   width:  400px;       /* ※縦横を同値に */
   border-radius: 50%; 
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   padding: 5px;
   margin: 0 auto;
 } 
  .tuyomi1 h1{
    background-color: #fff;
    width: 120%;
   padding: 1%;
 border: 4px solid #c21500;
 border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 border-image-slice: 1;
    font-size: 1.6em;
    letter-spacing: .1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    display: inline-block;
    color: #005b97;
    background-color: #fff;
    position: absolute;
    top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
  } 
  .tuyomi1 h1:before{
   z-index: 101;
   content: "";
   position: absolute;
   top: 110%;
   left: 50%;
   margin-left: -20px;
   border: 20px solid transparent;
   border-top: 20px solid hotpink;
  } 
  .tuyomi1 h2{
   font-family: 'Roboto', sans-serif;
   font-weight: 900;
   font-style: italic;
   font-size: 3.5em;
   display: inline-block;
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-top: 5%;
   padding: 0 3%;
  } 

  .tuyomi1img {
   margin: 0 auto;
   background-image: url("./images/22752476_m.jpg");  /* 表示する画像 */
   background-size: cover;
   background-repeat:no-repeat;
   height: 400px;       /* ※縦横を同値に */
   border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
   background-position: 55% 50%;
   background-color: #fafaf9;
  } 
  .tuyomi1 h3{
   line-height: 200%;
   font-size: 1.2em;
   /*  letter-spacing: .1em; */
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #000;
   /*  text-align: justify; */
    background-color: #fafaf9;
    position: absolute;
   top: 110%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   width: 100%;
 } 

 .js-marker {

   display: inline;
   position: relative;
   background-image: linear-gradient(90deg, yellow, yellow); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 0 20%; /* '30%'の部分にマーカーの太さを記入 */
   transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
 }
 
 /* アニメーション発火時 */
 .js-marker.inview {
   background-size: 100% 20%; /* '30%'の部分は上で設定した太さに合わせる */
 }
 .tuyomi1 ul{
   font-size: 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #005b97;
    background-color: #fafaf9;
    position: absolute;
   top: 145%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   width: 100%;
 } 
 .tuyomi1 li{
  background-color: #ffffe0;
   display: inline;
   border: #005b97 solid 1px;
   border-radius: 20px;
   padding: .05em .5em;
}
/* 強み２，３ */
.tuyomi2{
 text-align: center;
 background-color: #fafaf9;
padding-bottom: 25%;
}  
.tuyomi3{
 text-align: center;
 background-color: #fafaf9;
padding-bottom: 40%;
} 


.tuyomi2kakoi{
position: relative;
width:  400px;       /* ※縦横を同値に */
border-radius: 50%; 
background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
padding: 5px;
margin: 0 auto;
} 
.tuyomi2 h1{
  background-color: #fff;
  width: 100%;
padding: 2% 4%;
border: 4px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
 font-size: 1.6em;
 letter-spacing: .1em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: bold;
 display: inline-block;
 color: #005b97;
 position: absolute;
top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
} 
.tuyomi2 h1:before{
z-index: 101;
content: "";
position: absolute;
top: 110%;
left: 50%;
margin-left: -25px;
border: 25px solid transparent;
border-top: 25px solid hotpink;
} 
.tuyomi2 h2{
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-style: italic;
font-size: 3.5em;
display: inline-block;
background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 10%;
padding: 0 3%;
} 
.tuyomi2 .tuyomipi,.tuyomi1 .tuyomipi{
background:hotpink;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
} 
.tuyomi2img {
margin: 0 auto;
background-image: url("./images/4353676_m.jpg");  /* 表示する画像 */
background-size: 140% ;
background-repeat:no-repeat;
height: 400px;       /* ※縦横を同値に */
border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
background-position: 40% 0;
background-color: #fafaf9;
} 
.tuyomi3img {
  position: relative;
 margin: 0 auto;
 background-image: url("./images/22441573_m.jpg");  /* 表示する画像 */
 background-size: 170% ;
 background-repeat:no-repeat;
 height: 400px;       /* ※縦横を同値に */
 border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
 background-position: 20% 30%;
 background-color: #fafaf9;
} 
.tuyomi2 h3{
  line-height: 200%;
  font-size: 1.2em;
  /*  letter-spacing: .1em; */
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: #000;
  text-align: justify; 
   background-color: #fafaf9;
   position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
} 

.tuyomi2 ul{
font-size: 1em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 color: #005b97;
 background-color: #fafaf9;
 position: absolute;
top: 150%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 100%;
} 
.tuyomi2 .ul3{
 top: 145%;
} 
.tuyomi2 li{
background-color: #ffffe0;
display: inline;
border: #005b97 solid 1px;
border-radius: 20px;
padding: .05em .5em;
}
.tuyomi2 .kome{
 color: #666;
 font-size: 0.8em;
 padding-right: 1em;
 text-align: end;
 display: block;
 }
/*  ご利用者さんの声 */
.koe{
  width: 100%;
  padding-top: 3%;
  overflow-x: hidden !important;
}
.koe .koee{
 width: 1.5em;
 vertical-align:bottom;
 padding: 0 1%;
}
.koeh1{
 width: 90%;
 margin: 0 auto;
 vertical-align: bottom;
 font-size: 1.5em;
 letter-spacing: .08em;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: bold;
 color: #005b97;
 border-bottom: 3px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
 padding-bottom: 2%;
}
.slick01 .koeli{
   height: 580px;
   background-color: #fafaf9;
   -webkit-filter:drop-shadow(2px 2px 2px  rgba(0,0,0,0.2));
   margin: 0 .2% 1%; 
   
} 

.slikakoi{
 display: flex;
 height: 150px;
} 
.slikakoi1{
 width: 30%;
 display: flex;
 justify-content: center;
 align-items: center;
} 
.slikakoi2{
 width: 70%;
 margin-left: 5%;
} 
.slikakoi1 .slikao1{
 width: 95%;
 padding: 10px 0 0 10px;
} 
.slikakoi2h1{
 padding-top: 30px;
 font-size: 1.2em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .08em;
} 
.slikakoi2h2{
 font-size: 0.9em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h2-2{
 font-size: 1.2em;
 padding: 1% 0;
 color:#005b97;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h2-3{
 font-size: 1.3em;
 padding: 1% 0;
 color:hotpink;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.slikakoi2h3{
 font-size: 1.1em;
 color:#000;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: normal;
 letter-spacing: .1em;
} 
.tabero{
color: #ffaa00;
}
.ao{
color: hotpink;
font-size: 1.9em;
font-weight: bold;
}
.ao2{
 font-size: 1.8em;
 color: hotpink;
font-weight: normal;
 }
.orenzi{
 color: #005b97;
 font-size: 1.5em;
 font-weight: bold;
 }
 .orenzi2{
   color: #005b97;
   font-size: 1.5em;
   font-weight: normal;
   }
.kuro{
 color: #000;
 font-size: 1.3em;
 }
 .kuro2{
   color: #000;
   }
   .slip1{
     width: 90%;
     margin-top: 2%;
     font-size: 1.2em;
     line-height: 150%;
     color:#005b97;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: normal;
     letter-spacing: .08em;
     padding-left: 15px;
    } 
    .slip2{
     width: 90%;
     margin-top: 5%;
     font-size: 1.1em;
     line-height: 170%;
     color:#000;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight:300;
     letter-spacing: .05em;
     padding-left: 15px;
    } 
/* 選考ステップ */
.nagare
{width: 100%;
 margin: 0 auto;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
background-color: #fafaf9;
padding-top: 5%;
}
.nagareh1{
 width: 90%;
 font-size: 2em;
 color: #005b97;
 margin: 0 auto ;
 padding: 5% 2% 0;
 background: linear-gradient(transparent 80%, yellow 80%);
 display: inline;
 letter-spacing: .08em;
}
.nagareh2{
 width: 90%;
 font-size: 1.5em;
 margin: .5% auto 6%;
 letter-spacing: .09em;
 color: #000;
 font-weight: normal;
 position: relative;
 padding: 1% 0 0;
}
.nagareh2:before,
.nagareh2:after {
position: absolute;
top: 1rem;
height: 1.6rem;
content: '';
}

.nagareh2:before {
border-left: dotted 3px;
left: 22%;
transform: rotate(-30deg);
}

.nagareh2:after {
border-right: dotted 3px;
right: 22%;
transform: rotate(30deg);
} 
/* .nagareh2 span{
 color: #fff;
 font-weight: normal;
 background-color: #005b97;
 padding: 1% 2%;
}
.nagareh2{
 letter-spacing:0.09em;
 width: 90%;
 margin: 3% auto;
 font-size: 0.9em;
 
} */
.nagare  ul
{width: 100%;
 -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));

}
.nagareli
{display: inline-block;
 list-style: none;
 margin: 0 1% 7%;
     padding-top: 5px; /* 要素の上の余白調整 */
     width: 120px; /* 四角形の幅 */
     height: 145px; /* 四角形の高さ */
     position: relative;

}
.nagareli:after {
     border-top: 75px solid transparent; /* 上のボーダーを透過に指定 */
     border-bottom: 75px solid transparent; /* 下のボーダーを透過に指定 */
     content: "";
     position: absolute;
     left: 50%; /* 一旦中央へ寄せる */
     top: 0;
     margin-left: 60px; /* 四角形の幅の半分右へ移動する */
 }

 .nagareli1:after {
       border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
       z-index: 1;
   }
 .nagareli1
{
     background: #cce0f4;
     color: #005b97;
}
.nagareli1:after {
     border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
     z-index: 1;
 }
 .nagarelidiv1 h1
 {
       color: #005b97;
       font-size: 1.2em;
       letter-spacing: .09em;
       padding-top: 1%;
 }
 .nagarelidiv2 h1
 {
  padding-top: 1%; 
       color: #fff;
       font-size: 1.2em;
       letter-spacing: .09em;
       font-weight: normal;
 }
 .nagarelidiv1 img,.nagarelidiv2 img
 { 
   width: 3.2rem;
   padding: 2% 0;
 }

 .nagarelidiv1 h2
 { 
   font-size: 1.1em;
   font-weight: normal;
   color: #005b97;
  
 }
 .nagarelidiv2 h2
 { 
   font-size: 1.1em;
   font-weight: normal;
   color: #fff;
 }
 

 .nagareli2
 {
       background: #66b8e3;
 }
 .nagareli2:after {
       border-left: 25px solid #66b8e3; /* 右向きの三角形を作るため左のボーダーに色を付ける */
       z-index: 1;
   }
   .nagareli3
   {
         background: #1e9cd7;
   }
   .nagareli3:after {
         border-left: 25px solid #1e9cd7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
         z-index: 1;
     }
     .nagareli4
     {
           background: #0068b7;
     }
     .nagareli4:after {
           border-left: 25px solid #0068b7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
           z-index: 1;
       }
       .nagareli5
       {
             background: #005b97;
       }
       .nagareli5:after {
             border-left: 25px solid #005b97; /* 右向きの三角形を作るため左のボーダーに色を付ける */
             z-index: 1;
         }
         .nagarep {
          font-size: 1em;
          font-weight: normal;
          color: #666;
          padding-bottom: 5%;
       }
/* 登録フォーム */
.soto{
  position: relative;
  
 } 
 .hidari{
  width: 100%;
  background-color: #fafaf9;
  background: -moz-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
  background: -webkit-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
   background: linear-gradient(to bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7); 
  padding: 10% 0;
} 
 form
 { /*  border: solid 1px #eee; */
   margin: 0 auto;
    width: 80%;
   

 } 
.hukinaka
{ position:absolute;
 top:-67%;
 left:-4%;
 width: 18%;
} 
.huki
{ position: relative;
} 
h1.contact-title
{ padding: 3% 5%;
 font-size: 1.8em;
 background-color: #0068b7;
 text-align: center;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 600;
 letter-spacing: .05em;
 color: #fff;
} 
.haikei{ 
background-color:azure;
 overflow: hidden;
 } 

dt.hai
{ font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 width:100%;
 letter-spacing: .05em;
 font-size: 1.7em;
 padding: 1% 3%;
} 
.hai span
{ background-color: red;
 color: #fff;
 border-radius: 4px; 
 font-size: 0.7em;
} 
dd.siro
{ padding: 2% 3%;
 background-color: white;
 width:100%;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 letter-spacing: .05em;
 font-size: 1.4em;
 line-height: 150%;
} 

.san
{ 
 padding-left: 3%;
} 
::placeholder
{ /* font-size: 1.1em; */
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 300;
 letter-spacing: .05em;
} 
.error
{ color: red;
 font-size: 0.9em;
 
} 
.text1
{ background: #ffffe0;
 width: 90%;
 line-height: 50px;
 border: none;
 font-size: 1.2em;
} 
.error-form
{ background: #ffffe0;
 width: 90%;
 line-height: 50px;
 border: none;
} 
select
{ background: #ffffe0;
 width: 60%;
 height: 70px;
 border: none;  
 font-size: 1.2em;
} 
select:focus,textarea:focus
{  outline: solid 1px red;
 border: solid 1px #fff;

} 
input[type="text"]:focus {
  outline: solid 1px red;
 }

textarea {
  font-size: 1.2em;
 resize: none;
 width:90%;
 height:150px;
 border: solid 1px #000;
}
.kaku {
 border-top:1px solid #eee;
 background-color:#fff;
line-height: 100px;
height: 100px ;
 text-align: center;

}
.kakunaka{
  
font-size: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
color: white;
background-color: #dc143c;
border-bottom: solid 4px #af1b3a;
 border-radius: 3px;
letter-spacing: .05em;
padding:1% 10% ;
border-radius: 5px;
border-top:#dc143c ;
border-left:#dc143c ;
border-right:#dc143c ;
}
/*  よくある質問 */
.accordion-area{
  list-style: none;
  width: 80%;
  max-width: 900px;
  margin:0 auto;
 
}

.accordion-area li{
 /*  margin: 10px 0; */
}

.accordion-area section {
border: 1px solid #fafaf9;
background-color: #fafaf9;
color: #005b97;
-webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}

/*アコーディオンタイトル*/
.title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1.3em;
  letter-spacing: .08em;
  font-weight: normal;
  padding: 3% 3% 3% 40px;
  transition: all .5s ease;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
  position: absolute;
  content:'';
  width: 18px;
  height: 3px;
  background-color: #005b97;
  
}
.title::before{
  top:48%;
  left: 15px;
  transform: rotate(0deg);
  
}
.title::after{    
  top:48%;
  left: 15px;
  transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{
transform: rotate(45deg);
}

.title.close::after{
transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;/*はじめは非表示*/
  background: #fff ;
margin:0 3% 3% 35px;
  padding: 3%;
  color: #000;
  font-size: 1.2em;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 20%) inset;
  font-weight: 300;
}
.qbig {
  font-weight: bolder;
  color: hotpink;
}
.abig {
  font-weight: bolder;
  color: red;
}
.big {
  font-weight: bold;
}
.situmon {
  font-family: 'Noto Sans JP', sans-serif;

}

.situmon h1{
  width: 100%;
   background: #fff;
   margin: 0 auto;
   -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
   font-size: 1.4em;
   letter-spacing: .05em;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: bold;
   color: #005b97;
   text-align: center;
   position: relative;
   display: block;
  height: 70px;
  line-height: 70px;
  margin-bottom: 3%;
  z-index: 100;
 } 
 .situmon h1:before{
   
    content: "";
   position: absolute; 
   top: 100%;
   left: 50%;
   margin-left: -25px;
   border: 25px solid transparent;
   border-top: 25px solid #fff;
   -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
 }
 .yoku{
letter-spacing: 0.15em;
font-weight: 900;
  font-family: 'Roboto', sans-serif;
  color: #005b97;
  opacity: 0.5;
  
 }
 /* 簡単登録移動ボタン */
 #page-top {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0.9;
  height: 200px;
  z-index: 100000;
}
.page-top {
  position: relative;
}

#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}

#page-top  h2{
 
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: #000;
   font-size: 1.3em;
  border-radius: 50px;
  padding: 3% 0 1%;
  position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
 }  

 #page-top  h1{
   font-size: 1.5em;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: 500;
   color: white;
   background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
  background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
   letter-spacing: .05em;
   padding:1% 10% ;
   border-radius: 150px;
   width: 300px;
   margin: 0 auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
   -webkit- transform: translateY(-50%) translateX(-50%);
  
 } 
 #page-top  a{
   color: #fff;
   text-decoration: none;
   transition: all .3s ease;
 } 


   /* 会社概要*/
  .fed1{ 
    padding: 3% 0 200px;
    clear: both;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
  }

  .fed1 p{ 
   padding: 1% 3%;
    color: #666;
    background-color: #fff;
    border: solid #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.7em;
    text-align: center;
  }
  .fed1 a{ 
    color:#0068b7;
   }
    /* お問い合わせ確認画面 */

  .migi2{
    display: none;
   }
    .example dt{
      font-weight: 500;
   }
     .example{
       padding: 2% 2%;
       font-size: 0.9em;
       font-weight: 300;
       font-family: 'Noto Sans JP', sans-serif;
       margin: 0 auto;
       text-align: left;
       position: relative;
       z-index: 5;
       width: 90%;
       height: 70px;
       overflow-y: scroll;
       overflow-x:none ;
       scrollbar-width: none;
       -ms-overflow-style: none; 
       background-color: azure;
   }
   
    
    .oneArea2{
       display: flex;
       justify-content: center;
       align-items: center;
     } 
     .hidari .mada{
      text-align: center;
       display: inline;
       background-color: #ffffe0;
       color: red;
       font-size: 1.2em;
      padding: .5%;
      border: solid red 1px;
      font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       padding: 0 6%;
     } 
     #breadcrumbs-one{
      margin: 0% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
      }
    
      #breadcrumbs-one li{
        margin: 0 2%;
        padding: .3em 2em .3em 2em;
        float: left;
        list-style: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.1em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #c0c0c0;
      }
      #breadcrumbs-one .naka{
        padding: .3em 2em .3em 2em;
        float: left;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 1.1em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #dc143c;
      }
      #breadcrumbs-one li::after,
      #breadcrumbs-one li::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one li::after{
        z-index: 2;
        border-left-color: #c0c0c0;
      }
      #breadcrumbs-one .naka::after,
      #breadcrumbs-one .naka::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one .naka::after{
        z-index: 2;
        border-left-color: #dc143c;
      }
    
      
    .kakunin{
  margin: 3% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .kakunin2{
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
     
     /* .oneArea2 > .inner{
    overflow: hidden;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    } */
     .kaku2{
       border-top:1px solid #eee;
       background-color:#fff;
       text-align: center;
     }
     .kakuh1{
       font-size: 0.9em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       text-align: left;
       color: #005b97;
       letter-spacing: .05em;
       padding:2% 4% ;
      }
     .kakunaka3{
       margin: 2% 0;
       font-size: 1.2em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: #fff;
       background-color: #c0c0c0;
       border-bottom: solid 4px #999;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 3% ;
       border-radius: 5px;
       border-top:#999 ;
       border-left:#999 ;
       border-right:#999 ;
      }
     .kakunaka2{
       font-size: 1.2em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: white;
       background-color: #dc143c;
       border-bottom: solid 4px #af1b3a;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 7% ;
       border-radius: 5px;
       border-top:#dc143c ;
       border-left:#dc143c ;
       border-right:#dc143c ;
      }
     .sai
     {
     height: 70px;
          }
   /* 登録完了画面 */
  .sotokanryou
  { 
  width: 100%;
  background-image: url(./images/22344833_l.jpg); 
  background-size: cover;
  border-top: solid #005b97 3px;
  border-bottom: solid #005b97 3px;
       }  
         .kanryou
         {height: 60vh;
           margin: 0 auto;
           padding-top: 5%;
           width: 80%;
         font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
              }  
              .kanryou h1
              {
                font-weight: bold;
                font-size: 2.5em;
              font-family: 'Noto Sans JP', sans-serif;
              color: #005b97;
              padding-bottom: 5%;
                   }  

                   .kanryou p
                   {
                     font-weight: 500;
                     font-size: 1.5em;
                   font-family: 'Noto Sans JP', sans-serif;
                    line-height: 200%;
                        }  
                        .kanryou span
                        {
                          font-size: 0.8em;
                             }  
                   .kanryoubu  {
                     font-weight:bold;
                     font-size: 1.9em;
                     color: #005b97;
                   font-family: 'Noto Sans JP', sans-serif;
                   border: none;
                   display: block;
                   margin: 5% 0;
                        }  
     /* 調整記述 */        
 .mein3{
  display: none;
} 
.hed1 h5 , .hed2 h2,.hed2 h3,.hed2 h4,.hed2 h6{
  display: none;
} 
.hed1 h4,.hed1 h1,.hed1{
  display: none;
} 
.zenkokuh2,.zenkokuh2span{
  display: none;
     } 
  } 
  @media all and (max-width: 750px)
{
   /* ヘッダー */
   .hed1 {  position: relative;
    height: 50px;
    margin: 0 auto;
    width: 100%;
  }
 
  .hed1 h1{ 
   padding-left: 1%;
    color: #000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.7em;
    letter-spacing: .08em;
    font-weight: 500;
  float: left;
  height: 50px;
  line-height: 50px;
  }
  .hed1 h2{ 
    display: none;
  }
  .hed1 h3{ 
    display: none;
   }
   .hed1 h4{ 
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    line-height:50px;
    top: 0;
    right: 0;
    text-align: center;
   background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #005b97);
  background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #005b97);
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #005b97);  
  }
   .hed1 h4 a{ 
   color:#fff;
   font-size: 1.5em;
   padding: 2%;
  
   }
  .hed1 img { 
    height: 50px;
    line-height:50px;
   width: 35%;
   padding-left: 1%;
   float: left;
   }
    /* ヘッドシタ */
  .kou{
    height: 20px;
   background-color: #1e9cd7;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
   } 
   .kou h1{
line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 0.7em;
    text-align: center;
   }
/* メイン画像 */
    .hed .mein3{ 
      vertical-align: bottom;
    width: 100%;
    }
     .hed{ 
       position: relative;
    
      }
      .hed .pinmeda{ 
        width:110%;
        position: absolute;
        bottom: -27%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
        
       }
    
      .hed .kinmidasi
      { 
       width: 70%;
       position: absolute;
       top: 65%;
       left: 50%;
       transform: translate(-50%, -50%);
       -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
        }
      .hed .hai
      { 
       width: 1.1em;
        }
        .hed .medaru
        { 
          width: 85%;
          position: absolute;
          top: 68%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          }
      .hed h1{ 
       color: #fff;
       box-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.2) inset;
       font-family: 'Noto Sans JP', sans-serif;
      
       font-size: 1.3em;
       top: 10%;
       left: 5%;
    position: absolute;
    text-align: center;
    letter-spacing: .08em;
      }
   
      .hed h2{ 
        background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
        background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
         background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
        color: #fff;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.8em;
        top: 27%;
        left: 5%;
     position: absolute;
     text-align: center;
     letter-spacing: .03em;
      }
      .hed h3{ 
        background: #F0566E;
        color: #fff;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.2em;
        top: 40%;
        left: 5%;
     position: absolute;
     text-align: center;
     letter-spacing: .03em;
      }
      .hed h5{ 
        font-weight: 300;
       /* font-family: 'HGRME.TTC'; */
        font-family: ta-koigokoro, sans-serif; 
       /* font-family: vdl-penletter, sans-serif; */
       margin-left:4% ;
       font-size: 3.2em;
         top: 5%;
         left: 0;
      position: absolute;
      letter-spacing: 0.05em;
      color: #0068b7;
      line-height: 150%;
      }
      .hed .sen{ 
        text-shadow:
  2px 2px 15px #fff,
  -2px 2px 15px #fff,
  2px -2px 15px #fff,
  -2px -2px 15px #fff;
      }
      .hed .chii{ 
        font-size: 0.6em;

      }
    .pnk{ 
      color: hotpink;
      }
   .mein,.hed1 h6,.hed2{
    display: none;
 }
 
  /* 登録ボタン */
  .botan {
   padding: 7% 0;
   background-color: #fafaf9;
  } 
  .botan h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 0.9em;
    text-align: center;
    padding-top: 2% ;

  }  
  .botan h1{
   
    margin:2%  auto 0;
    width: 250px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: white;
    background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
  background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
   border-radius: 3px;
   letter-spacing: .05em;
   padding:2% 10% ;
   border-radius: 50px;
   width: 230px;
    font-size: 1em;
  } 
  
  @keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}

.shiny-btn {
    position: relative;
    display: block;
  text-align: center;
    text-decoration: none;
    overflow: hidden;
    
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
  
 

 /*  歯科衛生士さんの悩み */
  .nayami h2{
    width: 100%;
     background: #fff;
     margin: 0 auto;
     font-size: 1em;
     letter-spacing: .1em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: normal;
     color: #005b97;
     text-align: center;
     padding: 2% 0;
    background-color: #fafaf9;
   } 
   .nayami .sen{
   background: linear-gradient(transparent 80%, yellow 80%);
  }
  .nayami{
   background-color: #fafaf9;
   padding-bottom: 7%;
   }
 

  .nayami2 {
    position: relative;
    -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
    height: 70px;
    width: 100%;
     background: #fff;
     margin-bottom: 7%;
      }
  .nayami .hito{
   width: 2.8em;
   position: absolute;
   top: 50%;
   left: 0%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   padding-left: 2%;
   }
   .nayami .hito2{
    width: 1.9em;
   position: absolute;
   top: 50%;
   right: 0%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
  padding-right: 3%;
    }
   .nayami h1{
     font-size: 1em;
     letter-spacing: .1em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: bold;
     color: #005b97;
     margin-bottom: 7%;
     padding: 10px 0;
     position: relative;
    text-align: center;
   }
   .nayami h1:before,
   .nayami h1:after {
    position: absolute;
    top: 0.8rem;
    height: 3.3rem;
    content: '';
}
 
.nayami h1:before {
  border-left: solid 3px;
  left: 20%;
  transform: rotate(-30deg);
}
 
.nayami h1:after {
  border-right: solid 3px;
    right: 20%;
    transform: rotate(30deg);
}
   .dot-text {
    display: inline-block;
    position: relative;
}
.dot-text::before{
  position: absolute;
  bottom: -0.7em;
  left: 50%;
  transform: translate(-50%, 0);
  color: hotpink;
  font-size: 0.8em;
  content: "・";
}
.nayami .hai{ 
  width: 1.1em;
 
  }
  .nayami1::before{
    z-index: 101;
     content: "";
    position: absolute; 
    top: 100%;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
  }
  /* 強み見出し */
  .tuyomi {
    position: relative;
    display: block;
  } 
 .tuyomi h1{
  width: 100%;
   background: #fff;
   margin: 0 auto;
   -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
   font-size: 1.1em;
   letter-spacing: .1em;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: bold;
   color: #005b97;
   text-align: center;
   position: relative;
   display: block;
  height: 80px;
  line-height: 80px;
 } 
 .tuyomi h1:before{
   z-index: 101;
    content: "";
   position: absolute; 
   top: 100%;
   left: 50%;
   margin-left: -20px;
   border: 20px solid transparent;
   border-top: 20px solid #fff;
   -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
 }
 
 .tuyomi h2{
 font-size: 3em;
 letter-spacing: 0.15em;
 font-weight: 900;
   font-family: 'Roboto', sans-serif;
   color: #005b97;
   opacity: 0.2;
   position: absolute;
   top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
   } 
  /* 強み１ */
  .tuyomi1{
     text-align: center;
     background-color: #fafaf9;
     padding-bottom: 50%;
   }  

  .tuyomi1kakoi{
    position: relative;
    width:  230px;       /* ※縦横を同値に */
    border-radius: 50%; 
    background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
    padding: 5px;
    margin: 0 auto;
  } 
   .tuyomi1 h1{
    width: 120%;
    background-color: #fff;
    padding: 1%;
  border: 4px solid #c21500;
  border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
  border-image-slice: 1;
     font-size: 0.9em;
     letter-spacing: .1em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: bold;
     display: inline-block;
     color: #005b97;
     position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
   } 
   .tuyomi1 h1:before{
    z-index: 101;
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid hotpink;
   } 
   .tuyomi1 h2{
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style: italic;
    font-size: 2.5em;
    display: inline-block;
    background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
    background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 10%;
    padding: 0 3%;
   } 

   .tuyomi1img {
    margin: 0 auto;
    background-image: url("./images/22752476_m.jpg");  /* 表示する画像 */
    background-size: cover;
    background-repeat:no-repeat;
    height: 230px;       /* ※縦横を同値に */
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position: 55% 50%;
    background-color: #fafaf9;
   } 
   .tuyomi1 h3{
    line-height: 200%;
    font-size: 0.8em;
    /*  letter-spacing: .1em; */
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 500;
     color: #000;
    text-align: justify; 
     background-color: #fafaf9;
     position: absolute;
     top: 125%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
    width: 120%;
  } 

  .js-marker {

    display: inline;
    position: relative;
    background-image: linear-gradient(90deg, yellow, yellow); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0 20%; /* '30%'の部分にマーカーの太さを記入 */
    transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
  }
  
  /* アニメーション発火時 */
  .js-marker.inview {
    background-size: 100% 20%; /* '30%'の部分は上で設定した太さに合わせる */
  }
  .tuyomi1 ul{
    font-size: 0.8em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 500;
     color: #005b97;
     background-color: #fafaf9;
     position: absolute;
    top: 150%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 120%;
  } 
  .tuyomi1 li{
   background-color: #ffffe0;
    display: inline;
    border: #005b97 solid 1px;
    border-radius: 20px;
    padding: .05em .5em;
 }
 /* 強み２，３ */
 .tuyomi2{
  text-align: center;
  background-color: #fafaf9;
 padding-bottom: 60%;
}  
.tuyomi3{
  text-align: center;
  background-color: #fafaf9;
 padding-bottom: 65%;
} 

.tuyomi2kakoi{
 position: relative;
 width:  230px;       /* ※縦横を同値に */
 border-radius: 50%; 
 background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 padding: 5px;
 margin: 0 auto;
} 
.tuyomi2 h1{
  background-color: #fff;
  color: #005b97;
 padding: 2% 4%;
border: 4px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
  font-size: 0.9em;
  letter-spacing: .1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  display: inline-block;
  position: absolute;
top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 105%;
} 
.tuyomi2 h1:before{
 z-index: 101;
 content: "";
 position: absolute;
 top: 110%;
 left: 50%;
 margin-left: -15px;
 border: 15px solid transparent;
 border-top: 15px solid hotpink;
} 
.tuyomi2 h2{
 font-family: 'Roboto', sans-serif;
 font-weight: 900;
 font-style: italic;
 font-size: 2.5em;
 display: inline-block;
 background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 background: -webkit-linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 margin-top: 5%;
 padding: 0 3%;
} 
.tuyomi2 .tuyomipi,.tuyomi1 .tuyomipi{
 background:hotpink;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-weight: bold;
} 
.tuyomi2img {
 margin: 0 auto;
 background-image: url("./images/4353676_m.jpg");  /* 表示する画像 */
 background-size: 140% ;
 background-repeat:no-repeat;
 height: 230px;       /* ※縦横を同値に */
 border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
 background-position: 40% 0;
 background-color: #fafaf9;
} 
.tuyomi3img {
  margin: 0 auto;
  background-image: url("./images/22441573_m.jpg");  /* 表示する画像 */
  background-size: 170% ;
  background-repeat:no-repeat;
  height: 250px;       /* ※縦横を同値に */
  border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
  background-position: 20% 30%;
  background-color: #fafaf9;
 } 
.tuyomi2 h3{
 line-height: 200%;
 font-size: 0.8em;
 /*  letter-spacing: .1em; */
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #000;
  text-align: justify;
  background-color: #fafaf9;
  position: absolute;
  top: 135%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 width: 120%;
} 
.tuyomi3 h3
{
  position: absolute;
  top: 125%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.tuyomi2 ul{
 font-size: 0.7em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #005b97;
  background-color: #fafaf9;
  position: absolute;
 top: 160%;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 width: 120%;
} 
.tuyomi2 .ul3{
  top: 145%;
 } 
.tuyomi2 li{
background-color: #ffffe0;
 display: inline;
 border: #005b97 solid 1px;
 border-radius: 20px;
 padding: .05em .5em;
}
.tuyomi2 .kome{
  color: #666;
  font-size: 0.9em;
  padding-right: 1em;
  text-align: end;
  display: block;
  }
 /*  ご利用者さんの声 */
 .koe{
   width: 100%;
   overflow-x: hidden !important;
 margin: 5% 0;
 }
 .koe .koee{
  width: 1.5em;
  vertical-align:bottom;
  padding: 0 1%;
 }
 .koeh1{
  width: 90%;
  margin: 0 auto;
  vertical-align: bottom;
  font-size: 1.1em;
  letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  color: #005b97;
  border-bottom: 3px solid #c21500;
border-image: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
border-image-slice: 1;
  padding-bottom: 2%;
 }
 .slick01 .koeli{
    height: 450px;
    background-color: #fafaf9;
    -webkit-filter:drop-shadow(2px 2px 2px  rgba(0,0,0,0.2));
    margin: 0 .2% 1%; 
 } 

.slikakoi{
  display: flex;
  height: 100px;
 } 
 .slikakoi1{
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
 } 
 .slikakoi2{
  width: 70%;
  margin-left: 5%;
 } 
 .slikakoi1 .slikao1{
  width: 95%;
  padding: 10px 0 0 10px;
 } 
 .slikakoi2h1{
  padding-top: 20px;
  font-size: 0.9em;
  color:#000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  letter-spacing: .08em;
 } 
 .slikakoi2h2{
  font-size: 0.7em;
  color:#000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  letter-spacing: .1em;
 } 
 .slikakoi2h2-2{
  font-size: 1.1em;
  padding: 1% 0;
  color:#005b97;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  letter-spacing: .1em;
 } 
 .slikakoi2h2-3{
  font-size: 1.1em;
  padding: 1% 0;
  color:hotpink;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  letter-spacing: .1em;
 } 
 .slikakoi2h3{
  font-size: 0.7em;
  color:#000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  letter-spacing: .1em;
 } 
 .tabero{
 color: #ffaa00;
 }
 .ao{
 color: hotpink;
 font-size: 2em;
 font-weight: bold;
 }
 .ao2{
  font-size: 1.7em;
  color: hotpink;
 font-weight: normal;
  }
 .orenzi{
  color: #005b97;
  font-size: 1.5em;
  font-weight: bold;
  }
  .orenzi2{
    color: #005b97;
    font-size: 1.3em;
    font-weight: normal;
    }
 .kuro{
  color: #000;
  font-size: 1.2em;
  }
  .kuro2{
    color: #000;
    }
    .slip1{
      width: 90%;
      margin-top: 2%;
      font-size: 0.95em;
      line-height: 150%;
      color:#005b97;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: normal;
      letter-spacing: .08em;
      padding-left: 15px;
     } 
     .slip2{
      width: 90%;
      margin-top: 5%;
      font-size: 0.8em;
      line-height: 170%;
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight:300;
      letter-spacing: .05em;
      padding-left: 15px;
     } 
/* 選考ステップ */
.nagare
{width: 100%;
  margin: 0 auto;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
background-color: #fafaf9;
padding-top: 5%;
}
.nagareh1{
  width: 90%;
  font-size: 1.3em;
  color: #005b97;
  margin: 0 auto ;
  padding: 5% 2% 0;
  background: linear-gradient(transparent 80%, yellow 80%);
  display: inline;
  letter-spacing: .08em;
}
.nagareh2{
  width: 90%;
  font-size: 1em;
  margin: .5% auto 6%;
  letter-spacing: .09em;
  color: #000;
  font-weight: normal;
  position: relative;
  padding: 1% 0 0;
}
.nagareh2:before,
.nagareh2:after {
 position: absolute;
 top: 0.4rem;
 height: 1.3rem;
 content: '';
}

.nagareh2:before {
border-left: dotted 2px;
left: 8%;
transform: rotate(-30deg);
}

.nagareh2:after {
border-right: dotted 2px;
 right: 8%;
 transform: rotate(30deg);
} 
/* .nagareh2 span{
  color: #fff;
  font-weight: normal;
  background-color: #005b97;
  padding: 1% 2%;
}
.nagareh2{
  letter-spacing:0.09em;
  width: 90%;
  margin: 3% auto;
  font-size: 0.9em;
  
} */
.nagare  ul
{width: 100%;
  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));

}
.nagareli
{display: inline-block;
  list-style: none;
  margin: 0 1% 7%;
      padding-top: 5px; /* 要素の上の余白調整 */
      width: 80px; /* 四角形の幅 */
      height: 115px; /* 四角形の高さ */
      position: relative;

}
.nagareli:after {
      border-top: 60px solid transparent; /* 上のボーダーを透過に指定 */
      border-bottom: 60px solid transparent; /* 下のボーダーを透過に指定 */
      content: "";
      position: absolute;
      left: 50%; /* 一旦中央へ寄せる */
      top: 0;
      margin-left: 40px; /* 四角形の幅の半分右へ移動する */
  }
 
  .nagareli1:after {
        border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
        z-index: 1;
    }
  .nagareli1
{
      background: #cce0f4;
      color: #005b97;
}
.nagareli1:after {
      border-left: 25px solid #cce0f4; /* 右向きの三角形を作るため左のボーダーに色を付ける */
      z-index: 1;
  }
  .nagarelidiv1 h1
  {
       padding: 5% 0;
        color: #005b97;
        font-size: 0.9em;
        letter-spacing: .09em;
  }
  .nagarelidiv2 h1
  {
       
        color: #fff;
        font-size: 0.9em;
        letter-spacing: .09em;
        font-weight: normal;
  }
  .nagarelidiv1 img
  { 
    width: 2.8rem;
    padding: 2% 0;
  }
  .nagarelidiv2 img
  { 
    width: 2.5rem;
  }
 
  .nagarelidiv1 h2
  { 
    font-size: 0.8em;
    font-weight: normal;
    color: #005b97;
  }
  .nagarelidiv2 h2
  { 
    font-size: 0.9em;
    font-weight: normal;
    color: #fff;
  }

  .nagareli2
  {
        background: #66b8e3;
  }
  .nagareli2:after {
        border-left: 25px solid #66b8e3; /* 右向きの三角形を作るため左のボーダーに色を付ける */
        z-index: 1;
    }
    .nagareli3
    {
          background: #1e9cd7;
    }
    .nagareli3:after {
          border-left: 25px solid #1e9cd7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
          z-index: 1;
      }
      .nagareli4
      {
            background: #0068b7;
      }
      .nagareli4:after {
            border-left: 25px solid #0068b7; /* 右向きの三角形を作るため左のボーダーに色を付ける */
            z-index: 1;
        }
        .nagareli5
        {
              background: #005b97;
        }
        .nagareli5:after {
              border-left: 25px solid #005b97; /* 右向きの三角形を作るため左のボーダーに色を付ける */
              z-index: 1;
          }
          .nagarep {
           font-size: 0.7em;
           font-weight: normal;
           color: #666;
           padding-bottom: 5%;
        }
  /* 登録フォーム */
  .soto{
    position: relative;
  
   } 
    .hidari{
     width: 100%;
     background-color: #fafaf9;
     background: -moz-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
     background: -webkit-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
      background: linear-gradient(to bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7); 
     padding: 10% 0;
   } 
   form
   { /*  border: solid 1px #eee; */
     margin: 0 auto;
      width: 90%;
 
   } 
   .hukinaka
   { position:absolute;
     top:-67%;
     left:-4%;
     width: 20%;
   } 
   .huki
   { position: relative;
   } 
   h1.contact-title
   { padding: 2% 5%;
     font-size: 1em;
     background-color: #0068b7;
     text-align: center;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 600;
     letter-spacing: .05em;
     color: #fff;
   } 
   .haikei{ 
    background-color:azure;
     overflow: hidden;
     
     } 
   
   dt.hai
   { font-family: 'Noto Sans JP', sans-serif;
     font-weight: 500;
     width:100%;
     letter-spacing: .05em;
     font-size: 0.9em;
     padding: 1% 3%;
     
   } 
   .hai span
   { background-color: red;
     color: #fff;
     border-radius: 4px; 
     font-size: 0.7em;
   } 
   dd.siro
   { padding: 2% 3%;
     background-color: white;
     width:100%;
     font-family: 'Noto Sans JP', sans-serif;
     /* font-weight: 300; */
     letter-spacing: .05em;
     font-size: 0.9em;
     line-height: 200%;
     color: #666;
     vertical-align: middle;
   } 
  
   .san
   { 
     padding-left: 3%;
   } 
   ::placeholder
   { /* font-size: 1.1em; */
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 300;
     letter-spacing: .05em;
   } 
   .error
   { color: red;
     font-size: 0.8em;
     
   } 
   #slc{
     font-family: 'Noto Sans JP', sans-serif;
     font-weight:normal ;
   }
   .text1
   { background: #ffffe0;
     width: 90%;
     line-height: 30px;
     border: none;
   } 
   .error-form
   { background: #ffffe0;
     width: 90%;
     line-height: 30px;
     border: none;
   } 
   select
   { background: #ffffe0;
     width: 60%;
     height: 50px;
     border: none;  
   } 
   select:focus,textarea:focus
   {  outline: solid 1px red;
     border: solid 1px #fff;
   
   } 
   input[type="text"]:focus {
     outline: solid 1px red;
   }
   
   textarea {
     resize: none;
     width:90%;
     height:80px;
     border: solid 1px #000;
   }
   .kaku {
     border-top:1px solid #eee;
     background-color:#fff;
    line-height: 60px;
    height: 60px ;
     text-align: center;
   }
   .kakunaka{
    font-size: 1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: white;
    background-color: #dc143c;
    border-bottom: solid 4px #af1b3a;
     border-radius: 3px;
    letter-spacing: .05em;
    padding:1% 10% ;
    border-radius: 5px;
    border-top:#dc143c ;
    border-left:#dc143c ;
    border-right:#dc143c ;
   } 
 /*  よくある質問 */
  .accordion-area{
    list-style: none;
    width: 90%;
    max-width: 900px;
    margin:0 auto;
   
  }
  
  .accordion-area li{
   /*  margin: 10px 0; */
  }
  
  .accordion-area section {
  border: 1px solid #fafaf9;
  background-color: #fafaf9;
  color: #005b97;
  -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
  }
  
  /*アコーディオンタイトル*/
  .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size: 0.9em;
    letter-spacing: .08em;
    font-weight: normal;
    padding: 3% 3% 3% 40px;
    transition: all .5s ease;
  }
  
  /*アイコンの＋と×*/
  .title::before,
  .title::after{
    position: absolute;
    content:'';
    width: 13px;
    height: 2px;
    background-color: #005b97;
    
  }
  .title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
  }
  .title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
  
  }
  /*　closeというクラスがついたら形状変化　*/
  .title.close::before{
  transform: rotate(45deg);
  }
  
  .title.close::after{
  transform: rotate(-45deg);
  }
  
  /*アコーディオンで現れるエリア*/
  .box {
    display: none;/*はじめは非表示*/
    background: #fff ;
  margin:0 3% 3% 35px;
    padding: 3%;
    color: #000;
    font-size: 0.8em;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%) inset;
    font-weight: 300;
  }
  .qbig {
    font-weight: bolder;
    color: hotpink;
  }
  .abig {
    font-weight: bolder;
    color: red;
  }
  .big {
    font-weight: bold;
  }
  .situmon {
    font-family: 'Noto Sans JP', sans-serif;
  
  }
  
  .situmon h1{
    width: 100%;
     background: #fff;
     margin: 0 auto;
     -webkit-filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
     font-size: 1.1em;
     letter-spacing: .05em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: bold;
     color: #005b97;
     text-align: center;
     position: relative;
     display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 3%;
    z-index: 100;
   } 
   .situmon h1:before{
     
      content: "";
     position: absolute; 
     top: 100%;
     left: 50%;
     margin-left: -15px;
     border: 15px solid transparent;
     border-top: 15px solid #fff;
     -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
   }
   .yoku{
  letter-spacing: 0.15em;
  font-weight: 900;
    font-family: 'Roboto', sans-serif;
    color: #005b97;
    opacity: 0.5;
    
   }
   /* 簡単登録移動ボタン */
   #page-top {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    opacity: 0.9;
    height: 80px;
    z-index: 100000;
  }
  .page-top {
    position: relative;
  }
  
  #page-top a:hover {
    text-decoration: none;
    opacity: .5;
  }
  
  #page-top  h2{
   
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 500;
     color: #000;
     font-size: 0.9em;
    width: 220px;
    border-radius: 50px;
    padding:1% 3% ;
    position: absolute;
      top: 10%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
   }  
  
   #page-top  h1{
     font-size: 0.8em;
     font-family: 'Noto Sans JP', sans-serif;
     font-weight: 500;
     color: white;
     background: -moz-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
   background: -webkit-linear-gradient(left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);
    background: linear-gradient(to left, #cce0f4, #66b8e3 30%, #1e9cd7 60%, #0068b7);  
      border-radius: 3px;
     letter-spacing: .05em;
     padding:2% 10% ;
     border-radius: 50px;
     width: 200px;
     margin: 0 auto;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateY(-50%) translateX(-50%);
     -webkit- transform: translateY(-50%) translateX(-50%);
    
   } 
   #page-top  a{
     color: #fff;
     text-decoration: none;
     transition: all .3s ease;
   } 
  /* 会社概要*/
.fed1{
  margin: 0 auto ;
  padding-bottom: 80px;
  text-align: center;
 /* background: -moz-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
  background: -webkit-linear-gradient(bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);
   background: linear-gradient(to bottom, #cce0f4, #66b8e3 40%, #1e9cd7 70%, #0068b7);  */
   /* background-color:  #005b97; */
}
.fed1 p{ 
 padding: 3% 0;
  color: #000;
  border:solid #fff 1px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.8em;
  font-weight: 500;
  text-align: center;
  width: 100%;
  background-color: #fff;
}

.fed1 a{ 
  color:#0068b7;
 }
/* .fed1 img { 
  padding: 3% 0;
 width:45%;
text-align: center;
 } */
              
   /* お問い合わせ確認画面 */
  .migi2{
    display: none;
   } 
    .example dt{
      font-weight: 500;
   }
     .example{
       padding: 2% 2%;
       font-size: 0.8em;
       font-weight: 300;
       font-family: 'Noto Sans JP', sans-serif;
       margin: 0 auto;
       text-align: left;
       position: relative;
       z-index: 5;
       width: 90%;
       height: 60px;
       overflow-y: scroll;
       overflow-x:none ;
       scrollbar-width: none;
       -ms-overflow-style: none; 
       background-color: azure;
   }
   
    
  
     .hidari .mada{
       margin-top: 3%;
      text-align: center;
       display: inline;
       background-color: #ffffe0;
       color: red;
       font-size: 0.9em;
      padding: .5%;
      border: solid red 1px;
      font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       padding: 0 2%;
     } 
     #breadcrumbs-one{
      margin: 0% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
      }
    
      #breadcrumbs-one li{
        margin: 0 2%;
        padding: .3em 1.2em .3em 1.2em;
        float: left;
        list-style: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 0.8em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #c0c0c0;
      }
      #breadcrumbs-one .naka{
        padding: .3em 1.2em .3em 1.2em;
        float: left;
        text-decoration: none;
        font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 0.8em;
      letter-spacing: .1em;
        color: #fff;
        position: relative;
        background-color: #dc143c;
      }
      #breadcrumbs-one li::after,
      #breadcrumbs-one li::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one li::after{
        z-index: 2;
        border-left-color: #c0c0c0;
      }
      #breadcrumbs-one .naka::after,
      #breadcrumbs-one .naka::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1em;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent;
        border-left: 0.5em solid;
        right: -0.5em;
      }
      #breadcrumbs-one .naka::after{
        z-index: 2;
        border-left-color: #dc143c;
      }
    
      
    .kakunin{
  margin: 2% auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .kakunin2{
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
     
     /* .oneArea2 > .inner{
    overflow: hidden;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    } */
     .kaku2{
       border-top:1px solid #eee;
       background-color:#fff;
       text-align: center;
     }
     .kakuh1{
       font-size: 0.9em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       text-align: left;
       color: #005b97;
       letter-spacing: .05em;
       padding:2% 4% ;
      }
     .kakunaka3{
       margin: 3% 0;
       font-size: 0.8em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: #fff;
       background-color: #c0c0c0;
       border-bottom: solid 4px #999;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 3% ;
       border-radius: 5px;
       border-top:#999 ;
       border-left:#999 ;
       border-right:#999 ;
      }
     .kakunaka2{
       font-size: 0.8em;
       font-family: 'Noto Sans JP', sans-serif;
       font-weight: 500;
       color: white;
       background-color: #dc143c;
       border-bottom: solid 4px #af1b3a;
        border-radius: 3px;
       letter-spacing: .05em;
       padding:1% 7% ;
       border-radius: 5px;
       border-top:#dc143c ;
       border-left:#dc143c ;
       border-right:#dc143c ;
      }

     /* 登録完了画面 */
     .sotokanryou
     { 
     width: 100%;
     background-image: url(./images/22344833_l.jpg); 
     background-size: cover;
     border-top: solid#005b97 3px;
     border-bottom: solid#005b97 3px;
          }  
            .kanryou
            {height: 60vh;
              margin: 0 auto;
              padding-top: 7%;
              width: 80%;
            font-family: 'Noto Sans JP', sans-serif;
           text-align: center;
                 }  
                 .kanryou h1
                 {
                   font-weight: bold;
                   font-size: 1.6em;
                 font-family: 'Noto Sans JP', sans-serif;
                 color: #005b97;
                 padding-bottom: 7%;
                      }  
   
                      .kanryou p
                      {
                        text-align: left;
                        font-weight: 500;
                        font-size: 0.9em;
                      font-family: 'Noto Sans JP', sans-serif;
                       line-height: 200%;
                           }  
                           .kanryou span
                           {
                             font-size: 0.8em;
                                }  
                      .kanryoubu  {
                        font-weight:bold;
                        font-size: 1.2em;
                        color: #005b97;
                      font-family: 'Noto Sans JP', sans-serif;
                      border: none;
                      display: block;
                      margin: 5% 0;
                           }  
   }