@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');

.width_1000-max {
    max-width: 1280px;
}

body {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
/*font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*font-weight:bold;*/
line-height: 1.8em;
background-color:"f7f7f7;
}

body, .txt_color_nomal {
    color: #000000;
}

.hvr_txt_color3:hover {
    color: #e50012;
}

.bg_color1 {
    background-color: #231815;
}

#fakeloader.bg_color1{
    background-color: #fff;
}

.border_color3 {
    border-color: #e50012;
}

.spinner4 {
    background-color: #fff000;
}

.bg_color3 {
    background-color: #e50012;
}

#page_title h2 span{
border-radius: 4px;
}

footer .bg-mask {
    background: #f7f7f7;
}

canvas {
  background: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
z-index:9999;
pointer-events:none;
}

#contents{
position:relative;
}

/*#contents:after {
    content: "";
    display: block;
    width: 150%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/test3.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 100%;
    pointer-events: none;
    z-index: -1;
    opacity: 0.2;
}*/

.svg_box, .svg_box2{
display:none !important;
}

#main_img{
position:relative;
    max-height: 100%;
}

#main_img:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 49%;
    left: 50%;
    background-image: url(./Dup/img/eye.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
/*background-color: rgba(0,0,0,0.1);*/
}

.txt_color3 {
    color: #e50012;
}

.txt_color1 {
    color: #4d4d4d;
}

h2, h3, .cate_title, #cms_2-c .box_txt1, .cate_list a, .sub_cate_title, #page10 li a{
/*font-family: vdl-linegr,  sans-serif;*/  
/*font-family: 'Noto Sans JP', sans-serif;*/
font-weight: bold;  
font-style: normal; 
line-height: 1.4em;
/*font-family: 'Noto Serif JP', serif;*/
font-family: 'Noto Serif JP', serif;

}

.eye {
     max-width: 140px;
    display: block;
    margin: 0 auto;
margin-bottom:10px;
}

#intro #intro_txt {
        padding-top: 70px;
    margin-top: -10px;
}

#contents .box figure{
position:relative;
}

/*
#contents .box:nth-of-type(1) figure:before{
       position: absolute;
    content: "";
    width: 30%;
    height: 30%;
    top: 10%;
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/01.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

#contents .box:nth-of-type(2) figure:before{
       position: absolute;
    content: "";
    width: 30%;
    height: 30%;
    top: 10%;
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/02.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}

#contents .box:nth-of-type(3) figure:before{
        position: absolute;
    content: "";
    width: 30%;
    height: 30%;
    top: 10%;
    left: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/03.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 0;
}
*/


#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 300px!important;
}

.cate_list a{
    background-color: #efefef;
}

#header h1.logo img{
width:115% !important;
}

.drawer-hamburger-icon.bg_color1{
background-color:black !important;
background-image:none;
}

.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: rgb(0, 0, 0) !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

drawer-nav.bg_color1{
    background-color: #e50012;
}


#intro_txt h2 span{
    line-height: 1.8em;
    font-size: 28px;
}


.font_20 {
    font-size: 26px;
}

.font_18_tb {
    font-size: 22px;
}

.border_color4 {
    border-color: #d4d4d4;
}

#cms_5-b .cate_box .open_bt .box_title1:before {
    color: rgb(229, 0, 18) !important;
}

.linkStyle{
color:red;
}


/*------------20210115 start-------------*/

header {
    background: rgba(255,255,255,0.4);
}

.men{
    max-width: 120px;
    margin-bottom: 15px;
}

#contents .box_wrap .box .d_flex .grid_6:first-child{
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 30px;
}

#cms_3-e .cate{
    padding-top: 100px;
    margin-top: -100px;
}

.d_flex .banner img{
margin-bottom:30px;
}


/*------------20210115 end-------------*/

/*---------20210122 start-------------*/

/*#main_img:before {
    content: none;
}
*/


#intro_txt .width_100-max{
max-width:1300px;
}

#contents.width_1280-max{
max-width:100%;
}

#contents .box:nth-of-type(1) .grid_6.pd_l-r5per.grid_10_sp{
 padding-left:0;
}

#contents .box:nth-of-type(2) .grid_6.pd_l-r5per.grid_10_sp{
    padding-right:0;
}

#contents .box:nth-of-type(3) .grid_6.pd_l-r5per.grid_10_sp{
 padding-left:0;
}

#contents .box .d_flex{
    max-width: 1800px;
}

.font_18_tb {
    font-size: 40px;
}

#contents .box:nth-of-type(2){
margin-left:5%;
}

.men {
    max-width: 200px;
    margin-bottom: 15px;
}

#intro_txt h2 span {
    font-size: 40px;
}

#intro_txt h2 span {
    font-size: 40px;
}

#intro #intro_txt {
    background-image: url(./Dup/img/font1.png);
background-repeat:no-repeat;
background-position:bottom right;
    background-size: 70%;
}

#contents .box:nth-of-type(1) figure:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/font2.png);
  background-size: 70%;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position: bottom left;
    z-index: 0;
}

#contents .box:nth-of-type(2) figure:before{
   position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/font3.png);
  background-size: 55%;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position: bottom left;
    z-index: 0;
}

#contents .box:nth-of-type(3) figure:before{
   position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(./Dup/img/font4.png);
  background-size: 70%;
    background-repeat: no-repeat;
    pointer-events: none;
    background-position: bottom left;
    z-index: 0;
}


/*---------20210122 end-------------*/

/*--------20210204 start----------*/

#main_img:before {
    content: "";
    display: block;
    width: 100%;
    opacity: 0.55;
    height: 100%;
    position: absolute;
    top: 49%;
    left: 50%;
    background-image: url(./Dup/img/eye.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 80%;
    pointer-events: none;
    /* background-color: rgba(0,0,0,0.1); */
}

#intro_txt h2 span {
    font-size: 50px;
}

.eye {
    max-width: 220px;
}

#main_img {
    max-height: 100vh;
}

.hvr_border_color3:hover {
    border-color: #231815;
}

.hvr_bg_color3:hover {
    background-color: #231815;
}

#contents .more a{
background-color: black;
    color: white;
}

#cms_3-e .box_title2, #cms_3-e .box_title1, #cms_3-c .box_title2, #cms_3-c .box_title1{
    font-weight: bold;
   /* background-color: #f3f3f3;*/
    color: #231815;
font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}


/*.box_item{
   background-color: #f3f3f3;
}*/

.hvr_bg_color2:hover {
    background-color: #dedede;
}
.hvr_txt_color1:hover {
    color: #1b1b1b;
}


.txt_color2 {
    color: #f5f5f5;
}

/*--------20210204 end----------*/



@media all and (-ms-high-contrast:none){
/*.cate_list li a {
    padding-top: 14px;
    padding-bottom: 0px;
}*/

#cms_3-e .cate_title {
    padding-top: 16px;
    padding-bottom: 0px;
}

#cms_5-b h3.box_title1{
padding-top:10px;
}

#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    top: 9px;
}

#page_title h2 span {
    padding-top: 15px;
}


}

/*#page_title h2 span{
padding-bottom:8px;
}*/

.henko #contact_tel a{
padding-bottom:20px;
}

}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.box_wrap{
padding-top:40px;
}

.men {
    max-width: 140px;
    margin-bottom: 15px;
}

h3.font_18_tb {
    font-size: 35px;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/*.eye {
    max-width: 53px;
}*/

#main_img{
margin-top:70px;
}

#video .video{
width:104% !important;
}

#intro_txt h2 span {
    font-size: 30px;
}

canvas {
    height: 200%;
}

h3.font_18_tb {
    font-size: 22px;
}

#intro #intro_txt {
    background-size: 100%;
}

.men {
    max-width: 140px;
}

#contents .box:nth-of-type(1) .grid_6.pd_l-r5per.grid_10_sp{
 padding:0;
}

#contents .box:nth-of-type(2) .grid_6.pd_l-r5per.grid_10_sp{
    padding:0;
}

#contents .box:nth-of-type(3) .grid_6.pd_l-r5per.grid_10_sp{
 padding:0;
}



}