﻿/*header*/
#header{
    position: relative;
    right: 8%;
}
#mainwrap .mainwrap-r{
    position: absolute;
}
.head_tel {
    display: none;
    background-color: #fefefe;
}
#con_nav ul{
    background-image: url('./Dup/img/TOPbg.jpg');
}
#con_nav .con_navbar.is-fixed{
    background-image: url('./Dup/img/TOPbg.jpg');
    transition-duration: 0.5s;
}
#sns_link{
    max-width: 100px;
    background-color: rgba(254,254,254,0.5);
    margin-left: 40%;
    padding: 10px 0;
}
#sns_link.d_flex{
    display: block;
}
#sns_link li{
    margin: 0 auto;;
}
@media screen and (max-width: 768px){
    #header{
        right: auto;
    }
    #sns_link{
        position: absolute;
        left: 10px;
        margin-left: 0;
    }
}
@media screen and (max-width: 667px){
    #sns_link{
        top: 250%;
    }
    #sns_link li.width_40{
        width: 25px;
    }
}
/*FV*/
.catch, .triangle01 {
    display: none;
}
.ccCustom{
    z-index: 2;
    top:35%;
    right: 20%;
}
#main_img{
    width: 100%;
    max-height: 880px;
}
@media screen and (max-width: 1440px){
    .ccCustom{
        max-width: 65%;
        top: 35%;
        right: 28%;
    }
}
@media screen and (max-width: 768px){
    .ccCustom{
        width: 100%;
        height: 100%;
        top: auto;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ccCustom img{
        width: 100%;
    }
}
/*TOP*/
main.toppage{
    background-color: #fefefe;
}
.toppage h3.con_title br{
    display: none;
}
@media screen and (max-width: 668px){
    .toppage h3.con_title br{
        display: block;
    }
}
#top_contents3 .con_before{
    content: "";
    background-image: url("./Dup/img/handLine.png");
    width: 100px;
    height: 10px;
    background-color: rgba(0,0,0,0.0);
}
.con3_wrap2 {
    position: relative;
}
.gifani{    
    max-width: 80%;
    z-index: 2;
}
.con1addImgs{
    right: -174px;
    top: -78px;
}
.con1addImgs .add00{
    width: 70%;
}
.con2addImgs{
    bottom: -110px;
    right: 305px;
    width: 590px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    z-index: 2;
}
.con2addImgs .add1,.con2addImgs .add2,.con2addImgs .add3,.con2addImgs .add4,.con2addImgs .add5{
    width: 30%;
    min-width: 177px;
    margin-right: 10px;
}
#top_contents3 figure.mg_b-50px{
    margin-bottom: 125px;
}
.con3addImgs{
    bottom: -50px;
    right: 270px;
    display: flex;
    justify-content: flex-end;
}
.con3addImgs .add6{
    width: 20%;
    margin-right: 40px;
    min-width: 177px;
}
.con3addImgs .add7{
    width: 20%;
    min-width: 177px;
    position: relative;
    top: 50px;
}

.con3addImgs2{
    bottom: -129px;
    left: 296px;
}
.con3addImgs2 .add8{
    width: 55%;
    min-width: 177px;
}
.anim_type1 {animation: type1 3s infinite ease-in-out alternate;}
@keyframes type1 {
	0% {transform:translate(0, 0) rotate(-7deg);}
	50% {transform:translate(0, -7px) rotate(0deg);}
	100% {transform:translate(0, 0) rotate(7deg);}
}

@media screen and (max-width: 768px){
    .con1addImgs,.con2addImgs,.con3addImgs,.con3addImgs2{
        display: none;
    }
    #top_contents3 figure.mg_b-50px {
        margin-bottom: 40px;
    }

}
/*top-cms*/
#top_news{
    background-color: #fefefe;
}
#top_cms .cms_box{
    margin-top: 145px;
    background-image: url('./Dup/img/TOPbg.jpg');
}
@media screen and (max-width: 768px){
    #top_cms .cms_box{
        margin-top: 0;
    }    
}
/*固定リンク*/
.fixbnr{
    right: 40px;
}
.fixbnr a{
    padding-bottom: 100%;
}
.fixbnr span{
    width: 150px;
}
.fixbnr .rotate-anim{
    animation: rotate 10s linear infinite;
}
@keyframes rotate{
    0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}
/*サイトマップ*/
#page10 a span{
    opacity: 0;
}
/*footer*/
.footerNavBox .grid_2{
    width: 30.0%!important;
}
#footer_nav{
    margin: 0 auto;
}
#foot_nav.flex_top-right{
    justify-content: center;   
}
#foot_sns_link{
    margin: 20px 0;
    justify-content: center;
}
.footer_h1.txt_right{
    text-align: center;
}