﻿

body {
background-color: #080000;
color: #fff;
}

.txt_color_nomal {
    color: #fff;
}

.bg_color1{background-color: #000;} /* メインカラー */

.tel span{
color:white;
}

.tel i{
color:#e7001d;
}

.contact span{
color:white;
}

.contact i{
color:#e7001d;
}

.border_color1 {
    border-color: #e7001d;
}

.txt_color1 {
    color: #fff;
}

.is-show {
    background-color: rgba(0,0,0,0.75);
}


.drawer-hamburger-icon.bg_color1{
background-color:white;
}

.drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    background-color: rgb(255, 255, 255) !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-menu li a{
color:black;
}

.drawer-menu li{
border-bottom:black 1px solid;
}

.all_header {
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.top_cms_box .cate_box{
color:white;
}

.bg_white {
    background-color: black;
}

.border_color4 {
    border-color: #fff;
}

#contents{
background-image: url(./Dup/img/back.png);
}

#contents .back_color2:before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
   right: 0;
    background-image: url(./Dup/img/back.png);
    background-repeat: no-repeat;
    background-position: right;
}

.txt_color3 {
    color: #fff;
}

#cms_6-c .cate_box{
    border: white 1px solid;
    border-radius: 0;
}

#cms_6-c .circle, #cms_6-c .arrow {
  display:none;
}

#video{
height:100vh;
}


.all main {
    padding-top: 88px;
}

#page8 #form_box #form_bt div input {
    border: 1px solid white;
}

#page9 p a{
border: solid 1px white;
}

header nav ul{
height:130px;
}

#intro {
    margin-bottom: 0;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#video {
    height: 50vh;
}

.contents_box_wrap{
    margin-left: 0%;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#video {
    height: 40vh;
}

#intro {
    margin-top: -20px;
}

.all_header #logo {
    width: 120px !important;
}

.banner{
margin-bottom:50px;
}

#contents .back_color2:before {
    position: absolute;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/back.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.all_header .hrader_info{
margin-right:0;
}

}