﻿

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body{
font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important ;
}
body, .txt_color_nomal {
    color: #666666;
}
.bg_color1 {
    /*background-color: #caf1ca;*/
    background-color: #80d680;
}
.bg_color2 {
    background-color: #f0fdff;
}
.bg_color3 {
    background-color: #A7F1FF;
}
.bg_color5{background-color: rgba(248,255,248,0.5);}
.txt_color1,.txt_color2 {
    color: #666666;
}
.border_color1 {
    border-color: #7d7d7d;
}
.border_color2 {
    border-color: #eaeaea;
}
.border_color3 {
    border-color: #a4d1a4;
}
body,h4{
font-weight: 600;
line-height: 2;
}
.linkStyle{color: #5dc75c;}
#left_bar div{background-color: #80d680;}
#pc_intro .pd_5per h2 {
    font-size: calc(1rem + 6px);
color: #5dc75c;
}
#contents::after {
    background-color: rgba(123,197,199,0.6)!important;
}
#pc_tel a {
    color: #fff!important;
    text-shadow: none;
}
#pc_intro,#page_title{position: relative;}
#pc_intro:before,#pc_intro:after,#page_title:before{
content: "";
    display: block;
position: absolute;
/*background-image: url(./Dup/default/wavesOpacity.svg);*/
    width: 100%;
    height: 62px;
}
#pc_intro:before {
    top: -62px;
transform: scale(1,-1);
}
#pc_intro:after{
bottom: -62px;
    z-index: 1;
}
#page_title:before{
left: 0;
    bottom: 0px;
    transform: scale(1,-1);
}
#top_header h1 {
    max-width: 200px;
}
#main_right.bg_color1{background-color: #f0fdff;}
#pc_news{padding-top: 100px;}
#pc_news .txt_color2{color: #fff;}
#contents{margin-bottom: 0;}
.links_bt img:hover {
    cursor: pointer;
    transform: scale(1.1, 1.1);
}
.links_bt img {
    transition: all 0.6s ease 0s;
}
p.opacity07{opacity: 1;}
.fadein{
     opacity: 0;
    transform: translateY(20px);
     transition: 2s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: translateY(0);
}

/*--------------------------------------------
下層
----------------------------------------------*/
.cate_list li a{
color: #fff;
}
#cms_5-c .box_title1,
#cms_6-c .box_title,.cate_title{color: #81db81;}
#cms_6-c .circle{background-color: #a2e4a2;}
.box_txt1{color: #666666;}
#page10 ul li a{
color: #fff;
    background-color: #b6d9b6;
}
#info_box dt{color: #99ce99;}
#pc_tel img{

    border-radius: 50%;
    margin-right: 10px;
}
#tel_txt > div p,
#tel_txt > div h3{text-align: left;}
/*--------------------------------------------
tab以上
----------------------------------------------*/
@media screen and (min-width: 769px){
header {
    /*background-image: url(./Dup/default/bg.png);*/
background-color: #a7f1ff;
}
#top_header{background-color: transparent!important;}
}


/*--------------------------------------------
tab以下
----------------------------------------------*/
@media screen and (max-width: 768px){
#main_menu{background-color: rgba(144,238,144,0.7)!important;}
#news{background-color: #a6e6a2;}
/*header {
    background-image: url(./Dup/default/bg.png);
}*/
#top_header {
    background-image: url(./Dup/default/bg.png);
background-color: white!important;
}
#contents h3, #contents figure {
    margin-bottom: 30px!important;
}
#main_right.bg_color1 {
    background-color: transparent;
}
#page_title:before{display: none;}
#page8 #contact_box{
background-color: rgba(255,255,255,0.9);
    border-radius: 10px;
}
#info_box .box_wrap,
#cms_5-c,
#cms_3-c,
#cms_2-c,
#cms_1-a{
background-color: rgb(255 255 255 / 90%);
    border-radius: 10px;
    padding: 5%;
}
.fadein{
opacity: 1;
transform: none;
}



}



/*--------------------------------------------
sp以下
----------------------------------------------*/
@media screen and (max-width: 667px){
#cms_6-c .cate_box{margin-bottom: 60px;}
#top_header h1 {
    max-width: 100px;
}
#cms_6-c .cate_box:last-of-type,
#page10 .box_wrap{margin-bottom: 0;}
#contents .fs_wrap{
padding-bottom: 10px;
padding-top: 10px;
}
#pc_news {
    padding-top: 60px;
}
#cms_6-c{
padding-right: 0;
padding-left: 0;
}
#page10 #sitemap_box {
padding: 0;
}


}

/*--------------------------------------------
IE
----------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
.cate_list li a{padding-top: 10px;}

}
