.t_box{
    position: absolute;
    inset: 0px;
    z-index: -1;
}

.bg_color1 {background-color: #53908c;}
.bg_color2 {
    background-color: #e4dacc;
    background-color: #c6dcdb;
}
.bg_color3 {background-color: #53908c;}
.border_color1 {border-color: #53908c;}
.border_color2 {border-color: #e4dacc;}
.border_color3 {border-color: #53908c;}
.border_color4 {border-color: #e4dacc;}
.txt_color1 {color: #53908c;}
.txt_color2 {color: #53908c;}
.txt_color3 {color: #53908c;}
.hvr_bg_color1:hover {background-color: #ccb28f;}
.hvr_border_color3:hover{border-color: #53908c;}
/* ----------　all　---------- */
.linkStyle{
	color:#53908c;
}
.linkStyle:hover{
	color:#53908c;
	opacity: 0.7;
	transition: all 0.5s;
}

header .trans_logo {
    padding: 20px 30px 30px;
    height: auto;
}
header .trans_logo img{
    max-width: 150px;
}
#logo {
    padding: 50px 10px;
    padding-left: 10%;
}
#logo img{
    max-width: 250px;
}
#logo2 img{
        max-width: 250px;
}
.under_page #logo img{
    width: 250px;
}
.banner_box{
    margin-top: 50px;
}
.banner{
    width: 40%;
    margin: 0 2%;
    max-width: 300px;
}
#logo ,#logo span,header .trans_logo,#logo2,header span.page_title_bg.bg_color1.posi_abs.height100per.grid_4.d_none_tb{
        background-image: url(Dup/img/back.jpg);
}
#top_cms .top_cms_bg,#footer .footer_bottom,.under_page #footer,.main_filter ,#page07 p{
    background-color: #f9f8f2;
}




#main_img{
width: 100%!important;
    height: auto!important;
}
.video_wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}
video {
	min-width: 100%;
	min-height: 100vh;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.top header{
    position: relative;
}
.top #header {
    position: absolute;
    height: 100%;
    left: 0;
z-index: 1;
    background-color: rgba(255, 255, 255 ,0.7);
}
#video {
position: relative;
z-index: -1;
}

#wrap{overflow: hidden;}

/* ----------　下層ページ　---------- */
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before {
    color: #ccb28f;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){

#cms_2-a .cate .cate_title {
    padding-top: 10px!important;
}

#cms_3-b .cate_title {
    padding-top: 10px!important;
}
.footer_nav a, #page09 a {
    padding-top: 10px!important;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
header .trans_logo img {
    max-width: 250px;
}
.video_wrap {
	position: static;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-width: 100%;
}
video {   
	min-width: auto;
	min-height: auto;
	width: 100%;
	z-index: 1;
	position: static;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(0%, 0%); 
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%); 
vertical-align: bottom;
}    

}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
.banner {
    width: 80%;
    margin: 0 2% 25px;
    max-width: 300px;
}    
header .trans_logo img {
    max-width: 200px;
}
#logo2{
    padding: 50px 30px;
}

#logo2 img {
    max-width: 200px;
}
#cms_2-a .box_title1,#cms_3-b .box_title1,#cms_5-c .box_title1 ,#cms_6-c .box_title,#page07 h3,#page08 h3{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#cms_3-b .cate_box{
    padding: 15px;
}
}