/* --　基本カラー　-- */
.bg_color1 {background-color: #228b22;}
.bg_color3 {background-color: #67b152;}

.txt_color1 {color: #228b22;}
.txt_color3 {color: #c767d3;}

.border_color1 {border-color: #228b22;}
.border_color3 {border-color: #BE84B8;}
.border_color4 {border-color: #c5e4bc;}

/* --　全体共通部分　-- */
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
header{
	border-top: 15px solid #228b22;
}
header #header #header_menu li {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}
header #header #header_menu li a .jp{
	color: #228b22;
}
header #header #header_menu li a:hover{
	color:#c767d3;
}
.bottom_info{
	background-color: #BE84B8;
	padding-top: 0px;
}
.bottom_info #bottom_info_wrap{
	background-color: #228b22;
	padding-top: 50px;
}
footer{
	background-color: #228b22!important;
}
footer .d_flex {
	flex-direction: column;
}
footer #logo2 img{
	max-inline-size: 300px;
}
#page-top a {
    background-color: #228b22;
}

/* --　TOP　-- */
#main_img{
	position: relative;
}
#main_img video{
	vertical-align: bottom;
}

#intro #you_tube{
    width: 90%;
    margin: auto;
    max-width: 1280px;
}
#svg1{
	position: absolute;
	bottom: 0;
}
#svg2{
	vertical-align: top;
}
.st0 {
    fill: #228b22;
}
#contents .box h3 span {
    border-color: #BE84B8;
}
#top_cms .top_cms_box {
	box-shadow: 15px 15px rgba(190, 132, 184, 0.35);
}
#top_cms .top_cms_box .cms_title p span{
	color: #f6c90a;
}
.top_cms_box .cms_title p {
    background-color: #228b22;
}
#top_cms .top_cms_box .cms_title p span {
    color: #fff;
}
#intro_txt h2{
	color:#228b22;
}
#intro_txt div h3 {
	border-color: #228b22;
}
#intro_txt div:last-child {
	background-color: #BE84B8;
}



/* --　下層ページ　-- */
#page_title div {
	box-shadow: 7px 7px #c5e4bc;
}
.cate_list li:hover {
	opacity: 1;
}
.cate_list li {
	border: none;
	box-shadow: none;
}
.cate_list li a {
	background-color: #be84b8;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
}
.cate_list li a:hover{
	color: #fff;
	background-color: #debdda;
}
#cms_1-f .date{
	color: #c767d3;
}
#page8 #tel_contact p a{
	color: #fff;
}
#page8 .hvr_bg_color4:hover{
	background-color: #67b152;
}
#page8 .hvr_border_color4:hover{
	border-color: #67b152;
}
#page8 .hvr_txt_color1:hover {
	color: #fff
}



/* --　IE　-- */
@media all and (-ms-high-contrast: none){
.cate .cate_title {
    padding: 10px!important;
    padding-top: 20px!important;
    padding-bottom: 10px!important;
}
#svg1 {
	bottom: -10px;
	max-height: 40px;
}
#svg2 {
	margin-top: -10px;
	max-height: 40px;
}
.cate_list li a {
    padding: 13px 15px 8px;
}

}


/* --　タブレット　-- */
@media screen and (max-width: 768px){
header {
    border-top: 10px solid #228b22;
}
header #header #header_menu li {
	padding-left: 10px;
	padding-right: 10px;
}
.intro {
	border: 12px solid #228b22;
}
footer #logo2 img {
    max-inline-size: 250px;
}
}
@media screen and (max-width: 768px) and (-ms-high-contrast: none){
#svg1 {
	bottom: -15px;
}
#svg2 {
	margin-top: -15px;
}
}



/* --　スマホ　-- */
@media screen and (max-width: 667px){
#page_title h2{
	font-size: 27px;
}
header {
	border-top: 7px solid #228b22;
}
#header{
	padding-bottom: 5px;
	padding-top: 5px;
}
footer #logo2 img {
    max-inline-size: 200px;
}
#logo h1{
	padding-bottom: 0px;
	padding-top: 0px;
}
#logo h1 img{
	width: 100%!important;
}
.intro {
	border: 6px solid #228b22;
}
}