﻿.bg_color1 {background-color: #dca5ad;}
.bg_color2 {background-color: #eae7de;}
.bg_color3 {background-color: #dca5ad;}
.txt_color1 {color: #d497a0;}
.txt_color3 {color: #ada083;}
.border_color1 {border-color: #dca5ad;}
.border_color3 {border-color: #ada083;}
.border_color4 {border-color: #dca5ad;}
.hvr_bg_color2:hover {background-color: #f5f3ef;}
.hvr_txt_color1:hover {color: #333;}
/* ----------　all　---------- */
.linkStyle{
	color:#d497a0;
}
.linkStyle:hover{
	color:#d497a0;
	opacity: 0.7;
	transition: all 0.5s;
}
.back1:before {
    background-color: rgba(220 ,165, 173 ,0.1)!important;
     background-image: url(Dup/img/back.png);
}
.back2:before {
    background-color: rgba(245, 243 ,238)!important;
}
#top_pc_nav li a{
    display: none;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f086";
}
#pc_nav li:nth-child(4){
        max-width: 135px;
}
#overlay .left li:nth-child(5) {
    max-width: 150px;
}
/* ----------　TOP　---------- */
.menu p{
        background-color: transparent;
}
#main_img:before {
    background-color: transparent;
}
#top_cms.back1:before {
    z-index: -1;
   
}
#intro #intro_wrap:before {
content: '';
    width: 250px;
    height: 80px;
    background-image: url(Dup/img/txt1.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    left: -20px;
    top: 30px;
}
#intro #intro_wrap:after {
content: '';
    width: 100px;
    height: 300px;
    background-image: url(Dup/img/txt2.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: -20px;
    top: -30px;
}
#intro #intro_wrap .intro_txt{
    position: relative;
}
#intro #intro_wrap .intro_txt:after {
    content: '';
    width: 150px;
    height: 200px;
    background-image: url(Dup/img/txt3.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: -100px;
    bottom: -100px;
}
#contents1 .con_box h3,#contents2 .con_box h3,#top_cms .cms_title h3{
    position: relative;
}
#contents1 .con_box h3:after,#contents2 .con_box h3:after,#top_cms .cms_title h3:after{
    content: '';
    width: 150px;
    height: 100px;
    background-image: url(Dup/img/dec1.png);
    background-size: contain;
    z-index: -1;
    position: absolute;
    background-repeat: no-repeat;
    left: -50px;
    bottom: -30px;
    -webkit- transform: translateY(-50%);
}
#contents1 .con_box,#contents2 .con_box,#contents3 .con_box{
    position: relative;
}
#contents1 .con_box:after {
    content: '';
    width: 70px;
    height: 100px;
    background-image: url(Dup/img/dec2.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    position: absolute;
    right: -50px;
    bottom: -30px;
}
#contents2 .con_box:after {
    content: '';
    width: 35px;
    height: 60px;
    background-image: url(Dup/img/dec6.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: 20px;
    top: -30px;
}
#contents3 .con_box:before {
    content: '';
    width: 100px;
    height: 100px;
    background-image: url(Dup/img/dec3.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    left: -20px;
    top: 0px;
}
#contents3 .con_box:after {
    content: '';
    width: 70px;
    height: 130px;
    background-image: url(Dup/img/dec4.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

/* ----------　下層ページ　---------- */
.contact_tel {
    background-color: #f9f7f3;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
 #intro #intro_wrap:before {
    width: 220px;
    height: 80px;
    left: -20px;
    top: -30px;
}
#intro #intro_wrap:after {
    width: 80px;
    height: 200px;
    right: -30px;
    top: -80px;
}
#intro #intro_wrap .intro_txt:after {
    width: 120px;
    height: 150px;
    right: -70px;
    bottom: -100px;
} 
#contents1 .con_box h3:after, #contents2 .con_box h3:after{
    display: none;
}
#contents2 .con_box:after {
    width: 35px;
    height: 50px;
    right: -20px;
    top: -50px;
}
#contents3 .con_box:before {
    width: 80px;
    height: 80px;
}
#contents3 .con_box:after {
    width: 50px;
    height: 100px;
    right: -10px;
    bottom: -10px;
}
#top_cms .cms_title h3:after {
    width: 100px;
    height: 90px;
    left: -30px;
    bottom: -50px;
}
#page_title .page_title_box {
    width: 80%;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
    #overlay .left li:nth-child(5) {
    max-width: none;
}
#intro #intro_wrap:before {
    width: 150px;
    height: 50px;
    left: -20px;
    top: -40px;
}
#intro #intro_wrap .intro_txt:after {
    width: 100px;
    height: 100px;
    right: -70px;
    bottom: -80px;
}
#intro #intro_wrap:after{
    display: none;
}
#contents1 .con_box:after {
    width: 50px;
    height: 80px;
    right: -15px;
    bottom: -50px;
}
#contents3 .con_box:before {
    width: 60px;
    height: 60px;
}
#contents3 .con_box:after {
    width: 30px;
    height: 50px;
}
#page_title .page_title_box {
    padding-right: 15px;
    padding-left: 15px;
}   
#page_title .page_title_box h2{
        font-size: 20px;
    letter-spacing: 1px;
}
#page8 .contact_tel a{
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);
}
#page9 .con_box {
    padding: 5% 3% 5% 5%;
}
#page9 .con_box .box h3{
        letter-spacing: 2px;
}
#page9 .con_box .box p{
    letter-spacing: 2px;
}
}