@import url("https://use.typekit.net/rfj8hmv.css");
.linkStyle{color: #ccb13c;}
h1 img {
    max-width: 150px;
}
.youtube_box{
  position: relative;
  width: 90%;
    padding-top: 62.25%;
    z-index: 9;
   margin: 0 auto;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.catch{
width: 70%;
    height: 100%;
    bottom: -65%;
    left: 45%;
    background: url(Dup/img/catch.png)no-repeat;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-size: 50%;
}
.font1{
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;
}
body,h1,h2,h3,h4{font-weight: 600;}
#top_contents1 .contents1_txt h3{text-shadow: none;}
#intro .intro_txt h2{transform: translateY(-20%);}
#intro .intro_img {
    margin-bottom: 150px;
}
#map{display: none;}
.sc_nav .logo img {
    max-width: 100px;
}
.intro_txt{
    background-image: url(Dup/img/bg_item.png);
    background-repeat: no-repeat;
    background-position: top right;
}
.contents1_txt{
    background-color: #ffffff;
    transform: translate(-50px, 50px);
    z-index: 2;
    padding-right: 50px;
}
.fadein{
     opacity: 0;
    transform: translateY(20px);
     transition: 2s;
     transition-property: opacity,transform
}
.fadein.fadetrans{
     opacity: 1;
     transform: translateY(0);
}
.fadein2{position: relative}
.fadein2 .fadein2_filter{
     top: 0;
     right: 0;
    transition-duration: 0.6s;
     transition-property: width;
     transition-delay: 0.3s;
     background-color: #141414;
     z-index: 10;
}
.fadein2 .fadein2_filter.fadetrans{
     width: 0!important
}
/*.contents1_txt::before{
   content: "";
    display: block;
    position: absolute;
    right: -30%;
    bottom: -365px;
    background: url(Dup/img/typo1.png)no-repeat;
    background-size: 250px;
    z-index: 10;
    width: 250px;
    height: 300px;
    transform: translate(-50%,-50%);
}
.contents2_txt::before {
    content: "";
    display: block;
    position: absolute;
    left: 79%;
    bottom: -112px;
    background: url(Dup/img/typo2.png)no-repeat;
    background-size: 250px;
    z-index: 10;
    width: 250px;
    height: 300px;
    transform: translate(-50%,-50%);
}*/
#top_contents1 .contents1_txt h3{transform: none;}
#main_img img, #intro img, #top_contents1 img, #top_contents2 img,#page_title{filter: none;}
/*#top_contents2,#top_contents2 span.bg_white{background-color: #f4f4f4;}*/
#main_img img{cursor: auto;}
/*-----------------------------------------
下層
------------------------------------------*/
#cms_1-b .pager{width: 100%;}
#cms_4-b #cate1 .box_wrap{
display: block;
width: 100%!important;}
#cms_4-b #c1 .cate_box{width: 100%!important;}
#cms_4-b #c1 .box_title1{text-align: left;}
/*#page_title h2,#page_title p{
color: #fff;
text-shadow: 0 2px 4px rgba(0,0,0,0.3%);
}*/
/*#page_title{position: relative;}
#page_title::before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(70,70,70,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}*/

/*-----------------------------------------
1281以下
------------------------------------------*/
@media screen and (max-width: 1281px){
.contents1_txt{transform: translateY(-220px);}
.contents1_txt::before{
    right: -10%;
    bottom: -405px;
}

}


/*-----------------------------------------
tabret
------------------------------------------*/
@media screen and (max-width: 768px){
#intro .intro_txt h2{transform: translateY(-20%);}
#top_contents1 .contents1_txt{padding: 50px;}
#page10 .font_16_tb {
    font-size: 15px;
}
#cms_4-b #c0 .cate_box{
padding: 0 1%;
margin: 0;}
#top_contents2 .img1 {
    transform: translateY(0px);
}
#page_title h2{font-size: 22px;}

.main_wrap{margin-bottom: 100px;}


}




/*-----------------------------------------
sp
------------------------------------------*/
@media screen and (max-width: 667px){
#loader .logo{width: 50%;}
#page_title h2{font-size: 18px;}
.intro_txt{
    background-position: bottom right;
    background-size: contain;
}
/*.contents1_txt::before{
   content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 120px;
    background: url(Dup/img/typo1.png)no-repeat;
    background-size: 250px;
    z-index: 10;
    width: 250px;
    height: 300px;
    transform: translate(-50%,-50%);
}
.contents2_txt::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 90px;
    background: url(Dup/img/typo2.png)no-repeat;
    background-size: 250px;
    z-index: 10;
    width: 250px;
    height: 300px;
    transform: translate(-50%,-50%);
}*/
#intro .intro_title{
text-align: center;
transform: translateY(0px);
}
#intro h3 {
    font-size: 30px;
}
#top_contents2 > span{font-size: 30px;}
.contents1_txt {
    transform: translateY(0px);
}
#main_img{margin-bottom: 80px;}
#header h1 img{width: 30%!important;}
#top_contents1{margin-bottom: 0;}
.main_wrap {
    margin-bottom: 80px;
}


}