﻿/*-------------------------------------------------
個別
---------------------------------------------------*/

.catch{
width: 100%;
    height: 100%;
    bottom: -75%;
    right: -100%;
    background: url(Dup/img/catch.png)no-repeat;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-size: 40%;
}
#contents1 .con_box::after,
#contents2 .con_box::after,
#contents3 .con_box::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none;
    width: 10%;
    height: 10%;
    background-repeat: no-repeat;
background-size: contain;
    top: 20px;
    left: 50%;
    z-index: -1;
transform: translate(-50%,0);
}
#contents1 .con_box::after{
background-image: url(Dup/img/dec1.png);
}
#contents2 .con_box::after{background-image: url(Dup/img/dec2.png);}
#contents3 .con_box::after{background-image: url(Dup/img/dec3.png);}
#wrap,#sp_nav nav,#loading .gauge{background-image: url(Dup/img/paper_bg1.jpg);}
#contents1 .con_box{
background-color: rgba(50,50,50,0.8);
z-index: 1;
padding-top: 100px;
}
#contents2, #contents3, #contents2 .con_box, #contents3 .con_box{
padding-bottom: 100px;
    padding-top: 100px;
min-height: inherit;
}
#contents2 .con_box, #contents3 .con_box{
    background-color: rgba(50,50,50,0.8);
    background-image: none;
    min-height: inherit;
    margin-right: 100px;
    z-index: 1;
}
#contents2 .con_box > .d_table, #contents3 .con_box > .d_table,#contents2 .con_box > .d_table::before, #contents3 .con_box > .d_table::before{min-height: inherit;}
.con_box::before,#contents2 .con_box::before, #contents3 .con_box::before{
    height: 5px;
    width: 150px;
    background-color: #bf783a;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}
#contents3 .con_box{margin-left: 100px;}
#sp_nav .grid_3 img {
    display: none;
}
.con_box .con_txt:first-letter{
  float: left;
  padding: 12px;
  margin-right: 10px;
  font-size: 4em;
  line-height: 1;
color: #FFA959;
}
.cms_title p,.linkStyle{color: #FFA959;}
/*-------------------------------------------------
下層
---------------------------------------------------*/
#cms_5-a p{color: #333;}
#cms_3-e .cate_title{color: #ffa959;}
#cms_3-e .box_wrap h3{color: #FFA959;}
#cms_5-a .cate_box .box_title1,.cms_5-a .cate_box .box_title1{color: #ffa959;}
.info_box > div p:first-of-type{color: #ffa959;}
/*-------------------------------------------------
tab
-----------------------------------------------------*/
@media screen and (max-width: 768px){
.con_box::before{margin: 0;}
#contents3 .con_box{margin-left: 0;}
header.height100vh, #main_img .swiper-container{
    height: 60vw!important;
}
#pc_nav{display: none;}
header .scroll_d span{display: none;}
.catch{
    bottom: -110%;
    right: -80%;
    background-size: 60%;

}


}



/*-------------------------------------------------
sp
-----------------------------------------------------*/
@media screen and (max-width: 667px){
h1 img{max-width: 80px!important;}
.con_box .con_txt:first-letter{
font-size: 3rem;
  padding: 10px;
  margin-right: 10px;
}
#contents1 .con_title,#contents2 .con_title, #contents3 .con_title{letter-spacing: 1px;}
#main_img:before{
content: "";
position: absolute; 
background-color: rgba(0,0,0,0.3);
width: 100%;
height: 100%;
z-index: 2;
}


}

/*-------------------------------------------------
IE
-----------------------------------------------------*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}

/*2023_0509_修正*/
.sankaku{
    width: 0;
height: 0;
border-style: solid;
border-width: 1000px 400px 0 0;
border-color: #007bff transparent transparent transparent;
}
#main_img:before {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: 1;
}
@media screen and (max-width: 768px){
header.height100vh, #main_img .swiper-container {
    height: 100vh!important;
}
#main_img img{
        width: auto!important;
    height: 1030px!important;
}
}

@media screen and (max-width: 667px){
    #main_img img {
    width: auto!important;
    height: 534px!important;
}
header.height100vh, #main_img .swiper-container {
    height: 80vh!important;
}
}