body{
background-color: #fffdf2;
    color: #803c10;
}

.bg_color4 {
    /*background-color: #ffefe5;*/
    background-color: #f9f9f9;
}

.bg_color1 {
    background-color: #f4b186;
}

.button:hover:after {
    box-shadow: inset 0 0 0 15em rgb(244 177 134);
}

.txt_color4 {
    color: #f4b186;
}


/*--------新テンプル？-------*/

header{
    background-image: url(./Dup/img/test.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:10vh !important;
}

#main_menu{
margin-top:5vh;
}

#main_menu li a{
margin-bottom:2.5vh;
}

#main_menu .contact_bt{
margin-top:5vh;
}


#contents2 figure, #contents3 .grid_6{
position:relative;
}

/*#contents2 figure:before{
      content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30%;
    left: 30%;
    background-image: url(./Dup/img/hana1.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 35%;
    pointer-events: none;
}

#contents3 .grid_6:nth-of-type(1):before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 55%;
    left: 40%;
    background-image: url(./Dup/img/hana2.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 25%;
    pointer-events: none;
    z-index: 2;
}

#contents3 .grid_6:nth-of-type(2):before{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 105%;
    left: 40%;
    background-image: url(./Dup/img/hana3.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 25%;
    pointer-events: none;
    z-index: 1;
}
*/


#contents3 h3{
z-index:3;
position:relative;
}

.letter_2 {
    letter-spacing: 5px;
}

.font_22 {
    font-size: 24px;
    font-weight: bold;
}

.font_20 {
    font-size: 22px;
    font-weight: bold;
}

h3{
letter-spacing: 3px;
}

.letter_4 {
    letter-spacing: 8px;
}
.font_30 {
    font-size: 34px;
    font-weight: bold;
}

#cms_2-c .cate_title{
    color: #f4b186;
}

h3{
font-weight:bold;
}

#page_title p{
color: #f4b186;
    font-weight: bold;
}

.henko #contact_tel a{
    background-color: #f4b286;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    padding: 30px 20px;
    margin: 10px auto;
}

.henko .d_flex p a{
margin:10px;
}

.border_color2 {
    border-color: #b7a79d;
}


#main_img{
position:relative;
}


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

#page_title .title_img:after{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/right.png) , url(./Dup/img/left.png);
    background-position: top right, left bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 20%;
    pointer-events: none;
z-index:3;
}*/


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


.contact_bt a, .tel_bt a, .foot_tel_bt a{
border-radius: 5px;
}

#contetns2 p{
position:relative;
z-index:1;
}

.linkStyle{
    color: #803c10;
}

/*----------20210210 start---------*/

.head_box.width_300-max{
max-width:350px !important;
}

#contents2{
    background-image: url(./Dup/img/bba.png);
    background-repeat: no-repeat;
    background-size: contain;
    /*padding: 20px 40px;*/
max-width:100%;
}


/*----------20210210 end---------*/

/*--------20210222 start---------*/

.pc_box .link_box ul{
    justify-content: flex-start;
    align-items: flex-start;
}

.pc_box .link_box ul li{
margin:5px;
}


/*--------20210222 end---------*/


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

header{
    padding-top:15px !important;
}

#contents3 .grid_6:nth-of-type(2):before {
    top: 80%;
}


#main_img:after {
    background-position: center;
    background-size: 50%;
}


}

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

#contents2 figure:before {
    top: 40%;
}

#page_title h2{
font-size:19px;
}

}