@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
.font1,#page_title .item2,#page10 .sub_title{font-family: 'Sacramento', cursive;}

.font_serif{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*------------------全ページ----------------------------*/
#body{overflow:hidden;}
/*header*/
header{position:fixed;}
#header{
  top: 0;
  width: 100%;
  z-index: 100;
}
#header h1{
  margin-left: auto;
  margin-right: auto;
  width: 240px;
  display: block;
  transition: all 0.4s ease;
  position:fixed;
}
#header h1.isSmall{
  width: 120px!important;
}
#header h1 img{
  width: 100%;
  height: auto;
  display: block;
  z-index:9999;
}
#header h1 .pc_hide{display:none;}

/*menu_bt*/
#menu_bt{background-color:transparent;}
#menu_bt p{color:#000;}
#menu_bt div > span{background-color: #000;}
#main_menu ul:not(.sns_links) li{text-shadow:none;}
#header .sns_links{
  position:fixed;
  z-index:999;
  right:50px;
}
#footer .logo img{width:300px;}

/*------------------トップページ----------------------------*/
#main_img{margin-top:50px;}
#contents1 .box{
  position:relative;
  z-index:1;
}
/*contents1*/
#contents1 .box:first-child h2{
  padding-left:70px;
  padding-top:30px;
  background:url(./Dup/img/item1.png) no-repeat top left;
}
#contents1 .box h2:first-letter,#contents2 h3:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}
/*contents2*/
#contents2{
  background:#fbf5ea url(./Dup/img/bg2.png);
  padding-top:100px;
  padding-bottom:100px;
}
#contents2 .con2_box1{
  padding-top:40px;
  background:url(./Dup/img/item2.png) no-repeat center top;
}
#contents2 .box_txt{background-color:white;}

/*top_cms*/
#top_cms .top_cms_box{
  padding:0 5%;
  padding-top:50px;
}
#top_cms .cms_wrap{background-color:transparent;}
#top_cms .top_cms_title p{
  font-size: calc(1rem + 7px);
  font-family: 'Sacramento', cursive;
  line-height: 1.5;
}
#top_cms .more a{
  width: 200px!important;
  height: 60px!important;
  background-color:white;
  border:1px solid #222;
}
#top_cms .more a::before{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  left:10px;
  top:10px;
  z-index:-1;
  background-image:url(./Dup/img/border.png);
  background-repeat:repeat;
}
#top_cms .more a:hover{
  transform:translate(10px,10px);
  transition:all 0.3s;
}
#top_cms .more a span{
  font-family: 'Sacramento', cursive;
  font-size:2rem;
  color:#222;
}
.top_cms_title{position:relative;}
.top_cms_title > div{
  position: relative;
  padding:20px 30px;
  background-color:#fff;
  z-index:1;
  text-align:center;
}
.top_cms_title:before{
  position: absolute;
  top: calc(50% - 3px);
  width: 100%;
  height: 6px;
  content: '';
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  left: 0;
  right:0;
  margin:auto;
}
/*--------------------下層ページ---------------------------------------------------------------*/
#page_title.active .item1::before,#page_title.active .item2::before{background:url(./Dup/img/border.png);}
#page_title .item2,#page10 .sub_title{font-size: calc(1rem + 7px);}
#page10 .sub_title{line-height:1.4;}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img {margin-top: 100px;}
}

/*-----------スマホ---------------*/
@media screen and (max-width: 667px){
#header{
  position:relative;
  padding-bottom:0;
  padding-top:0;
}
header h1 {
    width:100px!important;
    margin-left:0!important;
    top: 10px; 
    left: 10px; 
    margin-bottom:0;
}
#header h1 a .sp_hide{display:none;}
#header h1 .pc_hide{display:block;}
#header h1{max-width:200px;}
#contents1 .box:first-child h2{
  padding-left:50px;
  background-size: 20%;
}
#footer .logo img {width: 200px;}
#page_title{margin-top:100px;}

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#header h1 img{
z-index:99!important;
position:relative;
}
#main_img{z-index:1!important;}
}

/* ---------- safariの処理 ---------- */
_::-webkit-full-page-media, _:future, :root #loader .posi_center {
    top:55%;
    bottom:auto;
}