@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#3c3c43;
background-color:#fff;
font-family:'Yu Gothic Medium','Noto Serif JP','Noto Sans JP', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif,;
}



/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}
html {scroll-behavior:smooth;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:180%;
}
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
} /* ▲PCメディアクエリ終了▲ */


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
  width: 100%;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
#container {
  width: 648px;
  /*コンテナー幅*/
  background-color: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0 auto;
}
}/* ▲PCメディアクエリ終了▲ */










/*------------------------------ ボタン ------------------------------*/

.device{
margin:0px 0 0px 0;
padding:20px 20px 20px 20px;
text-align:center;
background-color: #049683;
}
.device a:link {color:#292929;text-decoration:none;}
.device a:visited {color:#292929;text-decoration:none;}
.device a:hover {color:#292929;text-decoration:none;}
.device i {color:#bc2b2b;}

.microcopy_box{
  width:100%;
  margin: 0 auto 10px auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;

}

.microcopy_icon{
  width:17%;
  text-align:left;
  padding:20px 0px 0 0;
}

.microcopy_icon img{
  width:45px;}

.microcopy_1{
  width:82%;
  font-size: 100%;

  line-height:130%;
  text-align: left;
  padding:10px 0 0 0px;
  color: #fff;
}

.microcopy_2{
  font-size:100%;
  margin:10px auto 10px auto;
  color: #fff;
  }


  .btn {
    width:100%;
    margin:0 auto 0 auto;
    padding:25px 0px;
    font-size:120%;
    font-weight:bold;
    display:block;
    background:#f7ee12;
    border-radius:50px;
    }
    .btn:hover {
    opacity:0.6;
    filter:alpha(opacity=60);
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
    }


/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.device{
margin:0px 0 0 0;
padding:30px 0 30px 0;
text-align:center;
  background-color: #049683;
}
.device a:link {color:#292929;text-decoration:none;}
.device a:visited {color:#292929;text-decoration:none;}
.device a:hover {color:#292929;text-decoration:none;}
.device i {color:#bc2b2b;}

.microcopy_box{
  width:640px;
  margin: 0 auto 10px auto;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;

}

.microcopy_icon{
  width:25%;
  text-align: right;
  padding:10px 10px 0 0;
}

.microcopy_icon img{width:70px;}

.microcopy_1{
  width:71%;
  font-size: 18px;

  line-height:150%;
  text-align: left;
  padding:10px 0 0 10px;
  color: #fff;
}

.microcopy_2{
  font-size:18px;
  margin:20px auto 0px auto;
  color: #fff;
  }


  .btn {
    width:680px;
    margin:0 auto 0 auto;
    padding:25px 0;
    font-size:24px;
    font-weight:bold;
    display:block;
    background:#f7ee12;
    border-radius:50px;
    }
    
    
    .btn:hover {
    opacity:0.5;
    filter:alpha(opacity=60);
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
    }

} /* ▲PCメディアクエリ終了▲ */












/*------------------------------ 本文部分 ------------------------------*/
/* 大見出し */
.subhead{
margin:0px 0px 0 0px;
padding:45px 20px 0 20px;
font-size:150%;
font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;
font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
color:#049683;

}


/* テキスト記入部分の各ブロック */
.contents{
margin:0 20px 45px 20px;
padding:0;
}
/* 中見出し */
.subtitle{
margin:30px 0 0 0;
padding:2px 0 2px 12px;
font-size:125%;
font-weight:bold;
line-height:150%;
border-left:6px solid #c30d23; /* 左側だけに線を引く */
}
/* ブレッド・通常リストタグというもの使用するが表組を応用させて見やすくしたもの */
table.check{
border-collapse:collapse;
margin:0 auto 30px auto;
}
table.check th{
width:30px;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
color:#9273b2;
vertical-align:top; /* 表組の中で上揃え */
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:100%;
font-weight:300;
line-height:150%;
border-bottom:dotted 2px #999999;
vertical-align:top; /* 表組の中で上揃え */
font-family:Noto Sans JP;
}
table.check td span{
  color:#d96972;
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
/* 大見出し */
.subhead{
margin:60px 0 0 0;
padding:0;
font-size:42px;
font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;
letter-spacing:1px;
font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
color:#049683;
}




/* テキスト記入部分の各ブロック */
.contents{
width:640px;
margin:0 auto 60px auto;
padding:0;
}

/* 中見出し */
.subtitle{
margin:45px 0 0 0;
padding:2px 0 2px 12px;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
border-left:6px solid #c30d23; /* 左側だけに線を引く */
}

/* ブレッド・通常リストタグというもの使用するが表組を応用させて見やすくしたもの */
table.check{
border-collapse:collapse;
margin:0 auto 30px auto;
}
table.check th{
width:30px;
padding:10px 0 5px 0;
font-size:18px;
line-height:150%;
color:#9273b2;
vertical-align:top; /* 表組の中で上揃え */
text-align:left;
}
table.check td{
padding:10px 0 5px 0;
font-size:18px;
font-weight:300;
font-family:Noto Sans JP;
line-height:150%;
letter-spacing:1px;
border-bottom:dotted 2px #c8c6c6;
vertical-align:top; /* 表組の中で上揃え */
}

table.check td span{
color:#d96972;
}

} /* ▲PCメディアクエリ終了▲ */




/*------------------------------ 画像 ------------------------------*/
.image{
width:100%;
height:auto;
}
.image img{
width:100%;
height:auto;
}

@media screen and (min-width:769px){
.image{
width:648px;
  margin:0 auto;
height:auto;
}

.image img{
width:100%;
height:auto;
}

}/* ▲PCメディアクエリ終了▲ */



/*-------------------------------  一部マージン  -------------------------------*/
.mb-pc90px-sp100px{
    margin-bottom:14.5vw;
  }
  @media screen and (min-width:769px){
.mb-pc90px-sp100px{
    margin-bottom:90px;
  }
}




/*-------------------------------  店舗  -------------------------------*/

#hp-map-box{
  width:100%;
  margin:0 0 0 0 ;
  padding:0 5.33vw 0 5.33vw;
   box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
        }
@media screen and (min-width:769px){
#hp-map-box{

  width:648px;
  margin:0 auto;
  padding:0px 34px 34px 34px;
  box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
        }
        }

.map-box-mini{
  width:100%;
  background-color:#fff;
  padding:8vw 5.33vw 8vw 5.33vw;
  margin:0 0 5.33vw 0;
  box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
  border:1px solid #555555;
}

.map-box-mini img{
  width:100%;
  height:auto;
  padding:;
  margin:0 0 20px 0;
  box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
  
}
@media screen and (min-width:769px){
.map-box-mini{
  width:100%;
  background-color:#fff;
  padding:50px 34px 50px 34px;
  margin:0 0 40px 0;
  box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
  border:1px solid #555555;
  }

.map-box-mini img{
  width:100%;
  height:auto;
  padding:;
  margin:0 0 40px 0;
  box-sizing: border-box; /* paddingも含めたサイズ計算をする記述 */
  
}
}



.map-item{
    width: 100%;
    height: 0;
    padding-bottom: 50%; /* 2:3の比率 (2÷3×100) */
    position: relative;
}
@media screen and (min-width:769px){
.map-item{
 
    width: 100%;
    height: 0;
    padding-bottom: 50%; /* 2:3の比率 */
    position: relative;

  }
}

.map-item iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width:769px){
.map-item iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
}

#spi-22-02 img{
  display:block;
  width:100%;
  height:auto;
  margin:0 0 15px 0;
  
}
@media screen and (min-width:769px){
#spi-22-02 img{
  display:none;

}
}


#pci-12-02 img{
  display:none;
}
@media screen and (min-width:769px){
#pci-12-02 img {
  width: 100%;
  height: auto; /* イメージのアスペクト比を保持 */
  display: block; /* 不要な空白を削除するため */
  margin:0 0 20px 0;
}
}




#spi-23-02 img{
  display:block;
  width:100%;
    height:auto;
    margin:0 0 15px 0;
}
@media screen and (min-width:769px){
#spi-23-02 img{
  display:none;
}
}


#pci-13-03 img{
  display:none;
}
@media screen and (min-width:769px){
#pci-13-03 img {
  width: 100%;
  height: auto; /* イメージのアスペクト比を保持 */
  display: block; /* 不要な空白を削除するため */
  margin:0 0 20px 0;
}
}

#spi-24-02 img{
  display:block;
  width:100%;
    height:auto;
    margin:0 0 15px 0;
}
@media screen and (min-width:769px){
#spi-24-02 img{
  display:none;

}
}


#pci-14-03 img{
  display:none;
}
@media screen and (min-width:769px){
#pci-14-03 img {
  width: 100%;
  height: auto; /* イメージのアスペクト比を保持 */
  display: block; /* 不要な空白を削除するため */
  margin:0 0 20px 0;
}
}





















/*-------------------------------  提案  -------------------------------*/

#spi-20-02 img {
  display:block;
  width:93%;
  margin:0 auto;
  padding:7.5vh 0px 5.7vh 0;

}

#spi-20-parallax { /* 背景画像 */
  display:block;
  height: 0vh;
}

#spi-20-parallax::before {
  display:block;
  background-image:url(img/spi-20-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -5;
}

  #pci-10-03{  /* 手前の画像 */
    display:none;
    }
 /* 背景画像の見えている高さ */
 #pci-10-parallax{  /* 背景画像 */
  height: 0px;
  display:none;
}
/* 背景画像 */
#pci-10-parallax::before{
background-image:url(img/pci-10-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
content: "";
height: 1756px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -5;
display:none;
}

@media screen and (min-width:769px){
  #spi-20-02 img{   /* 手前の画像 */
    display:none;
    }

  #spi-20-parallax { /* 背景画像 */
      display:none;
    }

  #spi-20-parallax::before {
      display:none;
    }



  #pci-10-03{  /* 手前の画像 */
    display:block;
    width:100%;
    text-align:center;
    background-image: url(img/bg-01.png);
    background-position:center center;
    background-attachment:fixed;
    }

 /* 背景画像の見えている高さ */
    #pci-10-parallax{  /* 背景画像 */
      height: 0px;
      display:block;
    }
    /* 背景画像 */
    #pci-10-parallax::before{
    background-image:url(img/pci-10-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    display:block;
    }
  }





/*-------------------------------  コロナ対策  -------------------------------*/







/*------------------------------ ループスライダー ------------------------------*/

.slider{
  margin:0 0px;
  padding:40px 0 40px 0;
  width: 100%; /* スライダーの幅を100%に設定 */
  overflow: hidden;
  background-color: #fff;
  }
  .slider_item{
  margin:0 0px;
  padding:0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }
  
  .slider_pict{
  padding:0;
  text-align:center;
  }
  .slider_pict img{
  width:100%;
  margin:0 auto;
 
  }
  
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
 
  .slider{
  margin: 40px 0;
  padding:0;
  
  }
  .slider_item{
  margin:0;
  padding:0 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  
 
  }
  .slider_pict{
  margin:0;
  padding:0;
  text-align:center;
 
  }
  .slider_pict img{
  width: 120px; 
  height: 120px;
  margin:0 auto;
 
  }
  
  } /* ▲PCメディアクエリ終了▲ */








/*------------------------------ サンクスページ ------------------------------*/

.thanks_box{
  width:100%;
  margin:0 auto;
  padding:100px 0 100px 0;
  }
  
  .thanks_head{
    margin:60px 0 0 0;
    padding:0;
    font-size:150%;
    font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
    line-height:160%;
    text-align:center;
    letter-spacing:1px;
    font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
    color:#049683;
  }
  
  .thanks_sentence{
    text-align:center;
  
  }
/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.thanks_box{
width:1200px;
margin:0 auto;
padding:100px 0 100px 0;
}

.thanks_head{
  margin:60px 0 0 0;
  padding:0;
  font-size:42px;
  font-weight:900; /* Google fontsをより太くするにはboldよりも900指定 */
  line-height:160%;
  text-align:center;
  letter-spacing:1px;
  font-family: "Noto Sans Japanese"; /* より太く強調するために、Google fontsを使用 */
  color:#049683;
}

.thanks_sentence{
  text-align:center;

}
}






/*------------------------------ プライバシーポリシー ------------------------------*/

.pp_box{
margin:30px 20px 0 20px;
padding:0;
}
.pp{
margin:0 0 0 0;
padding:1px 15px 15px 15px;
border:solid 1px #ccc;
overflow:auto;
height:75px;
}
.pp p{
font-size:60%;
color:#999;
}

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.pp_box{
width:768px;
margin:45px auto 0 auto;
padding:0;
}
.pp{
margin:0 0 0 0;
padding:1px 15px 15px 15px;
border:solid 1px #ccc;
overflow:auto;
height:100px;
}
.pp p{
font-size:10px;
color:#999;
}
} /* ▲PCメディアクエリ終了▲ */






/*------------------------------ ページ一番上へ ------------------------------*/

#pagetop {
position:fixed;
bottom:13%; /* 下からの位置／今回はフローティングがあるため高めに設定。通常は20～30 */
right:20px;
}
#pagetop i {
padding-top:6px
}
#pagetop a {
display:block;
z-index:9999;
padding:5px 4px 3px 4px;
border-radius:30px;
width:35px;
height:35px;
background-color:#ccc;
color:#fff;
text-decoration:none;
text-align:center;
}
#pagetop a:hover {
text-decoration:none;
opacity:0.7;
}

 /* ▼TLメディアクエリ */
 @media screen and (min-width:768px){
  #pagetop {
    position:fixed;
    bottom:19%; /* 下からの位置／今回はフローティングがあるため高めに設定。通常は20～30 */
    right:20px;
    }
    #pagetop i {
    padding-top:6px
    }
    #pagetop a {
    display:block;
    z-index:9999;
    padding:5px 4px 3px 4px;
    border-radius:30px;
    width:35px;
    height:35px;
    background-color:#ccc;
    color:#fff;
    text-decoration:none;
    text-align:center;
    }
    #pagetop a:hover {
    text-decoration:none;
    opacity:0.7;
    }
  }

/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
#pagetop {
position:fixed;
bottom:120px; /* 下からの位置／今回はフローティングがあるため高めに設定。通常は20～30 */
right:20px;
}
#pagetop i {
padding-top:6px
}
#pagetop a {
display:block;
z-index:9999;
padding:3px 4px 3px 4px;
border-radius:30px;
width:35px;
height:35px;
background-color:#ccc;
color:#fff;
text-decoration:none;
text-align:center;
}
#pagetop a:hover {
text-decoration:none;
opacity:0.7;
}
} /* ▲PCメディアクエリ終了▲ */





/*------------------------------ フッター ------------------------------*/

#footer{
margin:0px auto;
padding:25px 20px 25% 20px;
font-size:75%;
color:#fff;
line-height:200%;
text-align:center;
background:#A69074;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}


 /* ▼TLメディアクエリ */
 @media screen and (min-width:768px){
#footer{
  margin:0px auto;
  padding:25px 20px 25% 20px;
  font-size:80%;
  color:#fff;
  line-height:200%;
  text-align:center;
  background:#A69074;
  font-family: 'Roboto Condensed', sans-serif;
  }
  #footer a:link {color:#fff;text-decoration:underline;}
  #footer a:visited {color:#fff;text-decoration:underline;}
  #footer a:hover {color:#fff;text-decoration:none;}
}
 



/* ▼PCメディアクエリ */
@media screen and (min-width:1024px){
#footer{
margin:0px auto;
padding:30px 0 130px 0;
color:#fff;
font-size:12px;
line-height:200%;
text-align:center;
background:#A69074;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}
} /* ▲PCメディアクエリ終了▲ */







/*------------------------------ フローティング ------------------------------*/



.floating {
  display:block;
 width:100%;
  position:fixed;
  left:0;
  bottom:0;
  z-index:9999;
  text-align:center;
  margin:0;
  padding:0px ;
  background:rgba(0,0,0,0.3);
  }

  .device_box{
    width:100%;
    margin:0px;
    padding:3% 0;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    }

    #pci-16-07{
      display:none;
    }

    #pci-17-02{
      display:none;
    }

  #spi-26-04{
    display:none;
  }
  
  #spi-26-14-0{
    display:none;
  }

  #spi-27-0{
    display:none;
  }

  #spi-31{
      display:block;
      width:30%;
      padding:0 0 0 3%;
      margin:0 0 3% 0;
    }
  #spi-31 a:link {color:#fff;text-decoration:none;}
  #spi-31 a:visited {color:#fff;text-decoration:none;}
  #spi-31 a:hover {color:#fff;text-decoration:none;}
  
  #spi-31 img {
    margin:0 ;
    padding: 0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-31 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }


  #spi-32{
      display:block;
      width:30%;
      padding:0 0% 0 0;
      margin:0 0 3% 0;
    }
  #spi-32 a:link {color:#fff;text-decoration:none;}
  #spi-32 a:visited {color:#fff;text-decoration:none;}
  #spi-32 a:hover {color:#fff;text-decoration:none;}
  
  #spi-32 img {
    margin:0 ;
    padding: 0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-32 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }



    #spi-33{
      display:block;
      width:30%;
      padding:0 3% 0 0;
      margin:0 0 3% 0;
    }
  #spi-33 a:link {color:#fff;text-decoration:none;}
  #spi-33 a:visited {color:#fff;text-decoration:none;}
  #spi-33 a:hover {color:#fff;text-decoration:none;}
  
  #spi-33 img {
    margin:0 ;
    padding: 0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-33 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }



  #spi-26-14{
      display:block;
      width:46%;
      padding:0 0 0 3%;
    }
  #spi-26-14 a:link {color:#fff;text-decoration:none;}
  #spi-26-14 a:visited {color:#fff;text-decoration:none;}
  #spi-26-14 a:hover {color:#fff;text-decoration:none;}
  
  #spi-26-14 img {
    margin:0 ;
    padding: 0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-26-14 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }
    

    #spi-27{
      display:block;
      width:46%;
      padding:0 3% 0 0;
    }
    #spi-27 a:link {color:#fff;text-decoration:none;}
  #spi-27 a:visited {color:#fff;text-decoration:none;}
  #spi-27 a:hover {color:#fff;text-decoration:none;}

  #spi-27 img {
    margin:0 ;
    padding:0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-27 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }
    


 /* ▼TLメディアクエリ */
    @media screen and (min-width:768px){
     
.floating {
  display:block;
 width:100%;
  position:fixed;
  left:0;
  bottom:0;
  z-index:9999;
  text-align:center;
  margin:0;
  padding:0px ;
  background:rgba(0,0,0,0.3);
  }

  .device_box{
    width:100%;
    margin:0px;
    padding:3% 0;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    }

   


  #spi-26-11{
    display:none;
  }
  
  #spi-26-12{
    display:none;
  }



  #spi-27{
    display:none;
  }

  #spi-26-14{
    display:none;
  }


  #spi-26-14-0{
      display:block;
      width:45%;
      padding:0 0 0 3%;
    }
  #spi-26-04-0 a:link {color:#fff;text-decoration:none;}
  #spi-26-04-0 a:visited {color:#fff;text-decoration:none;}
  #spi-26-04-0 a:hover {color:#fff;text-decoration:none;}
  
  #spi-26-14-0 img {
    margin:0 ;
    padding: 0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-26-14-0 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }
    

    #spi-27-0{
      display:block;
      width:45%;
      padding:0 3% 0 0;
    }
    #spi-27-0 a:link {color:#fff;text-decoration:none;}
  #spi-27-0 a:visited {color:#fff;text-decoration:none;}
  #spi-27-0 a:hover {color:#fff;text-decoration:none;}

  #spi-27-0 img {
    margin:0 ;
    padding:0;
    width:100%;
    
    transition:0.3s ease-in-out;
   
    }
    #spi-27-0 img:hover {
    -webkit-transform:scale(105%);
    -moz-transform:scale(105%);
    -o-transform:scale(105%);
    transform:scale(105%);
    }

    #pci-16-07{
      display:none;
    }

    #pci-17-02{
      display:none;
    }
  }


/* ▼PCメディアクエリ */
@media screen and (min-width:1024px){
.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0;
background:rgba(0,0,0,0.3);
}



.device_box{
  width:770px;
  margin:0px auto 0px auto;
  padding:0;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
}
  
  #pci-16-07{
  margin:0 0 0px 0 ;
  padding:0 0px;
  text-align:center;
  display:block;
  }
  #pci-16-07 a:link {color:#fff;text-decoration:none;}
  #pci-16-07 a:visited {color:#fff;text-decoration:none;}
  #pci-16-07 a:hover {color:#fff;text-decoration:none;}

  #pci-16-07 img {
  width:370px;
  margin:0 auto 0 auto;
  padding:10px 0;
  transition:0.3s ease-in-out;
 }

  #pci-16-07 img:hover {
  -webkit-transform:scale(105%);
  -moz-transform:scale(105%);
  -o-transform:scale(105%);
  transform:scale(105%);
  }

  #pci-17-02{
    margin:0;
    padding:0 0px;
    text-align:center;
    display:block;
    }
    #pci-17-02 a:link {color:#fff;text-decoration:none;}
    #pci-17-02 a:visited {color:#fff;text-decoration:none;}
    #pci-17-02 a:hover {color:#fff;text-decoration:none;}
  
    #pci-17-02 img {
    width:370px;
    margin:0 auto 0 auto;
    padding:10px 0;
    transition:0.3s ease-in-out;
   
    }
    #pci-17-02 img:hover {
      -webkit-transform:scale(105%);
      -moz-transform:scale(105%);
      -o-transform:scale(105%);
      transform:scale(105%);
    }

    #spi-26-04{
      display:none;
    }

    #spi-27{
      display:none;
    }

    #spi-26-11{
      display:none;
    }
  
    #spi-26-12{
      display:none;
    }
  

  #spi-26-14{
    display:none;
  }

  #spi-26-14-0{
    display:none;
  }

  #spi-27-0{
    display:none;
  }

}






/*---------- プライバシーポリシー・特定商取引法に関する表示・お問い合わせ ----------*/


/*---------- サブページ全体 ----------*/

#subpage{
  margin:0;
  padding:30px 20px 45px 20px;
  font-family:'Noto Sans JP' ;
  }
  #subpage p{
    font-size:80%;
  
  }
  .page_title{
  margin:0 0 30px 0;
  padding:0;
  font-size:120%;
  line-height:150%;
  text-align:center;
 
  }
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  #subpage{
  width:768px;
  margin:0 auto;
  padding:75px 0 90px 0; 
  font-family:'Noto Sans JP' ;
  
  }
  #subpage p{
    font-size:14px;
   
  }
  .page_title{
  margin:0 0 60px 0;
  padding:0;
  font-size:24px;
  line-height:150%;
  text-align:center;
  letter-spacing:1px;
 
  }
  } /* ▲PCメディアクエリ終了▲ */


/*---------- 会社概要・特商法----------*/

table.info{
  width:100%;
  border-collapse:separate;
  margin:20px 0;
  }
  table.info th{
  padding:10px 0;
  font-size:90%;
  line-height:150%;
  text-align:left; /* thのデフォルトはセンター揃えのため */
  border-bottom:solid 1px #666;
  display:block;
  }
  table.info td{
  padding:10px 0 20px 0;
  font-size:90%;
  line-height:150%;
  display:block;
  }
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  table.info{
  width:100%;
  border-collapse:separate;
  margin:20px 0;
  }
  table.info th{
  width:180px;
  padding:10px 0;
  font-size:14px;
  line-height:150%;
  text-align:left; /* thのデフォルトはセンター揃えのため */
  letter-spacing:1px;
  border-bottom:solid 1px #666;
  display:table-cell;
  }
  table.info td{
  padding:10px;
  font-size:14px;
  line-height:150%;
  letter-spacing:1px;
  border-bottom:dotted 1px #ccc;
  display:table-cell;
  }
  } /* ▲PCメディアクエリ終了▲ */


/*---------- お問い合わせフォーム ----------*/

table.form{
  width:100%;
  border-collapse:collapse;
  margin:0;
  }
  table.form th{
  font-size:100%;
  line-height:150%;
  padding:15px 0 5px 0;
  text-align:left;
  display:block;
  }
  table.form td{
  font-size:16px;
  line-height:150%;
  padding:0 0 5px 0;
  display:block;
  }
  .req{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .req span{
  margin:0;
  padding:1px 2px 2px 2px;
  font-size:80%;
  font-weight:normal;
  line-height:100%;
  color:#fff;
  background:#f4425f;
  }
  
  .any{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .any span{
  margin:0;
  padding:2px 3px 2px 3px;
  font-size:80%;
  font-weight:normal;
  line-height:100%;
  color:#999;
  background:#eeeeee;
  }


  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  table.form{
  width:100%;
  border-collapse:collapse;
  margin:0;
  }
  table.form th{
  font-size:16px;
  line-height:150%;
  padding:15px 15px 5px 0;
  text-align:left;
  border-bottom:solid 1px #ccc;
  display:table-cell;
  }
  table.form td{
  font-size:16px;
  line-height:150%;
  padding:15px 0 5px 5px;
  display:table-cell;
  
  }
  .req{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .req span{
  margin:0;
  padding:1px 2px 2px 2px;
  font-size:12px;
  font-weight:normal;
  line-height:100%;
  color:#fff;
  background:#f4425f;
  }

  .any{
  margin:0;
  padding:0;
  float:right;
  text-align:right;
  }
  .any span{
  margin:0;
  padding:2px 3px 2px 3px;
  font-size:12px;
  font-weight:normal;
  line-height:100%;
  color:#999;
  background:#eeeeee;
  }

  

  } /* ▲PCメディアクエリ終了▲ */
  
  
  
  /*---------- お問い合わせフォーム入力～送信ボタン部分 ----------*/
  
  input[type="text"], textarea, select {
  width:100%;
  border:0;
  padding:10px;
  font-size:100%;
  border:solid 1px #ccc;
  appearance:none;  /* 初期設定の打消し */
  -webkit-appearance:none; /* Chrome, Safari */
  -moz-appearance:none; /* Firefox */
  -o-appearance:none; /*Opera対応*/
  border-radius:3px;
  box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);
  box-sizing:border-box;
  background-color: #ffffd9;
  }
  input[type="text"]:focus,
  textarea:focus {
  box-shadow:0 0 7px #999999;
  }
  
  ::-webkit-input-placeholder{color:#999;}
  
  input[type="submit"],input[type="button"] {
  border-radius:0;
  appearance:button;
  box-sizing:border-box;
  cursor:pointer;
  webkit-transition:all .5s;transition:all .5s;
  color:#fff;
  background:#A69074;
  border:none;
  border-radius:5px;
  font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {display:none;}
  
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  input[type="text"], textarea, select {font-size:16px;}
  } /* ▲PCメディアクエリ終了▲ */




/*---------- プルダウンの文字の色 ----------*/

 /* プルダウンの文字の色 */
select[name="entry.341445237"] {
  color: #3c3c43; /* プルダウンメニューの選択されたテキストの色 */
}

select[name="entry.341445237"] option {
  color: #3c3c43; /* プルダウンメニューのオプションのテキストの色 */
}






/*---------- お問い合わせフォームボタンの補足装飾 ----------*/

.submit{
  margin:15px 0 0 0;
  padding:0;
  text-align:center;
  }
  .submit a:link {color:#fff;text-decoration:none;}
  .submit a:visited {color:#fff;text-decoration:none;}
  .submit a:hover {color:#fff;text-decoration:none;}
  .button {
  width:80%;
  margin:0 auto;
  padding:15px 0 15px 0;
  font-size:120%;
  font-weight:bold;
  display:inline-block;
  text-decoration:none;
  }
  .button:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;
  -o-transition:0.3s ease-in-out;
  transition:0.3s ease-in-out;
  }
  
  /* ▼PCメディアクエリ */
  @media screen and (min-width:769px){
  .submit{
  margin:45px 0 0 0;
  padding:0;
  text-align:center;
  }
  .submit a:link {color:#fff;text-decoration:none;}
  .submit a:visited {color:#fff;text-decoration:none;}
  .submit a:hover {color:#fff;text-decoration:none;}
  .button {
  width:320px;
  margin:0 auto;
  padding:15px 0 15px 0;
  font-size:18px;
  font-weight:bold;
  display:inline-block;
  text-decoration:none;
  }
  .button:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;
  -o-transition:0.3s ease-in-out;
  transition:0.3s ease-in-out;
  }
  } /* ▲PCメディアクエリ終了▲ */











/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}
.white{font-weight:bold;color:#fff;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}