@charset "utf-8";

body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

@media screen and (min-width: 900px) {

.sp-br{
	display:none;
}



#wrap{
	position:relative;
}




#header{
	width:100%;
	height:100px;
	position:fixed;
	text-align:center;
	margin:0px auto;
	background-color:#ffffff;
	position:fixed;
}

#navi{
	width:80%;
	height:100px;
	margin:0px auto;
	position:relative;
}

#header:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#header img{
	position:absolute;
	top:10px;
	left:30px;
	width:73px;
	height:78px;
}

#header ul{
	margin:0px auto;
	width:600px;
	padding-top:40px;
}

#header ul li{
	float:left;
	font-size:16px;
	margin-right:50px;
}

#header ul li:last-child{
	margin-right:0px;
}

#header ul li a{
	color:#004da0;
	text-decoration:none;
}

#header ul li a:hover{
	color:#cccccc;
	text-decoration:none;
}


#sp-header{
	display:none;
}

#btn-menu{
	display:none;
}

#sp-menu{
	display:none;
}



#main{
	width:100%;
	height:100px;
	background-color:#ccccccc;
}

.sections{
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	min-width:1080px;
}

.sections ul{
	display:block;
	width:80%;
	margin:0px 10%;
	max-width:1280px;
}

.sections ul li{
	width:50%;
	float:left;
}

.sections:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.sections p{
	font-size:16px;
	line-height:1.8;
}

#section-1{
	background-image:url(../img/back-1.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#eeeeed;
}

#section-1 ul{
}

h1{
	font-size:32px;
	padding-bottom:30px;
	color:#004994;
}

#section-1 p{
	color:#004994;
}

h2{
	font-size:32px;
	text-align:center;
}

h3{
	font-size:14px;
	text-align:center;
	border-bottom:1px solid;
	padding-bottom:20px;
	padding-top:20px;
	margin-bottom:25px;
}

#section-2{
	background-image:url(../img/back-2.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#004994;
	padding-bottom:0px;
}

#section-2 h2{
	color:#ffffff;
}

#section-2 h3{
	color:#ffffff;
}

#section-2 p{
	color:#ffffff;
}

#bottle-1{
	width:85px;
	margin-right:8px;
}

#bottle-2{
	width:85px;
	margin-right:8px;
}

#bottle-10{
	width:85px;
	margin-right:8px;
}

#bottle-11{
	width:85px;
}

#bottle-3{
	width:85px;
	margin-right:8px;
}

#bottle-4{
	width:97px;
	height:464px;
	margin-right:30px;
}

#bottle-5{
	width:94px;
	height:419px;
	margin-right:30px;
	padding-top:25px;
}

#bottle-6{
	width:121px;
	height:442px;
}

#bottles-1{
	width: 90%;
}

#section-3{
	background-image:url(../img/back-3.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#eeeeed;
	padding-bottom:0px;
}

#section-3 h2{
	color:#004994;
}

#section-3 h3{
	color:#004994;
}

#section-3 p{
	color:#004994;
}


#bottle-7{
	width:100px;
	height:287px;
	margin-right:30px;
	padding-top:40px;
}

#bottle-8{
	width:100px;
	height:287px;
	margin-right:30px;
	padding-top:40px;
}

#bottle-9{
	width:100px;
	height:287px;
	padding-top:40px;
}

#bottles-3{
	width: 90%;
}

#bottles-2{
	width: 90%;
}

#section-4{
	background-image:url(../img/back-4.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#004994;
	padding-bottom:0px;
}

#section-4 h2{
	color:#ffffff;
}

#section-4 h3{
	color:#ffffff;
}

#section-4 p{
	color:#ffffff;
}

#pic-1{
	width: 90%;
	padding-top:30px;
}

#pic-2{
	width: 90%;
	padding-top: 30px;
}

#section-5{
	background-image:url(../img/back-5.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top right;
	background-color:#eeeeed;
}

#section-5 h2{
	color:#004994;
}

#section-5 h3{
	color:#004994;
}

#section-5 p{
	color:#004994;
}



#section-6 h2{
	text-align:left;
	color:#004994;
}

#section-6 p{
	color:#004994;
	padding-top:20px;
	padding-right:50px;
}

#section-7{
	background-color:#eeeeed;
}

#section-7 h2{
	color:#004994;
	text-align:left;
}




#section-10{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#eeeeed;
	padding-bottom:0px;
}

#section-10 h2{
	color:#004994;
}

#section-10 h3{
	color:#004994;
}

#section-10 p{
	color:#004994;
}

#section-9{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#004994;
	padding-bottom:0px;
}

#section-9 h2{
	color:#ffffff;
}

#section-9 h3{
	color:#ffffff;
}

#section-9 p{
	color:#ffffff;
}




#section-12{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	background-color:#eeeeed;
	padding-bottom:0px;
}

#section-12 h2{
	color:#004994;
}

#section-12 h3{
	color:#004994;
}

#section-12 p{
	color:#004994;
}

#bottles-12{
	width: 70%;
	margin-left: 15%;
}

#footer{
	width:100%;
	background-color:#004994;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}

#footer p{
	color:#ffffff;
	font-size:14px;
}

.to-top{
	position:absolute;
	top:-40px;
	right:15px;
	border:2px solid #004994;
	border-radius:5px 5px 0px 0px;
	display:block;
	width:120px;
	height:40px;
	padding-top:7px;
	font-size:16px;
	color:#004994;
	text-decoration:none;
}

.to-top:hover{
	color:#cccccc;
	text-decoration:underline;
}

.tel{
	color:#ffffff;
	text-decoration:none;
}

.tel:hover{
	color:#cccccc;
	text-decoration:underline;
}

.tel-2{
	color:#004994;
	text-decoration:none;
}

.tel-2:hover{
	color:#cccccc;
	text-decoration:underline;
}






.links ul{
	width:70%;
	margin:40px 15%;
	padding-bottom:50px;
}

.links ul img{
	width:64px;
	height:45px;
	margin-left:-50px;
	margin-top:-40px;
	position:absolute;
}

.links-2 ul img{
	width:64px;
	height:45px;
	margin-left:-50px;
	margin-top:-40px;
	position:absolute;
}

.links-2 ul{
	width:70%;
	margin:40px 15%;
	padding-bottom:50px;
}


.links ul li a{
	border-radius:2px;
	border:1px solid #004994;
	display:block;
	width:150px;
	height:40px;
	color:#004994;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}

.links ul li a:hover{
	border-radius:2px;
	border:1px solid #004994;
	display:block;
	width:150px;
	height:40px;
	color:#004994;
	background-color:#ffffff;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}


.links ul li:nth-child(2) a{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:150px;
	height:40px;
	color:#cdba6e;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}

.links ul li:nth-child(2) a:hover{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:150px;
	height:40px;
	color:#cdba6e;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	background-color:#ffffff;
	box-sizing:border-box;
}




.links-2 ul li a{
	border-radius:2px;
	border:1px solid #ffffff;
	display:block;
	width:150px;
	height:40px;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}

.links-2 ul li a:hover{
	border-radius:2px;
	border:1px solid #ffffff;
	display:block;
	width:150px;
	height:40px;
	color:#ffffff;
	background-color:#ffffff;
	text-align:center;
	font-size:16px;
	color:#004994;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}


.links-2 ul li:nth-child(2) a{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:150px;
	height:40px;
	color:#cdba6e;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
}

.links-2 ul li:nth-child(2) a:hover{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:150px;
	height:40px;
	color:#cdba6e;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding-top:6px;
	background-color:#ffffff;
	box-sizing:border-box;
}





input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"]{
	width:99.5%;
	padding:5px;
	background-color:#eeeeed;
	border:1px solid #999999;
}

input:focus{
	background-color:#ffffff;
	outline:1px solid #004994;
}

textarea{
	width:100%;
	height:150px;
	background-color:#eeeeed;
	border:1px solid #999999;
	resize:none;
	padding:5px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

textarea:focus{
	background-color:#ffffff;
	outline:1px solid #004994;
}

input[type="submit"]{
	text-align:center;
	font-size:24px;
	display:block;
	width:150px;
	height:60px;
	border:2px solid #004994;
	color:#004994;
	border-radius:10px;
	margin-left:50%;
}

#forms{
	color:#004994;
	font-size:14px;
	padding-top:30px;
	padding-bottom:30px;
}

#forms p{
	padding-top:10px;
}

#send{
	height:60px;
	width:100%;
	text-align:center;
	margin-top:30px;
	margin-left:-75px;
}

.red{
	color:#c8171e;
	font-size:12px;
}

#section-8{
	width:80%;
	margin:0px 10%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
	min-width:1280px;
}

#section-8 h2{
	text-align:left;
	color:#004994;
}

#section-8 p{
	color:#004994;
	padding-top:20px;
	padding-right:50px;
}

#section-8 ul ul{
	width:100%;
	margin-top:30px;
}

#section-8 ul ul li{
	width:175px;
	height:175px;
	border:1px solid #004994;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
}

#section-8 ul ul li img{
	height:100%;
}

#section-8:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#section-9{
	text-align: center;
}

#section-9 p{
	text-align: left;
}

#pic-3{
	width: 20%;
	padding-left: 40%;
}

#pic-4{
	width: 90%;
	padding-right: 10%;
}

#shadow{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}

#box-1{
	display: none;
	width: 80%;
	height: 80%;
	overflow-y: scroll;
	background-color: #ffffff;
	position: fixed;
	top: 10%;
	left: 10%;
	box-sizing: border-box;
	padding: 20px;
}

#box-1 h3{
	font-size: 1.6rem;
}

#box-1 p{
	font-size: 1.2rem;
}

}




























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


#wrap{
	position:relative;
}




#sp-menu{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#ffffff;
	z-index:100;
	display:none;
}

#sp-header{
	width:100%;
	height:100px;
	position:fixed;
	text-align:center;
	margin:0px auto;
	background-color:#ffffff;
	z-index:100;
}

#logo-sp{
	width:73px;
	height:78px;
	padding-top:10px;
}

#btn-close{
	width:35px;
	height:32px;
}

.sp-close{
	display:block;
	width:70px;
	height:56px;
	border-radius:5px 0px 0px 5px;
	background-color:#004994;
	position:absolute;
	top:18px;
	right:0px;
	padding-top:12px;
	box-sizing:border-box;
}

.sp-close:hover{
	display:block;
	width:70px;
	height:56px;
	border-radius:5px 0px 0px 5px;
	background-color:#004994;
	position:absolute;
	top:18px;
	right:0px;
	padding-top:12px;
	box-sizing:border-box;
}

#sp-menu ul{
	width:100%;
	margin-top:101px;
}

#sp-menu ul li a{
	display:block;
	width:100%;
	height:60px;
	background-color:#f4f4f4;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	margin-bottom:5px;
	color:#004994;
	text-decoration:none;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
	padding-top:17px;
}

#sp-menu ul li a:hover{
	display:block;
	width:100%;
	height:60px;
	background-color:#004994;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	margin-bottom:5px;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
	padding-top:17px;
}

#header{
	width:100%;
	height:100px;
	position:fixed;
	text-align:center;
	margin:0px auto;
	background-color:#ffffff;
	z-index:95;
}

#navi{
	width:80%;
	height:120px;
	margin:0px auto;
	position:relative;
}

#header:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#header img#logo{
	width:73px;
	height:78px;
	padding-top:10px;
}

#header ul{
	margin:0px auto;
	width:470px;
	padding-top:40px;
	display:none;
}

#header ul li{
	float:left;
	font-size:16px;
	margin-right:50px;
}

#header ul li:last-child{
	margin-right:0px;
}

#header ul li a{
	color:#004da0;
	text-decoration:none;
}

#header ul li a:hover{
	color:#cccccc;
	text-decoration:none;
}

#btn-menu{
	width:46px;
	height:32px;
}

.sp-open{
	display:block;
	width:70px;
	height:56px;
	border-radius:5px 0px 0px 5px;
	background-color:#004994;
	position:absolute;
	top:18px;
	right:0px;
	padding-top:12px;
	box-sizing:border-box;
}

.sp-open:hover{
	display:block;
	width:70px;
	height:56px;
	border-radius:5px 0px 0px 5px;
	background-color:#004994;
	position:absolute;
	top:18px;
	right:0px;
	padding-top:12px;
	box-sizing:border-box;
}



#main{
	width:100%;
	height:100px;
	background-color:#ccccccc;
}

.sections{
	width:100%;
	height:auto;
	padding-top:30px;
	padding-bottom:30px;
}

.sections ul{
	display:block;
	width:90%;
	margin:0px 5%;
}

.sections ul li{
	width:100%;
}

.sections:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.sections p{
	font-size:14px;
	line-height:1.8;
}

#section-1{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#eeeeed;
}

#section-1 ul{
}

h1{
	font-size:28px;
	padding-bottom:30px;
	color:#004994;
	text-align:center;
}

#section-1 p{
	color:#004994;
}

h2{
	font-size:28px;
	text-align:center;
}

h3{
	font-size:14px;
	text-align:center;
	border-bottom:1px solid;
	padding-bottom:20px;
	padding-top:20px;
	margin-bottom:25px;
}

#section-2{
	background-color:#004994;
	padding-bottom:0px;
	text-align:center;
}

#section-2 h2{
	color:#ffffff;
}

#section-2 h3{
	color:#ffffff;
}

#section-2 p{
	color:#ffffff;
	text-align:left;
}

#bottle-1{
	width:35px;
	margin-right:5px;
}

#bottle-2{
	width:35px;
	margin-right:5px;
}

#bottle-3{
	width:35px;
	margin-right:5px;
}

#bottle-10{
	width:35px;
	margin-right:5px;
}

#bottle-11{
	width:35px;
}

#bottle-4{
	width:55px;
	margin-right:10px;
	padding-top:4px;
}

#bottle-5{
	width:55px;
	margin-right:10px;
	padding-top:12px;
}

#bottle-6{
	width:70px;
}

#section-3{
	text-align:center;
	background-color:#eeeeed;
	padding-bottom:0px;
}

#section-3 h2{
	color:#004994;
}

#section-3 h3{
	color:#004994;
}

#section-3 p{
	text-align:left;
	color:#004994;
}


#bottle-7{
	width:65px;
	margin-right:10px;
	padding-top:20px;
}

#bottle-8{
	width:65px;
	margin-right:10px;
	padding-top:20px;
}

#bottle-9{
	width:65px;
	padding-top:20px;
}

#bottles-1{
	width: 90%;
}

#bottles-2{
	width: 90%;
}

#bottles-3{
	width: 90%;
}

#bottles-12{
	width: 90%;
	margin-left: 5%;
}

#section-4{
	text-align:center;
	background-color:#004994;
	padding-bottom:0px;
}

#section-4 h2{
	color:#ffffff;
}

#section-4 h3{
	color:#ffffff;
}

#section-4 p{
	color:#ffffff;
	text-align:left;
}

#pic-1{
	width:90%;
	padding-top:30px;
	padding-bottom:30px;
}

#pic-2{
	width:90%;
	padding-top:30px;
	padding-bottom:30px;
}

#section-5{
	text-align:center;
	background-color:#eeeeed;
}

#section-5 h2{
	color:#004994;
}

#section-5 h3{
	color:#004994;
}

#section-5 p{
	color:#004994;
	text-align:left;
}



#section-6 h2{
	text-align:center;
	color:#004994;
}

#section-6 p{
	color:#004994;
	padding-top:20px;
}

#section-7{
	background-color:#eeeeed;
}

#section-7 h2{
	color:#004994;
	text-align:center;
}

#section-9{
	text-align: center;
}

#section-9 p{
	text-align: left;
}

#section-10{
	text-align: center;
}

#section-10 p{
	text-align: left;
}

#section-11{
	text-align: center;
}

#section-11 p{
	text-align: left;
}

iframe{
	width:80%;
	height:260px;
	margin-top:30px;
	margin-left:10%;
}


#footer{
	width:100%;
	background-color:#004994;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}

#footer p{
	color:#ffffff;
	font-size:14px;
	display:block;
	width:80%;
	margin:0px 10%;
}

.to-top{
	position:absolute;
	top:-40px;
	right:15px;
	border:2px solid #004994;
	border-radius:5px 5px 0px 0px;
	display:block;
	width:120px;
	height:40px;
	padding-top:7px;
	font-size:16px;
	color:#004994;
	text-decoration:none;
}

.to-top:hover{
	color:#cccccc;
	text-decoration:underline;
}




.tel{
	color:#ffffff;
	text-decoration:none;
}

.tel:hver{
	color:#cccccc;
	text-decoration:underline;
}


.links ul{
	width:100%;
	margin:20px 0%;
	padding-bottom:50px;
	position:relative;
}

.links-2 ul{
	width:100%;
	margin:20px 0%;
	padding-bottom:50px;
	position:relative;
}

.links ul img{
	width:32px;
	height:23px;
	right:-20px;
	top:-20px;
	position:absolute;
}

.links-2 ul img{
	width:32px;
	height:23px;
	right:-20px;
	top:-20px;
	position:absolute;
}

.links-2 ul{
	width:100%;
	margin:40px 0%;
	padding-bottom:50px;
}


.links ul li a{
	border-radius:2px;
	border:1px solid #004994;
	display:block;
	width:110px;
	height:35px;
	color:#004994;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:left;
}

.links ul li a:hover{
	border-radius:2px;
	border:1px solid #004994;
	display:block;
	width:110px;
	height:35px;
	color:#004994;
	background-color:#ffffff;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:left;
}


.links ul li:nth-child(2) a{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:110px;
	height:35px;
	color:#cdba6e;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:right;
}

.links ul li:nth-child(2) a:hover{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:110px;
	height:35px;
	color:#cdba6e;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	background-color:#ffffff;
	box-sizing:border-box;
	float:right;
}




.links-2 ul li a{
	border-radius:2px;
	border:1px solid #ffffff;
	display:block;
	width:110px;
	height:35px;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:left;
}

.links-2 ul li a:hover{
	border-radius:2px;
	border:1px solid #ffffff;
	display:block;
	width:110px;
	height:35px;
	color:#ffffff;
	background-color:#ffffff;
	text-align:center;
	font-size:14px;
	color:#004994;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:left;
}


.links-2 ul li:nth-child(2) a{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:110px;
	height:35px;
	color:#cdba6e;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	box-sizing:border-box;
	float:right;
}

.links-2 ul li:nth-child(2) a:hover{
	border-radius:2px;
	border:1px solid #cdba6e;
	display:block;
	width:110px;
	height:35px;
	color:#cdba6e;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding-top:6px;
	background-color:#ffffff;
	box-sizing:border-box;
	float:right;
}


input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"]{
	width:96%;
	padding:5px;
	background-color:#eeeeed;
	border:1px solid #999999;
}

textarea{
	width:96%;
	height:150px;
	background-color:#eeeeed;
	border:1px solid #999999;
	resize:none;
	padding:5px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

input[type="submit"]{
	text-align:center;
	font-size:24px;
	display:block;
	width:150px;
	height:60px;
	border:2px solid #004994;
	color:#004994;
	border-radius:10px;
	margin-left:50%;
}

#forms{
	color:#004994;
	font-size:14px;
	padding-top:30px;
	padding-bottom:30px;
}

#forms p{
	padding-top:10px;
}

#send{
	height:60px;
	width:100%;
	text-align:center;
	margin-top:30px;
	margin-left:-75px;
}

.red{
	color:#c8171e;
	font-size:12px;
}


input:focus{
	background-color:#ffffff;
	outline:1px solid #004994;
}

textarea:focus{
	background-color:#ffffff;
	outline:1px solid #004994;
}


#section-8{
	width:80%;
	margin:0px 10%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
}

#section-8 h2{
	text-align:left;
	color:#004994;
}

#section-8 p{
	color:#004994;
	padding-top:20px;
	padding-right:50px;
}

#section-8 ul ul{
	width:100%;
	margin-top:30px;
}

#section-8 ul ul li{
	width:175px;
	height:175px;
	border:1px solid #004994;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	text-align:center;
}

#section-8 ul ul li img{
	height:100%;
}

#section-8:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#pic-3{
	width: 30%;
	margin-left: 35%;
	margin-bottom: 25px;
}

#pic-4{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 25px;
}

#shadow{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}

#box-1{
	display: none;
	width: 90%;
	height: 80%;
	overflow-y: scroll;
	background-color: #ffffff;
	position: fixed;
	top: 10%;
	left: 5%;
	box-sizing: border-box;
	padding: 20px;
	z-index: 1000;
}

#box-1 h3{
	font-size: 1.2rem;
}

#box-1 p{
	font-size: 1.0rem;
}
	
}