:root{
    --color1:#40132f;
    --color2:#f0bc22;
}
/*
#page_top,#bottom_tel{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/

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

body{
    overflow:hidden;
}
/*
header{
    padding-top:10px!important;
    padding-bottom:10px!important;
}
*/
#header{
    padding-top:0!important;
    padding-bottom:0!important;
}
#pc_nav li a.active::before{
    width:100%;
    height:3px;
    bottom:5px;
    border-radius:0;
}



/*--top page---------------------------
-------------------------------------*/
.catch{
    width:50vw;
    max-width:700px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
}

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

#top_contents1 .info_title{
    left:-1%;
}
.intro_tite_item{
    width: 120px;
    top: 10px;
    left: -9%;
    opacity: 0.6;
}

.con2_item span:before,
#top_news .cms_title_icon:before,
#page_title .sub_title span:before{
    content:'';
    position:absolute;
    display:block;    
}

.con2_item span:before{
    width:80px;
    height:80px;
    background:url(./Dup/img/about_item.png) no-repeat;
    background-size:contain;
    top:-50px;
    left:-50px;
    opacity:0.7;
}

#top_news .cms_title_icon{
    position:relative;
}
#top_news .cms_title_icon:before{
    width: 50px;
    height: 50px;
    background: url(./Dup/img/dot.png) no-repeat;
    background-size: contain;
    top: -1px;
    left: -32px;
    z-index: -1;
}


/*--under page---------------------------
-------------------------------------*/

#page_title .sub_title{
    color:var(--color2);
}
#page_title .sub_title span{
    position:relative;
    z-index:2;
}

#page_title .sub_title span:before {
    width: 90px;
    height: 90px;
    background: url(./Dup/img/page_title.png) no-repeat;
    background-size: contain;
    top: -30px;
    left: -70px;
    z-index: 1;
    /*opacity: 0.7;*/
}

/*voices*/
.v_type3 .cate_box{border: 1px solid #c9baa9;}


/*faq*/
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}


/* ---------- responshive ---------- */
@media screen and (max-width: 1530px){
.con1_txt_wrap{
    width:100%!important;
} 
.con1_img{
    height:60vw;
}
#top_contents1 .info_title {
    top: calc(-60vw - 75px);
    left: 0;
    width:100%!important;
    text-align: center;    
}
.intro_tite_item{
    left:3%;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#header.active{
    padding-top:20px!important;
}

#main_img{
    height:80vw;
}
/*下からフェードイン*/
 .fadeup {
  opacity: 1;
  transform : none;
}
.fadeup.scrollin{
  transform: none;
}
#top_contents1 .info_title {
    top: calc(-85vw - 75px);
    left: 0%;
}
.intro_tite_item {
    left: 4%;
    z-index:0;
}
#top_contents1 .con_title{
    position:relative;
    z-index:1;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header.active{
    padding-bottom:20px!important;
}
#con_nav{
    margin-top:30px;
    padding-bottom: 250px;
}
.catch{
    width:75vw;
    top:45%;
}
#top_contents1 .info_title {
    top: calc(-105vw - 75px);
    font-size: 34px;
}
.intro_tite_item {
    left: 0%;
    width: 80px;
    top: -50px;
}
#top_contents3 .con3_no{
    font-size:50px;
}
#page_title .sub_title span:before {
    width: 70px;
    height: 70px;
    left: -50px;
}
}