/*--------リンク・フォント--------*/
@font-face {
    font-family: 'hiragino_min';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/hiragino_min_r.woff') format('woff'),
        url('../Dup/img/hiragino_min_r.eot')  format('eot');
    font-display: swap;
}

.linkStyle{color: #333333; text-decoration: underline;}
#wrap.font_14{font-size:16px;}

/*--------全体--------*/
.nav_menu_more:first-of-type a .icon:before{content: "\f879";}
#nav_menu .mg_b-50px h2,#nav_menu .mg_b-50px .nav_menu_more:last-of-type{display:none;}
.add_shadow1{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.add_shadow2{
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.la-angle-left:before {
    content: "\f104";
}
.la-angle-right:before {
    content: "\f105";
}
#pc_nav li a{color:#5e504f;}
header.scr_header{background-color :rgba(138,122,120,0.5)!important;}
header.scr_header #pc_nav li a{color:#fff;}
#main_img .menu .bg_white {background-color: rgba(255, 255, 255, 0);}
#main_img .menu.posi_center {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%,-0%);
}
.back1:before{
    background-image: url(./Dup/img/back2.jpg);
    background-size: cover;
    opacity: 0.8;
    background-repeat: no-repeat;
    background-position: 31% 50%;
}
.back2:before{
    background-image: url(./Dup/img/back2.jpg);
    background-size: cover;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: 80% 50%;
}
#intro_wrap{
    background: linear-gradient(90deg,rgba(255, 255, 255, .2) 0%, #fff 100%);
}
#contents3_wrap:after {
    background-color: rgba(255, 255, 255, .35)!important;
}
#contents3 .con_box {
    background: linear-gradient(90deg,rgba(255, 255, 255, .7) 0%, #fff 100%);
}
#top_cms .d_flex > .top_cms_box{
    width: calc(100% / 2 - 10%);
    padding: 0;
}
#top_cms.back1:before {
    z-index: -1;
}

#top_cms .cms_1-f .box_title1{
     position: relative;
     color:#FFF;
     padding: 5px 15px;
     background-color: #5cc1d3;
     border-radius: 5px;
}
#top_cms .cms_1-f .box_title1:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent #5cc1d3;
    border-width: 14px 15px 0 0;
    bottom: 8px;
    left: -15px;
    margin-top: -10px;
}
#top_cms .cms_1-f .box_txt1{
     position: relative;
    color: #FFF;
    padding: 5px 15px;
    background-color: #a18e8c;
    border-radius: 5px;
    margin-top: 15px;
}
#top_cms .cms_1-f .box_txt1:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent #a18e8c;
    border-width: 15px 0 0px 15px;
    bottom: 8px;
    right: -13px;
    margin-top: -10px;
}

#footer_con .con_box h2{display:none;}
.more_btn{
    background-color: rgba(241, 245, 245, .55);
}

/*--------下層--------*/
#page_title{
    background-image: url(./Dup/img/sub.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#page_title:before {
    background-color: rgba(225, 225, 225, .7)!important;
}
#page_title .page_title_box {
    background-color: rgba(255, 255, 255, 0);
}
.page_title_box h2.txt_white,.page_title_box p.txt_white  {
    color: #705b51;
}
.cate_title{
    display: block;
    padding: 0 20px;
    border-top: 0;
    border-bottom: solid 2px #ccc;
    position: relative;
}
.cate_title::after{
  content: '';
    display: block;
    background: linear-gradient(90deg, #5cc1d3, transparent);
    width: 50%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.cate_txt1{
    display: block;
    padding: 40px;
    border-radius: 5px;
    position: relative;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    background-color: rgba(255, 255, 255, .95);
}
.add_frame1{
    width: 55%;
    margin-left: auto;
    margin-top: -100px;
}

#page6 .box_title1{
     position: relative;
     color:#FFF;
     padding: 5px 15px;
     background-color: #5cc1d3;
     border-radius: 5px;
}
#page6 .box_title1:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent #5cc1d3;
    border-width: 14px 15px 0 0;
    bottom: 8px;
    left: -15px;
    margin-top: -10px;
}
#page6 .box_txt1{
     position: relative;
    color: #FFF;
    padding: 5px 15px;
    background-color: #a18e8c;
    border-radius: 5px;
    margin-top: 15px;
}
#page6 .box_txt1:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent #a18e8c;
    border-width: 15px 0 0px 15px;
    bottom: 8px;
    right: -13px;
    margin-top: -10px;
}
#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 15px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}
@media screen and (max-width: 667px){  
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
#page8 .tel_box:nth-of-type(2) a {
    font-size: 4vw;
}
}


.overlay {
    background: linear-gradient(135deg, rgba(197, 183, 182, .9) , rgba(138, 122, 120, .9) )!important;
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #top_cms .d_flex > .top_cms_box {
    width: 90%;
    }
    #top_cms .cms_2-a .box_img1{
        height: 300px!important;
}
.cms_2-a .swiper-button-prev, .cms_2-a .swiper-button-next {
    top: 70%;
}
.add_frame1 {
    width: 75%;
}
#page6 .con_box{
    padding: 35px 10px 20px 10px;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.pd_25px{padding: 25px;}
header.scr_header #logo {
    max-width: 165px;
}
#top_cms .cms_2-a .box_img1 {
    height: 160px!important;
}
.add_frame1 {
    width: auto;
    margin-left: auto;
    margin-top: 0px;
    padding: 25px;
}
.cate_title {
    padding: 0 5px;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){

#cms_1-f .box_title1,#top_cms .cms_1-f .box_title1{
     padding: 7px 15px 1px;
}
#cms_1-f .box_txt1,#top_cms .cms_1-f .box_txt1{
    padding: 7px 15px 1px;
}

}

/* fix_banner -------------------------------------- */
.fix_banner{
	max-width: 350px;
	position: fixed;
	bottom: 0;
	right: 60px;
	z-index: 10;
	transition: 0.5s;
}
.fix_banner .close_bt {
    position: absolute;
    bottom: 100px;
    right: 335px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    background-color: #fff;
    /* border: solid 2px #ddc21b; */
    z-index: 11;
    cursor: pointer;
    border: 1px solid #333;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before,.fix_banner .close_bt span:after{
	content: "";
	display: block;
	background-color: #221e03;
	height: 4px;
	width: 20px;
	position: absolute;
	top:50%;
	left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close{right: -450px;}
.fix_banner.close2{right: -450px;}
@media  screen and (max-width: 768px){
.fix_banner{max-width: 300px;
    right: 40px;
}
.fix_banner .close_bt {
    bottom: 80px;
    right: 277px;
}
}
@media  screen and (max-width: 667px){
.fix_banner{max-width: 60%;
   right: 20%;}
.fix_banner .close_bt {
    width: 22px;
    height: 22px;
    bottom: 62px;
    right: 94%;
}
.fix_banner .close_bt span {
    width: 22px;
    height: 22px;
}
}
/* fix_banner end -------------------------------------- */