/*
#loader,.loader.logo{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
:root{
    --color_yellow:#fdce00;
}

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

body{
    overflow:hidden;
}

#page-top{
    background-color:var(--color_yellow);
}


#main_nav ul li a span i::before{
    display:none;
}

/*--top page---------------------------
-------------------------------------*/
#main_img{
    background:url(./Dup/img/bg.jpg) repeat;
    background-size:600px;
}
#main_img .d_flex{
    position:relative;
}
#main_img .d_flex::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    top:0;
    left:0;
    z-index: 2;
}
#catch .catch_jp{
    width: min(35vw,800px);
}
.catch_item{
    width:min(30vw,800px);
    top:11%;
    left:3%;
    z-index:3;
}

#main_img .slick {
    clip-path: ellipse(57% 82% at 58% 51%);
}

.intro_item{
    width: 250px;
    margin-left: -20px;
}
#intro .box_wrap .box > div span{
    display:none;
}
#intro h4{
    text-align:center;
    font-size:24px;
}
#contents_links{
    background-image: url(./Dup/img/bg.jpg);
    background-size: 100%;
}
.con_item{
    width:300px;
    margin-left:-20px;
    margin-bottom:10px;
}
#top_cms .top_cms_title h3,
#page_title p{
    border:1px solid;
}

/*--under page---------------------------
-------------------------------------*/
#page_title .d_flex > div{
    padding-top:150px;
    padding-bottom:150px;
}


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

}


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

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{
    background-size: 400px;
}
#main_img .slick {
    clip-path: ellipse(50% 65% at 50% 54%);
}
#catch .catch_jp {
    width: min(67vw,800px);
}
.catch_item {
    width: min(40vw,800px);
    top: 44%;
    left: 7%;
}
.intro_item {
    margin-left: -10px;
}
#contents .d_flex > div{
    padding:30px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{
    background-size: 200px;
}
#main_img #catch{
    transform: none;
}
.catch_item {
    width: min(51vw,800px);
    top: 39%;
    left: 3%;
}
#catch .catch_jp {
    width: min(83vw,800px);
}
.intro_item {
    width: 200px;
}

.con_item {
    width: 180px;
}
#page_title .d_flex > div {
    padding-top: 50px;
    padding-bottom: 50px;
}
#cms_1-a .pager li{
    margin-right:0;
    margin-left:0;
}
footer #copyright{
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}