@charset "UTF-8";

/* CSS Document */


/* ************************************************** */
/* PC  Display */
/* ************************************************** */

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

.barnner { height: 500px; }
.barnner .btn {
	height: 180px;
	margin: 150px 5% 0;
}

.barnner .btn .more {
	font-size: 18px;
	margin-top: 20px;
}

.barnner .btn a {
	padding: 30px 0 0 0;
	font-size: 40px;
	line-height: 0.8em;
}

.footer .f_navi ul.menu { margin: 0 20px 0 auto;float: right; }

.footer .privacy { margin: -190px 0 0 310px;float: left; }

}


/* ************************************************** */
/* PC  Display */
/* ************************************************** */

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

.footer { height: auto; }
.footer .f_navi { margin: 0 5% 50px; }
.footer .f_navi ul.menu { margin: 0 auto;float: none; }
.footer .logo_f { left: 0;width: 100%;margin: 50px 0 0;float: left;text-align: center; }
.footer .privacy { margin: -190px 0 0 20px; }

}

/* ************************************************** */
/* PC  Display */
/* ************************************************** */

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




}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 980px */
/* **************************************************************** */
@media only screen and (max-width:980px){



}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 880px */
/* **************************************************************** */
@media only screen and (max-width:880px){



}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 640px */
/* **************************************************************** */

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



}

/* ************************************************** */
/* Smart-Phone Tate(Portrayte) */
/* ************************************************** */
@media only screen and (max-width:580px){



}

/* ************************************************** */
/* Smart-Phone Tate(Portrayte) */
/* ************************************************** */
@media only screen and (max-width:480px){



}