@charset "UTF-8";
*, *::before, *::after {
    box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
  font-size: 10px;
}
img {
  max-width: 100%;
}
body{
  margin: 0;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
  font-size: 1.4rem;
  position: relative;
  background-color: #eeeeee;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/*PCのみ、SPのみで表示*/
@media (min-width: 769px) {
  .pc_none {display: none !important; }
}
@media (max-width: 768px) {
  .sp_none {display: none !important; }
}

/*基本スタイル
inner内のパーセントは850pxを基準に計算*/
img {
  width: 100%;
}
.inner{
  width: 92%;
  margin: 0 auto;
}
.sup_logo{
  width: 29.86666666%;
  margin-left: 5.06666% ;
  padding-top: 5.06666%;
  position: relative;
  z-index: 5;
}
section{
  padding-bottom: 16%;
}
@media (min-width: 768px) {
  .inner{
    max-width: 890px;
    margin: 0 auto;
  }
  .logo_area{
    max-width: 1090px;
    margin: 0 auto;
  }
  .sup_logo{
    width: 167px;
    position: relative;
    padding-top: 5.50458%;
    margin-left: 3.1%;
  }
}


/*header-----------------------*/
.header{
  background: #f3e802;
  padding:18px;
  text-align: center;
  font-weight: bold;
}
.header p{
  font-size: 20px;
  color: #348ccc;
  text-shadow:
    -2px -2px 0 #ffffff,
     0   -2px 0 #ffffff,
     2px -2px 0 #ffffff,
    -2px  0   0 #ffffff,
     2px  0   0 #ffffff,
    -2px  2px 0 #ffffff,
     0    2px 0 #ffffff,
     2px  2px 0 #ffffff;
}
@media (min-width: 768px) {
  .header{
    padding:15px;
  }
}
/*contents wrp
-----------------------*/
.contents{
  max-width: 408px;
  margin: 0 auto;
  background-color: #fff;
}
.contents img{
  width: 100%;
}
/*CV*/
@media (min-width: 769px) {
.cv_fixed{
  display: none;
  }
}
@media (max-width: 768px) {
  .cv_fixed{
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 0;
  }
}
.cv{
  width: 92%;
  margin: 5% auto 10%;
  background-color: #e1eefa;
  border: 4px solid #00afec;
  border-radius: 10px;
  padding-bottom: 20px;
}
.ttl_cv{
  width: 90%;
  max-width: 630px;
  margin: -3.9% auto 2%;
}
.cv_btn_area{
  width: 85%;
  margin: 0 auto;
}
.cv_btn_area a{
  display: block;
}
.cv_btn_area img{
  width: 100%;
}

/*shop
------------------------*/
.shop{
  margin-bottom: 60px;
}
.ttl_shop{
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
.name_shop{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}
.img_shop{
  margin-bottom: 15px;
}
.img_shop img{
  width: 100%;
}
/*shop table*/
.shop .table_shop th{
  width: 7em;
  line-height: 1.4;
  font-size: 13px;
  padding: 6px;
}
.shop .table_shop td{
  line-height: 1.4;
  font-size: 13px;
  padding: 6px;
}
.shop .table_shop .last{
  border-bottom: none;
}
.shop .voice{
  margin: 15px auto 40px;
}
.shop .block_voice{
  background-color: #f2f0ed;
  padding: 5.796% 6%;
  margin-bottom: 10px;
  border-radius: 4px;
}
.shop .voice .user{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
.shop .voice .name_voice{
  font-size: 15px;
  font-weight: bold;
}
.shop .voice .review_voice{
  max-width: 175px;
  width: 40%;
}
.shop .voice .comment_voice{
  line-height: 1.5em;
  font-size: 13px;
}
.shop .caution_voice{
  text-align: center;
  font-size: 13px;
}





/*company
------------------------*/
.company{
  padding: 60px 0 30px;
  background-color: #f3f0ee;
}
.company_ttl{
  width: 33.33333%;
  margin: 0 auto 8.69565%;
}
.company .table_company th {
  width: 7em;
  border-bottom: 1px solid #c6bcaf;
  font-size: 13px;
  line-height: 1.4;
  padding: 1em 0;
}
.company .table_company td {
  border-bottom: 1px solid #e8e2de;
  font-size: 13px;
  line-height: 1.4;
  padding: 1em  0 1em 1em;
}
.company .table_company .last{
  border-bottom: none;
}


/*footer
----------------------------------*/
.footer {
  padding: 25px 0;
  font-size: 11px;
  text-align: center;
  background-color: #fff;
}
.footer-wrap{
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  align-items: center;
  justify-content: space-between;
}

.footer-wrap .block-left .footer-logo {
  width: 126px;
  display: block;
  margin:0 auto;
}
.footer-wrap .block-left .menu-footer_menu{
  display: block;
  width: calc(100% - 126px)
}
.footer-wrap .block-left .menu-footer .menu-item {
  display: inline-block;
  padding: 0 0.5em;
  border-left: 1px solid #0a0a0a;
  margin: 1.5em 0 1.5em;
}

.footer-wrap .block-left .menu-footer .menu-item:first-child {
  border-left: none;
}

.footer-wrap .copyright {
  color: #b9b9b9;
}

.footer-wrap .copyright{
  text-align: right;
  color: #b9b9b9;
}

.footer-wrap .block-left{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}