.cms_box{
    background-color: #eaf1ea;
}
span.d_inline_b.pd_5px.bg_color1.txt_white.border_rad3.width_100-min {
    width: 180px;
}
.width_1280-1000.width_max_tb.pd_t-100px.pd_b-100px.pd_l-100px.pd_r-100px.pd_l-20px_tb.pd_r-20px_tb.txt_white.d_flex.flex_top-left{
    margin-top:80px;
}
#page8{
    max-width:1100px;
}
.border_black {
    border-color: #d3c5bb;
}

#cms_4-b .box_txt1,.cms_4-b .box_txt1 {
    padding: 10px;
    text-align: left;
}
#cms_4-b .cate_box,.cms_4-b .cate_box{
    width:80% !important;
    margin:auto;
}
#cms_4-b .box_right,.cms_4-b .box_right {
    padding: 0 20px;
}
#cms_4-b .box_title1,.cms_4-b .box_title1{
    background: #eab9af;
    color: white;
}
#cms_4-b .cate_box,.cms_4-b .cate_box{
    align-items: flex-start;
    margin-bottom: 25px;
    background: #ebeeef;
    background: #fffaf6;
    padding: 30px;
}
.cms_4-b .cate_box {
    box-shadow: 2px 5px 5px #0000002b;
        background: #fffaf6;
}
#cms_4-b figure.box_img1,.cms_4-b figure.box_img1{
    padding-top:50%;
}
#cms_4-b figure.box_img1 img,.cms_4-b figure.box_img1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.sns_link li a.width_20 {
    width: 30px;
}
.cate_title {
    border-width: 1px;
}


.swiper-wrapper{
    border-radius: 0;
}
#page_title::before{
    background: rgb(193 224 234 / 47%);
}

span.txt_left.d_inline_b.empty-hide.pd_b-5px.mg_b-25px.border_so1-b {
    border-color: #9c9c9c;
}

.phone_wrap{
   flex-wrap:nowrap; 
}
.phone_wrap a {
    margin: 10px;
    padding: 10px 30px;
    white-space: nowrap;
}
.phone_wrap a i {
    padding-right: 8px;
}
a.linkStyle {
    color: #db8677;
}
figure.intro_img::after {
    content: "";
    background: url(Dup/img/ha.png) no-repeat;
    position: absolute;
    width: 200px;
    height: 410px;
    left: -120px;
    z-index: 3;
    bottom: -60px;
    background-size: contain;
}

.h_box_mail a{
    background:#deb6ae;
    color: #ffffff;
}
.cms_6-a .cate_wrap{
    background: white;
    border: 1px solid #d3c5bb;
    padding: 40px 30px;
}
.more_btn a{
    border-color: #7f7f7f;
}


.link_top.grid_6.grid_12_tb.pd_l-10px.pd_r-10px.pd_clear_tb.mg_b-10px_tb.txt_center {
    margin-bottom: 20px;
}
.link_type1 .link_top a {
    padding-top: 40px;
    padding-bottom: 40px;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
        color: #4d4d4d;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}

.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

.hvr_bg_color3:hover {
    background-color: #edc1b8;
}
.border_color3 {
    border-color: #f4efe1;
}

.border_color1 {
    border-color: #d3c5bb;
}


.cms_5-c .box_title1::before,.cms_5-c .box_txt1::before,#cms_5-c .box_title1::before,#cms_5-c .box_txt1::before{
    display:none;
}

.Qw{
    padding:5px 5px 5px 70px;
    background-image: url(Dup/img/icon2.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left;
}
.Aw {
    padding-right: 60px;
    background-image: url(Dup/img/icon3.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 5px 70px 5px 5px;
}
p.A {
    margin-left: auto;
    padding-right: 50px;
    position: relative;
    width: 70%;
    background: #bbb7b3;
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
p.A:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(193, 255, 18, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 15px;
    border-right-width: 10px;
    margin-top: -10px;
    border-left-color: #bbb7b3;
    left: 100%;
    top: 55%;
}

h3.Q {
    position: relative;
    width: 60%;
    background: #f4efe1;
    padding: 10px;
    text-align: left;
    color: #4d4d4d;
    font-weight: bold;
    border-radius: 10px;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-color: #b7b7b7ab;
    border:0;
}
h3.Q:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(193, 255, 18, 0);
    border-top-width: 7px;  
  border-bottom-width: 7px;
    border-left-width: 10px;
    border-right-width: 15px;
    margin-top: -10px;
        border-right-color: #f4efe1;
    right: 100%;
    top: 55%;
}



.scrollpage_box .BA_type2 {
    max-width: 1280px;
    margin: auto;
}

.BA_type2 .box_img1_wrap, .BA_type2 .box_img2_wrap {
	width: 48%!important;
	margin: 0 1%;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before {
	position: absolute;
	content: "Before";
	width: 121px;
	background-color: #d3c5bb;
	color: #fff;
	text-align: center;
	display: block;
	left: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 4px 0px;
	box-sizing: border-box;
}
.BA_type2 .box_img2_wrap::before {
    content: "After";
    background-color:#edc1b8;
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{
	width: 76px;
	font-size: 13px;
}
.BA_type2 .box_img1_wrap::before, .BA_type2 .box_img2_wrap::before{padding: 1px 0px;}
}


.modal_wrap figure:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #f7ecea !important;
    left: -40px;
    top: -40px;
    z-index: -1;
}

.modal_txt_wrap{
    background: white;
    padding: 40px;
    margin-left: 50px;
    color: #3c3c3c;
    box-shadow: 2px 2px 11px #9292927a;
}
.modal_wrap .d_flex{
    flex-wrap:nowrap;
}
.modal_wrap figure{
    z-index:2;
    position:relative;
}
.modal_wrap figure img{
object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}
.intro_box span.bg_color1 {
    background-color: #f7ecea !important;
}
.modal_wrap{
    background: url(Dup/img/modal_bg2.png);
        opacity: 1;
}
.modal_bg{
    background: #ffffff8a !important;
}
.contents_no span {
    width: 60px;
    height: 10px;
    transform: rotate(-45deg);
    left: 19px;
    top: -20px;
    bottom: 5px;
    margin: auto;
    border-bottom: 1px solid;
    background: white;
  
}

.contents_no {
    font-family: "游明朝";
    font-style: italic;
    font-size: 50px;
    color: #d3c5bb;
    top: 5px;
    left: -10px;
}
/*
.contents_no {
    font-family: "游明朝";
    font-style: italic;
    font-size: 3.5vw;
    color: #d3d3d363;
    top: -0.5vw;
    left: -30px;
}*/
#main_img .swiper-wrapper::before{
    background-image:none !important;
}
.intro_img a::after {
    background: #e0d9d2 url(Dup/img/span_bg.png) no-repeat;
    z-index: 1 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 130px !important;
    position: absolute;
    content: "";
    width: 100%;
    background-position: 110% 10px;
}
.b_bg{
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
}
.b_bg::before {
    width: 80%;
    height: 95px;
    content: "";
    background: url(Dup/img/private_1.png) no-repeat;
    position: absolute;
    left: 30px;
    bottom: 35px;
    background-size: contain;
}
.b_bg::after {
    width: 220px;
    height: 80px;
    content: "";
    background: url(Dup/img/HUG_1.png) no-repeat;
    position: absolute;
    bottom: 5px;
    right: 11px;
    background-size: contain;
}

.intro_item{
    padding-left:40px;
}

.intro_img a::before {
    border: solid 1px rgb(147 146 146 / 35%);
        z-index: 2;
}
/*
figure.intro_img::after {
    width: 100%;
    height: 120px;
    content: "";
    background: url(Dup/img/private.png) no-repeat;
    position: absolute;
    right: -100px;
    bottom: -35px;
    z-index: 3;
    background-size: contain;
}
*/
.intro_img a span {
    content: "";
    display: block;
    position: absolute;
    top: -7%;
    left: -7%;
    width: 100%;
    height: 100%;
    z-index: -1;
}
figure.intro_img{
    padding-top:0;
    position:relative;
    
}

.intro_img div{
    display:none;
}


span.more_box{
    border-color: #7f7f7f;
}

.c2_box_txt div.d_flex{
    outline: 1px solid #ebeeef;
        outline: 1px solid #eaf1ea;
        outline-offset: -10px;
        position: relative;
}


.c2_box_txt h2 {
    position: relative;
    z-index: 2;
}

div#main_b img {
    width: 340px;
}

#main_b{
    position: absolute;
    top: 9vw;
    z-index: 3;
    width: 100%;
    text-align: center;
}
#main_b p {
    font-size: 28px;
    letter-spacing: 6px;
    color: white;
    margin-bottom: 10px;
}
#main_img .swiper-wrapper::before {
    background-color: #66909e66;
    background-image: radial-gradient(rgba(68, 68, 68, 0.4) 40%, transparent 40%);
    outline: 1px solid white;
    outline-offset: -10px;
}


.intro_box{
   z-index: 2;
}
h1#logo{
    max-width:150px;
}
.bg_color2 {
    background-color: #ebeeef;
    background-color: #eaf1ea;
    
}
.txt_color1 {
    color: #4d4d4d;
}
.bg_color1 {
    background-color: #d3c5bb;
}
.bg_color3 {
    background-color: #edc1b8;
}

.hvr_border_color3:hover {
    border-color:#edc1b8;
}
/*------------------------------------------------------タブレット----------------------------------------------------*/
@media screen and (max-width:768px){
.phone_txt .box{
    flex-wrap:nowrap;
}
    .phone_wrap a {
    width: 70% !important;
}
.phone_wrap{
    flex-direction: column;
}
    #cms_4-b .cate_box, .cms_4-b .cate_box {
    width: 100% !important;
    margin: auto;
    margin-bottom: 30px;
}
    .cms_box .cms_box_bg{
        border-radius:0;
    }
    #main_b{
        top:13vw;
    }
    #main_b p{
        font-size:18px;
    }
    #main_b img{
        max-width:190px;
    }
    #main_b img:last-of-type {
    max-width: 340px;
}
figure.intro_img {
    padding-top: 50px;
}
figure.intro_img::after {
    content: "";
    background: url(Dup/img/ha.png) no-repeat;
    position: absolute;
    width: 170px;
    height: 410px;
    left: -90px;
    z-index: 3;
    bottom: -60px;
    background-size: contain;
}
.b_bg::before {
    width: 80%;
    height: 75px;
    content: "";
    background: url(Dup/img/private_1.png) no-repeat;
    position: absolute;
    left: 30px;
    bottom: 45px;
    background-size: contain;
}
.intro_item{
    padding:0;
}

.c2_box_txt div.d_flex::before,.c2_box_txt.box2 div.d_flex::before{
    width: 70px;
    height: 110px;
}
    .contents_no{
        font-size:34px;
        top: 15px;
    left: -15px;
    }
    .scrollpage_box .BA_type2{
        width:80%;
    }
    .modal_wrap .d_flex {
    flex-wrap: wrap;
}
.modal_wrap figure {
    height: 40vh;
    z-index: 2;
    position: relative;
    width: 80% !important;
    margin: auto;
}
.modal_txt_wrap{
    width: 80% !important;
    margin:auto;
    margin-top:50px;
    
}
#s_content2{
    margin-bottom:0;
}
.width_1280-1000.width_max_tb.pd_t-100px.pd_b-100px.pd_l-100px.pd_r-100px.pd_l-20px_tb.pd_r-20px_tb.txt_white.d_flex.flex_top-left {
    margin-top: 0;
}
}

/*------------------------------------------------------ここまで----------------------------------------------------*/

/*------------------------------------------------------スマホ----------------------------------------------------*/
@media screen and (max-width:667px){
    #cms_4-b .cate_box, .cms_4-b .cate_box{
            flex-direction: column;
    }
  #main_b p {
    font-size: 12px;
    letter-spacing: 2px;
}
div#main_b img {
    width: 130px;
}
#main_b img:last-of-type{
    display:none;
}
.intro_img a::after{
    height:100px;
}
.b_bg::after {
    width: 160px;
    height: 60px;
}
.b_bg::before {
    width: 80%;
    height: 55px;
    content: "";
    background: url(Dup/img/private_1.png) no-repeat;
    position: absolute;
    left: 30px;
    bottom: 40px;
    background-size: contain;
}
.b_bg::before {
    width: 80%;
    height: 55px;
    content: "";
    background: url(Dup/img/private_1.png) no-repeat;
    position: absolute;
    left: 30px;
    bottom: 40px;
    background-size: contain;
}
.contents_no {
    font-size: 24px;
    top: 10px;
    left: -19px;
}
.contents_no span {
    width: 30px;
    height: 5px;
    transform: rotate(-45deg);
    left: 30px;
    top: -9px;
    bottom: 5px;
    margin: auto;
    border-bottom: 1px solid;
    background: white;
}
.c2_box_txt div.d_flex::before, .c2_box_txt.box2 div.d_flex::before {
    width: 40px;
    height: 90px;
}
h3.Q{
    width:90%;
    font-size:14px;
}
p.A{
    width:90%;
}
.intro_img a::after{
    height:100px !important;
}
.c2_box_txt div.d_flex{
    padding-top: 70px;
    padding-bottom: 60px;
}
.c2_box_txt h2{
    margin-bottom:15px;
}
h1#logo {
    max-width: 100px;
}
.phone_wrap{
    flex-direction: column;
}
.phone_wrap a {
    width: 100% !important;
    padding: 10px;
}
.box_left,.box_right{
    width:100% !important;
}
#cms_4-b .box_right, .cms_4-b .box_right {
    padding: 0;
    padding-top: 20px;
}
.modal_txt_wrap{
    padding:20px;
}
.phone_wrap a{
    font-size:14px;
}
.phone_txt .box{
    flex-wrap:wrap;
}
}

/*------------------------------------------------------ここまで----------------------------------------------------*/