/*--------リンク・フォント--------*/
@font-face {
    font-family: 'A1gothic';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/A1gothic_r.woff') format('woff'),
        url('../Dup/img/A1gothic_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'A1gothic';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/A1gothic_bold.woff') format('woff'),
        url('../Dup/img/A1gothic_bold.eot')  format('eot');
    font-display: swap;
}

body{
    font-family: "A1gothic","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
    font-size: 16px!important;
}

.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
.header .grid_3 a{color:#fff;}
.header .grid_3 a:first-of-type{display:none;}
#info_map .foot_tel_bt a:first-of-type{
    display: none;
}

#fakeloader {
    background-color:#fff;
    background-image:url(./Dup/img/back.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#wrap.bg_color1 {background-color: #ffffff;}
#wrap.txt_white {color: #333;}

.header .grid_3{
    background-color: #51b97c;
    border-radius: 10px;
    color: #fff;
    padding: 10px 10px 5px;
}
#main_menu ul li a {
    background-color: #fbc544;
    border-radius: 50px;
    padding: 10px 20px;
}
#main_menu ul li a .menu_sub_title{color: #21884d;}
#main_menu ul li a p:first-of-type{
    font-size:24px;
    color: #000;
    text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
}
#contents1 .contents_box,
#contents2 .contents_box,
#contents3 .contents_box{
    background-image: none!important;
    background: rgba(62, 179, 112, .9)!important;
}
    
#f_menu ul li a {
    color: #333;
}
#aisatsu > div {
    background-color: rgba(255, 223, 147, .85)!important;
    border-radius: 15px;
}
#aisatsu h2{
    color: #3eb370;
    font-size:1.8em;
    font-weight: 700;
    display: inline;
    background: linear-gradient(transparent 65%, rgba(255, 255, 255, .85) 65%);
}
#top_contents{position:relative;}
#top_contents:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg , rgba(251,213,123,.2) 0%, rgba(255, 255, 255, .2) 100%);
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 0;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box,
.contents_img img{
    border-radius: 15px;
}
@media screen and (min-width: 769px){
#contents2 .contents_img{
    margin-left: auto;
}
#contents2 .contents_box{
    margin-left: 0%;
}
}
.contents_box2 h2{
    display: inline;
    background: linear-gradient(transparent 65%, rgba(255, 220, 0, .85) 65%);
    font-size: 1.6em;
}
#contents3 .contents_box {
    width: 90%!important;
    margin-left: 5%;
    margin-top: -100px;
}

#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: rgba(62, 179, 112, 1);
}
#top_cms .border_white{
    background-color:#fff9ea;
    border-radius: 15px 15px 0 0;
    border: none;
}
.effect.effect-1 {
    color: #333;
}
#top_cms .button-effect {
background-color: #fff9ea;
    width: 100%!important;
    margin-top: 0px;
    padding-bottom: 30px;
    padding-right: 50px;
    border-radius: 0 0 15px 15px;
}
#info_map .txt_white{color:#333;}
#info_map .border_color2 {border-color: #ffffff;}


#foot_fix_ban {
    position: fixed !important;
    height: auto;
    width: 100%;
    z-index: 3;
    background: #fbc544;
}
#foot_fix_ban div{
    display: block;
    position: relative;
    margin: 0 auto;
    padding-top: 15px;
    width: 1040px;
    height: 55px;
}
#foot_fix_ban a{
    position: relative;
}
#page-top {
    z-index: 5;
}
#page-top a {
    border: 2px solid #fff;
}

/*--------下層--------*/
.page_title h2{
    color:#222;
    background-color:rgba(255,255,255,0.65);
}
.page_title span{
    color: #4fa97d;
}

#page4 #cms_2-c .box_txt1{    padding-top: 4px;}
#page6 #cms_4-b .cate_box {
    width: calc(100% / 2 - 30px)!important;
    margin: 0 auto;
}
#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}
@media screen and (max-width: 667px){
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
}
#page10 .txt_color_nomal {
    color: #212121!important;
}



/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #main_menu ul li {
    padding: 5px 3px;
}
#aisatsu > div {
    border-radius: 0;
}
#main_menu ul li a {
    padding: 10px 10px;
}
#main_menu ul li a p:first-of-type {
    font-size: 2.3vw;
}
#top_contents:before {
    top: 130px;
}
.contents_box2 h2 {
    font-size: 1.4em;
}
#contents3 .contents_box {
    margin-top: -20px;
}
#foot_fix_ban div {
    display: block;
    position: relative;
    margin: 0px 10px 0px 10px;
    padding-top: 25px;
    width: calc(100% - 85px);
    height: 51px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #logo{margin-right: 61%;}
    #logo a img{width: 120px;}
    
    #aisatsu h2 {
    font-size: 6vw;
    }
    .contents_box2 h2 {
    font-size: 5.3vw;
}

#contents3 .contents_box {
       width: 100%!important;
    margin-left: 0%;
    margin-top: 0px;
}

#foot_fix_ban div {
    padding-top: 15px;
    width: calc(100% - 70px);
    height: 58px;
}
#page6 #cms_4-b .cate_box {
    width: 100%!important;
}
#page9 .cate_box p a {
    padding: 6px 10px 7px;
}
#page10 .cate ul li a span{padding-left:0px;}
#copyright{padding-bottom: 65px;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){


}