header {
    z-index: 100;
    overflow: hidden;
    background-image: url(./Dup/img/head_back.jpg);
    background-size: cover;
}

.border_color2 {
    border-color: #dfdfdf;
}

.bg_color4 {
    background-color: #efefef;
}

.bg_color3 {
    background-color: #c8c8c8;
}

header:before{
        content: "";
        display: block;
        width: 125%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: white;
        -webkit-transform: translate(-50% , -50%) skewX(-10deg);
        transform: translate(-50% , -50%) skewX(-25deg);
        pointer-events: none;
        z-index: 1;
}

header:after{
    content: "";
    display: block;
    width: 117%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-left: 7px solid white;
    border-right: 7px solid white;
    -webkit-transform: translate(-50% , -50%) skewX(345deg);
    transform: translate(-50% , -50%) skewX(345deg);
    pointer-events: none;
    background-color: #57cb9e;
}

.head_box{
    z-index: 2;
    position: relative;
}

.bg_color1 {
    background-color: #01b26e;
}

.border_color3 {
    border-color: #efefef;
}


.more a{
    transform: skewX(-17deg);
}

.contact_bt, .tel_bt{
        transform: skewX(-10deg);
}

.button:hover:after {
    box-shadow: inset 0 0 0 15em rgb(0, 178, 110);
}

#main_img{
    position: relative;
        max-height: none;
    min-height: unset;
}

#main_img:before{
    content: "";
    display: block;
    width: 95%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.txt_color1 {
    /*color: #00b26e;*/
    color: #0062a9;
}

.scroll_bt{
    display: none;
}

#attach:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/back.png);
    background-position: center left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
    z-index: 1;
}

.ore{
    background-image: url(./Dup/img/con_back.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}

#contents_box h2, #contents_box h3, h2, .cate_title{
    font-weight: bold;
}

.cms_title::before {
    background-color: #919191;
}

.txt_color3 {
    color: #00b26e;
}

.footer_cms{
        color: #484848;
}

footer{
    position: relative;
}

footer:before{
    content: "";
    display: block;
    width: 100%;
    height: 700px;
    position: absolute;
    top: 70%;
    left: 50%;
    background-image: url(./Dup/img/foot_back.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

#main_menu ul li a {
    color: #484848;
}

.border_color1 {
    border-color: #c8c8c8;
}

#page_title .page_box:before {
    background-color: #cfcfcf;
}

.txt_shadow-b {
    text-shadow: none;
}

.cate_list li{
        transform: skewX(-10deg);
}

#main_menu ul li a {
    color: #6e6e6e;
    font-weight: bold;
}

#contents3 div .grid_6:first-child{
    margin-top:-40px;
}


.flex_box{
    overflow: hidden;
}

footer{
    max-width: 100% !important;
}

.contact_bt:hover a, .tel_bt:hover a{
    border-color:white;
}

.linkStyle{color: #00b26e;}


/*-------20211220 correct start---------*/

#page_title .title_img::before {
    content: none;
}

/*-------20211220 correct end---------*/

@media all and (-ms-high-contrast: none){
  .button::after {
    height: 60em;
}

#contact_tel a{
    padding-bottom: 20px;
}

}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#contents3 div .grid_6:first-child{
    margin-top:0px;
}

header:before {
    width: 94%;
    top: 50%;
    left: 53%;
}

header {
    overflow: visible;
}

header:before{
        content: none;
}

header:after{
    content: none;
}

header {
    background-image: url(./Dup/img/tb_back_l.png), url(./Dup/img/tb_back_r.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left, bottom right;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

}