@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #c3a35e} /* メインカラー */
.txt_color2{color: #dec5f9} /* サブカラー */
.txt_color3{color: #fdb927} /* アクセントカラー1 */
.txt_color4{color: #ffdfa6} /* アクセントカラー2 */
.txt_color5{color: #eb0808}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #c3a35e} /* メインカラー */
.bg_color2{background-color: #dec5f9} /* サブカラー */
.bg_color3{background-color: #fdb927} /* アクセントカラー1 */
.bg_color4{background-color: #ffdfa6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #c3a35e}
.border_color2{border-color: #dec5f9}
.border_color3{border-color: #fdb927}
.border_color4{border-color: #ffdfa6}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #c3a35e} /* メインカラー */
.hvr_txt_color2:hover{color: #dec5f9} /* サブカラー */
.hvr_txt_color3:hover{color: #fdb927} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffdfa6} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #c3a35e} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dec5f9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #fdb927} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffdfa6} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #c3a35e}
.hvr_border_color2:hover{border-color: #dec5f9}
.hvr_border_color3:hover{border-color: #fdb927}
.hvr_border_color4:hover{border-color: #ffdfa6}


header{
    background-image: url(dup/img/haikei1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


#contents1{
    background-image: url(dup/img/haikei1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

main{
    background-color: #080a22;
}


/* ---------- loopSlider ---------- */
#topcms_gallery_type1 .loopSliderWrap{
    top: 0;
    left: 0;
    height: 450px;
}
#topcms_gallery_type1 .loopSlider {
    margin: 0 auto;
    height: 450px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul {
    height:450px;
    float: left;
    overflow: hidden;
}
#topcms_gallery_type1 .loopSlider .ul .li {
    width: 450px;
    height: 450px;
    float: left;
    display: inline;
    overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 0;
}
#topcms_gallery_type1 .loopSlider .ul .li img{
    border-radius: 0;
}
#topcms_gallery_type1 .loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

/*リンクボタン*/
#topcms_gallery_type1 .btn{z-index: 3;}
#topcms_gallery_type1 .btn a::before {
    content: '';
    position: absolute;
    bottom: 55px;
    right: 27%;
    width: 42%;
    height: 1px;
    background: #333;
    transition: all .3s;
}
#topcms_gallery_type1 .btn a::after {
    content: '';
    position: absolute;
    bottom: 60px;
    right: 27%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: rotate(35deg);
    transition: all .3s;
}
#topcms_gallery_type1 .btn a:hover::before {
    right: 16%;
    background: #fff;
}
#topcms_gallery_type1 .btn a:hover::after {
    right: 15%;
    background: #fff;
}
#topcms_gallery_type1 .btn {
    display: block;
}
#topcms_gallery_type1 .btn a {
    background: #fff;
    color: #212121;
    width: 200px;
    height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    flex-wrap: wrap;
    transition: all 0.4s;
}
#topcms_gallery_type1 .btn a:hover {
    background: #1c1c1c;
    color: #fff;
}
#topcms_gallery_type1 .btn a span, .btn a strong {
    text-align: center;
}
@media(max-width: 768px) {
#topcms_gallery_type1,#topcms_gallery_type1 .loopSliderWrap,#topcms_gallery_type1 .loopSlider,#topcms_gallery_type1 .loopSlider ul,#topcms_gallery_type1 .loopSlider .ul .li{
	height: 280px;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 280px;
}
#topcms_gallery_type1 {
    padding-bottom: 0;
    padding-top: 0;
}
}
@media(max-width: 667px) {
#topcms_gallery_type1,.loopSliderWrap,.loopSlider,.loopSlider .ul,.loopSlider .ul .li{
	height: 179px!important;
}
#topcms_gallery_type1 .loopSlider .ul .li{
    width: 179px;
}
#topcms_gallery_type1 .btn a::after {
    bottom: 35px;
    right: 27%;
}
#topcms_gallery_type1 .btn a::before {
    bottom: 30px;
    right: 27%;
}
#topcms_gallery_type1 .btn a {
    width: 140px;
    height: 140px;
    line-height: 1.7;
}
}

#pc_nav {
    font-weight: bold;
    
}

#pc_nav a{
    
    color: #932f2f;
}

#contents2 .filter{
    background-image: url(dup/img/haikei1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


#contents3 .filter{
    background-image: url(dup/img/haikei1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.filter{
    background-image: url(dup/img/haikei1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.bg_color1 {
    background-color: rgb(173 101 101);
}

.sample{
    vertical-align: bottom;
    width: 16%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 2;
    bottom: -111px;
    right: -9px;
   
}


.sample2{
    vertical-align: bottom;
    width: 16%;
    height: auto;
    position: relative;
    position: absolute;
    background-position:right;
    z-index: 2;
    bottom: -163px;
    right: 1000px;
    margin:10px;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float:left;
}


.sample3{
    vertical-align: bottom;
    width: 16%;
    height: auto;
    position: relative;
    position: absolute;
    background-position:right;
    z-index: 2;
    bottom: 600px;
    right: 800px;
    
}


.sample4{
    vertical-align: bottom;
    width: 29%;
    height: auto;
    position: relative;
    position: absolute;
    background-position:right;
    z-index: 3;
   bottom:249px;
    right: 10px;
   
}




.sample5{
    vertical-align: bottom;
    width: 29%;
    height: auto;
    position: relative;
    position: absolute;
    background-position:right;
    z-index: 2;
   bottom: 257px;
    right: 16px;
    margin:10px;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float:left;
}


/*#contents3{
    background-image: url(dup/img/back.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}*/

.bg_color1 {
    background-color: #0f0d44;
}

.con1_right p {
    font-weight: bold;
}


body, .txt_color_nomal {
    color: white;
}


#contents2 {
    background-color: #547057;
}

#contents2 .con2_wrap{
	background-image: url('./Dup/img/back1.png');
	background-size: 400px;
	background-position: top 0 left 0;
	background-repeat: repeat;
	animation: bgloop 20s cubic-bezier(0.46, -0.22, 0.33, 1.27) infinite;}
@keyframes bgloop {
	0% {background-position: top 0 left 0;}
	100% {background-position: top -400px left 400px;}
}


.anim_type1 {animation: type1 3s infinite ease-in-out alternate;}
@keyframes anim_type1 {
	0% {transform:translate(0, 0) rotate(-7deg);}
	50% {transform:translate(0, -7px) rotate(0deg);}
	100% {transform:translate(0, 0) rotate(7deg);}
}

@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}


.con2_wrap .con2_left  {
    color: #333333;
}

.con1_right {
    color: #723030;
}


#footer .footer_bottom {
    background-color: #333333;
}


@media screen and (max-width: 667px){
.footer_txt {
    color: #333333;
}}


.info_title span{
    background-color: #fbfbfb;
}

#page07 p{
    color: #222;
}

#page09 .privacy_top {
    background-color: #c3a35e;
}

@media screen and (max-width: 667px){
.sample4 {
   vertical-align: bottom;
    width: 67%;
    height: auto;
    position: relative;
    position: absolute;
    background-position: right;
    z-index: 3;
    bottom: 141px;
    right: -44px;
}
    
    
    
    
    
.sample5 {
    vertical-align: bottom;
    width: 55%;
    height: auto;
    position: relative;
    position: absolute;
    background-position: right;
    z-index: 2;
    bottom: 167px;
    right: -22px;
    margin: 10px;
    -moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin: center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float: left;
}
}

#logo img{
    width: 100%;
    max-width: 200px;
}

.footer_nav {
    padding-top: 5px;
}

#foot_banner{
    font-size: 16px;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
    max-width: 302px;
    z-index: 2;
    bottom: 9px;
    right: 64px;
}

#page_title2{background-color:white;}

#page_title2 p{
    color: #333;
    font-weight: bold;
}

#page_title2 h3{
    color: #333;
    font-weight: bold;
    font-size: 20px;
}
.grid_9 br{
    color: #fb0909!important;
}

.tel_bt {
    background-color: white;
}

.tel_bt p {
   color: #eb0808;
   padding: 0%;
   font-weight: bold;
}

#page07 #page_title2 h3{
   color: #222;
   padding: 2%;
   font-weight: bold;
       text-align: center;
}

#page07 #page_title2 p{
   color: #eb0808;
   padding: 2%;
   font-weight: bold;
   font-size: 20px;
       text-align: center;
}

.tel_box a{
    background-color: white;
}

header .menu_stick {
    width: 80px;
    height: 80px;
    z-index: 12;
    top: 0;
    right: 44px;
    cursor: pointer;
    box-sizing: border-box;
}


#page_title2 h3{
    padding-left: 600px;
}

#page_title2 p{
    padding-left: 600px;
}


#page_title3{background-color:white;}

#page_title3 p{
    color: #333;
    font-weight: bold;
}

#page_title3 h3{
    color: #333;
    font-weight: bold;
    font-size: 20px;
}




.tel_box a{
font-size: 15px;
    padding: 30px;
}

#page_title4{
font-size: 19px;
padding: 0px;
    
}

#page_title4{background-color:white;}

#page_title4 p{
    color: #333;
    font-weight: bold;
}

#page_title4 h3{
    color: #333;
    font-weight: bold;
    font-size: 20px;
}