.bg_white {
    background-color: #66af63;
    color: #fff;
}
.bg_color1 {background-color: #66af63;}
.border_color1 {border-color: #696969;}
.border_color2 {border-color: #e1e1e1;}
.border_color3 {border-color: #66af63;}
.txt_color_nomal {color: #696969;}
/* ----------　all　---------- */
.linkStyle{
	color:#66af63;
}
.linkStyle:hover{
	color:#66af63;
	opacity: 0.7;
	transition: all 0.5s;
}
/*フェードインcss*/
.fadein_up{
    opacity : 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
	transition:transform 2s ease,opacity 2s ease; 
}
.fadein_up.scrollin{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
body{
    background-color: #FBF9F5;
    color: #696969;
}
body, .font_sans-serif{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.banner_box{
    margin-top: 50px;
}
.banner{
    border: 1px solid #696969;
    width: 40%;
    margin: 0 2%;
    max-width: 300px;
}
header h1 img {
    max-width: 250px;
}
header #header {
    padding: 20px 30px 30px;
}
.sc_nav {
    padding: 5px 20px;
}
.sc_nav .logo img {
    max-width: 100px;
}
.banner:last-child{
    padding: 34px 10px;
}
.banner:last-child a{
color: #696969;
}
#page-top {
    color: #66af63;
}
#top_contents2 h3::after {
    display: none;
}
/* ----------　TOP　---------- */
#main_img img, #intro img, #top_contents1 img, #top_contents2 img,#page_title {

    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
#main_img{
position: relative;
}
#line_animation1{
position: absolute;
        top: 100%;
        left: -5%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    z-index: 9;
    width: 60%;
}
#line_animation1 path{
     fill: none;
     stroke: #ffffff;
     stroke-width: 26;
     stroke-linejoin: bevel;
     stroke-miterlimit: 10;
}
.top #main_nav ul{
    padding-top: 80px;
}
#intro .slick-dots li {
    color: #66af63;
}
#intro .intro_txt h2 {
    background-color: transparent;
    color: #696969;
    font-weight: bold;
    font-size: 25px;
    background-image: url(Dup/img/no1.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 35px;
    padding-top: 60px;
    padding-bottom: 0px;
transform: translateY(-20%);
}
#top_contents1 .contents1_txt h3 {
    background-image: url(Dup/img/no2.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    padding-left: 30px;
    padding-top: 25px;
margin-bottom: 20px;
}
#intro .intro_txt h3,#top_contents1 .contents1_txt h4,#top_contents2 h4{
    font-family: 'Bilbo', cursive;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #66af63;
    letter-spacing: 5px;
}
#intro .intro_txt h3{
    transform: translateY(-50%);
}
#top_contents1 .contents1_txt h4{
text-align: left;
    margin-bottom: 10px;
}

#top_contents2 h3{
margin-bottom: 0px;
}
#top_contents2 h3 span {
    background-color: transparent;
    color: #fbf9f5;
    font-weight: bold;
    font-size: 25px;
    color: #696969;
    background-image: url(Dup/img/no3.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    padding-left: 30px;
    padding-top: 25px;
}
#top_contents2 h4{
    line-height: 1;
}
#top_contents2 h4 span{
padding: 0;
}
#top_cms .cms_1-f figure{
    background-color: #fbf9f5;
}
#top_cms .cms_1-f figure:hover{
    background-color: #66af63;
}

/* ----------　下層ページ　---------- */
#page_title {
    padding: 80px 50px 280px;
}
#cate_list_title span i {
    opacity: 1;
    color: #66af63;
}
.cate_title{
    border: none;
    color: #696969;
    border-bottom: 2px solid #696969;
    border-top: 2px solid #696969;
    padding: 0 5%;
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
    background-color: transparent;
}
#cms_2-a .cate_box .box_img1 img{
    transition: ease 0.3s;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
#cms_2-a .cate_box .box_img1 img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
#cms_2-a .box_txt1 {
opacity: 1;
}
#cms_3-b .cate_box{
    border-left: 1px solid #696969;
}

#cms_3-b .cate_box .box_title2{
color: #66af63;
}
#page08 .tel_txt p span {
    opacity: 1;
}
#page08 .tel_txt p span:first-child {
    color: #66af63;
    font-weight: bold;
}
#page09 p{
opacity: 1;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#top_cms .top_cms_box .more a {
    padding-bottom: 15px;
}
.cate_title {
    padding-bottom: 5px;
}

}


/* ----------　1400px　---------- */
@media screen and (max-width: 1400px){
#line_animation1 {
    left: 5%;
}
}


/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#line_animation1 {
    left: 50%;
    top: 110%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
#menu_bt > div span {
    height: 2px;
    background-color: #66af63;
}
#intro .intro_txt h2 {
    transform: translateY(-15%);
}
#top_contents1 .contents1_txt {
    width: 90%!important;
    margin-left: 0%;
    margin: auto;
}
#top_contents1 .contents1_txt h3 {
    transform: translateX(0px);
}
#top_contents2 h3::after {
    top: -50%;
}
.banner {
    width: 49%;
    margin: 0 1%;
    max-width: 305px;
}
#page_title {
    padding: 50px 50px 150px;
}
}



/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.banner {
    width: 80%;
    margin: 0 2% 25px;
    max-width: 300px;
}
#loader .logo {
    max-width: 200px;
}
#main_img {
    margin-bottom: 50px;
}
#intro .intro_txt h2 {
    font-size: 20px;
}
#intro .intro_txt h3 {
    transform: translateY(-15%);
    line-height: 1.5;
}
#top_contents2 h3 span {
    font-size: 20px;
}
#top_contents1 .contents1_txt h3 {
    padding-left: 0px;
}
.banner {
    width: 100%;
    margin: 0 0% 25px;
    max-width: 350px;
}
#page_title {
    padding: 30px 30px 200px;
}
}