/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1{color: #ff1800;}
.hvr_txt_color1:hover{color: #2a2929;}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
/*.txt_color3, .hvr_txt_color3:hover{color: #a67c52}*/
.txt_color5, .hvr_txt_color4:hover{color: #7c7c7c;}

/* background-color */
/*.bg_color1, .hvr_bg_color1:hover{background-color: #160a0a}*/
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
.bg_color3, .hvr_bg_color3:hover{background-color: #ff3d12;}
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/

/* border-color ※!important */
/*.border_color1, .hvr_border_color1:hover{border-color: #160a0a}*/
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: #ff3d12;}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

.main_box{
    background-image: url('./Dup/img/bg.jpg');
    background-position: top center;
    background-size: 100%;
    background-repeat: repeat-y;
}

/* header */
#logo{
    max-width: 200px;
}
header .button:hover::after {
    box-shadow: inset 0 0 0 15em #ff3d12;
}

/* top ----------------*/

/* main img */
.main_visual {
    height: 98%;
    top: auto;
    bottom: 0;
    transform: translate(-50%,0%);
}
.main_visual img{
    width: auto;
    height: 100%;
}

/* main */

/* intro */
#contents1 .txt2{
    width: 70%;
    margin-left: 30%;
    margin-top: -30px;
}

/*animation--------------------------------------*/
.fadein_up2{
    opacity : 0;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
	transition:transform 1s ease,opacity 0.5s ease; 
}
.fadein_up2.scrollin2{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/* contents */
#contents_box .blur {
    background-color: #F9CB40;
}
#contents2 h2, #contents3 h3, #contents1 p, #contents2 p, #contents3 p {
    color: #000;
}
.img6, .img7, #page_title .title_img{
    filter: grayscale(1);
}
#contents3 h3:first-letter{
    color: #ff3d12;
}
#contents_box .con2_title::before{
    content: "";
    background-image: url('./Dup/img/content1_b.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#contents2{
    padding-top: 0;
}

/* topcms */


/* footer */
.button:hover::after {
    box-shadow: inset 0 0 0 15em #ff3d12;
}


/* under page */
#page7 .box_item p{
    color: #3e3e3e;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.flex_box header{
    padding-top: 20px;
    padding-bottom: 20px;
}
#main_img {
    min-height: 60vh;
}
.main_visual {
    height: auto;
    width: 98%;
}
.main_visual img {
    height: auto;
    width: 100%;
}
#contents1 .txt2 {
    width: 80%;
    margin-left: 20%;
    margin-top: -20px;
}
#contents_box .con2_title::before {
    bottom: -1px;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.fadein_up2{
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
}
#main_img {
    min-height: 50vh;
}
#contents1 .txt2 {
    width: 100%;
    margin-left: 0;
    margin-top: -10px;
}

}


/*20230309*/
.video1 {
    width: 100%;
    object-fit: cover;
}
#video1 {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#video1 {
    width: 90%;
    margin-top: 50px;
    margin-bottom: 50px;
}

}