/*----------all page------------------------------*/
/*#wrap{background-color:white;}*/
#header{background:linear-gradient(to bottom, rgba(255,255,255,0.5),transparent);}
#header img{height:110%;}
#page_title,#footer .con_img{ background-color: #7b7b7b;}
#footer{text-shadow:none;}
#footer p{color:white;}
header .menu_stick{color:#66c6e2;}
header .menu_stick span{box-shadow:none;}
.fix_bnr{
  bottom:0;
  right:0;
  z-index:2;
}

/*------------top page-----------------------------*/
#contents2 h2,#contents2 p,#contents3 h2,#contents3 p{text-shadow:0 0 5px rgba(255,255,255, 0.4);}
#contents2 .con_box{background: linear-gradient(to right, transparent, rgba(160,212,214,0.5));}
#contents3 .con_box{background: linear-gradient(to left, transparent, rgba(160,212,214,0.5));}
#contents4{text-shadow:none;}
#contents4 p{color:white!important;}
#contents4 .con_bg_img{background-color: darkgrey!important;}
.con_box:first-of-type::before{
    height: 200px;
    width: 184px;
    background-color: transparent;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transform-origin: left bottom;
    left: -50px;
    top: -50px;
    background-image:url(./Dup/img/item1.png);
    background-repeat:no-repeat;
    z-index:1;
}
#contents2 .con_box::before, #contents3 .con_box::before{display:none;}
#top_cms{
  text-shadow:none!important;
  background-color:#fffaf5!important;
}
#top_info .con_box{text-shadow:none!important;}
.more a{
    background-color: rgba(255,224,224,0.3);
    color:#333;
}
.more a::before {
    border-top: 0;
    border-right: 0;
}
.more a::after {
    border-bottom: 0;
    border-left: 0;
}
.more a:hover{
    background-color: rgba(255,224,224,1);
    border: 0;
}
.tel_bt{
  color:#333;
  background-color: rgba(255,255,255,0.2);
}
.tel_bt:hover {
    background-color: rgba(255,255,255,0.4);
    border: solid 1px rgba(255,255,255,0.5);
}


/*----------------under page-------------------------*/
#page_title{background-color: #b5e4e6;}
#page_title .page_title_box { 
  color:#444;
  text-shadow:none;
}
.under_box{background-color:white;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display:none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left:80px;}
.sitemap_box li a{
  color:#333;
  background-color:rgba(218,237,220,0.5);
}
.sitemap_box li a:hover{
  background-color:rgba(218,237,220,0.2);
}


/* ---------- responsive ---------- */
@media screen and (max-width: 1600px){
#pc_nav{display:none;}
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{height:100%!important;}
.con_box:first-of-type::before{
  left: -30px;
  margin: initial;
}
.con_inner_box{
  padding:30px;
  background-color:rgba(255,255,255,0.5);
}
#page_title{
  margin-top:100px;
  background-color: #b5e4e6;
}
#page_title .page_title_box {top: 90px;}
#footer p{padding-right:100px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header .menu_stick {
    top: 44px;}
#header{background:rgba(255,255,255,0.5);}
#header img{max-width:250px;}
#main_img{margin-top:100px;}
#contents1 .con_title{
  padding-left:0;
  padding-right:0;
  font-size:calc(1rem + 5px);
  letter-spacing:1px;
}
#contents2 .con_title{
  font-size:calc(1rem + 5px);
  letter-spacing:3px;  
}
#contents3 .con_title{
  font-size:calc(1rem + 4px);
  letter-spacing:2px;  
}
.con_box:first-of-type::before{display:none;}
#contents1 .con_box{padding-top:50px;}
.con_inner_box{padding:20px;}
#copyright{padding-bottom:70px;}
.caution{letter-spacing:0;}
#footer p{padding-right:20px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.fix_bnr .sp_bnr{padding-bottom:10px;}
.swiper-wrapper, .swiper-slide {
  height: 100%; /* Swiper全体に合わせる */
}
}


/*2024-12-09*/
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.swiper-container{height: 50vh;}}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .swiper-container{height: 40vh;}}
}