@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&display=swap');
body{
    font-family:'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
.font1{
    font-family: 'Playfair Display', serif;
}





.linkStyle{
    color:#fff;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}

body{
    overflow:hidden;
}

#wrap {
    background: linear-gradient(90deg, rgb(45 47 67) 1%, rgba(92,94,117,1) 50%, rgb(49 51 72) 100%)!important;
}

.header .grid_3 .font_4dw{
    border-bottom:0!important;
}
.header .grid_3 .pd_5px{
    text-align: left;
    padding-left: 10px;
}
#info_map{
    background:url(./Dup/img/bg.jpg);
    background-size:cover;
    position:relative;
}
#info_map::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    top:0;
    left:0;
    z-index:1;
    pointer-events:none;
}
#info_map .grid_6{
    position:relative;
    z-index:2;
}


/*--top page---------------------------
-------------------------------------*/
/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}



#main_img .catch{
    z-index:3;
}

#video{
    position:relative;
}
#video::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:99.2%;
    background-color:rgba(0,0,0,0.2);
    top:0;
    left:0;
    z-index:2;
    pointer-evnents:none;
}
#top_contents .contents_img{
    width:100%!important;
    max-height: 450px;
    overflow:hidden;
}
#top_contents .contents_img img{
    width: 100%!important;
    height: auto!important;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{
    background-image:none!important;
    /*background-color:#404258!important;*/
    background-color:transparent!important;
    width:100%!important;
}
#contents1 .contents_box2, #contents2 .contents_box2, #contents3 .contents_box2{
    position: relative;
    z-index: 1;
    margin-top: -50px
}
/*top cms*/
#top_cms .cms_box{
    margin-bottom:200px!important;
}
#top_cms .border_white {
    border-right: 0!important;
    border-left: 0!important;
    border-bottom: 0!important;
    padding-bottom: 0;
}
#top_cms .cms_wrap{
    margin-bottom:50px;
}
#top_cms .cms_title{
    position:relative;
}
#top_cms .cms_title::before{
    content:'';
    position:absolute;
    display:block;
    width:30px;
    height:30px;
    background:url(./Dup/img/item1.png) no-repeat;
    background-size:contain;
    left:0;
    right:0;
    margin:auto;
    top:-30px;
}
#top_cms .cms_title h2::before{
    display:none;
}

.cms_2-h .box_wrap {
    box-shadow: none;
}
.cms_2-h .cate_box {
    height: initial;
    min-height: initial;
}
.cms_2-h .box_txt1 {
    color: #fff!important;
}

/*--under page---------------------------
-------------------------------------*/
.cms_wrap .box_txt1 a {
    color: #c99a0c!important;
}

.page_title h2{
    background-color: rgba(64,66,88,0.6);
}

.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .cate_title,
#cms_6-a .cate_title{
    background-color: #af8a1a!important;
}
.flow_type3 .box_title1::before {
    content: "0"counter(box);
    font-size: 70px;
    color: #ebebeb;
    opacity: 0.1;
    left: 0;
    top: -48px;
    z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

#page10 .cate_wrap ul li a span{
    display:block;
}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.header{
    padding-right:10px;
}
#video{
    overflow:hidden;
}
#video::before{
    height:98.6%;
}
#main_img .catch{
    width: 70%;
}

/*下からフェードイン*/
 .fadein {
  opacity: 1;
  transform : none;
}

.cms_2-h .cate_box{
    padding:20px 0!important;
}
.cms_2-h .box_txt2,
.cms_6-a .box_txt2{
    text-align:left;
}
footer .grid_9{
    padding:20px 0;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo{
    margin-right:0!important;
}
#main_img .catch{
    width:80%!important;
}
#aisatsu .item1{
    width:70px;
}
#info_map{
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}
.map iframe {
    height: 400px;
}
.header .grid_3 .pd_5px {
    text-align: center;
    padding-left: 0;
}

.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}