@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
body, .font_sans-serif {
    font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#main_menu .menu_sub_title,.aisatsu_txt,.contents_point1,.contents_point2,.contents_point3,.cms_title p,.effect,.page_title span{font-family: 'Crimson Text', serif;}


/*------------------all page-------------------------------------------*/
#fakeloader .fl{
  animation:jump 5s infinite;
  -webkit-animation:jump 5s infinite;
  -moz-animation:jump 5s infinite;
}
#fakeloader .fl img{transform: translate(-50%,-50%);}
@keyframes jump{
  0%{transform:translate(0,0px);}
  3%{transform:translate(0,-20px);}
  5%{transform:translate(0,0px);}
  6%{transform:translate(0,-5px);}
  7%{transform:translate(0,0px);}
  100%{transform:translate(0,0px);}
}
@-webkit-keyframes jump{
  0%{-webkit-transform:translate(0,0px);}
  3%{-webkit-transform:translate(0,-20px);}
  5%{-webkit-transform:translate(0,0px);}
  6%{-webkit-transform:translate(0,-5px);}
  7%{-webkit-transform:translate(0,0px);}
  100%{-webkit-transform:translate(0,0px);}
}
@-moz-keyframes jump{
  0%{-moz-transform:translate(0,0px);}
  3%{-moz-transform:translate(0,-20px);}
  5%{-moz-transform:translate(0,0px);}
  6%{-moz-transform:translate(0,-5px);}
  7%{-moz-transform:translate(0,0px);}
  100%{-moz-transform:translate(0,0px);}
}

#wrap{
  background-color:white;
  color:#333;
}
header{
  background-image: url(./Dup/img/hd.png);
  background-size: contain;
  background-repeat:no-repeat;
}
.header{padding-top:50px;}
.header .font_4dw{padding-left:10px;}
.header .grid_3 a{color:#333;}
.header .grid_3 .pd_5px{text-align:left;}
.header .fa-envelope:before{display:none;}
#logo img{width:300px;}
#main_menu .menu_title{color:#333;}
#main_menu.fixed{background-color:rgba(255,255,255,0.5)!important;}
#info_map{background-color:transparent!important;}
#info_map p{color:#333;}
#info_map span{border-left:0;}
.foot_tel_bt a{color:#333;}
footer{background-color:#0C4842;}
#foot_txt span,#copyright a{color:white;}
.fa-envelope{display:none;}

/*--------top page--------------------*/
#aisatsu{
  background:none!important;
}
#aisatsu > div {
  background:url(./Dup/img/aisatsu.png) no-repeat center bottom;
  background-size:50%;
  padding-left:50px;
  padding-right:50px;
  padding-bottom:150px;
}
.aisatsu_txt{color: #0C4842;}
#contents1 .contents_box,#contents2 .contents_box,#contents3 .contents_box {
    background-image: none!important;
    background-color: #F8F8F3;
    margin-top:-100px;
    padding:50px;
}
.contents_point1{color:#FA780A;}
.contents_point2{color:#00b201;}
.contents_point3{color:#FAC80A;}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after{display:none;}
.effect{color:#333;}
.effect.effect-1:before{top:2px;}
#top_cms{
  background-color: #F8F8F3;
  padding-top: 100px;
  padding-bottom:100px;
}
.cms_box .border_white{
  border-left:0;
  border-bottom:0;
  border-right:0;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{display:none;}
#top_cms .cms_title{padding-bottom:0;}

/*-----------under page--------------------------------------*/

.page_title h2{
  background-color: #F8F8F3;
  color:#333;
}
.page_title span{color:#333;}
.pager li a{background-color: #e5dbcc;}
.sitemap li a span{letter-spacing:1px;}
#page8 .mail a{color:#3E5A99;}
#page9 .cate_box{border-left:0;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.header{
  padding-left:10px;
  padding-right:10px;
}
#aisatsu > div{padding-top:30px;}
#f_menu ul li a{letter-spacing: 1px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.header{padding-top:20px;}
#logo img{width:200px;}
#aisatsu > div {
  padding-top: 0;
  background-size: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{padding:30px;}
#top_cms{
  padding-top:50px;
  padding-bottom:50px;
}
.sitemap li a{letter-spacing: 1px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.effect.effect-1:before{top:0;}
.cate_list li a{padding-top:15px!important;}
#cms_2-a .cate .cate_title{padding-top:10px!important;}
#cms_6-a .cate .cate_title{padding-top:10px!important;}
#page9 .cate_box p a{padding:3px 10px 6px!important;}
}

@media (max-width: 768px) and (-ms-high-contrast:none){
.cate_list li a{padding-top:10px!important;}
}