/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
.fa-calendar-check-o:before {content: "\f274";}

body{font-size:16px;}
#wrap{position:relative;}
#wrap:before{
    content: " ";
    position: fixed;
    display: inline-block;
    width: 100vw;
    height: 100%;
    background: url(./Dup/img/back.jpg) no-repeat;
    background-size: cover;
    left: 0px;
    top: 0px;
    opacity: 0.85;
    z-index: -10;
  }
#sns li.width_20 {width: 1.8%;}  
#header div div {
    letter-spacing: 1px;
    font-size: 0.95em;
    font-weight: bold;
}
#header div div:nth-of-type(3) a{
    padding:10px 0px 10px 10px;
}
#header.headfix,#header.headfix .header_wrap, #header.headfix .header_logo {height: 110px;}
#header.headfix .header_logo{padding-top: 0px;}
#header.headfix .header_logo #logo{padding-top: 10px;}
#header.headfix .header_logo .pd_b-40px {padding-bottom: 25px;}
#header.headfix #logo img{width: 50%!important;}


#main_img .box_img {
    max-height: 870px;
    margin-top: -125px;
}

#contents234 figure{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.more a{background-color: rgba(52, 146, 208, .15);}

#add_ban{
    position: fixed;
    width: 14%;
    top: 120px;
    right: 21px;
    opacity: 0;
    transition: 0.3s;
}
@media screen and (max-width: 1280px){
    #add_ban{
    width: 20%;
}
}
#add_ban.sc{
    opacity: 1;
    transition: 0.3s;
    z-index: +1;
}


/*--------下層--------*/
.cate_title{
  border-bottom: solid 2px #afdef5;
  position: relative;
}
.cate_title::after{
  content: '';
  display: block;
  background: linear-gradient(90deg, #2c76ba, transparent);
  width: 30%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
/*.youtube_wrap{    margin: 0 auto 1em;}*/
.youtube_box{
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
}
.youtube_box iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cms_3-a .cate{
    background-color: rgba(218, 245, 254, .4);
    padding: 20px;
    border-radius: 15px;
}
.page07{z-index:-1;}
.page07 #map{
    position: relative; 
     z-index: 10;
}
#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;    
}
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #sns li.width_20 {
    width: 5%;
}
#header.headfix .header_logo {
    padding-top: 10px;
}
    #main_img .box_img {
    max-height: 700px;
    margin-top: 0;
}
    #add_ban {
    width: 30%;
    }
    #add_ban.sc{
    z-index: +1;
}
    #contents234{    justify-content: center;}
    footer ul li{letter-spacing:1px;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #sns li.width_20 {
    width: 7.5%;
}
#header.headfix, #header.headfix .header_wrap, #header.headfix .header_logo {
    height: 80px;
}
#header.headfix .header_logo #logo {
    padding-top: 0px;
}
#header.headfix #logo img {
    width: auto!important;
    height: 60px!important;
}
#cms_3-a .cate {
    padding: 20px 15px;
}
#cms_3-a .cate_box p {
font-size: 3.8vw;
}
#add_ban {
    width: 100%;
    display: flex;
    right: auto;
    left: 0;
    top: auto;
    bottom: 0px;
}
#add_ban.sc {
    z-index: 10;
}
#pagetop {
    bottom: 52px;
}
#copyright{padding-bottom: 65px;}
.cms_6-c .cate_box{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.page07 {
    z-index: 0;
}
}


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

.headfix#header .header_logo #logo{padding-top:30px;}
#header.headfix .header_logo .pd_b-40px {padding-bottom: 0px;}
.cms_1-a figure img{width:100%!important;height:auto!important;}
}