﻿.bg_color1 {background-color: #00A497;}
.bg_color2 {background-color: #dcdcdc;}
.bg_color3 {background-color: #00a497;}
.border_color1 {border-color: #00A497;}
.border_color2 {border-color: #00a497;}
.txt_color1 {color: #00A497;}
.txt_color2 {color: #00a497;}
header #header #main_menu li.page08_link a,#sc_menu li:last-child a,#contents .contents_txt h3,#top_cms .top_cms_box .more a{
    background: -moz-linear-gradient(-30deg,#00a497 30%, #a3ca59);
    background: -webkit-linear-gradient(-30deg, #00a497 30%, #a3ca59);
    background: linear-gradient(120deg, #00a497 30%, #a3ca59);
}
/* ----------　all　---------- */
.linkStyle{
	color:#00A497;
}
.linkStyle:hover{
	color:#00A497;
	opacity: 0.7;
	transition: all 0.5s;
}
.banner {
    width: 80%;
    max-width: 550px;
    margin: auto;
    margin-top: 50px;
}
header h1{
    background-color: #00a497!important;
}
#sc_menu .logo img {
    max-width: 250px;
}
/* ----------　TOP　---------- */
#main_img #catch {
    background: -moz-linear-gradient(-30deg,rgba(0 ,164 ,151,0.9) 30%, rgba(163, 202, 89 ,0.9));
    background: -webkit-linear-gradient( -30deg , rgba(0 ,164 ,151,0.9) 30%, rgba(163, 202, 89 ,0.9));
    background: linear-gradient( 120deg , rgba(0 ,164 ,151,0.9) 30%, rgba(163, 202, 89 ,0.9));
}
#main_img #catch h2 {
    width: 100%;
}
#main_img #catch h2 span {
    font-size: 30px;
}
#intro #intro_title p{
color: #fff;
    background-color: #00A497;
}
#intro .box_wrap .box > div span{
    border-color: #00a497 transparent transparent transparent!important;
}
#contents_links .square_box a::before {
    border: 3px solid #00a497;
}
#contents_links .square_box a p {
    color: #00a497;
}
#contents_links .square_box a {
    background-color: rgba(58, 58, 58,0.5);
}
#top_cms .top_cms_title {
    margin-bottom: 30px;
width: 90%;
}
#top_cms .top_cms_title p span{
background:none;
    background-color: #00a497;
}
#top_cms .top_cms_box .cms_2-a{
    position: relative;
    display: flex;
}
#top_cms .top_cms_box .cms_2-a .box_img{
    width: 30%;
    background-color: #125f59;
}
#top_cms .top_cms_box .cms_2-a .box_img img{
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    opacity: 0.5;
}
#top_cms .top_cms_box .cms_2-a .box_wrap  {
    width: 70%;
}
#top_cms .cms_1-f .date {
    color: #00a497;
}
#top_cms .cms_2-a .cate_box{
    position: relative;
    overflow: hidden;
    padding: 30px;
}
#top_cms .cms_2-a .box_item{
    color: #fff;
}
#top_cms .cms_2-a figure.box_img1 {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    background-color: #3a3a3a;
    width: 100%;
height: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
#top_cms .cms_2-a figure.box_img1 img{
    opacity: 0.5;
height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
#top_cms .cms_2-a  h3.box_title1{
    color: #fff;
    font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
    letter-spacing: 4px;
    font-weight: bold;
    position: relative;
}
#top_cms .cms_2-a  h3.box_title1:before {
    display: inline-block;
    width: 75px;
    height: 60px;
    background-size: contain;
    font-size: -webkit-calc(1rem + 20px);
    font-size: calc(1rem + 20px);
    color: #32a79e;
}
#top_cms .cms_2-a .cate_box:nth-child(1)  h3.box_title1:before {
    content: '01.';
}
#top_cms .cms_2-a .cate_box:nth-child(2)  h3.box_title1:before {
    content: '02.';
}
#top_cms .cms_2-a .cate_box:nth-child(3)  h3.box_title1:before {
    content: '03.';
}
#top_cms .top_cms_box .cms_4-a .square_img img{
opacity: 1;
    transition: 0.5s;
}
#top_cms .top_cms_box .cms_4-a .square_img:hover img{
opacity: 0.5;
}
#top_cms .more{
    width: 90%;
    max-width: 1280px;
}
#contents::before {
background-color: rgba(58, 58, 58,0.5);
}
#contents .d_flex > div:last-child{
    background: -moz-linear-gradient(-30deg,rgba(0 ,164 ,151,0.55) 30%, rgba(163, 202, 89 ,0.55));
    background: -webkit-linear-gradient( -30deg , rgba(0 ,164 ,151,0.55) 30%, rgba(163, 202, 89 ,0.55));
    background: linear-gradient( 120deg, rgba(0 ,164 ,151,0.55) 30%, rgba(163, 202, 89 ,0.55));
}



/* ----------　下層ページ　---------- */
#cms_1-f .cate_box .date {
    color: #00a497;
}
#cms_6-b .cate_box .box_txt1{
    background-color: #dcdcdc;
    color: #333;
}


/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
header #header {
    background-color: #00a497;
}
header h1 a {
    padding: 15px;
}
header h1 {
    width: 35%;
}
header h1 img {
    max-width: 300px;
}
.menu_bt span {
    background-color: #ffffff;
}
#top_cms .top_cms_box .cms_2-a {
    flex-direction: column;
}
#top_cms .cms_2-a figure.box_img1 {
    width: 100%;
}
#top_cms .top_cms_box .cms_2-a .box_img {
    width: 100%;
}
#top_cms .top_cms_box .cms_2-a .box_img img {
    height: 300px;
}
#top_cms .top_cms_box .cms_2-a .box_wrap {
    width: 100%;
}
#top_cms .cms_2-a .box_item {
    width: 90%!important;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header h1 {
    width: 65%;
}
header h1 a {
    padding: 13px 20px 17px;
}
#main_img #catch h2 span {
    font-size: 22px;
}
#top_cms .cms_1-f .box_wrap {
    flex-direction: column;
}
#top_cms .cms_1-f .cate_box {
    width: 100%!important;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#top_cms .top_cms_box .cms_2-a .box_img img {
    height: 150px;
}
#top_cms .cms_2-a .box_item {
    width: 100%!important;
}
#top_cms .cms_2-a h3.box_title1 {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    letter-spacing: 4px;
}
#top_cms .cms_2-a h3.box_title1:before {
    width: 50px;
    height: 50px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
    letter-spacing: 1px;
}
#contents .logo img{
    width: 250px;
}
footer #footer #footer_txt .logo {
    width: 80%;
}
}