@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');

.font1{
    font-family:  'Zen Kaku Gothic New',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font2,.fixbtn,.more_box > div,.more_box a,.no_box,
.cursor .zoom span,.cms_title .font_2up span{
    font-family: 'Montserrat', sans-serif;
}

/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#333;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
#header{
    padding-top: 10px;
    padding-bottom: 10px
}
#header .logo{
    max-width:250px;
}

.vegas-slide,
.box_img,
.gray_img,
footer{
    -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.color_img{
    -webkit-filter: unset;
	-moz-filter: unset;
	-ms-filter: unset;
	-o-filter: unset;
	filter: unset;    
}
.fixbtn {
    bottom: 10px;
    right: 2.3%;
    z-index: 2;
    cursor: pointer;
}


/*--top page---------------------------
-------------------------------------*/
.catch{
    width:55vw;
    max-width:1500px;
    bottom:15%;
    right:1%;
    z-index:2;
}

#contents3 .img_wrap .box_img.img1 {
    width: 28vw;
    left: 0;
    top: 10%;
    z-index: 1;
}
#contents3 .img_wrap .box_img.img2 {
    width: 40vw;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}



.v_type3 .cate_box{border: 1px solid #c9baa9;}
.v_type3 .box_title1{color: #a67c52;}


/*--under page---------------------------
-------------------------------------*/
#page_title{
    background-color: #efefef;
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch {
    width: 72vw;
    right: 5%;
}
#contents3 .img_wrap .box_img.img1 {
    width: 45%;
    left: 0;
    top: 35%;
}
#contents3 .img_wrap .box_img.img2 {
    width: 50%;
    left: 60%;
    bottom: 8%;
}
.top_cms_wrap:before{
    display:none;
}
.fixbtn{
    right:10px;
}

.page_title h2{
    font-size:4rem;
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main {
    height: 85vh;
}
.catch {
    width: 61vw;
    right: 2%;
    bottom: 5%;
}
.page_title h2 {
    font-size: 2rem;
}

#cms_2-g .cate_title{
    font-size: 1.5em;
}
}