/*-----------------all page---------------------------------------------*/
html{font-size:105%;}
#wrap{
  /*line-height:3.5;*/
  background:url(./Dup/img/bg.png);
}

.font_Quick{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
.hannari{ font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important; }

#logo h1{width:100%!important;}
.linkStyle{color:#7c5ba6;}
.contact_box{
  position:fixed;
  top:0;
  right:100px;
  z-index:2;
}
#header-nav{margin-top:60px;}

/*----------------top page------------------------------------------------*/
/*スクロールで下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
#logo img{width:70%!important;}
#top_contents1{
  background:url(./Dup/img/item1.png) no-repeat right 5% bottom,
                      url(./Dup/img/item2.png) no-repeat left top;
  padding: 150px 5% 300px;
}
#top_contents1 h2{position:relative;}
#top_contents1 h2:before{
  content:'';
  position:absolute;
  display:block;
  width:45px;
  height:42px;
  background-image:url(./Dup/img/item5.png);
  background-repeat:no-repeat;
  left:0;
  right:0;
  margin:auto;
  bottom:-50px;
}

#top_contents2{
    background: url(./Dup/img/bg2.png) #d9ebbe;
    background-size: 15%;
}
#top_cms{padding: 0 10%;}
.top_cms_title .before, .top_cms_title .after,.top_info_title .before,.top_info_title .after{display:none;}
.cms_title_inner:before,.cms_title_inner:after{
  content:'';
  position:absolute;
  display:block;
  width:105px;
  height:23px;
  background-image:url(./Dup/img/item3.png);
  background-repeat:no-repeat;
}
.cms_title_inner:before{
  top:30%;
  left:-25%;
}
.cms_title_inner:after{
  top:30%;
  right:-25%;
}
.cms_2-c .cate_box{padding: 2% 0;}
.more a:hover{
  color:white;
  background-color:#7c5ba6!important;
}
#top_info .top_info_title{
  background:url(./Dup/img/item4.png) no-repeat center bottom;
}



/*--------------under page---------------------------------------------------*/
#page_title .title_box{
  bottom:40px;
  background-color:transparent;
  border-top:0;
  color:white;
}


/* ---------- responsive ---------- */
@media screen and (max-width: 1455px){
#top_contents1{background-size:40% auto;}
}

@media screen and (max-width: 1200px){
#top_contents1{background-size:auto auto;}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo h1.logo{max-width:250px;}
#logo h1.logo img{width:100%!important;}
#top_contents1 {background-size: 65%,40%;}
#top_contents1 h2{
  letter-spacing:1;
  margin-bottom:70px;
}
#top_contents2{background-size:30%;}
.overlay .menu-box .menu_list li a {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#top_contents1{
  background-size:100%,60%;
  padding:120px 5% 250px;
}
#top_contents2 {background-size: 50%;}
.cms_title_inner:before{left:-10%;}
.cms_title_inner:after{right:-17%;}
.top_cms_title{margin-bottom:0;}
.cms_title_inner:before, .cms_title_inner:after{background-size:80%;}
.overlay .tel_bt a,.overlay .menu_mail a{
  padding-top:0!important;
  padding-bottom:0!important;
}
.overlay .menu_mail{padding-top:!important0;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{padding-top:28px;}
}