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

body{
	padding: 0;
	/*margin: 0 -10px 0 0;*/
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: url(../images/bg/main_bg.jpg) repeat #ffb225;
	border: solid #ffb225 10px;
}
/*========pc_style========*/
@media screen and (min-width: 751px) {
	a:hover{
		opacity: .7;
		transition: ease .4s;
	}
	a{
		text-decoration: none;
	}
	li{
		list-style: none;
	}
	.wrap{
		width: 100%;
		min-width: 1244px;
		background: url(../images/bg/bloc_bg.jpg) repeat #ffb225;
		
	}
	.inwrap{
		padding: 1%;
		background: url(../images/bg/main_bg.jpg) no-repeat;
		background-size: contain;
		
	}
	.clear{
		clear:both;
	}
	.text_r{
		color:#ed004e;
	}
	.text{
		line-height: 170%;
	}
	header{
		float: left;
		padding: 0.4% 1% 1.6% 0.4%;
		position: fixed;
		/*background-color: rgba(255,255,255,0.7);border-radius: 6px;*/
	}
	header ul li{
		display: block;
		list-style: none;
		padding: 6% 0;
	}
	header ul li:first-child{
		padding-top: 0;
	}
	header ul li:nth-child(2){
		padding-top: 14%;
	}
	.amg_logo{
		margin-bottom: 10%;
	}
	.amg_logo img{
		width: 80% !important;
	}
	.mainwrap{
		width: 80%;
		float: left;
		margin-left: 15%;
		position: relative;
	}
	.main_information{
		width: 36%;
		float: left;
		margin:0 0 0 5%;
	}
	.main_information img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.ebi_information{
		margin-top: 2%;
	}
	.ebi_gakka{
		width: 90% !important;
		margin-top: -1%;
	}
	.mainimg{
		width: 48%;
		float: left;
		margin-left: 2%;
	}
	.mainimg img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}


	/*===box1 about===*/
	#ebi_about_wrap{
		margin-top: 5%;
	}
	.left_box01 {
		width: 37%;
		float: left;
		background: #fff;
		margin: 0 0 0 0%;
		padding: 4% 4% 5% 15%;
	}
	.left_box01 h2 img {
		width: 40%;
		margin: 0 0 4% 21%;
	}

	.right_box01 {
		width: 39%;
		float: left;
		padding:3% 0 3% 3%; 
	}

	.right_box01 h3{
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 1px;
		color:#fff;
		padding: 0 0 2% 28%;
	}


	/*===box2 exhibition===*/
	#exhibition{
		margin-top: 5%;
	}
	.left_box02 {
		width: 38%;
		float: left;
		padding: 6% 4% 3% 14%;
	}
	.left_box02 img {
		width: 90%;
	}
	.gallery_name{
		padding:0 0 10% 16%;
	}
	.gallery_name img{
		width:76%;
	}
	.gallery_img01, .gallery_img02, .gallery_img03{
		padding:0 20px;
		margin-top: -15px;
	}
	.gallery_img01{
		position: relative;
		z-index: 11;
	}
	.gallery_img02{
		position: relative;
		z-index: 10;
	}
	.gallery_img03{
		position: relative;
		z-index: 9;
	}
	.report_link{
		width: 76%;
		background: #fff;
		border-radius: 15px;
		border:  solid #ff8e15 4px;
		color: #ff8e15;
		padding:20px 0 16px 0;
		text-align: center;
		font-weight: bold;
		margin: 9% 0 0 5%;
	}

	.right_box02 h2 img {
		width: 40%;
		margin: 0 0 5% 22%;
	}
	.right_box02 {
		width: 32%;
		overflow: hidden;
		float: left;
		padding:4% 7% 2% 5%; 
		background: #fff;
	}
	.right_box02 img {
		width: 100%;
	}

	/*===box3 sns===*/
	#sns{
		margin-top: 5%;
	}
	.left_box03 {
		width: 35%;
		float: left;
		padding: 4% 3% 4% 18%;
		background: #fff;
	}
	.left_box03 li{
		display: inline-block;
		margin-left: 3%;
	}
	.left_box03 li img{
		width:90%;
		padding-top: 38%;
	}
	.left_box03 h2 img {
		width: 34%;
		margin: 0 0 5% 16%;
	}
	.left_box03 p{
		padding-left: 12%;
	}
	.right_box03 {
		width: 36%;
		float: left;
		padding:3% 0% 1% 4%; 
	}
	.right_box03 img {
		width: 90%;
	}

	/*===box4 access===*/
	#access{
		margin-top: 5% ;
	}
	.left_box04 {
		width: 38%;
		float: left;
		padding: 0% 4% 4% 14%;
		margin-top: 5%;
	}
	.left_box04 img{
		width: 64%;
		padding-left: 10%;
	}
	.left_box04 a{
		text-decoration: none;
		color:#ff8e15;
	}
	.right_box04 h2 img {
		width: 40%;
		margin: 0 0 2% 24%;
	}
	.right_box04 {
		width: 41%;
		float: left;
		padding:4% 0% 5% 3%; 
		background: #fff;
		margin-top: 5%;
	}
	.right_box04 img {
		width: 90%;
	}
	.right_box04 p {
		line-height: 220%;
	}
	.right_box04 a {
		color:red;
		text-decoration: none;
	}
	.map_link{
		width: 63.5%;
		background: #fff;
		border-radius: 15px;
		border:  solid #ff8e15 4px;
		color: #ff8e15;
		padding:20px 0 16px 0;
		text-align: center;
		font-weight: bold;
		margin: 6px 0 0 9.4%;
	}
	footer{
		background: #fff;
		margin-top: 5%;
	}
	footer ul{
		width: 960px;
		margin: auto;
		display: block;
	}
	footer li{
		display: inline-block ;
		text-align: center;
		width: 300px;
		padding: 10px;
	}
	footer ul li img{
		width: 100%;
	}
	footer h3{
		color:#ff8e15;
		text-align: center;
		padding: 65px 0 20px 0 ;
		font-weight: bold;
		font-size: 26px;
	}
	footer .copyright{
		text-align: center;
		padding: 80px 0 30px 0;
		font-size: 16px;
		color: #000;
		
	}
	.sp_style{
		display: none;
	}
}
/*===sp_style===*/
@media screen and ( max-width:750px) {
	li{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	.wrap{
		width: 750px;
		overflow: hidden;
		background: url(../images/bg/bloc_bg.jpg) repeat #ffb225;
		font-size: 28px;
	}
	.inwrap{
		background: #ffb225;
	}
	.clear{
		clear:both;
	}
	.text_r{
		color:#ed004e;
	}
	.text{
		line-height: 160%;
	}
	.amg_logo{
		margin-bottom: 30px;
	}
	.mainwrap{
		width: 740px ;
		overflow: hidden;
		background: url(../images/bg/main_bg.jpg) no-repeat;
	}
	.main_information{
		width: 440px;
		float: left;
		margin:5px 0 0 15px;
		position: relative;
		z-index: 29;
	}
	.main_information img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.ebi_information{
		margin-top: 5px;
	}
	.ebi_gakka{
		margin-top: -10px;
	}
	.mainimg{
		width: 330px;
		float: left;
		margin:0 0 0 -130px;
		position: relative;
		z-index: 19;
	}
	.mainimg img{
		width: 580px;
	}


	/*===box1 about===*/
	#ebi_about_wrap{
		margin-top: 5%;
	}
	.left_box01 {
		width: 680px;
		background: #fff;
		padding: 0 30px 50px 30px;
	}
	.left_box01 h2 {
		text-align: center;
		padding: 60px 0 25px 0;
		margin-left: -10px;
	}

	.right_box01 {
		width: 710px;
		margin: auto;
		margin:-10px 0 0 0px;
		padding:0px 5px 25px 25px;
		background: #fff;
	}

	.right_box01 h3{
		font-size: 40px;
		font-weight: bold;
		letter-spacing: 1px;
		color:#ffb225;
		text-align: center;
		padding: 0px 0px 20px 0px;
	}


	/*===box2 exhibition===*/
	#exhibition{
		margin-top: 5%;
	}
	.left_box02 {
		width: 710px;
		padding: 0;
	}
	.gallery_name{
		padding:35px 0 10px 120px;
	}
	.gallery_name img{
		padding: 0 0 50px 50px;
	}
	.gallery_img01, .gallery_img02, .gallery_img03{
		padding:0 70px;
		margin-top: -25px;
	}
	.gallery_img01{
		position: relative;
		z-index: 11;
	}
	.gallery_img02{
		position: relative;
		z-index: 10;
	}
	.gallery_img03{
		position: relative;
		z-index: 9;
	}
	.report_link{
		width: 590px;
		background: #fff;
		border-radius: 15px;
		border:  solid #ff8e15 4px;
		color: #ff8e15;
		padding:20px 0 16px 0;
		text-align: center;
		font-weight: bold;
		margin: auto;
		margin: 15px 0 0 50px;
	}

	.left_box02 h2 {
		text-align: center;
		padding: 60px 0 0 0;
		margin-left: 0px;
	}
	.right_box02 {
		width: 710px;
		overflow: hidden;
		float: left;
		margin: auto;
		margin-top: 20px;
		padding: 10px 0 10px 30px;
	}
	.gallery_txt01, .gallery_txt02{
		padding: 20px 60px;
	}

	/*===box3 sns===*/
	#sns{
		margin-top: 70px;
	}
	.left_box03 {
		width: 250px;
		float: left;
		padding: 30px;
		background: #fff;
	}
	.left_box03 li{
		padding: 12px 0 0 60px;
	}
	.left_box03 li:first-child{
		padding-top:20px;
	}
	.left_box03 h2 img {
		margin: 0 0 0 8px;
	}
	.left_box03 p{
		padding: 10px 0 0 5px;
		font-size: 30px;
	}
	.right_box03 {
		width: 416px;
		float: left;
		padding:0 0 0 10px; 
	}
	.right_box03 img {
		width: 90%;
	}

	/*===box4 access===*/
	#access{
		margin-top: 60px;
	}
	.left_box04 {
		width: 730px;
		float: left;
		margin-top: 60px;
		padding: 50px 10px 60px 0;
		background: #fff;
	}
	.left_box04 img{
		padding: 20px 0 0 70px;
	}
	.left_box04 a{
		text-decoration: none;
		color:#ff8e15;
	}
	.left_box04 h2{
		text-align: center;
		margin-left: -50px;
	}
	.right_box04 {
		width: 670px;
		float: left;
		padding:0px 40px 70px 30px; 
		background: #fff;
		margin-top: -1px;
	}
	.right_box04 img {
		width: 90%;
	}
	.right_box04 p {
		line-height: 160%;
	}
	.right_box04 a {
		color:red;
		text-decoration: none;
	}
	.map_link{
		width: 590px;
		background: #fff;
		border-radius: 15px;
		border:  solid #ff8e15 4px;
		color: #ff8e15;
		padding:20px 0 16px 0;
		text-align: center;
		font-weight: bold;
		margin: auto;
		margin-top: 30px;
	}
	#footer .copyright{
		text-align: center;
		padding: 60px 0;
		font-size: 22px;
		color: #000;
		
	}
	#footer{
		width: 740px;
		margin-top: 70px;
		background: #fff;
	}
	#footer ul{
		width: 710px;
		text-align: center;
		margin-left: 15px;
	}
	#footer li{
		display: inline-block ;
		width: 220px;
		padding: 6px;
	}
	#footer ul li img{
		width: 100%;
	}
	#footer h3{
		color:#ff8e15;
		text-align: center;
		padding: 40px 0 30px 0 ;
		font-weight: bold;
		font-size: 26px;
	}
	.pc_style{
		display: none;
	}

}