﻿

/*
.fix_bnr{
    position:absolute;
}
*/
/*
#loader{
    display: none;
}
*/

:root{
    --color1:#f1f1f1;
}


/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#111;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
    line-height:2;
}
.main_wrap{
    background-color:var(--color1);
}
#header .logo img{
    display:block;
    width:220px;
}

.overlay .tel,
#footer  .CONTACT{
    display:none;
}
.fix_bnr{
    left:10px;
    z-index:5;
}
.fix_bnr a{
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
}



/*--top page---------------------------
-------------------------------------*/

.vegas-slide {
    width: 82%;
    height: 89%;
    position: absolute;
    top: 11%!important;
    left: auto!important;
    right: 0;
}
.catch1{
    width:126px;
    top:26%;
    left:7%;
    z-index:2;
}
.catch2 {
    width: 300px;
    bottom: 15%;
    left: 5%;
    z-index:3;
}
.bg1{
    background:url(./Dup/img/bg1.jpg);
    opacity: 0.6;
}
.main_img_bg {
    width: 25vw;
    height: 31vh;
    top: 0;
    left: 0;
    z-index: -1;
}
.bnr_box{
    bottom:10px;
    right:10px;
    z-index:2;
}
.bnr_box a{
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
}

.con1_2bg {
    width: 26vw;
    height: 58vh;
    bottom: 7%;
    right: 33%;
    z-index: 1;
}
#contents1_2 .box{
    position:relative;
    z-index:2;
}

.con3_bg {
    width: 30vw;
    height: 53vh;
    top: 0;
    left: 16%;
    z-index: 1;
}
#contents3 .box .box_img .no_box{
    top: 70px;
    right: -45px;
}
.cms_bg1 {
    width: 12vw;
    height: 42vh;
    top: 10%;
    left: 10%;
    z-index: 1;
}
.cms_bg2{
    width:14vw;
    height:40vh;
    left:5%;
    top:12%;
    z-index:1;
}
.top_cms_box .top_cms_con{
    z-index:2;
}


#top_cms .link_type1.cms_wrap{
    height:50vh!important;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 50px!important;
    margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
    background-image: url("../dup/img/link_type1_icon.png");
    background-size: 50px;
    background-position: top center;
    background-repeat: no-repeat;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 40px;
	padding-bottom: 40px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

/*--under page---------------------------
-------------------------------------*/
#header-change .logo img{
    display: block;
    max-width: 200px;
}

#cms_2-h .box_title1:before{
    display:none;
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.vegas-slide {
    width: 76%;
    height: 70%;
}
.catch1 {
    width: 105px;
    top: 20%;
    left: 6%;
}
.main_img_bg {
    width: 42vw;
    height: 34vh;
}
.con1_2bg {
    width: 32vw;
    height: 41vh;
    bottom: 7%;
    right: 24%;
}
.con3_bg {
    width: 36vw;
    height: 37vh;
    top: 8%;
    left: 0%;
}
.cms_bg1 {
    width: 23vw;
    height: 12vh;
    top: 10%;
    left: 0;
}
.cms_bg2 {
    width: 14vw;
    height: 10vh;
    left: 3%;
    top: 1%;
}
#contents1_2 .con1 .box_img .no_box{
    right: -38px;
}
#contents1_2 .con2 .box_img .no_box {
    top: 100px;
    left: -50px;
}
#top_cms .link_type1.cms_wrap {
    height: initial!important;
}
.top_page footer .logo {
    max-width: 400px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch1 {
    width: 78px;
    top: 26%;
    left: 4%;
}
.catch2{
    width:230px;
    bottom:10%;
}
.vegas-slide {
    width: 76%;
    height: 53%;
    top: 19%!important;
}
.con1_2bg {
    width: 45vw;
    height: 44vh;
    bottom: 10%;
    right: 0;
}
.cms_bg1 {
    width: 45vw;
    height: 12vh;
    top: -2%;
    left: 0;
}
#contents1_2 .con2 .box_img .no_box {
    top: -4px;
    left: -37px;
}
#contents3 .box .box_img .no_box {
    right: -36px;
}
#overlay1{
    line-height:1.5;
}
#header-change .logo img {
    display: block;
    max-width: 150px;
}
.fix_bnr .bnr1{
    margin-right:0;
    margin-bottom:10px;
}
}

/*2025-03-28*/
.top_page footer .logo {
    max-width: 180px;
}
#header .logo img {
    width: 100px;
}
#header-change .logo img {
    display: block;
    max-width: 100px;
}
.f_info .logo{width: 30%!important;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    .f_info .logo {
    width: 50% !important;
}
}



/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    #header-change .logo img {
        display: block;
        max-width: 70px;
    }
    .top_page footer .logo {
    max-width: 150px;
}
}
/*2025/10/31*/
.bnr_box .bnr2, .fix_bnr .bnr2 {
    display: none;
}