@charset "UTF-8";

/* CSS Document */

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

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



}

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

.head .head_bar { display: none; }

.wrpper-main { margin: 0 5%;width: 90%; }

.footer .copyright { width: 90%;margin: 20px 5%;text-align: center; }
.footer .foot-end .sns {
	width: 90%;
	margin: 0 5%;
	text-align: center;
	display: flex;
}

.footer .foot-end .sns .box {
	width: auto;
	margin: 0 auto;
	float: none;
}

	
}


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

.p_title { margin: 80px 0 0; }
.p_title .en { font-size: 50px; }
.p_title h1 {
	margin: 20px 0 20px 50px;
	font-size: 18px;
}

.main_image { height: 400px; }



}


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




}

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

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

.footer .barnner .box {
  width: 100%;
  margin: 0 0 30px;
}

}


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

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

.footer .margin-bottom50 { margin-bottom: 0; }



.footer .f_navi {
	width: 40%;
	margin: 10px 5% 0;
}

.footer ul {
  width: 100%;
  margin: 0;
}

.footer ul li {
	width: 100%;
	margin: 0 0 0.3em;
	text-align: center;
}

.footer .f_navi.link_block ul li {
	width: 50%;
	margin: 0 0 0.3em;
}

.footer .f_navi.link_block ul li img {
	margin: 0 auto;
}

}

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

.readmore a {
	margin: 0 auto 10px;
	float: none;
}

.contents .title dl { margin: 0;min-width: 230px; }
.contents .title dl dt { font-size: 24px;line-height: 40px; }
.contents .title dl dd { line-height: 35px;font-size: 16px; }

}

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

.head .logo {
	width: 150px;
	left: 0;
	z-index: 99999;
}

.p_title { margin: 65px 0 0; }
.p_title .en { font-size: 30px; }
.p_title h1 {
	margin: 10px 0 20px 50px;
	font-size: 18px;
}

.main_image { height: 300px; }

.footer .f_navi {
	width: 90%;
	margin: 10px 5% 0;
}

.footer .f_navi.link_block ul li {
	width: 100%;
}


}