#TEL p:last-of-type{
    width: 100%;
    text-align: center;
}
.fa-envelope:before {
    content: "\f0e0";
    margin-right: 10px;
}
#contact_wrap {
    display: flex;
    justify-content: space-around;
    width: 80%;
    text-align:center;
    margin: auto;
}
#banner{
    max-width: 300px;
    position: relative;
    z-index: 3;
    box-shadow: 2px 2px 5px  #727272;
    margin-top: 20px;
}
#banner a:hover{
    opacity:0.6;
}
#banner a{
    transition:all 0.3s;
}
@media screen and (min-width:769px) and (max-width:1320px){
    .cate_box.border_color2.border_so1-b.grid_3.grid_12_sp.pd_10px.hvr_opa07{
        width:40% !important;
    }
}
#dec3 svg,#dec4 svg{
    stroke-width:1px !important;
}
@media all and (-ms-high-contrast: none){
    .top_cms_box .more_box .more div{
        padding-top:0;
    }
    #page8 #tel_CONTACT p a{
        padding-top:20px;
    }
    .pager li a span{
        padding-top:10px;
    }
    h3.cate_title{
        padding-top:10px !important;
        padding-bottom:5px;
    }
.cate_title.font_8up.font_6up_tb.font_4up_sp.txt_left.txt_center_sp.pd_5px.pd_l-r5per.pd_l-5px_sp.pd_r-5px_sp.mg_b-25px.border_so1-b.border_color1{
    padding-bottom:0px;
    padding-top:10px
}
    #dec1, #dec3, #dec5, #dec7{
        margin-top:0 !important;
        margin-bottom:60px !important;
    }
    #dec2, #dec4, #dec6, #dec8{
         margin-top:0 !important;
        margin-bottom:40px !important;
    }
    
 body,h1,h2,h3{
    font-family: 'Andada Pro',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight:normal;
}
}
.svg_box{
    padding-bottom:40px;
}
#dec13 svg,#dec15 svg{
    width: 100px;
    height: 100px;
}

@media screen and (min-width:769px){
figure.box_img1.img_tool2.square_img.width_80per.mg_b-20px.txt_center_tb.bg_white.mg_center img{
    width:90% !important;
    height:auto !important;
    box-shadow:none !important;
}
.cate img, .cate_box img{
    box-shadow:none !important;
}
}

.overlay {
    background: #fffff6;
}

.hvr_bg_color3:hover {
    background-color: #c2b2be;
}
span.img-container_img.img-container.bg_posi_c-c.bg_repe-no.bg_size-cover.active{
    background-position:20% 30%;
}
div#main_b {
    z-index: 2;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 40vh;
}
div#main_b img{
    width:70vw;
}


div#dec4 svg {
    width: 60px;
}
a.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.border_rad3.bg_color1.txt_white.border_so1.border_color1.shadow-l.motion03s.hvr_txt_color1.hvr_bg_white {
    background: #9b7e93;
}
a.d_inline_b.mg_l-5px.mg_r-5px.pd_t-5px.pd_b-5px.pd_l-10px.pd_r-10px.border_rad3.bg_color1.txt_white.border_so1.border_color1.shadow-l.motion03s.hvr_txt_color1.hvr_bg_white:hover {
  background:#fffff6;
   color: #956187;
}
span.circle.bg_color3.width_20.border_rad50per.posi_abs ,span.arrow.bg_color3.border_color3.posi_abs.border_so1-l{
    display: none;
}
.cate_title.font_8up.font_6up_tb.font_4up_sp.txt_left.txt_center_sp.pd_5px.pd_l-r5per.pd_l-5px_sp.pd_r-5px_sp.mg_b-25px.border_so1-b.border_color1 {
    background: #956187;
    color: white;
}
h3.cate_title.border_so10-l.border_color3.font_8up.font_6up_tab.font_4up_sp.bg_color1.txt_white.pd_10px.mg_b-20px {
    background: #956187;
    border-color: #9b7e93;
}
.other .box figure {
    overflow: hidden;
    opacity: 0.6;
    transition: opacity 0.5s;
}
h3.width_30per.pd_5px.pd_l-20px.font_2dw_tb.txt_color2.width_100per_sp {
    color: #424242;
}
a.d_block.bg_color1.txt_white.pd_20px.pd_20px.motion05s.hvr_bg_color3 {
    background: #9b7e93;
}
a.d_block.bg_color1.txt_white.pd_20px.pd_20px.motion05s.hvr_bg_color3:hover{
    background:#956187;
}
.hvr_bg_color1:hover {
    background-color: #9b7e93;
}
.linkStyle{
    color:#956187;
    transition:all 0.3s;
}
.linkStyle:hover{
    opacity:0.6;
}
.txt_wrap p:last-of-type {
    color:black;
}
.top_cms_box .more_box .more div{
    font-weight:normal;
}
p.opacity08{
    opacity:1;
}
p.font_2up.txt_color3.font_bold.is-show{
    font-weight:normal;
}
.txt_wrap .txt_color3{
    font-size:20px;
}
.logo {
    padding: 10px;
}
#page-top a {
    background: #424242;
    border-radius: 25px;
}
.other .box {
    border: 2px solid #966187;
}
.top_cms_box:before {
    background-color: #966187;
}
.line svg {
    fill: #d4be72;
}
/*
.more:hover .txt_color_nomal{
    color:white;
}
*/
.more .top_cms_box .more span:after {
    border-left: 5px solid #ffffff ;
}
.more .txt_color_nomal{
    transition:all 0.5s;
}
main.all_page.page2.bg_color4 {
    background-color: #fffff6;
}
.menu.bg_white.pd_t-10px.pd_b-20px
.all_page:before {
    content: '';
    display: inline-block;
    width: 85%;
    height: 100%;
    background-color: #fffff6;
    position: absolute;
    z-index: 0;
    right: 0;
}

article#top_cms {
    background-color: rgba(129,110,124,0.4);
}
#top_cms:before {
    content: '';
    display: inline-block;
    width: 85%;
    height: 100%;
    background-color: #fffff6;
    position: absolute;
    z-index: 0;
}
#contents h3{
    font-size:24px;
}
.opacity07 {
    opacity: 1;
}
#dec1, #dec3, #dec5, #dec7 {
    margin-left: 48.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}
#dec2, #dec4, #dec6, #dec8 {
    margin-left: 53.5%;
    margin-top: -30px;
    margin-bottom: 0;
}
div#dec1 {
    margin-left: 46%;
}
div#dec2 {
    margin-left: 51%;
}
svg .st1 {
    fill: #966187 !important;
}
.svg_box svg {
    fill: currentColor;
    width: 90px;
    height: 90px;
    stroke: #fffff6;
    stroke-width: 0.6px;
}
footer .svg_box svg {
    fill: currentColor;
    width: 120px;
    height: 120px;
    stroke: #fffff6;
    stroke-width: 0.6px;
}
.cate_list {
    border-bottom: 2px solid #424242;
}
body,h1,h2,h3{
     font-family: 'Andada Pro',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight:normal;
}


#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 200px;
    z-index: 3;
}
footer {
    background-color: #816e7c;
}


.t_cms_img2 .img-container:before {
    background: #816f7d;
}

.img-container:before {
    background: #816f7d;
}




#contents .box h3:before {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    width: 35px;
    border-bottom: 2px solid;
    color: #ad97a7;
}


#contents .box figure:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 135%;
    height: 300px;
    height: 300px;
    background: #C19497;
    z-index: -1;
   
    border: 0;
    opacity: 0.2;
    color: #C19497;
}

/*------------------------------------------タブレット-------------------------------------*/
@media screen and (min-width:678px) and (max-width:768px){
#MAIL{
    margin-top:50px;
}
#contact_wrap {
    flex-direction:column;
    width:100%;
}
#TEL p:last-of-type,#MAIL p:last-of-type{
    width: 60%;
    text-align: center;
}
.overlay {
    background: #fffff6;
}
.overlay ul li a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

 header .logo {
    width: 10%;
    padding: 10px;
    position: relative;
    margin-right: auto;
    background: white;
}   
div#main_b {
    z-index: 2;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 46vh;
}
div#main_b img {
    width: 90vw;
}
    #contents .box figure:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 135%;
    height: 300px;
    height: 160px;
    background: #C19497;
    z-index: -1;
    border: 0;
    opacity: 0.2;
    color: #C19497;
}
div#dec1 {
    margin-left: 36%;
}
div#dec2 {
    margin-left: 49%;
    margin-top: -60px;
}
div#dec3 {
    margin-top: -29px;
    margin-left: 41%;
}
div#dec4 {
    margin-top: -40px;
}
.cate_list li {
    margin-right: 10px;
    margin-bottom: 15px;
    width: 50%;
    text-align: left;
}
footer .svg_box svg {
    fill: currentColor;
    width: 100px;
    height: 100px;
    stroke: #fffff6;
    stroke-width: 0.6px;
}
}
/*------------------------------------------ここまで-------------------------------------*/

/*------------------------------------------スマホ-------------------------------------*/
@media screen and (max-width:667px){
.overlay {
    background: #fffff6;
}
.overlay ul li a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

 header .logo {
    width: 15%;
    padding: 10px;
    position: relative;
    margin-right: auto;
    background: white;
}   
div#main_b {
    z-index: 2;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 46vh;
}
div#main_b img {
    width: 90vw;
}
    #contents .box figure:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 135%;
    height: 300px;
    height: 160px;
    background: #C19497;
    z-index: -1;
    border: 0;
    opacity: 0.2;
    color: #C19497;
}

.cate_list li {
    margin-right: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
}


div#dec1 {
    margin-left: 31%;
}
div#dec2 {
    margin-left: 49%;
    margin-top: -40px;
}
div#dec3 {
    margin-top: -21px;
    margin-left: 37%;
}
div#dec4 {
    margin-top: -30px;
}
div#dec4 svg {
    width: 50px;
}
.svg_box svg {
    fill: currentColor;
    width: 70px;
    height: 70px;
    stroke: #fffff6;
    stroke-width: 0.6px;
}
#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 100px;
    z-index: 3;
}
footer .svg_box svg {
    fill: currentColor;
    width: 80px;
    height: 80px;
    stroke: #fffff6;
    stroke-width: 0.6px;
}
.img-container:before {
    background: #956187;
}
#page_title .img-container::after {
    background-color: rgba(155,126,147,0.2);
}
footer .svg_box {
    left: 20vw;
}
#MAIL{
    margin-top:50px;
}
#contact_wrap {
    flex-direction:column;
    width:100%;
}
#TEL p:last-of-type,#MAIL p:last-of-type{
    width: 100%;
    text-align: center;
}
}
/*------------------------------------------ここまで-------------------------------------*/