/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;transition: 0.3s;}
.linkStyle:hover{opacity:0.7;transition: 0.3s;}


/*--------全体--------*/
#pc_tel a{color: #999999;}
#menu_bt,
#scroll,
#top_return{background-color: #b3d465;}
#top_return span i{color:#fff;}
#top_header{    background-color: rgba(255,255,255,0)!important;}
#top_header .top_logo{width: 30%!important;}
header{
    background-image: url(./Dup/back1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#pc_intro{
background-image: url(./Dup/back2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#pc_intro .intro_txt{
display: inline-block;
    border-bottom: 1px dashed #5f5e5d;
}
#contents h3, #contents figure {
    margin-bottom: 6vh!important;
}
.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}

@keyframes fuwafuwa {
0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}




/*--------下層--------*/
#top_header h1 {
margin-top: 10px;
    width: 20%!important;
}
#main_right header{
    padding-right: 0px!important;
}
.page05 #cms_2-a .retop{display:none;}
#cms_2-a .cate { margin-bottom: 100px;}
#page7 #info_box{
    background-color: #f3f9d3;
padding:20px;
}
#page8 .tel_box{
    position: relative;
    overflow: hidden;
}
#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: 768px){
#top_header h1 { 
    width: 25%!important;
}
header #top_link .links_bt {  left: 28%!important;}
.item_txt{   background-color: rgba(255, 255, 255, .6);}
header #top_link {  height: 14vh!important;}
#main_menu{background-color: rgba(253, 253, 253, 0.85)!important;}
#page_title{    background-color: rgba(243, 249, 211, 0.85)!important;}
}



/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#top_header h1 {
    width: 31%!important;
}
header #top_link { height: 3vh!important;}
header #top_link .links_bt {
    left: 24%!important;
}
#contents { 
    background-position: 63% 50%!important;
}
#page8 #contact_box { 
    padding: 20px 0px;
}
}

@media screen and (max-width: 320px){
main{margin-bottom: -12px;}
}




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






@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_normal{color: #333333;}
.txt_white{color: #171717;}
.txt_red{color: red;}
.txt_color1{color: #b3d465} /* メインカラー */
.txt_color2{color: #f3f9d3} /* サブカラー */
.txt_color3{color: #f1f1f1} /* アクセントカラー1 */
.txt_color4{color: #f9f9d5} /* アクセントカラー2 */
.txt_color5{color:#878887}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f3f9d3} /* メインカラー */
.bg_color2{background-color: #ceea8c} /* サブカラー */
.bg_color3{background-color: #fdfdfd} /* アクセントカラー1 */
.bg_color4{background-color: #f9f9d5} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #5eb8c0}
.border_color2{border-color: #d2d2cc}
.border_color3{border-color: #eff9d8}
.border_color4{border-color: #f3f9d3}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #b3d465} /* メインカラー */
.hvr_txt_color2:hover{color: #f3f9d3} /* サブカラー */
.hvr_txt_color3:hover{color: #5eb8c0} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f9f9d5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #b3d465} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f3f9d3} /* サブカラー */
.hvr_bg_color3:hover{background-color: #5eb8c0} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f9f9d5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #b3d465}
.hvr_border_color2:hover{border-color: #f3f9d3}
.hvr_border_color3:hover{border-color: #5eb8c0}
.hvr_border_color4:hover{border-color: #f9f9d5}