@charset "UTF-8";

body,html {
	padding: 0;
	margin: 0;
	min-height: 100%;
	width: 100%;
	-webkit-text-size-adjust: 100%;
    position: relative;
    word-break: break-all;
    font-weight: 300;
    font-style: normal;
    font-family: 'Noto Sans JP', '游ゴシック', "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    line-height: 1.8em;
}



#skip_link {
    position: absolute;
    top: -50px;
    left: -2000px;
}

.pc_br {display: inline;}
.tab_br {display: none;}
.mo_br {display: none;}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

a {outline: none;}

.pc_img { display: block;}
.sp_img { display: none;}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a {
	text-decoration: none;
}

a, a:hover, li, li:hover, iframe:hover {
	transition: all 0.2s;
	outline: none;
}

.go_top_btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9980;
}

.clear {
	clear: both;
}

/* スクロールアップ */

.fade_out, .fade_out_once {
	opacity: 0;
}

.fade_in {
	opacity: 1.0;
    animation: fade_animation 1s ease-out;
}

@keyframes fade_animation {
    0% {
        top: 80px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.fade_out, .fade_out_once, .fade_in {
	width: 100%;
	position: relative;
	transition: 1s;
	overflow: hidden;
}

footer {
    background-color: #000000;
    color: #ffffff;
    padding: 0.2em;
    width: 100%;
    text-align: center;
}


/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1680px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1440px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1336px) {
/* ------------------------------------------------------ */
.pc_br {display: none;}
.tab_br {display: inline;}
.mo_br {display: none;}
}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 960px) {
/* ------------------------------------------------------ */

.pc_br {display: inline;}
.tab_br {display: none;}
.mo_br {display: none;}
    
}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 810px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for FAX */
@media only screen and (max-width : 640px) {
/* ------------------------------------------------------ */

}

/* ------------------------------------------------------ */
/* Media Query for SmartPhone */
@media only screen and (max-width : 500px) {
/* ------------------------------------------------------ */
    
.pc_br {display: none;}
.tab_br {display: inline;}
.mo_br {display: inline;}

}

/* ------------------------------------------------------ */
/* Media Query for Mobile iPhoneSE */
@media only screen and (max-width : 420px) {
/* ------------------------------------------------------ */
.pc_img { display: none;}
.sp_img { display: block;}

}

/* ------------------------------------------------------ */
/* Media Query for iphone */
@media only screen and (max-width : 380px) {
/* ------------------------------------------------------ */

}