﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap');
body {
	font-family: heisei-mincho-std, serif!important;
}
body, .txt_color_nomal, #f_menu ul li a {
    color: #212121!important;
}
#wrap {
position: relative;
	background: url(Dup/img/bg_con.png);
    background-size: 144px;
}
.page1 .header{
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;right: 0;margin: auto;
	z-index: 100;max-width: inherit;
}
.page1 #main_menu {
	position: absolute;
	top: 0;
	width: 100%;
}
.page1 #main_menu ul {
	position: absolute;
	top: 130px;
	left: 0;right: 0;margin: auto;
}
.header .grid_3 p, .header .grid_3 div a {
	color: #000;
}
#main_menu ul li a p {
	color: #000;
}
#main_menu.fixed ul li a p{
	color: #fff;
}
#main_menu.fixed {
	position: fixed;
}
.page1 #main_menu.fixed ul {
	position: static;
}
.button_container span, .button_container.active .top, .button_container.active .middle, .button_container.active .bottom {
   background: #212121!important;
	box-shadow: none;
}
#page-top a {
	background-color: #212121;
}
#aisatsu > div {
	position: relative;background: rgba(0, 0, 0,0.37);
}
.page_title {
	background: rgba(0, 0, 0,0.37);
}
#aisatsu > div::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 80px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #fff;
	opacity: 0.8;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
	display: none;
}
/*------メールアイコン-------*/
.header .grid_3 a:first-child, .foot_tel_bt a:first-child {
	display: none;
}

#main_menu.fixed {
	background-color: rgba(66,66,66,0.64)!important;
/*background-image: url("Dup/img/bg.png")!important*/;
}
#info_map, .overlay {
	background-color: #fff!important;
background-image: url("Dup/img/bg.png")!important;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
	background-color: #fff;
}
#aisatsu h2, #aisatsu p {
	color: #fff;
}
#main_img2 .page_title h2, .page_title span {
	background-color: rgba(0,0,0,0);
	color: #fff;
}

.contents_box {
    box-shadow: 10px 10px 0 #dedede;
}
.contents_box:before, .contents_box:after, .contents_box2:before, .contents_box2:after, .contents_box2:before, .contents_box2:after {
	display: none;
}
#logo img {
width: 116px;
}
@media(max-width: 768px) {
#logo img {
width: 95px;
}
}
/*------------ロゴが左にくっつくので余白つける--------------*/
@media(max-width: 677px) {
	header {
		padding-top: 15px;
	}
#logo {
	margin-left: 30px!important;
}
	#logo img {
		width: 78px;
	}
	.button_container {
		top: 27px;
	}
	#main_img2 {
		margin-top: 20px;
	}
	#page10 li {
	padding: 10px 0px
}
}
/* ------------------------------------------------------- */

.cate_list li a { 
border-radius: 5px;
}
.cate_list li a:hover { 
	background-color: #ABABAB;
	color: #fff;opacity: 1;
}
.cms_title {
	background: url(Dup/img/head.svg) no-repeat;
    background-size: 215px auto;
    background-position: 50% 67%;
}
#cms_2-c .cate_title, #cms_2-c .box_item .box_txt1, .cms_2-c .box_item .box_txt1, #cms_2-a .cate_title, #top_cms .cms_title h2 {
	font-family: 'Noto Serif JP', serif;font-weight: bold;
}
#cms_2-c .cate_title, #cms_2-a .cate_title {
	text-align: center;
}
#cms_2-c figure{
	margin: 30 auto 30px;
}
#cms_2-a figure {
	margin: 0 auto 40px;
}
#cms_2-a h4.box_title1 {
	border-bottom: 1px dashed;
    padding-bottom: 9px;
    margin-bottom: 17px;
}
#cms_2-a .sub_cate_title {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #dcdcdc;
	border-top: none;
}
#cms_2-a .sub_cate_title:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 10%;
  height: 4px;
  background-color: #f9d2e1;
}
#cms_2-a .cate_title {
	background-color: #efefef;
    padding: 11px 0 10px 16px;
    color: #676767;
	border: none;display: block;
}
#cms_2-c .cate_title {
	padding-bottom: 5px;
}
#cms_2-a .cate_box {
	margin-top: 0;
}
#cms_2-a .cate_txt1 {

	padding-bottom: 10px;
}
#cms_2-c .cate_box + .cate_box, .cms_2-c .cate_box + .cate_box {
	border-top: 1px solid #d6d6d6;
}
#cms_2-c figure, .cms_2-c figure {
	box-shadow: none;
}
.cms_2-c .box_item {
	border-left: none;
}
#cms_2-c .box_txt1 {
	color: #212121;
}
#cms_5-a .cate_box, .cms_5-a .cate_box {
	border-left: none;
	padding: 15px 0;
	margin-bottom: 0;
}
.cms_5-a .cate_box {
	text-align: left;
}
.cms_5-a h4, #cms_5-a h4 {
	color: #909090;font-weight: bold;
}
#cms_5-a .cate_box + .cate_box, .cms_5-a .cate_box + .cate_box {
	border-top: 1px solid #d2d2d2;
}
#page10 li a {
    padding-right: 0;
    padding-left: 0;
}

/*-------------IE-------------*/
@media all and (-ms-high-contrast: none) {
	.pager li a, .pager .prev a, .pager .next a {
		padding-top: 5px!important;
	}
	.cate_list li a {
		padding-top: 21px;
	}
	#page9 .cate_box p a {
	 padding: 10px 6px 4px!important;
}
	.page_title h2 {
		padding-top: 30px;
	}
.effect.effect-1:hover:before {
    top: -2px;
}
	#cms_2-a .cate .cate_title {
		padding-top: 9px!important;
	}
	#page8 #contact_tel a {
		padding: 26px 5px 20px;
	}
	}


/*------------ページャー-----------*/
@media screen and (max-width: 667px){
	.pager li:not(.prev) {
    display: none;
}	
}





.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%);
}
/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#main_img{
	position: relative;
	height: auto;
	width: 100%;
}
#page1 #main_img {
	margin-top: 232px;
	}
.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;
}

}
