@charset "utf-8";
/* CSS Document */

/*----- TABS -----*/
.tabs-area{}
.tabs-area .tabs{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:100%;
  max-width: 1200px;
  margin-bottom: 50px;
}
.tabs-area .tabs .tab{
  position: relative;
  flex:auto;
  text-align: center;
  background-color:#F5F5F5;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.tabs-area .tabs .tab >a{
  display: block;
  padding:15px 10px;
  color:#DF0615;
}
.tabs-area .tabs .tab::after{
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 12px solid #F5F5F5;
}
.tabs-area .tabs .tab .tab-title{
  display: inline-block;
  padding:0 0 0 1.5em;
  color:#DF0615;
  font-size:24px;
  font-weight: bold;
  line-height: 1;
}
.tabs-area .tabs .tab .arrow::before{
  right:auto;left:0;
  width:0.5em;
  height: 0.5em;
  border-color:#DF0615;
}
/*SELECT時*/
.tabs-area .tabs .tab.select{
  background-color:#DF0615;
}
.tabs-area .tabs .tab.select::after{
  border-top-color:#DF0615;
}
.tabs-area .tabs .tab.select .tab-title{
  color:#FFF;
}
.tabs-area .tabs .tab.select .tab-title >a{
  color:#FFF;
}
.tabs-area .tabs .tab.select .arrow::before{
  border-color:#FFF;
  transform:rotate(45deg);
}


@media (min-width: 768px) {
  .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width:100%;
  }

}
@media (max-width: 767px) {
  .tabs-area .tabs{
    margin-bottom: 30px;
  }
  .tabs-area .tabs .tab >a{
    padding:10px;
  }
  .tabs-area .tabs .tab::after{
    content:none;
  }
  .tabs-area .tabs .tab .tab-title{
    display: block;
    font-size:1.2em;
  }
  

  
}


/*----------------------------------------------------
  TOP PAGE
----------------------------------------------------*/
/*MAIN BLOCK -------------------------*/
#main-visual__top {
  width: 100%;
  height:700px;
  background-image:url(../img/top/img_main.png);
}
#main-visual__top .main-visual-inner{
  max-width:1200px;
}

#main-visual__top .main-visual-content{
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items:flex-end;
  left:auto;
  background-color:rgba(255,255,255,0.9);
  max-width:600px;
  padding:30px 20px;
  text-align: left;
}
#main-visual__top .main-visual-slogan{
  margin-bottom: 20px;
}
#main-visual__top .text{
  padding:0 20px;
  font-family: "logotype";
}
@font-face {
  font-family: "logotype";
  src: url("../fonts/logotype.woff") format("woff");
}


/*----- TOP RANKING SECTION -----*/
#topRanking.section-top{
  overflow:unset;
}
#topRanking.section-top .ranking-wrap{
  padding:30px 25px;
  margin-bottom: 20px;
  background-color:#80BF26;
  overflow: hidden;
  box-shadow: 3px 5px 5px #CCC;
}
#topRanking.section-top .ranking-wrap .ranking-wrap-head{
  margin-bottom: 20px;
  text-align: center;
  background-color:#FFF;
}
#topRanking.section-top .ranking-wrap-head .ranking-ttl{
  position: relative;
  display: inline-block;
  padding:15px 0;
  line-height: 1.4;
}
#topRanking.section-top .ranking-wrap-head .ranking-ttl::before{
  content:'';
  position: absolute;
  bottom:0;left:100%;
  display: inline-block;
  width:6.5em;
  height:8em;
  margin-left:20px;
  background:url(../img/top/illust_ttl_top_ranking.png) center bottom no-repeat;
  background-size: contain;
}
#topRanking.section-top .ranking-wrap-head .ranking-ttl__main{
  display: block;
  color:#231815;
  font-size:1.5rem;
}
#topRanking.section-top .ranking-wrap-head .ranking-ttl__sub{
  display: block;
  margin-bottom:5px;
  font-weight: normal;
  color:#80BF26;
  font-size:0.9rem;
}
#topRanking.section-top .lanking-list{
  counter-reset:number;
}
#topRanking.section-top .lanking-list__item .ranking-item___ttl{
  position:relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:baseline;
  -webkit-align-items:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  margin-bottom:20px;
  font-size:1.1rem;
  font-weight: bold;
  line-height: 1.4;
}
#topRanking.section-top .lanking-list__item .ranking-item___ttl::before{
  counter-increment:number;
  content:counter(number);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items:flex-end;
  width:3.6em;
  height:2em;
  margin:0 10px 0 0;
  color:#FFF;
  text-align: center;
  vertical-align: bottom;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#topRanking.section-top .lanking-list__item:nth-child(1) .ranking-item___ttl::before{
  background-image: url(../img/common/rank_1.png);
}
#topRanking.section-top .lanking-list__item:nth-child(2) .ranking-item___ttl::before{
  background-image: url(../img/common/rank_2.png);
}
#topRanking.section-top .lanking-list__item:nth-child(3) .ranking-item___ttl::before{
  background-image: url(../img/common/rank_3.png);
}

#topRanking.section-top .lanking-list__item .ranking-item__thumb{
  width:100%;
  height: 280px;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center top;
}

#topRanking.section-top .link{
  text-align: right;
  line-height: 1.4;
}
#topRanking.section-top .link >a{
  color:#4AAA38;
}
#topRanking.section-top .link >a >span{
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: dashed 1px #4AAA38;
}

/*----- ABOUT SECTION -----*/
#section__about{
  background-color:#F1F9FE;
  margin-bottom: 50px;
}
#section__about .heading{
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 50px;
  text-align: center;
}

.about-list .about-list__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:100%;
  margin:0 auto;
}
.about-list .about-list__item:not(:last-child){
  margin-bottom: 50px;
}
.about-list .about-list__item .about-item__img{
  width:80%;
  margin:0 auto;
  text-align: center;
}
.about-list .about-list__item .about-item-head{
  padding:10px 20px;
  margin-bottom: 10px;
  background-color:#FFF;
}
.about-list .about-list__item .about-item-head h3{
  font-size:1.2rem;
  line-height: 1.6;
}
.about-list .about-list__item .about-item-txt{
  padding-left:20px;
  font-size:0.9rem;
  letter-spacing: -0.1em;
  line-height:2;
}
.about-list .about-list__item .txt-small{
  padding:10px;
  font-size:0.8rem;
  font-weight: bold;
  text-align: left;
}


/*----- CHECK SECTION -----*/
#section__check{
  background-color:#F1F9FE;
  margin-bottom: 50px;
}
#section__check .section-inner{
  padding:20px 0;
}
#section__check .heading{
  padding:20px;
  margin-bottom: 30px;
  background-color:#FFF;
}
#section__check .heading-ttl{
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4;
}
#section__check .check-list-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding:0 10px;
}
#section__check .check-list-area >figure{
  width:27%;
  text-align: center;
}
#section__check .check-list{
  width:70%;
}
#section__check .check-list .check-list__item{
  padding-left:2em;
  text-indent: -2em;
  font-size:1.3rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
}
#section__check .check-list .check-list__item::before{
  content:'';
  display: inline-block;
  width:1.8em;
  height: 1.8em;
  margin-right: 5px;
  vertical-align: bottom;
  background:url(../img/common/icon_check.png) center bottom no-repeat;
  background-size:contain;
}

/*----- POINT SECTION -----*/
#section__point{
  background-color:#F1F9FE;
  margin-bottom: 50px;
}
#section__point .section-inner{
  padding:30px 0;
}
#section__point .heading{
  padding:20px 10px;
  margin-bottom: 30px;
  background-color:#FFF;
}
#section__point .heading-ttl{
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4;
}
#section__point figure{
  float: right;
  width:30%;
  max-width: 220px;
  margin:0 0 20px 20px;
}

/*----- CHECK BANNER -----*/
.bnr__check{
  margin-bottom: 50px;
  padding:20px;
  text-align: center;
  background-image:url(../img/top/illust_sec_check.png);
  background-position: 6% bottom;
  background-repeat: no-repeat;
  background-color:#4AB134;
  background-size:auto 90%;
}
.bnr__check .heading{
  padding-left:50px;
  color:#FFF100;
  font-size:2.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
.bnr__check .text{
  padding-left:50px;
  font-size:1.3rem;
  font-weight: bold;
  line-height: 1.6;
  color:#FFF;
}

/*----- RECOMMEND BANNER -----*/
#section__recommend .heading{
  padding:15px 50px 10px;
  border-top:solid 2px #231815;
  border-bottom:solid 2px #231815;
}
#section__recommend .heading-ttl{
  position: relative;
  text-align: center;
  font-size:1.5rem;
  line-height: 2;
}
#section__recommend .heading-ttl::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 3.5em;
  height: 4.3em;
  margin: auto 0;
  background: url(../img/top/illust_ttl_recommend.png) center no-repeat;
  background-size: contain;
}
.recommend-list-wrap{
  padding:30px;
  margin-bottom: 30px;
  background-color:#F1F9FE;
}
.recommend-item .recommend-item-head{
  padding:10px;
  margin-bottom: 30px;
  border-top:solid 2px #003B82;
  border-bottom:solid 2px #003B82;
}
.recommend-item .recommend-item-ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size:2.5rem;
  line-height: 1.2;
}
.recommend-item .recommend-item-ttl .ttl__num{
  display: inline-block;
  width:5em;
  color:#003B82;
  margin:0 30px 0 10px;
  font-size:0.7em;
  text-align: center;
  vertical-align: middle;
}
.recommend-item .recommend-item-ttl .ttl{
  display: inline-block;
  vertical-align: middle;
}
.recommend-item .main-text{
  margin-bottom: 50px;
}
.recommend-item .main-text .thumb{
  margin:0 0 10px 30px;
  max-width: 330px;
  width:40%;
}
.recommend-item .main-text .section-lead{
  text-align: center;
  font-size:1.6rem;
  color:#003B82;
  letter-spacing: 0;
}
/*POINT BOX*/
.recommend-item .point-box{
  position: relative;
  margin-bottom: 30px;
  padding:50px 30px 30px;
  background-color:#FFF;
}
.recommend-item .point-box .point-box-ttl{
  position: absolute;
  top:-0.5em;left:30px;
  margin-bottom: 20px;
  font-size:2rem;
  font-weight: bold;
  line-height: 1.2;
  color:#4AB134;
}
.recommend-item .point-box .point-list-item{
  padding-left:2em;
  text-indent: -2em;
  font-size:1.3rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
}
.recommend-item .point-box .point-list-item::before{
  content:'';
  display: inline-block;
  width:1.8em;
  height: 1.8em;
  margin-right: 5px;
  vertical-align: bottom;
  background:url(../img/common/icon_check_green.png) center bottom no-repeat;
  background-size:contain;
}
.recommend-item .btn__check.btn{
  max-width: none;
  font-size:1.3rem;
}
.recommend-item .btn__check.btn a{
  padding:0.5em 1em;
}
.recommend-item .btn__check.btn a >span:first-child{
  margin-right: 3em;
}
.recommend-item .btn__check.btn a::before{
  left:auto;right:1.4em;
  border-color:#4AB134;
}
.recommend-item .btn__check.btn a::after{
  left:auto;right:0.8em;
}


/*----- POSTS SECTION -----*/
#section__articlelist{
  
}
#section__articlelist .heading{
  margin-bottom: 30px;
  padding:15px 50px 10px;
  border-top:solid 2px #231815;
  border-bottom:solid 2px #231815;
}
#section__articlelist .heading-ttl{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  font-size:1.5rem;
  line-height: 2;
}
#section__articlelist .heading-ttl::before {
  content: '';
  display: inline-block;
  width: 4em;
  height: 3.5em;
  margin-right:30px;
  background: url(../img/top/illust_ttl_articles.png) center no-repeat;
  background-size: contain;
}




@media (min-width: 769px) {
  #topRanking.section-top .section-inner{
    padding-top:0;
    margin-top:-60px;
  }
}
@media (min-width: 768px) {
  #topRanking.section-top .lanking-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #topRanking.section-top .lanking-list .lanking-list__item{
    width:calc(33.333% - 60px / 3);
    margin:0 30px 0 0;
  }
  #topRanking.section-top .lanking-list .lanking-list__item:last-child{
    margin-right: 0;
  }
  
  .about-list .about-list__item .about-item__img{
    max-width:320px;
    width:35%;
    margin:0 10px 20px 0;
  }
  .about-list .about-list__item .about-item__img.about-item__img-r{
    margin:0 0 20px 10px;
  }
  .about-list .about-list__item .about-item-content{
    flex:2;
  }
  .about-list .about-list__item:first-child{
    margin-bottom: 30px;
  }
  .about-list .about-list__item:first-child .about-item__img{
    width:43%;
  }
  
}

@media (max-width: 1024px) {
  
}
@media (max-width: 768px) {
  #main-visual__top{
    height: 400px;
  }
  #topRanking.section-top .lanking-list__item .ranking-item__thumb{
    height: 200px;
  }

  #section__check .check-list .check-list__item{
    font-size:1.1rem;
  }
  
  #section__point .heading-ttl{
    font-size:1.2rem;
  }
  
}
@media (max-width: 767px) {
  #main-visual__top{
    height: auto;
  }
  #main-visual__top .main-visual-content{
    position: static;
    transform: none;
    max-width: none;
  }
  #topRanking.section-top .lanking-list .lanking-list__item:not(:last-child){
    margin-bottom:10%;
  }
  #topRanking.section-top .lanking-list__item .ranking-item__thumb{
    height: 250px;
  }
  .about-list .about-list__item{
    flex-direction: column-reverse;
  }
  .about-list .about-list__item .about-item-content{
    margin-bottom: 30px;
  }
  

  #section__check .check-list{
    width:100%;
  }
  
  .recommend-list-wrap{
    padding:5%;
  }
  #section__recommend .heading{
    padding-left:10px;
    padding-right:10px;
  }
  #section__recommend .heading-ttl::before{
    top:-0.5em;bottom:auto;
    width:2em;
    height: 2.5em;
  }
  .recommend-item .recommend-item-ttl{
    font-size: 1.2rem;
  }
  .recommend-item .recommend-item-ttl .ttl__num{
    margin:0 20px 0 0;
  }
  .recommend-item .main-text .thumb{
    float: none;
    width:90%;
    margin:0 auto 5%;
    max-width: none;
    text-align: center;
  }
  .recommend-item .main-text .section-lead{
    font-size:1.3rem;
  }
  .recommend-item .point-box{
    padding:10% 5% 5%;
  }
  .recommend-item .point-box .point-list-item{
    font-size:1.1rem;
  }
  .recommend-item .btn__check.btn{
    font-size:1em;
  }
  .recommend-item .btn__check.btn a > span:first-child{
    margin-right: 2em;
  }
  
  #section__articlelist .heading{
    padding-left:10px;
    padding-right:10px;
  }
  #section__articlelist .heading-ttl{
    font-size:1.3rem;
    text-align: center;
  }
  #section__articlelist .heading-ttl::before{
    content:none;
  }

}
@media (max-width: 640px) {
  #section__check .check-list-area{
    flex-direction: column;
  }
  #section__check .check-list-area > figure{
    padding:20px 0;
    width:50%;
  }
}
@media (max-width: 480px) {
  #topRanking.section-top .ranking-wrap-head .ranking-ttl::before{
    content:none;
  }
  .bnr__check{
    background-size: auto 60%;
  }
  .bnr__check .heading{
    padding-left:0;
  }
  .bnr__check .text{
    padding-left:30%;
    text-align: right;
    font-size:1rem;
  }
  
  #section__recommend .heading-ttl{
    font-size:1.3rem;
  }
}
@media (max-width: 414px) {
  #topRanking.section-top .lanking-list__item .ranking-item__thumb{
    height: 220px;
  }
}


/*----------------------------------------------------
  TOPICS PAGE
----------------------------------------------------*/
#topics .section-inner{
  text-align: left;
  width:100%;
}

/*記事一覧*/
.articlelist{
}
.articlelist .posts{
  position: relative;
  margin-bottom:50px;
  padding-bottom:20px;
  background-color: #FFF;
  border-bottom: solid 2px #C9CACA;
}
.articlelist .posts:nth-child(3n){
  margin-right: 0;
}
.articlelist .posts .postlink{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

.articlelist .posts .thumbnail{
  position: relative;
  width:100%;
  height: 180px;
  background-color:#EFEFEF;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition:opacity 0.2s ease;
  -moz-transition:opacity 0.2s ease;
  -ms-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}
.articlelist .posts .post_detail{
  padding:10px 0;
}
.articlelist .posts .post__date{
  display: block;
  margin-bottom: 15px;
  color:#898989;
}
.articlelist .posts .post_detail h2{
  margin-bottom: 10px;
  font-size:1.2rem;
  line-height: 1.4;
}
.articlelist .posts .post__excerpt{
  color:#898989;
  line-height: 1.6;
}
.articlelist .posts .post__category{
  position: absolute;
  top:0;left:0;
  display: inline-block;
  font-weight: bold;
  z-index: 2;
}
.articlelist .posts .post__category a{
  display: block;
  padding:5px 10px;
  color:#FFF;
  background-color: #CFDB38;
}
.articlelist .posts .cat-knowledge a{
  background-color: #80BF26;
}
.articlelist .posts .cat-recommended a{
  background-color: #70BEC7;
}

.articlelist .posts:hover .thumbnail{
  opacity:.6;
  filter:alpha(opacity=60);
}

/*ARTICLE*/
#topics .section-inner{
  padding-top:0;
}
article {
  border: solid 1px #DDD;
  background: #FFF;
  padding: 45px;
  text-align: left;
}
.article .article__head{
  margin-bottom:50px;
}
.article .article__title{
  margin-bottom: 30px;
  font-size:24px;
  line-height: 1.2;
}
.article .article__date{
  display: inline-block;
  margin:0 10px 20px 0;
  color:#757575;
}
.article .article__cat{
  display: inline-block;
  margin:0 10px 10px 0;
  color:#FFF;
  background-color: #CFDB38;
}
.article .article__cat a{
  display: block;
  padding:0.3em 0.8em;
  color:#FFF;
  background-color: #CFDB38;
}
.article .article__cat.knowledge a{
  background-color: #80BF26;
}
.article .article__cat.recommended a{
  background-color: #70BEC7;
}
.article .article__thumbnail{
  margin-bottom: 50px;
  text-align: center;
}
.article .article__text{
  line-height: 2;
}
.article .article__text h1,
.article .article__text h2,
.article .article__text h3,
.article .article__text h4,
.article .article__text h5,
.article .article__text h6,
.article .article__text h7{
  font-size:unset;
}
.article .article__text h2{
  font-size:21px;
}
.article .article__text h3{
  font-size:18px;
}
/* img */
.article .aligncenter {
    display: block;
    margin: 0 auto;
}
.article .alignright { float: right; }
.article .alignleft { float: left; }


@media (min-width: 768px) {
  .articlelist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
  }
  .articlelist .posts{
    width:calc(33.333% - 60px / 3);
    margin-right:30px;
  }
  .articlelist .posts:nth-child(3n){
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  
  #topics .article-area{
    padding:5% 0;
  }
}
@media (max-width: 767px) {
  .articlelist .posts .thumbnail{
    height: 250px;
  }
  .article{
    padding:5%;
  }

}
@media (max-width: 480px) {

  .article .article__title{
    font-size:1.3em;
  }
  

}

/*----------------------------------------------------
  SERVICE PAGE
----------------------------------------------------*/
#main-visual__service.main-visual .main-visual-inner{
  background-image: url(../img/about/img_main.png);
}


/*----------------------------------------------------
  FACILITY PAGE
----------------------------------------------------*/
#main-visual__facility.main-visual .main-visual-inner{
  background-image: url(../img/products/img_main.png);
}


/*----------------------------------------------------
  RECRUIT PAGE
----------------------------------------------------*/
#main-visual__recruit.main-visual .main-visual-inner{
  background-image: url(../img/flow/img_main.png);
}







  
/*----------------------------------------------------
  NEWS PAGE
----------------------------------------------------*/
#main-visual__news.main-visual .main-visual-inner,
#main-visual__blog.main-visual .main-visual-inner{
  background-image: url(../img/news/img_main.png);
}

/*----------------------------------------------------
  CONTACT PAGE
----------------------------------------------------*/
#main-visual__contact.main-visual .main-visual-inner{
  background-position: right top;
}
#contact-tel.section .section-inner,
#contact.section .section-inner{
  width:94%;
}

#contact-tel{
  background-color:#F5F5F5;
}
#contact-tel .contact-tel-box .contact-tel:first-child{
  margin-right:30px;
}
#contact-tel .contact-tel .shopname{
  display: inline-block;
  margin-right:10px;
  padding:5px 15px;
  color:#DF0615;
  font-weight: bold;
  border:solid 2px #DF0615;
  vertical-align: middle;
}
#contact-tel .contact-tel .tel{
  display: inline-block;
  font-size:28px;
  font-weight: bold;
  vertical-align: middle;
}

#contact-tel .text p:first-child{
  margin-right: 30px;
}
#contact-tel .text .circle{
  position: relative;
  display: inline-block;
  padding-left:1.3em;
}
#contact-tel .text .circle::before{
  content:'';
  position: absolute;
  border-radius: 50%;
  top: 50%;left: 0.2em;
  width:0.8em;
  height:0.8em;
  background:#B5B5B6;
  transform: translateY(-50%);
}


#contact form .tbl__contact{
  margin-bottom: 30px;
}
#contact form .tbl__contact th{
  width:20em;
}
#contact form .tbl__contact th,
#contact form .tbl__contact td{
  border-bottom: none;
  vertical-align: baseline;
}

#contact .form-area{
  max-width:1000px;
  margin:0 auto;
}

/*[入力画面]*/
.form-area .mw_wp_form_input .txt__confirm {
  display: none;
}
/*[確認画面]*/
.form-area .mw_wp_form_confirm .txt__input {
  display: none;
}
.form-area .mw_wp_form_confirm .txt__confirm {
  display: block;
}
.form-area .mw_wp_form_confirm .form__remarks {
  display: none;
}
.mw_wp_form_confirm #btn-reset{
  display: none;
}

@media (max-width: 1024px) {
  #contact-tel .contact-tel .shopname{
    font-size:0.9em;
  }
}
@media (max-width: 767px) {
  #contact-tel .contact-tel-box{
    flex-direction: column;
  }
  #contact-tel .contact-tel-box .contact-tel:first-child{
    margin:0 0 20px;
  }
  #contact form .tbl__contact th{
    display: block;
    border:none;
    padding:1em;
    width:100%;
  }
  #contact form .tbl__contact td{
    display: block;
    border:none;
    padding:1em;
    width:100%;
    padding-top:0;
  }
}
@media (max-width: 480px) {
  #contact-tel .text p:first-child{
    margin-right: 10px;
  }
  #contact-tel .text{
    font-size:0.8em;
  }
}




/*----------------------------------------------------
  PRIVACY POLICY PAGE
----------------------------------------------------*/
#privacy .text{
  text-align: left;
}

.privacy-list-item{
  text-align: left;
  margin-bottom: 50px;
}
.privacy-list-item .head-title{
  margin-bottom: 10px;
  padding: 0 5px 5px;
  font-size:22px;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: solid 1px #CCC;
}
.privacy-list-item .text{
  padding:0 5px;
}
.privacy-list-item ol{
  margin-top:5px;
}
.privacy-list-item ol >li{
  line-height: 1.6;
  margin-bottom:5px;
  padding-left:1em;
  text-indent: -1em;
}
.privacy-list-item ol >li>ol{
  margin-top:10px;
}

@media (max-width: 767px) {
  .privacy-list-item .head-title{
    font-size:1.1em;
  }
}


/*----------------------------------------------------
  404 PAGE
----------------------------------------------------*/