#gnav li a{
  font-size: 15px;
}

@media (max-width: 1024px){
  #gnav li a{
  font-size: 12px;
}
}

@media only screen and (min-width: 600px){
  .pc-w48{
 width: 48%; 
}
}

@media only screen and (max-width: 599px){
    .pc-w48{
     position: relative;
    top: -65px;
}
.fs24 {
    font-size: 18px!important;
}
}


/* 10.14追記 */
.mt3{
  margin-top: 3%!important;
}
.tac{
  text-align: center;
}
.fs24{
  font-size: 24px;
}
.centertxt{
      justify-content: center;
    width: 100%!important;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.fs24 {
    font-size: 18px!important;
}
}

/* 10.19追記 */
.twb{
  font-weight: bold;
}
.fs21{
  font-size: 21px;
}

@media (max-width: 1024px) {
.r-txt {
    display: block;
    text-align: right;
    width: 20%;
    color: #fff;
    margin-left: auto;
    margin-right: 14%;
    white-space: nowrap;
}
}


.plan-table {
    width: 85%;
    border-collapse: collapse;
    margin: auto;
}

.plan-table th, .plan-table td {
  border: none;
    border-bottom: 1px solid #ffa701;
  padding: 8px;
  font-size: 18px;
  text-align: center;
}

.plan-table th {
  background-color: #ddd;
}

.plan-name {
  font-weight: bold;
}

.plan-price {
  color: #f00;
}

.plan-features b {
    font-size: 20px;
    font-family: "游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.plan-features .pd-5{
  padding-bottom: 10px;
  padding-top: 10px;
}


@media only screen and (max-width: 599px){
  .sp-minus30{
        margin-top: 0px;
    position: relative;
    top: -30px;
    margin-bottom: 60px !important;
  }
  
  .plan-table {
    width: 100%;
    border-collapse: inherit;
    margin: auto;
}

.plan-table td {
    border: none !important;
    color: #ffa000;
}

.plan-table th, .plan-table td {
    border: none;
    border-bottom: 1px solid #ffa701;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    vertical-align: baseline;
}

.plan-features span{
      font-size: 1.6rem;
    display: flex;
}

.plan-features b {
    font-size: 16px;
    font-family: "游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.plan-features .pd-5 {
    padding-bottom: 10px;
    padding-top: 10px;
    height: 51px;
}

.plan-table tr{
      border-bottom: 1px solid #ffa000;
    border-collapse: unset;
}

.plan-name{
      font-family: "游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic;
    font-weight: bolder;
    font-size: 16px;
}

.plan-table td{
  border: none !important;
}

.under-4.bg-beju{
      background: #f7f5f2;
}
}
/* 2023/07/24 */
.crearquartz {
    position: relative;
}

.crearquartz .tit {
    margin-bottom: 2rem;
}

.check-list {
    padding: 2rem;
    max-width: 700px;
    border-radius: 30px;
    margin-top: 20px;
    border: 3px solid rgb(255, 160, 0);
    width: 100%;
    box-sizing: border-box;
}

.check-list li {
    margin-bottom: 10px;
}

.imp-p01{
  color: rgb(255 96 0 / 90%);
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 30px;
}

.imp-p02, .imp-prace{
  text-align: center;
}

.imp-shurui{
  width: 100%;
}

.imp-h4{
  font-weight: bold;
}

.imph4-pra, .imp-shurui02{
  border-top: 1px dotted;
    padding-top: 50px;
}

.suhon01 {
  margin-top: 50px;
}

.shurui-h3{
  letter-spacing: 5px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}

.w55 {
    width: 55% ;
}

.w44 {
    width: 44% ;
}


.shurui03 {
  color: rgba(255, 160, 0, 0.9);
    font-size: 20px !important;
    font-weight: bolder;
    margin: 50px auto 0 !important;
}

.imp-flex img {
    width: 30%;
    margin-top: 20px;
    margin-right: 10px;
}

.w98{
  width: 98% !important;
}

.sonomama-h3{
  width: 100%;
}

.tejun01 {
    display: block;
    width: 18%;
}

.tejun-box {
    display: flex;
    justify-content: space-around;
}

.qanda-imp{
  width: 85%;
}

.nayami-mouth{
  margin-top: 10px;
}

.merit-p01{
  width: 100% !important;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: rgba(255, 160, 0, 0.9);
}

.shurui-box {
    border-bottom: 1px dotted;
    padding-bottom: 20px;
}

.deme-block{
  padding-top: 50px !important;
}

.office-box{
  margin-top: 55px;
}

.white-prace{
  text-align: center;
}

.nayami_h3{
  padding-top: 20px;
}

.nayami-omg{
      padding-bottom: 20px;
}








@media only screen and (max-width: 599px){
.imp-p02, .imp-prace {
    text-align: left;
}

.w25 {
    width: 25%;
}

.sp-suhon {
    width: 68%;
}

.setumei_box{
  margin-bottom: 20px;
}

.shurui03 {
    margin: 30px auto 0 !important;
}

.w55 {
    width: 98%;
}

.w44 {
    width: 100%;
}

.inner-under {
    width: 98%;
}

.tejun01 {
    display: block;
    width: 20%;
    margin-left: 5px;
}
    
.tejun-p {
    margin-top: 0px;
    width: 78%;
}    
    
  .nayami-mouth {
    margin-top: 65px;
    margin-bottom: -55px;
}  
    
.korera{
  padding-top: 30px;
}

.nagare-h3{
  margin: -50px auto 30px !important;
}

.touin-h3{
 padding-bottom: 20px;
}

.merideme-h3{
  margin: -120px auto 70px !important;
}

.merideme-block {
    display: block;
}

.merideme-harf {
    width: 100%;
    margin-top: 10px;
}

.nayami-ul{
  padding-bottom: 70px;
}

.sp-h3{
  margin: -40px auto 80px !important;
}

.office-box {
    margin-top: -20px;
}

.hiyou-h3{
  margin: -110px auto 80px !important;
}

.chui-h3{
  margin: -60px auto 80px !important;
}
}




.tennenshi-box{
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin-bottom: 50px;
}

.tennenshi-box p{
  width: 54%;
  padding-top: 100px;
}

.main-ander-img{
  width: 40%;
}

.main-ander-img img{
  width: 100%;
}

.keikakuimg img{
  margin-bottom: 20px;
}

.bg-white{
  background: #fff;
}

.imp-p01 {
    color: rgb(255 96 0 / 90%);
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 30px;
    width: 75%;
    margin: 0px auto 50px;
}

.imp-p02{
  width: 75%;
  margin: auto;
}

.sp-nomi{
  display: none;
}

.tejun-p{
  padding-top: 80px;
}










@media only screen and (max-width: 599px){
  
.sp-nomi{
  display: block;
  margin-top: 20px;
}


.suhon-img{
  display: none;
}

.sp-suhon {
    width: 96%;
    margin: auto;
}

.shurui-h3 {
 margin: -55px auto 30px !important;
}

.imp-p01 {
    width: 93%;
}

.tennenshi-box {
    display: block;
}

.main-ander-img {
    width: 82%;
    margin: auto;
}

.tennenshi-box p {
    width: 94%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 30px;
}

.pc-br{
  display: none;
}

.sonomama-h3 {
    width: 100%;
    margin-top: -33px !important;
}

.sonomama-box{
  width: 100% !important;
    padding: 10px !important;
}

.keikakuimg img {
    margin-bottom: 60px;
}

.tejun-p {
    padding-top: 10px;
}

.shurui03-h4{
  margin: -44px auto 0 !important;
}

.shurui-h3box{
  margin-top: -50px !important;
}




}

.mouth-ander-img{
  width: 62%;
    margin: 0 auto 30px;
}

.hanarabi-pbox{
  width: 63%;
    margin: auto;
}

.mouth-nagare{
  width: 90%;
    margin: auto;
    padding: 20px 20px 50px !important;
}

.korera02{
  width: 90%;
 margin: -30px auto 40px;
}

.omake02{
  width: 90%;
    margin: auto;
}

.mouth-nagare{
  width: 83%;
    margin: auto;
}

.mouth-hiyo{
  background-color: #f8f5f0;
  margin-bottom: 70px;
}

.chiryonagare-flex{
  display: flex;
}

.kyosei-prace{
  font-size: 26px;
    font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
    text-align: center;
    margin-bottom: 20px;
}

.kyosei-pracep{
  text-align: center;
    padding-bottom: 50px;
}

.mouth-nagare02{
  width: 82%;
    margin: 0 auto;
    padding-bottom: 40px;
}




@media only screen and (max-width: 599px){
.mouth-ander-img, .hanarabi-pbox{
    width: 93%;
}

.kyousei-tsuite{
  padding-top: 30px;
}

.chiryonagare-flex {
    display: block;
}

.mouth-nagare02 {
    width: 102%;
}

.hajimaru-img{
  width: 100%;
    margin: -60px auto 120px;
}

.kyosei-prace {
    font-size: 22px;
    margin-top: -77px;
    font-weight: bold;
}

.kyosei-pracep {
    text-align: center;
    padding-top: 60px;
}

.korera02, .omake02{
    width: 100%;
}
}

.white-p01{
  text-align: left;
 
}

.white-p02{
  text-align: left;
  width: 75%;
  margin: auto;
}

.office-flexbox{
  display: flex;
    justify-content: space-between;
    width: 75%;
    margin: auto;
    border-bottom: 1px dotted;
    padding-bottom: 20px;
}

.office-box{
  width: 75%;
    margin: 40px auto 50px;
}

.w75{
  width: 75%;
    margin: auto;
}

.office-box {
    width: 100%;
    margin: auto;
}

.office-box p{
  width: 64%;
    margin: 40px auto 60px;
}

.office-12345{
  width: 64%;
}

.office-img{
  width: 25%;
}

.office-12345 span{
  font-weight: bold;
}

.office-toha{
  font-size: 20px;
    margin: 40px auto -20px !important;
    text-align: center;
    font-weight: bold;
}

.home-flexbox{
  border-bottom: none;
}

.white-chui{
  width: 75%;
    margin: auto;
}



@media only screen and (max-width: 599px){
.white-p02{
  text-align: left;
  width: 92%;
}

.office-box{
  margin-top: -55px !important;
}

.w75, .office-box p{
    width: 92%;
}

.office-flexbox {
    display: block;
    width: 92%;
    padding-top: 20px;
}

.office-img {
    width: 86% !important;
    margin: -50px auto 0;
}

.office-12345 {
    width: 100%;
    margin: 80px auto 20px;
}

.office-12345 {
    width: 100%;
    margin: 80px auto 20px;
}

.office-box p {
    width: 64%;
    margin: 80px auto 0px;
    width: 100% !important;
}

.white-chui {
    width: 92%;
    margin: auto;
    padding-bottom: 40px;
}

.white-prace {
    text-align: left;
    width: 92% !important;
    margin: auto;
}

}

.tennenshi-box {
    display: flex;
    width: 75%;
    margin: auto;
    padding-bottom: 50px;
    justify-content: space-between;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin-bottom: 50px;
}

.shurui-box {
    border-bottom: 1px dotted;
    padding-bottom: 20px;
    width: 81%;
    margin: auto;
}

.shurui-imp03{
   width: 81%;
    margin: auto;
}

.sonomama-h3 {
    width: 100%;
    margin-bottom: 50px !important;
}

.w98 {
    width: 91% !important;
}

.tejun-box {
    margin: auto;
    width: 91%;
    display: flex;
    justify-content: space-around;
}

.sp-suhon{
  margin-top: 20px;
}


@media only screen and (max-width: 599px){
.tennenshi-box {
    display: block;
    width: 96%;
    padding-bottom: 20px;
    
}


.imp-p02 {
    width: 91%;
}

.shurui-box {
    border-bottom: 1px dotted;
    padding-bottom: 20px;
    width: 97%;
    margin: auto;
}

.shurui-imp03 {
    width: 97%;
    margin: auto;
}

.w98 {
    width: 100% !important;
}

.qanda-imp {
    width: 100%;
}

}



.hanarabi-pbox {
    width: 75%;
    margin: auto;
}

.h4-sp-br{
  display: none;
}

.imp-prace{
  text-align: left;
    width: 41%;
    margin: auto;
}

.kyosei-pracep {
    text-align: left !important;
    padding-bottom: 50px;
    width: 44%;
    margin: auto;
}

.white-prace{
  text-align: left;
    width: 37% !important;
    margin: auto;
}

.office-box p {
    width: 75%;
    margin: 40px auto 60px;
}

.office-tejunp{
  width: 65% !important;
    margin: 0px 0 0 70px !important;
}



@media only screen and (max-width: 599px){
.hanarabi-pbox {
    width: 92%;
    margin: auto;
}

.kyousei-tsuite {
    padding-bottom: 52px !important;
}

.mouth-nagare {
    width: 92%;
    margin: auto;
    padding: 20px 13px 50px !important;
}

.youyou{
  text-align: left !important;
    padding-left: 10px;
}

.h4-sp-br{
  display: block;
}

.h4-03shurui{
  text-align: left !important;
}

.imp-prace {
    text-align: left;
    width: 93%;
}

.office-flexbox {
    padding-top: 60px;
}
.white-prace {
    text-align: left;
    width: 92% !important;
}

.sp-br{
  display: none;
}

.office-tejunp {
    width: 65% !important;
    margin: 75px 0 0 0px !important;
}
}

.mynumber {
  width: 60%;
  margin: 30px auto 0;
}

@media (max-width: 599px){
  .mynumber {
    width: 100%;
  }
}

/**2024/09/25 セラミック**/
.accordion-004 {
    max-width: 100%;
    margin-bottom: 7px;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
}

.accordion-004 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}

.accordion-004 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-004[open] summary::after {
    transform: rotate(225deg);
}

.accordion-004 .ac-in {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-004[open] .ac-in {
    transform: none;
    opacity: 1;
    padding-bottom: 400px;
}

@media (max-width: 599px){
  .accordion-004[open] .ac-in {
    padding-bottom: 30px;
  }
}

/* 2024/11/21 */
.up-pt-50{
  padding-top: 50px;
}


#gnav li{
  width: 14.2%;
  display: flex;
    align-items: center;
}

.insta-box a{
  width: 40px !important;
}

.footer-insta{
  width: 220px;
}

.footer-insta a{
  width: 50px;
    margin: auto;
    display: block;
}

.footer-insta p{
  font-size: 14px;
  text-align: center;
    margin-top: 3px;
}


@media (max-width: 599px){
gnav li {
    width: 100% !important;
}

.col-442 li {
        width: 49%;
        margin: 7px 0.5%;
}

.footer-insta {
    margin-top: 20px !important;
}
}

/* 2025/03/08 */
.header.ver02 .pic{
  width: 200px;
  height: auto;
}

.header.ver02 .inner-header{
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.header.ver02 .header-info .r-txt{
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.header.ver02 .header-table{
  float: left;
  padding: 10px 0 10px 150px;
  width: 250px;
}

.header.ver02 .header-table .time{
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
}

.header.ver02 .header-table .time tr th,
.header.ver02 .header-table .time tr td {
    padding: 5px;
    white-space: nowrap;
}

.header.ver02 .header-table .time th{
  width: 100%;
  border: 1px solid #cdcdcd;
}

.header.ver02 .header-table .note{
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

.upper-table.ver02{
  display: none;
}

.header.ver02 .hover-effect_slide{
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  width: 100%;
  border: 3px solid #979797;
  transition: 0.3s linear;
}

.header.ver02 .hover-effect_slide:hover{
  cursor: pointer;
  transform: scale(1.05);
}

.header.ver02 .hover-effect_slide:hover::before {
  content: none;
}

.header.ver02 .hover-effect_slide .img{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  height: 50px;
  transition: 0.3s linear;
}

.header.ver02 .hover-effect_slide:hover .img{
  transform: translateY(-50%) scale(1.1);
}

.header.ver02 .hover-effect_slide .img img{
  height: 100% !important;
}

.header.ver02 .hover-effect_slide .txt{
  position: relative;
  z-index: 2;
  color: #979797;
}

.header.ver02 .panjoweb{
  font-size: 20px;
  font-weight: bold;
  width: 300px;
}

.tb-none{
  display: block;
}

.tb-block{
  display: none;
}

@media(max-width:1024px){
.tb-none{
  display: none;
}

.tb-block{
  display: block;
}

.upper-table.ver02{
  display: flex;
}

.header.ver02 .panjoweb{
  margin-left: 10px;
}
}



.sp-insta-Follow{
  display: none;
}

@media(max-width:1024px){
  .sp-insta-Follow{
  display: block;
}

.sp-insta-Follow img{
  position: fixed;
    bottom: 130px;
    right: 30px;
    width: 80px;
}
}



@media(max-width:599px){
.sp-insta-Follow img{
    position: fixed;
    bottom: 56px !important;
        right: 84px !important;
        width: 60px !important;
}
}




.top-insta-box{
  margin-top: -9rem !important;
  width: 76%;
    margin: auto;
    background: #e8e6e6;
    padding: 30px 20px;
}

.topin-p{
  font-size: 28px;
    text-align: center;
    background: linear-gradient(90deg, #58c6ff 5%, #076ad9 40%, #ff3bef 59%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.flex-insta div{
  width: 20%;
    margin-right: 4rem;
}

.flex-insta p{

display: flex;
    align-items: center;
    font-size: 18px;
    width: 46%;
}

.insta-kochira{
  text-align: right;
    margin-right: 30px;
}



@media(max-width:1024px){
.flex-insta p {
    display: flex;
    align-items: center;
    font-size: 18px;
    width: 64%;
}
}


@media(max-width:599px){
.top-insta-box {
        margin-top: -7rem !important;
        margin-bottom: -2rem !important;
        width: 88%;
    }

.flex-insta div {
    width: 22%;
    margin-right: 1rem;
}

.flex-insta p {
        display: flex;
        align-items: center;
        font-size: 16px;
        width: 84%;
    }

.insta-kochira {
    margin-top: 20px;
    text-align: right;
    margin-right: 10px;
}
}


/* 2025.07.25 */

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

.qr-flex div{
width: 19%;
margin: 0 20px 0;
display: block;
}

.qr-flex div img{
  width: 100%;
    padding: 0px 30px;
}

.blog-qr-box{
  margin: 6rem auto 0;
}

.eiyoshi{
  font-size: 25px;
    letter-spacing: 10px;
    text-align: center;
    margin: 8rem 0 2rem;
}

.qr-more{
  text-align: center;
  margin-top: 10px;
}

.eiyoshi .font-gold{
  color: rgb(255, 160, 0);
    font-size: 30px;
}

.qr-flex div p{
  text-align: center;
}

@media(max-width:1024px){
  .qr-flex div {
    width: 30%;
}

.qr-flex {
    flex-wrap: wrap;
}
}

@media(max-width:599px){
 .qr-flex div {
  width: 50%;
  margin: 0 0px 3rem;
}

.qr-flex div p {
    font-size: 14px;
    white-space: nowrap;
}

.qr-flex div img {
    width: 100%;
    padding: 0px 30px;
    margin: auto;
}

.eiyoshi {
    font-size: 16px;
}

.eiyoshi .font-gold {
    font-size: 18px;
}

.qr-more {
    margin-top: 0px;
    font-size: 14px;
}
}