@charset "utf-8";
/* CSS Document */

/*----------------------------------------
　　追従ボタン
----------------------------------------*/
/* PC */
@media screen and (min-width:769px) {

    /*左上のボタン*/
    .fixed_btn01 {
        position: fixed !important;
        position : absolute; /* IE用 */
        z-index: 1;
        bottom: 105px;
        left: 0px;
        padding: 22px 15px;
        color: #fff;
        background-color: #F59600;
        font-size: 130%;
        letter-spacing: 2px;
        text-decoration: none;
        border-radius: 0px 15px 15px 0px;
        border-top: #fff solid 3px;
        border-bottom: #fff solid 3px;
        border-right:  #fff solid 3px;
    }

    .fixed_btn01:hover {
        opacity: 0.7;
        transition: .3s;
    }
    
    /*左下のボタン*/
    .fixed_btn02 {
        position: fixed;
        z-index: 1;
        bottom: 30px;
        left: 0px;
        padding: 22px 15px;
        color: #fff;
        background-color: #00a0e8;
        font-size: 130%;
        letter-spacing: 2px;
        text-decoration: none;
        border-radius: 0px 15px 15px 0px;
        border-top: #fff solid 3px;
        border-bottom: #fff solid 3px;
        border-right:  #fff solid 3px;
    }

    .fixed_btn02:hover {
        opacity: 0.7;
        transition: .3s;
    }
	
    /*下のボタン*/
    .fixed_btn03 {
        position: fixed;
        z-index: 1;
        bottom: 0px;
        padding: 20px 20px;
		width: 980px;
        background-color: #ffde00;
        font-size: 130%;
        text-decoration: none;
        border-radius: 5px 5px 0px 0px;
    }	
	.fixed_btn03 a {
		display:block;
		color: #000;
		width:100%;
        text-decoration: none;
	}
	
    .fixed_btn03:hover {
        transition: .3s;
		text-decoration:none;
    }
}

/* tb　sp */
@media screen and (max-width:768px) {

    /*左のボタン*/
    .fixed_btn01 {
        position: fixed;
        z-index: 1;
        top: 0px;
        left: 5px;
        padding: 10px 15px;
        color: #fff;
        background-color: #F59600;
        font-size: 110%;
        letter-spacing: 2px;
        text-decoration: none;
        border-radius: 0px 0px 10px 10px;
        border-left: #fff solid 2px;
        border-bottom: #fff solid 2px;
        border-right:  #fff solid 2px;
    }

    /*右のボタン*/

    .fixed_btn02 {
        position: fixed;
        z-index: 1;
        top: 0px;
        left: 115px;
        padding: 10px 15px;
        color: #fff;
        background-color: #00a0e8;
        font-size: 110%;
        letter-spacing: 2px;
        text-decoration: none;
        border-radius: 0px 0px 10px 10px;
        border-left: #fff solid 2px;
        border-bottom: #fff solid 2px;
        border-right:  #fff solid 2px;
    }
    
    /*下のボタン*/
	.fixed_btn03 {
        position: fixed;
        z-index: 1;
        bottom: 0px;
        padding: 5px 20px;
		width: 100%;
        background-color: #ffde00;
        font-size: 110%;
        text-decoration: none;
        border-radius: 5px 5px 0px 0px;
    }
	.fixed_btn03 a {
		display:block;
		color: #000;
		width:100%;
        text-decoration: none;
	}
	
    .fixed_btn03:hover {
        transition: .3s;
		text-decoration:none;
    }

}

/*==================================================
にゅーん と現れる追従ボタン
===================================*/

/* 資料請求 PC*/
@keyframes smooth-btn04 {
    from {
    transform:translate3d(0, 100%, 0) skewY(12deg);
    opacity:0;
    }

    to {
    transform:translate3d(0, 0, 0) skewY(0);
    opacity:1;
    }
}

@media screen and (min-width:769px) {    
    .fixed_btn04 {
        animation-name:smooth-btn04;
        animation-duration:2s;
        animation-fill-mode:forwards;
        transform-origin:left;
        opacity:0;
    }
    .box04 {
        position: fixed !important;
        position : absolute; /* IE用 */
        z-index: 1;
        bottom: 200px;
        left: 0px;
        width: 80px;
    }
}

/* スマホで表示なし*/
@media screen and (max-width:768px) {
    .fixed_btn04 {
        display: none;
    }
    .box04 {
        display: none;
    }
}

/* デジタルブック PC*/
@keyframes smooth-btn05 {
    from {
    transform:translate3d(0, 100%, 0) skewY(12deg);
    opacity:0;
    }

    to {
    transform:translate3d(0, 0, 0) skewY(0);
    opacity:1;
    }
}

@media screen and (min-width:769px) {    
    .fixed_btn05 {
        animation-name:smooth-btn05;
        animation-duration:2s;
        animation-fill-mode:forwards;
        transform-origin:left;
        opacity:0;
    }

    .box05 {
        position: fixed !important;
        position : absolute; /* IE用 */
        z-index: 1;
        bottom: 50px;
        left: 0px;
        width: 80px;
    }
}

/* スマホで表示なし*/
@media screen and (max-width:768px) {
    .fixed_btn06 {
        display: none;
    }
    .box05 {
        display: none;
    }
}


/* ネット出願 PC*/
@keyframes smooth-btn06 {
    from {
    transform:translate3d(0, 100%, 0) skewY(12deg);
    opacity:0;
    }

    to {
    transform:translate3d(0, 0, 0) skewY(0);
    opacity:1;
    }
}

@media screen and (min-width:769px) {    
    .fixed_btn06 {
        animation-name:smooth-btn06;
        animation-duration:2s;
        animation-fill-mode:forwards;
        transform-origin:left;
        opacity:0;
    }

    .box06 {
        position: fixed !important;
        position : absolute; /* IE用 */
        z-index: 1;
        bottom: 350px;
        left: 0px;
        width: 80px;
    }
}

/* スマホで表示なし*/
@media screen and (max-width:768px) {
    .fixed_btn05 {
        display: none;
    }
    .box05 {
        display: none;
    }
}

/*==================================================
スマホ用　追従ボタン
===================================*/
/* 資料請求 SP*/
@media screen and (max-width:768px) {
	.fixed_btn04_sp {
        position: fixed;
        z-index: 2;
        padding: 10px 60px 10px 15px;
        bottom: 0px;
		width: 100%;
        background-color: rgba(0,0,0,0.6);
        text-align: center!important;
        vertical-align: middle;
    }
    .fixed_btn04_sp .btn04-box{
        display: flex;
        justify-content: center;
    }
    .fixed_btn04_sp .yl_btn {
        z-index: 1;
        border: #ffed00 solid 3px;
        background-color: #00A0E8;
        padding: 0 25px;
        border-radius: 30px;
    }
    .fixed_btn04_sp .bl_btn {
        z-index: 1;
        margin: 0 auto;
        border: #FFDE00 solid 3px;
        background-color: #F59600;
        padding: 0 25px;
        border-radius: 30px;
    }
    .fixed_btn04_sp .or_btn {
        z-index: 1;
        margin: 0 auto;
        border: #F59600 solid 3px;
        background-color: #00A0E8;
        padding: 0 25px;
        border-radius: 30px;
    }
    .fixed_btn04_sp a {
		color: #fff;
        margin: 0 auto;
        text-decoration: none;
        font-size: 130%;
        line-height: 2em;
    }
}

@media screen and (min-width:769px) {
	.fixed_btn04_sp {
        display: none;
    }
}