/*--------リンク--------*/
.linkStyle{color: #333333;}

/*--------全体--------*/
@media screen and (min-width: 769px){
body{overflow: visible hidden;}
#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 70%!important;
	max-width: 400px!important;
    animation-name: loader;
    animation-duration: 5s;
    animation-timing-function: ease;
}
}
@keyframes loader{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

#logo{width: 45%!important;}
.header_right .tel{display: none;}
header #header .header_right div p {width: 100%;}
header #header .header_right div p i{display: none;}
#video video{width: 82.5%!important;}

#main_img .log{
    background-color: #cc0033;
    color: #fff;
    z-index: 5;
    width: 17.5%;
    padding: 3% 0px 3%;
    box-sizing: border-box;
}
@media screen and (min-width:769px) and (max-width:1267px) {
#main_img .log .cms_title{margin-bottom: 8%;}
#main_img .log .pd_10px {padding: 3%;}
}

.log .date{color: #fff;}
.log .cms_title h2{    font-size: 2.3vw;}
#topnews .more {
    color: #fff;
	padding: 0.1em 0.3em;
    margin: 0em 1.5em;
	position: relative;
	display: inline-block;
	transition: .3s;
}
#topnews .more::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;
}
#topnews{position:absolute;right:-1000px;top:0px;}
#topnews .more:hover::after {width: 100%;}
#topnews .width_30per { width: 100%!important;}
#topnews .width_70per { width: 100%!important;}


#cms_3-d .box_title{    font-size: calc(1rem + 3px);}
#cms_3-d .box_item{border-bottom: 3px solid #cc0033;}
#cms_3-a #cate1 .box_wrap h4{width: 35%!important;}
#cms_3-a #cate1 .box_wrap p{width: 65%!important;}
#page8 .far {font-size: 25px; margin-right: 10px;}
.cms_1-c .cate_box {
    position: relative;
    z-index: 1; 
}
.cms_1-c .cate_box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}


@media screen and (min-width:769px) and (max-width:882px) {
.log .date{font-size: 1.7vw;}
.log .box_title1{font-size: 1.7vw;}
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
#fakeloader .fl { 
margin: 5vh auto 0;
transform: translateY(-50%)!important;
max-width: 300px!important;
    animation-name: loader;
    animation-duration: 5s;
    animation-timing-function: ease;
}
#video video { width: 100%!important;}
#top_cms .top_cms_box:first-of-type{display:none;}
#cms_3-a #cate0 .cate_box h4,#cms_3-a #cate0 .cate_box p{width: 100%!important;}
}



/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#logo { width: 100%!important;}
#logo h1{padding-left: 0px; padding-right: 0px;}
#logo h1 img{width:100%!important;}
#info figure{    width: 70%!important;}
#page_title .page9_pt{ font-size: 7.2vw;}
}

/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#top_cms .eff-4 {    height: 55px;}
#page8 .d_flex p a{padding:23px 20px 20px 20px;}
}


/* fix_banner -------------------------------------- */
.fix_banner{
	max-width: 399px;
	position: fixed;
	bottom: 10px;
	right: 70px;
	z-index: 10;
	transition: 0.5s;
}
.fix_banner .close_bt {
    position: absolute;
    bottom: 95px;
    right: 376px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    background-color: #fff;
    /* border: solid 2px #ddc21b; */
    z-index: 11;
    cursor: pointer;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before,.fix_banner .close_bt span:after{
	content: "";
	display: block;
	background-color: #221e03;
	height: 4px;
	width: 20px;
	position: absolute;
	top:50%;
	left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close{right: -450px;}
.fix_banner.close2{right: -450px;}
@media  screen and (max-width: 768px){
.fix_banner{max-width: 300px;}
.fix_banner .close_bt {
    bottom: 75px;
    right: 277px;
}
}
@media  screen and (max-width: 667px){
.fix_banner{max-width: 48%;}
.fix_banner .close_bt {
    width: 22px;
    height: 22px;
    bottom: 52px;
    right: 90%;
}
.fix_banner .close_bt span {
    width: 22px;
    height: 22px;
}
}
/* fix_banner end -------------------------------------- */
/* 2023/2/2 -------------------------------------- */
.catch {
    z-index: 2;
}