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



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

body{
    overflow:hidden;
}
.head_tel,
.footer_tel{
    display:none;
}
#footer_info > div{
    background-image: url(./Dup/img/ashiato.png);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: bottom right 5%;
}


/*--top page---------------------------
-------------------------------------*/
.toppage{
    padding-top:20px;
}
#mainimg {
    overflow: hidden;
    width: calc(100% - 50px);
    margin: auto;
    height: calc(100vh - 40px);
    border-radius: 100px;
}

.catch{
    width:30vw;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:2;
}
.catch img{
    filter: drop-shadow(5px 5px 0 rgba(0,0,0,0.2));
}

#top_news{
	background-image: url('./Dup/img/ptn.png');
	background-size: 400px;
	background-position: top 0 left 0;
	background-repeat: repeat;
	animation: bgloop 20s linear infinite;
}
@keyframes bgloop {
	0% {background-position: top 0 left 0;}
	100% {background-position: top -400px left 400px;}
}

.cms1inner::before,
.cms1inner::after{
    content:'';
    position:absolute;
    display:block;
    pointer-events:none;
    width:100%;
}
.cms1inner::before{
    height:92px;
    background:url(./Dup/img/note1.png) no-repeat;
    background-size: 100% 100%;
    top:-92px;
    left:0;
}
.cms1inner::after{
    height:58px;
    background:url(./Dup/img/note2.png) no-repeat;
    background-size: 100% 100%;
    bottom:-58px;
    left:0;
}

.dog_anim2 {
    width: 5%;
    bottom: -4%;
    right: 5%;
    z-index: 2;
}
.dog_anim {
    width: 12%;
    bottom: 1%;
    left: 25%;
    z-index: 2;
}

.con1_txt_wrap {
    background: url(./Dup/img/ashiato.png) no-repeat;
    background-size: 30%;
    background-position: top 24% left 7%;
}
.intro_item{
    width: 250px;
    top: -50px;
    left: -25px;
}

#top_contents3 {
    background-image: url(./Dup/img/ashiato1.png),url(./Dup/img/ashiato2.png),url(./Dup/img/ashiato3.png);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 20%,14%,18%;
    background-position: top 6% left 0%,top 43% left 43%,bottom 10% right 3%;
}

.con3_item1{
    z-index: 2;
    width: 150px;
    top: -50px;
    left: -100px;
}
.con3_item2{
    width: 150px;
    top: -145px;
    z-index: 2;
}
.con3_item3{
    width: 150px;
    top: -160px;
    left: -70px;
    z-index: 2;
}
.dog5{
    width: 120px;
    z-index: 2;
    left: 20%;
}

/*--under page---------------------------
-------------------------------------*/
#page10 .sitemap_wrap .more .border_color2{
    border-color: #fff!important;
}


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

}


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

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 1240px){
/*iPad Pro*/
#mainimg{
    height: calc(50vh - 40px);
}
.catch {
    width: 40vw;
}
#top_news {
    background-size: 300px;
}
.cms1inner{
    width:90%;
    margin:20px auto 0;
}
.cms1inner::before {
    height: 50px;
    top: -50px;
}
.cms1inner::after {
    height: 20px;
    bottom: -20px;
}
.dog_anim2 {
    width: 8%;
}
.intro_item {
    width: 220px;
    top: -90px;
    left: 5px;
}
.dog_anim {
    width: 20%;
}
#top_contents3 {
    background-size: 25%,22%,28%;
    background-position: top 25% left 0%,top 56% left 43%,bottom 8% right 3%;
}
.con3_item1 {
    width: 120px;
    top: -90px;
    left: -10px;
}
.con3_item2 {
    width: 120px;
    top: -115px;
}
.con3_item3 {
    width: 120px;
    top: -100px;
    left: -10px;
}
.dog5 {
    width: 95px;
    left: auto;
    right: 15%;
}
#footer_info > div{
    background-size: 29%;
    background-position: bottom right 30%;
}

}
@media screen and (max-width: 768px){
/*iPad*/
#mainimg {
    width: calc(100% - 30px);
    height: 50vh;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.loader_icon {
    width: 150px;
}
#mainimg {
    height: 56vh;
    border-radius: 50px;
}
.catch {
    width: 53vw;
}
#top_news {
    background-size: 200px;
}
.cms1inner::before {
    height: 30px;
    top: -30px;
}
.con1_txt_wrap {
    background-size: 50%;
    background-position: top 21% left -2%;
}
.dog_anim2 {
    width: 13%;
}
.intro_item {
    width: 150px;
    top: -40px;
}
.dog_anim {
    width: 30%;
    left: 4%;
}
#top_contents3 {
    background-size: 51%,39%,49%;
}
.con3_item1 {
    width: 90px;
}
.con3_item2 {
    width: 90px;
    top: -82px;
}
.con3_item3 {
    width: 90px;
    top: -70px;
}
.dog5 {
    width: 71px;
}
#footer_info > div{
    background-size: 42%;
    background-position: top right 5%;
}


}