﻿.font_12 {
    font-size: 16px;
}

.border_so5-b {
    border-bottom: 1px solid;
}

.bg_color1 {
    background-color: #0b2020;
}

.bg_color3 {
    background-color: #3e4440;
}

#main_img .bg_box {
    opacity: 0;
}

#main_img, header{
    overflow: visible !important;
}

#main_img:before{
content: "";
    display: block;
    width: 180px;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 35px;
    background-color: rgba(0,0,0, 0.8);
     /*-webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    pointer-events: none;
    z-index: 2;
    /*background-image: url(./Dup/img/gori.png);*/
    background-position: 30% 110%;
    background-repeat: no-repeat;
    background-size: 180%;
}

#main_img:after{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 15%;
    right: 0%;
    background-image: url(./Dup/img/gori.png);
     /*-webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    pointer-events: none;
    z-index: 2;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 35%;
}

#top_cms{
    position: relative;
}

/*#top_cms:before{
    position: fixed;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/left.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
}*/

.bene{
        background-image: url(./Dup/img/test.png);
    background-position: center;
    padding: 200px 0;
    background-repeat: no-repeat;
    text-align: center;
    background-size: contain;
    max-width: 1280px;
    margin: auto;
}

#contents1-h{
    margin-bottom: 0;
}

.txt_color1 {
    color: #0b2020;
}

#contents1{
    position: relative;
}

#page_title{
    background-image: url(./Dup/img/gori.png);
    background-repeat: no-repeat;
    background-position: 90% 190%;
    background-size: 300px;
}

.main_contact{
    display: none;
}

.linkStyle{    color: #2a8785;}

.bene h2{
    font-size: 42px;
    color: #c6af7b;
    margin-bottom: 30px;
}

.bene span{
    display: block;
    font-size: 26px;
        margin-bottom: 20px;
}

.bene .naiyo{
        max-width: 860px;
    margin: auto;
    text-align: left;
    margin-top: 30px;
    line-height: 2.4em;
}

#cms_5-f .cate_box .open_bt .box_title1::before, .cms_5-f .cate_box .open_bt .box_title1::before {
    color: #c6af74;
}

p.date{
    color: #12a3a0;
}

/*---20220930 品証 start---*/

#contents2 .con2_box:nth-child(2){
    display: none;
}

#cms_5-f .cate_box .open_bt .arrow:before, #cms_5-f .cate_box .open_bt .arrow:after, .cms_5-f .cate_box .open_bt .arrow:before, .cms_5-f .cate_box .open_bt .arrow:after {
    background-color: #fff;
}

.hvr_bg_color3:hover {
    background-color: #2a8785;
}

.hvr_border_color1:hover {
    border-color: #2a8785;
}

.hvr_bg_color1:hover {
    background-color: #2a8785;
}

.bg_color5 {
    background-color: #2a8785;
}

#top_cms .cms_1-g figure{
    background-color: white;
}

/*---20220930 品証 end---*/

/*--20221024 correct start--*/

.banner2{
    bottom: 0px;
    right: 0;
    text-align: right;
    z-index: 100;
    max-width: 400px;
}


/*--20221024 correct end--*/

/*--20221107 correct start--*/

#main_img .main_txt h3 {
    filter: drop-shadow(2px 2px 4px rgba(0,0,0, 0.6));
}

/*--20221107 correct end--*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#page_title h2 {
    margin-top: 20px;
}

#page_title {
    height: 340px;
}

#page_title {
    background-position: 120% 190%;
}

.bene {
    background-image: url(./Dup/img/test2.png);
    width: 95%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img:before{
content: "";
    display: block;
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 10px;
    background-color: rgba(0,0,0, 0.5);
    /* -webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    pointer-events: none;
    z-index: 2;
    background-image: url(./Dup/img/gori.png);
    background-position: 30% 110%;
    background-repeat: no-repeat;
    background-size: 180%;
}

#main_img:after{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 15%;
    right: 0%;
    background-image: none;
     /*-webkit-transform: translate(-50% , -50%); */
    /* transform: translate(-50% , -50%); */
    pointer-events: none;
    z-index: 2;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 35%;
}

#main_img .main_txt h3 {
    font-size: calc(20px + 4vw);
}

.bene h2 {
    font-size: 38px;
}

.bene {
    background-image: url(./Dup/img/test2.png);
    background-position: center;
    padding: 100px 0;
    background-size: 190%;
    margin: auto;
    width: 90%;
}

#header h1 img {
    width: 120px!important;
}

#page_title {
    background-position: 120% 190%;
    background-size: 55%;
}

#page_title {
    height: 270px;
}

#page_title h2 {
    margin-top: 0px;
}

#page_title h2 {
    font-size: 31px;
    letter-spacing: 2px;
}

#cms_1-g .date_box, #cms_1-g .box_item{
    width: 100% !important;
}

.sp_contact_bt{
    display: none;
}

.banner2 {
    bottom: 0px;
    right: auto;
    left: 50%;
    text-align: right;
    z-index: 100;
    max-width: 400px;
    transform: translate(-50%, -0%);
    width: 70%;
}

}