﻿.bg_color3 {
    background-color: #1fe5c8;
}

.bg_color1 {
    background-color: #11c179;
}

#body.bg_color1 {
    background-color: #ffffff;
}

#main_contents #main_menu li a {
    color: #000;
}

body:before {
    background-color: rgba(17, 193, 121, 0.7);
        background: rgb(32,196,133);
    background: linear-gradient(
45deg, rgba(32,196,133,1) 0%, rgba(10,232,205,1) 100%);
}

#main_contents {
    background-color: #efefef;
}

#main_contents:after {
    background-color: #0c8754;
}

#main_contents #main_menu li.active::before {
    background-color: #0c8754;
}
#main_contents #main_menu li::before {
    border: 2px solid #0c8754;
}

#main_contents #main_menu li:after {
    border-bottom: 1px solid #0c8754;
}

#intro:after, #contents:after, #contents_link a:after, #page_title:after {
            background-color: rgba(128, 235, 219, 0.8);
}

#catch{
color:yellow;
}

hgroup p{
    color: #feeb0a;
    font-weight: bold;
}

hgroup h2{
    color: white;
    background-color: #0c8754;
    text-align: center;
}


#contents:after{
    background-color: rgba(221, 232, 243, 0.8);
}

#contents h3 span{
    color: #0d8755;
    border-top: 5px solid #0d8755;
}

#contents .con_box {
    background-color: white;
    border: 7px solid #11c179;
    border-radius: 10px;
}

#contents .con_box p{
color:black;
}

.top_cms_title{
    color: #0c8754;
}

#top_cms .top_cms_title h4 span {
    border-bottom: 3px solid #0c8754;
}

#top_cms .top_cms_title h3 span {
    border-top: 3px solid #0c8754;
}

#contents figure {
    box-shadow: 0 0 10px rgba(0,0,0,0.0);
}

.henko{
background-color:white;
}

#top_cms .more a {
    border: 2px solid #afafaf;
    background-color: #bbbbbb;
}

#top_cms .cms_wrap{
background-color:#efefef;
}

#page07, #page08, #page09, #page10 {
    border-top: 1px solid #fff;
    background-color: white;
    color: black;
}

#page07 .txt_white, #page08 .txt_white, #page09 .txt_white, #page10  .txt_white{
     color: black;
}

#page07 h3 span {
    background-color: white;
}

#page07 .grid_4 h3::after {
    background-color: #cacaca;
}

#page07 .box {
    border-bottom: 2px solid gray;
}

@keyframes loader1{
	0% {transform: rotate(0deg)}
	100% {transform: rotate(0deg)}
}

.font_en {
    font-family: "Yu Gothic Medium", YuGothic, "游ゴシック Medium", "游ゴシック体","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1;
}

.linkStyle{
color:#005bac;
}

#cms_2-c .cate_title {
    text-align: left;
}


/*-----------20201224 start-----------*/

.before, .after{
    display: block;
    z-index: 3;
    position: absolute;
    text-align: center;
    width: 100%;
}

.before{
background-color: #b2cde6;
}

.after{
background-color: #005bac;
    color: white;
}


/*-----------20201224 end-----------*/


/*--------20211018 correct start---------*/

#header{
    padding:15px;
}

#header h1{
    max-width:170px;
}

#intro > div > p{
    color:black;
}

#catch h2 span{
    background-color:#0d8755;
}

#intro .more a {
    border: 2px solid #0d8755;
}

#intro .more a.txt_white{
    color: #0d8755;
}

#intro .more a span{
        background-color: #feeb09;
}

#page_title h3 span{
    color: #0d8755;
}

.txt_color3 {
    color: #11c179;
}

.border_color3 {
    border-color: #11c179;
}

#loader.bg_color1{
        background: rgb(32,196,133);
    background: linear-gradient( 
45deg, rgba(32,196,133,1) 0%, rgba(119, 238, 238,1) 100%);
}

/*--------20211018 correct end---------*/

@media all and (-ms-high-contrast: none){
  hgroup h2 {
    padding-top: 13px;
}

#page_title h2 {
    padding-top: 0px;
}


#main_contents #main_menu li a {
    padding-top: 5px;
}

#page_title h2 span {
    padding-top: 20px;
}

.cate_list a {
    padding-top: 16px;
}

.cate_list a .font_en {
    padding-top: 16px;
}

.before, .after {
    padding-top: 2px;
}


}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.font_50 {
    font-size: 40px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){


.cate_list a {
    padding-left: 48px;
}

#page_title h2 span {
    padding-bottom: 10px;
}

}

