html{font-size:105%;}
body{ font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;; }

#header_menu li a:hover{transform:translateY(-3px);}
#page-top a{
  box-shadow:none;
  color: #555;
}
.h_tel .tel_txt{color:#555;}
#footer .d_table-cell,.foot_page li a,#copyright{color:#555;}
.foot_page li{border-right:0;}

/*loader*/
.ball-scale-ripple-multiple>div{
  border: 2px solid #555;
}



/*fadein*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*header*/
.ttl,.ttl::before,.ttl::after,.ccn,.ccn::before,.ccn::after{display:none;}
.h_tel_bt:first-of-type .tel_mark{
  background-image: url(./Dup/img/icon4.png);
  background-size: 100%;
}
.h_tel_bt:last-of-type .tel_mark{
  background-image: url(./Dup/img/icon5.png);
  background-size: 100%;
}

/*----------top page----------------------------*/
.box_wrap h3{color:#333;}
#header_menu ul li::before{
   width: 20px;
    height: 20px;
    border-right:0;
    background-color: #ffff7f;
    border-radius: 10px;    
}
#main_img{
  margin-bottom:20px;
  border-radius:30px;
  position:relative;
}
#main_img::after{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background-color:#ffff7f;
  top:30px;
  left:30px;
  z-index:-1;
}
/*
#main_img::before{
  content:'';
  position:absolute;
  display:block;
  width:30vw;
  height:25vh;
  background-image:url(./Dup/img/item.png);
  background-repeat:no-repeat;
  background-size:contain;
  left:0;
  right:0;
  top:auto;
  bottom:0;
  margin:0 auto;
  z-index:1;
  background-position: bottom;
}
*/
#intro {border-bottom: dashed 1px #555;}
#intro_txt{text-align:center;}
#intro_txt h2{display:none;}
#contents h3{
  font-size: calc(1rem + 5px);
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffff7f;
  border-radius: 10px;
}
#contents h3::before{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  top: -7px;
  left: -7px;
  border: 1px solid #555;
  border-radius: 10px;

}
#contents .item2,#top_cms .item3{
    width: 20vw;
    margin: 50px auto;
}
#contents img{border-radius:20px;}
#top_cms .cms_title h2{color:#555;}
#top_cms .more a{
  color:#9fe8ef;
  border:1px solid #9fe8ef;
  border-radius: 45% 65% 53% 58%/52% 57% 48% 60%;
}
#top_cms .more a:hover{
  color:#555;
  border:1px solid #ffff7f;
}
#top_cms .cms_title .title_bg{background-color: #ffff7f;}

/*-------------under page--------------------------------*/
.pager a{border-radius: 45% 65% 53% 58%/52% 57% 48% 60%;}
#page_title h2{color:#555;}


.cate_title,#contact_tel a{
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffff7f;
  border-radius: 10px;
}
.cate_title::before,#contact_tel a::before{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  top: -7px;
  left: -7px;
  border: 1px solid #555;
  border-radius: 10px;
}
.cate_list li a{border-radius:8px;}
#page10 li a{border-radius:8px;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img::after{display:none;}
.global_nav .nav_li{border-color: #555;}
.global_nav .nav_li a,.global_nav .tel .tel_txt{color:#555;}
#main_img::before{
    width: 55vw;
    height: 20vh;
    bottom: -15px;
}
#intro{margin-bottom:60px;}
#contents .box .d_table-cell h3{margin-left: 7px;}
#top_cms .top_cms_box{padding:0 20px;}
#contents h3,.cate_title, #contact_tel a {
    font-size: calc(1rem + 2px);
    padding: 17px 17px 23px 17px;
}
.cate_list li a{margin-bottom:0;}
#info p{text-align:left;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img::before {
    width: 80vw;
    height: 20vh;
    bottom: -10px;
}
#intro_txt p{text-align:left;}
#contents .item2, #top_cms .item3 {width: 55vw;}
#contents h3,.cate_title, #contact_tel a {
    font-size: 1rem;
    padding: 15px 15px 20px 15px;
}
.cate_list{display:block;}
.cate_list li{width:inherit;}
.cate_list li a{box-sizing:border-box;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.pager li a{line-height:63px;}
.h_tel .h_tel_bt{line-height:50px;}
.h_tel .h_tel_bt:last-of-type{line-height:55px;}
#cms_2-c .cate_title,#cms_6-a .cate_title{padding-bottom:15px;}
}