@import url("https://use.typekit.net/ilk8vuz.css");
.point{
max-width: 120px;
    margin-bottom: 20px;
}
body,h1,h2,h3,h4{font-weight: 600;}
.linkStyle{color: #facf00;}
#main_img{
border-top-left-radius: 300px;
    -webkit-border-top-left-radius: 300px;
}
.index_header .nav_box {
    padding: 50px 130px 20% 3%;
}
/*.catch{
width: 100%;
    height: 100%;
   bottom: -80%;
    right: -70%;
    background: url(Dup/img/catch.png)no-repeat;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-size: 40%;
}*/
.catch_img{
border-top-right-radius: 100px; 
 -webkit-border-top-right-radius: 100px;
}
#contents .contents_img{
border-top-left-radius: 100px;
    -webkit-border-top-left-radius: 100px;
}
.page_title_img{
border-bottom-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
}
.dec1,.dec2,.dec3{
font-size: 7vw;
    opacity: 0.5;
    color: #f9f9f9;
}
/*.item2{
top: 0;
left: 0;
}
.item2 img{
    width: 500px;
    height: 500px;
}
.num2{
top: 10%;
left: 10%;
font-size: 5rem;
}*/
.dec1{
    right: 0;
    bottom: 0;
}
.dec2{bottom: 0;}
.dec3{
    bottom: -100px;
    right: 80px;
    z-index: 2;
}
#contents2::before{
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/tilt.svg)no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 100%;
    height: 100px;
    top: -100px;
    z-index: 1;
    transform: scale(1,-1);
}
#contents2::before{
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/tilt.svg)no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 100%;
    height: 100px;
    top: -100px;
    z-index: 1;
    transform: scale(1,-1);
}
#contents2::after{
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/tilt.svg)no-repeat;
    background-size: 100%;
    z-index: 1;
    width: 100%;
    height: 100px;
    bottom: -100px;
    z-index: 1;
}
#header .nav_box{
border-bottom-right-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
}
.page_title_inner h2,#header .contact_box .letter_3 a{color: #facf00;}
#contents .point{margin: 0 auto 20px;}
#fakeloader .fl{max-width: 300px!important;}
#tel_txt h3{color: #3399ff;}
.cate_list li{width: 200px;}
.cate_list li a{
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.index_header #logo {
    max-width: 250px;
    margin-bottom: 100px;
}
/*---------------------------------
tablet
----------------------------------*/
@media screen and (max-width: 768px){
#main_img{
    border-top-left-radius: 150px;
    -webkit-border-top-left-radius: 150px;
}
.dec1{z-index: 2;}
#contents2::before{
height: 30px;
    top: -29px;
}
.catch{
right: -60%;
background-size: 50%;
}
.index #global-nav{display: block;}
#global-nav{display: none;}
#logo{width: 100%!important;}
.index_header #logo{max-width: 200px;}

}



/*---------------------------------
sp
----------------------------------*/
@media screen and (max-width: 667px){
.index_header .nav_box, .nav_box{padding: 15px 10px 15px 15px;}
#header .nav_box {
     border-bottom-right-radius: inherit; 
     -webkit-border-bottom-right-radius: inherit; 
}
.hamburger{top: 17px;}
.dec3 {
z-index: 2;
right: 10px;
}
.catch{
bottom: -105%;
    background-size: 60%;
right: -70%;
}
#fakeloader .fl{width: 80%!important;}
.index #global-nav {
    display: none;
}
.point{max-width: 100px;}
#main_img{
border-top-left-radius: inherit; 
 -webkit-border-top-left-radius: inherit;
}
.index_header #logo {
    max-width: 100px;
margin-bottom: 0;
}
#fakeloader .fl {
    width: 40%!important;
}
.dec1{bottom: 30px;}
.dec3{bottom: -25px;}
#contents2 .contents_txt {
    padding: 50px 10px 60px;
}
.dec1, .dec2, .dec3{
color: #aaaaaa;
opacity: 0.8;}


}