﻿.sub_title span:empty{display:none!important;}

.loading_bg{
  top:0;
  right:0;
  width:10vw;
  height:100%;
  z-index: 999998;
}
.loading_bg2{
  bottom:0;
  left:0;
  width:10vw;
  height:initial;
  z-index: 999998;
}

.top_nav ul li a, .top_nav ul li{color: #25a9dc;}
.navi a,.svg_box,#top_cms .line{display: none}
.main_img_wrap{max-height:initial;min-height:auto;}
.all_page{z-index: 6}

.menu{padding-top: 27px;padding-bottom: 27px;}
.nav .logo img{width: 70%!important;}
#contents{background-color: #ffffff;padding-top: 100px;}
@media screen and (max-width: 1422px){#contents{padding-top: 159px;}}

#contents .box h3::after {
    content: '';
    display: inline-block;
    width: 420px;
    height: 186px;
    background-image: url(../dup/img/item3.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: -97px;
    top: -201px;
}
#contents .box h3.t_cms_txt6::after {
    width: 415px;
    background-image: url(../dup/img/item4.png);
    left: -20px;
    top: -159px;
}
#contents .box h3.t_cms_txt9::after {
    width: 344px;
    background-image: url(../dup/img/item5.png);
    left: -20px;
    top: -159px;
}
.t_cms_img2 .img-container:before{background: #dd6b9e;}

#top_cms{
	background-image: url(./Dup/img/bg1.png);
    background-repeat: no-repeat;
    background-position: right top;
}
#top_cms .top_cms_wrap{position: relative;padding-top: 179px;}
#top_cms .top_cms_wrap::after{
	content: '';
    display: inline-block;
    width: 323px;
    height: 150px;
    background-image: url(../dup/img/item6.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
	right: 0;
	margin: auto;
    top: 0;
}
.top_cms_box .more_box .more:hover div{color: #fff;}
.top_cms_box .more span:after{border-left: 5px solid #fff;}
.top_cms_box .more span:before, .top_cms_box .more_box .more:before{background-color: #fff;}

#footer{position: relative!important}
footer {
    background-image: url(./Dup/img/bg2.png), url(./Dup/img/bg3.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom;
	z-index: 5;
}
.sns_box {
    background-color: white;
    z-index: 1;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.main_img_wrap{height: auto}
.main_wrap{margin-top: 50vh;}
#contents .box h3::after{width: 302px;left: -15px;top: -166px;background-image: url(../dup/img/item3r.png);}
#contents .box h3.t_cms_txt6::after {width: 343px;top: -136px;}
#contents .box h3.t_cms_txt9::after {width: 273px;left: -15px;top: -139px;}
#top_cms .top_cms_wrap{padding-top: 129px;}
#top_cms .top_cms_wrap::after{width: 259px;}
.loading_bg,.loading_bg2{width:15vw;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.main_wrap{margin-top: 30vh;}
#video{height: 30vh;}
#contents{padding-top: 130px;}
#contents .box h3::after{left: -62px;right: 0;top: -147px;margin: auto;width: 264px;}
#contents .box:nth-child(3) .txt_wrap{margin-top: 128px;}
#contents .box h3.t_cms_txt6::after {width: 325px;top: -123px;}
#contents .t_cms_txt8{margin-top: 100px;}
#contents .box h3.t_cms_txt9::after{width: 253px;top: -125px;left: -69px;}
#top_cms{background-size: 25%}
#top_cms .top_cms_wrap{padding-top: 107px;padding-bottom: 32px;}
#top_cms .top_cms_wrap::after{width: 226px;left: -99px;top: 6px;}
footer{background-size: 34%;}
.loading_bg,.loading_bg2{width:20vw;}
}



