@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;}}






/*------------------------------ キャッチコピー部分 ------------------------------*/

#main_visual{
    margin:0;
    padding:0;
    background-image:url(img/.png);
    background-position:center right;
    background-repeat:no-repeat;
    background-size:cover;
    }
  
.copy_pc{
  display:none;
  }



.copy_sp{
    margin:0;
    padding:0px 0px; /* 上下と左右が同じ場合も省略できる・この場合は上下に45px、左右が0px */
    display:block;
    }
  
  .copy_sp img{width:100%;} /* copyブロック内の画像サイズ指定 */




/* ▼PCメディアクエリ */
@media screen and (min-width:769px){

#main_visual{
    margin:0;
    padding:0;
    height:650px; /* ブロック内の高さ固定指定 */
    background-image:url(img/main_visual-03.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:2000px 650px;
    }

.copy_pc{
    padding:0px 0;
    text-align: center; /* 上下と左右が同じ場合も省略できる・この場合は上下に25px、左右が0px */
    display:block;
    }
.copy_pc img{
    width:1000px;
  } /* copyブロック内の画像サイズ指定 */

.copy_sp{
    display:none;
  }

.copy_bg{
    margin:0;padding:0;
    background-image: url(img/flower-left.png),url(img/flower-right.png);
    background-position:left top,right bottom;
    background-repeat:no-repeat,no-repeat;
    }



} /* ▲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メディアクエリ終了▲ */


/*------------------------------ 悩み ------------------------------*/
.problem{
padding:45px 20px 30px 20px ;
  background-color:#f5f5f5;
}

.problem_subhead{
margin:0px 0 0 0;
padding:0;
font-size:150%;
font-weight:400; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;
letter-spacing:1px;
font-family: 'Noto Serif JP', serif; /* より太く強調するために、Google fontsを使用 */
color:#555555;
}

.problem_subhead_mini{
  margin:15px 0 0 0;
  font-size:12px;
  font-weight:400;
  text-align:center;
  letter-spacing:1px;
  font-family: 'Noto Serif JP', serif;
  color:#555555;
}


.problem_box{
margin:30px auto 0px auto;
padding:0;

}

.problem_picture{
width:100%;
padding:0;
float: right;
clear: both;
margin: -80px -80% 0 0;
}
.problem_picture img{width:70px;}

.problem_bled{
width:100%;
margin:15px 0 0px 0;
padding:0;

}



.triangle_bg{ 
  background-color:#fff;
}


.triangle{ 
    width: 0;
    height: 0;
    border-top: solid 35px #f5f5f5;
    border-right: solid 35px transparent;
    border-left: solid 35px transparent;
    margin:0 auto;
}


.solution{
margin:0px 0 0 0;
padding:00px 20px 30px 20px;
background-color:#fff;
}

.solution_box{
margin:30px auto 20px auto;
padding:0;
position:relative;

}




.solution_subhead_mini{
  color:#fff;
  background-color:#cfb290;
  margin:60px 0 0 0;
  padding:20px 0 20px 0;
  width:100%;
  font-size:125%;
  font-weight:400;
  text-align:center;
  font-family: 'Noto Serif JP', serif; 
  position:relative;
  line-height:150%;
  letter-spacing:1px;
}

.solution_picture-04{
  margin:0;
  padding:0;
  position:absolute;
  top:0px;
  left:0px;
  }
  .solution_picture-04 img{width:100px;}
  
  .solution_picture-05{
    margin:0;
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    }
    .solution_picture-05 img{width:100px;}


.solution_picture-03{
margin:0;
padding:0;
width:30%;
top:-30px;
left:-20px;
position:absolute;
}
.solution_picture-03 img{width:100%;}

.solution_text{
  width:100%;
  margin:0 0 0px 0;
  text-align:center;
  font-family:Noto Sans JP;
  font-size:100%;
  }
  
  .solution_text- span{
    color:#d96972;
    }


/* ▼PCメディアクエリ */
@media screen and (min-width:769px){
.problem{
padding:75px 20px 60px 20px ;
  background-color:#f5f5f5;
}

.problem_subhead{
margin:0px 0 0 0;
padding:0;
font-size:32px;
font-weight:400; /* Google fontsをより太くするにはboldよりも900指定 */
line-height:160%;
text-align:center;

font-family: 'Noto Serif JP', serif; /* より太く強調するために、Google fontsを使用 */
color:#555555;
font-feature-settings:”palt” 1;
}

.problem_subhead_mini{
  margin:15px 0 0 0;
  font-size:12px;
  font-weight:400;
  text-align:center;
  letter-spacing:1px;
  font-family: 'Noto Serif JP', serif;
  color:#555555;
}



.problem_box{
width:1000px;
margin:60px auto 0px auto;
padding:0;

}

.problem_picture{
margin:0;
padding:0;
float: right;
clear: both;
margin: -130px -800px 0 0;
}


.problem_picture img{width:120px;}

.problem_bled{
margin:0 0 0px 0;
padding:0;
position:relative;

}





.triangle_bg{ 
  background-color:#fff;
}


.triangle{ 
    width: 0;
    height: 0;
    border-top: solid 40px #f5f5f5;
    border-right: solid 40px transparent;
    border-left: solid 40px transparent;
    margin:0 auto;
}


.solution{
padding:0px 0 75px 0 ;
margin:0px 0 0 0;
background-color:#fff;
}

.solution_box{
  width:1000px;
  margin:0px auto 0px auto;
  padding:0;
  position:relative;
  }

.solution_text_box{
width:640px;
margin:60px auto 0px auto;
padding:0;

}

.solution_subhead_mini{
  color:#fff;
  background-color:#cfb290;
  margin:60px 0 0 0;
  padding:20px 0 20px 0;
  width:640px;
  font-size:24px;
  text-align:center;
  font-family: 'Noto Serif JP', serif; 
  position:relative;
  line-height:150%;
}

.solution_picture-04{
margin:0;
padding:0;
position:absolute;
top:-50px;
left:40px;
}
.solution_picture-04 img{width:150px;}

.solution_picture-05{
  margin:0;
  padding:0;
  position:absolute;
  top:250px;
  left:850px;
  }
  .solution_picture-05 img{width:150px;}

  .solution_picture-03{
    margin:0;
    padding:0;
    position:absolute;
    top:-45px;
    left:-45px;

    }
  .solution_picture-03 img{width:150px;}

.solution_text{
width:640px;
margin:0 0 0px 0;
text-align:center;
font-family:Noto Sans JP;
}

.solution_text- span{
  color:#d96972;
  }

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





/*-------------------------------  悩み  -------------------------------*/
#spi-03-02 img {
  display:block;
  width:100%;
height:auto;
  }
@media screen and (min-width:769px){
#spi-03-02 img{
  display:none;
  }
  }

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


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




#pci-02-03{
display:none;
}
@media screen and (min-width:769px){
#pci-02-03{
display:block;
width:100%;
background-color:#f5f5f5;
text-align:center;
}
}

#pci-03-03{
  display:none;
  }
@media screen and (min-width:769px){
  #pci-03-03{
  display:block;
  width:100%;
  text-align:center;
  background-color: #fff;
  padding:0 0 45px 0;
  }
  }





  #spi-06 img{
    display:block;
    width:100%;
    height:auto;
    padding:0 0 5.7vh 0;
    background-color: #fff;
    }
  @media screen and (min-width:769px){
  #spi-06 img{
    display:none;
      }
      }
  
  #pci-04-02{
  display:none;
  }
  @media screen and (min-width:769px){
  #pci-04-02{
  display:block;
  width:100%;
  text-align:center;
  background-color: #fff;
  padding:45px 0 60px 0;
  }
  }


/*-------------------------------  選ばれる理由  -------------------------------*/


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

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

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


  #pci-05-02-02{
  display:none;
  }
  @media screen and (min-width:769px){
  #pci-05-02-02{
  display:block;
  width:100%;
  text-align:center;
  background-color:#EAE7DD;
  
  }
  }


  #pci-05-03{
    display:none;
    }
    @media screen and (min-width:769px){
    #pci-05-03{
    display:block;
    width:100%;
    text-align:center;
    background-color:#EAE7DD;
    
    }
    }

/*-------------------------------  プラン  -------------------------------*/
#spi-10-05 img{
  display:block;
  width:100%;
  height:auto;
      }
@media screen and (min-width:769px){
#spi-10-05 img{
  display:none;
        }
        }

#spi-11-05 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-11-05 img{
  display:none;
  }
  }

  #spi-12-05 img{
    display:block;
    width:100%;
    height:auto;
        }
  @media screen and (min-width:769px){
  #spi-12-05 img{
    display:none;
          }
          }
  
  #spi-13-05 img{
    display:block;
    width:100%;
    height:auto;
     }
   @media screen and (min-width:769px){
    #spi-13-05 img{
    display:none;
    }
    }
    



#pci-06-07{
display:none;
}
@media screen and (min-width:769px){
#pci-06-07{
display:block;
width:100%;
text-align:center;
background-color: #fff;
}
}







/*-------------------------------  特典  -------------------------------*/
#spi-14-04 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-14-04 img{
  display:none;
  }
  }

  #spi-15-04 img{
    display:block;
    width:100%;
    height:auto;
        }
  @media screen and (min-width:769px){
  #spi-15-04 img{
    display:none;
          }
          }
  
  #spi-16-05 img{
    display:block;
    width:100%;
    height:auto;
     }
   @media screen and (min-width:769px){
    #spi-16-05 img{
    display:none;
    }
    }

    #pci-09-01-03{
      display:none;
      }
      @media screen and (min-width:769px){
      #pci-09-01-03{
      display:block;
      width:100%;
      text-align:center;
      background-color:#CFB290;
      }
      }

      #pci-09-02-03{
        display:none;
        }
        @media screen and (min-width:769px){
        #pci-09-02-03{
        display:block;
        width:100%;
        text-align:center;
        background-color:#CFB290;
        }
        }

        #pci-09-03-04{
          display:none;
          }
          @media screen and (min-width:769px){
          #pci-09-03-04{
          display:block;
          width:100%;
          text-align:center;
          background-color:#CFB290;
          }
          }



/*-------------------------------  ママ振り  -------------------------------*/
#spi-17-05 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-17-05 img{
  display:none;
  }
  }


#spi-18-05 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-18-05 img{
  display:none;
  }
  }

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

    #spi-19-06 img{
      display:block;
      width:100%;
      height:auto;
       }
     @media screen and (min-width:769px){
      #spi-19-06 img{
      display:none;
      }
      }

      #pci-07-08{
        display:none;
        }
        @media screen and (min-width:769px){
        #pci-07-08{
        display:block;
        width:100%;
        text-align:center;
        background-color: #fff;
        }
        }
      
        #pci-08-07{
          display:none;
          }
        @media screen and (min-width:769px){
          #pci-08-07{
          display:block;
          width:100%;
          text-align:center;
          background-color: #fff;
          }
          }



/*-------------------------------  ご利用の流れ  -------------------------------*/
#spi-28-05 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-28-05 img{
  display:none;
  }
  }

  #spi-29-05 img{
    display:block;
    width:100%;
    height:auto;
     }
   @media screen and (min-width:769px){
    #spi-29-05 img{
    display:none;
    }
    }

    #spi-30-05 img{
      display:block;
      width:100%;
      height:auto;
       }
     @media screen and (min-width:769px){
      #spi-30-05 img{
      display:none;
      }
      }




#pci-18-04{
  display:none;
  }
  @media screen and (min-width:769px){
  #pci-18-04{
  display:block;
  width:100%;
  text-align:center;
  background-color: #fff;
  margin:-45px 0 0 0;
  }
  }

  #pci-19-04{
    display:none;
    }
  @media screen and (min-width:769px){
    #pci-19-04{
    display:block;
    width:100%;
    text-align:center;
    background-color: #fff;
    }
    }





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

#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: -1;
}

  #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: -1;
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;
    }
  }

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

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

  #pci-11-02{
    display:none;
    }
    @media screen and (min-width:769px){
    #pci-11-02{
    display:block;
    width:100%;
    text-align:center;
    background-color:#EAE7DD;
    }
    }


#hp-map{
  width:100%;
  background-color:#EAE7DD;
    }
@media screen and (min-width:769px){
#hp-map{
  
  width:100%;
  background-color:#EAE7DD;

    }
    }

#hp-map-box{
  width:100%;
  margin:0 ;
  background-color:#EAE7DD;
  padding:0 4% 20px 4%;
  box-sizing: border-box; 
        }
@media screen and (min-width:769px){
#hp-map-box{

  width:1000px;
  margin:0 auto;
  background-color:#EAE7DD;
  padding:0 15px 40px 15px;
  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;
box-sizing: content-box; 
        }
        }

.map-box-mini{
  width:100%;
  overflow:hidden;
  background-color:#fff;
  padding:20px 4% 20px 4%;
  margin:0 0 20px 0;
  box-sizing: border-box; 
 
}
@media screen and (min-width:769px){
.map-box-mini{

  width:28%;
  overflow:hidden;
  background-color:#fff;
  padding:20px 20px 30px 20px;
  box-sizing: content-box; 
  }
}



.map-item{
  width:100%;
}
@media screen and (min-width:769px){
.map-item{
 
  width:100%;

  }
}

.map-item iframe{
  width:100%;
  height:100%;
}
@media screen and (min-width:769px){
.map-item iframe{
  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-25 img{
  display:block;
  width:100%;
  height:auto;
   }
 @media screen and (min-width:769px){
  #spi-25 img{
  display:none;
  }
  }

#pci-15{
    display:none;
    }
 @media screen and (min-width:769px){
    #pci-15{
    display:block;
    width:100%;
    text-align:center;
    background-color: #fff;
    }
    }








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

.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: 0;
  padding:0;
 
  }
  .slider_item{
  margin:0;
  padding:0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  }
  .slider_pict{
  margin:0;
  padding:0;
  text-align:center;
 
  }
  .slider_pict img{
  width:100%;
  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-06{
      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-06{
      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-06{
  margin:0 0 0px 0 ;
  padding:0 0px;
  text-align:center;
  display:block;
  }
  #pci-16-06 a:link {color:#fff;text-decoration:none;}
  #pci-16-06 a:visited {color:#fff;text-decoration:none;}
  #pci-16-06 a:hover {color:#fff;text-decoration:none;}

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

  #pci-16-06 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;}