﻿
@charset "utf-8";

* {	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;}
html {overflow-y: scroll;}
a,
a:-webkit-any-link,
a:link{	text-decoration: none;
	color:#333333;
	cursor: pointer;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin: 0;
	padding: 0;
	color:#333333;}
body {	width: 100%;
	margin: 0 auto;
	font-family: YuMincho,
	'Yu Mincho',
	'MS Mincho',
	serif;
	background: url(../img/bg.png) repeat;}@media screen\0 { body { font-family: 'MS Mincho', sans-serif;}}
.gothic{font-family: -apple-system, blinkMacSystemFont,
	'Helvetica Neue',
	'Segoe UI',
	YuGothicM,
	YuGothic,
	Meiryo,
	sans-serif;}
	@font-face {
		  font-family: YuGothicM;
		  font-weight: normal;
		  src: local('YuGothic-Medium'),
			   local('Yu Gothic Medium'),
			   local('YuGothic-Regular');}
	@font-face {
		  font-family: YuGothicM;
		  font-weight: bold;
		  src: local('YoGothic-Bold'),
			   local('Yu Gothic');}
dt,dd,th,td,li,h1, h2, h3, h4, h5, h6,p,form,fieldset, input, textarea, blockquote {
	transform: rotate(-0.05deg);
	text-shadow: 0 0 0.1px rgba(0,0,0,0.5)}
caption, cite, code, dfn, em, strong, th, var{
	font-style: normal;
	font-weight:normal;}
address{font-style:normal;
	display:inline;}
table {	border-collapse: collapse;
	border-spacing: 0;}
th {	font-weight:normal;}
td {	vertical-align:top;}
img {	border:0;}
caption, th { text-align: left;}
q:before ,q:after { content:"";}
object, embed { vertical-align: top;}
h1, h2, h3, h4, h5, h6	{
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: normal;}
img, abbr, acronym, fieldset { vertical-align: bottom;}
ul{	list-style-type: none;}
.wfSm { font-family: "Sawarabi Mincho"; }
.wfSg { font-family: "M PLUS Rounded 1c"; }
img{	width:100%;}

header {width: 100%;
	border-top: solid 3px #0c341b;
	display: block;
	position: relative;
	overflow: hidden;}
header h1 {
	width: 100%;
	height: 45px;
	background: #ffffff;
	text-align: center;
	padding: 5px 0;
	color: #0c341b;
	position: relative;
	z-index: 1;}
header h1:after {
	content:"";
	width: 100%;
	border-bottom: solid 2px #0c341b;
	display: block;
	position: absolute;
	bottom: 3px;}
header h1 small {
	display: block;
	line-height: 1;}
header,
header img.mv {
	height: 925px;}
header img.mv {
	position: absolute;
	top: 30px;
	right: -30px;
	margin: 0 auto;
	width: 1346px;}
header ul {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 960px;}
header ul li {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;}
header ul li:nth-child(1) img { width: 273px;height: 58px;}
header ul li:nth-child(2) img { width: 445px;height: 123px;}
header ul li:nth-child(3) img { width: 424px;height: 337px;}
header ul li:nth-child(4) img { width: 206px;height: 206px;}
header ul li:nth-child(5) img { width: 383px;height: 88px;}
header ul li:nth-child(1) {
	width: 273px;
	height: 58px;
	top: 50px;
	left: -480px;}
header ul li:nth-child(2) {
	width: 445px;
	height: 123px;
	top: 260px;
	left: -320px;}
header ul li:nth-child(3) {
	width: 424px;
	height: 337px;
	top: 340px;
	left: -400px;
	z-index: 1;}
header ul li:nth-child(4) {
	width: 206px;
	height: 206px;
	top: 430px;}
header ul li:nth-child(5) {
	width: 383px;
	height: 88px;
	top: 700px;
	left: -380px;}
.SCN01,
.SCN02,
.apply,
.SCN03 {width: 960px;
	margin:0 auto;
	position: relative;
	box-shadow: 3px 3px 5px #888888;
	background: #ffffff;}
.SCN01bg {
	width: 960px;
	height: 639px;
	position: relative;}
.SCN01 h2,
.SCN02 h4,
.SCN03 h3 {
	height: 80px;
	background: rgba(0,94,20,0.6);
	margin: -20px auto 0;
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	line-height: 80px;
	text-shadow: 1px 1px 1px #000000;}
.SCN01left {
	position: absolute;
	top: 0;}
.SCN01right {
	width: 530px;
	height: 520px;
	background: rgba(255,255,255,0.7);
	padding: 20px;
	position: absolute;
	top: 105px;
	right: 25px;}
.SCN01left .img01 {
	width: 351px;
	height: 161px;
	top: 210px;
	position: absolute;
	left: 10px;}
.SCN01left .img02 {
	width: 236px;
	height: 256px;
	position: absolute;
	top: 430px;
	left: 30px;}
.SCN01right h3 {
	font-size: 28px;
	font-weight: bold;}
.SCN01right p {
	font-size: 15px;
	text-align: justify;}
.SCN02 { margin: 100px auto 0;}
.SCN02bg {
	width: 960px;
	height: 436px;
	position: relative;}
.SCN02 div {
	position: absolute;
	top: 110px;
	right: 30px;
	background: rgba(255,255,255,0.7);
	padding: 30px;
	width: 570px;}
.SCN02 div p { text-align: justify;}
.SCN02 div p:nth-child(1) {
	font-size: 17px;
	font-weight: bold;
	line-height: 34px;}
.SCN02 div p:nth-child(2) {
	margin: 15px auto 0;
	font-size: 15px;
	line-height: 25px;}
.apply {margin: 60px auto 0;}
.applyBG {
	width: 960px;
	height: 700px;
	position: relative;}
.apply h2 {
	position: absolute;
	top: 25px;
	left: 25px;}
.apply h2 img {
	width: 341px;
	height: 83px;}
.appTxt{position: absolute;
	top: 145px;
	left: 25px;}
.appTxt img {
	width: 445px;
	height: 123px;}
.appBox{position: absolute;
	width: 440px;
	height: 200px;
	background: rgba(255,255,255,0.7);
	border: solid 3px #005d15;
	top: 320px;
	left: 35px;
	padding: 15px 30px;}
.appBox p {
	font-size: 20px;
	color: #005e15;}
.appBox p:nth-child(1) { margin: 0 0 10px;}
.appBox p:nth-child(2) { font-size: 18px;}
.appBox p:nth-child(3) { margin: 10px 0 0;}
.appBox p:nth-child(4) {
	text-align: right;}
.SCN03 {margin: 60px auto 0;
	text-align: center;
	height: 1100px;}
.SCN03bg {
	width: 937px;
	height: 769px;
	margin: 30px auto;
	position: relative;}
.SCN03 ul {
	position: absolute;
	top: 110px;}
.SCN03 ul li {
	width: 150px;
	height: 180px;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	vertical-align: top;}
.SCN03 ul li img {
	width: 150px;
	height: 150px;}
.SCN03 ul li small {
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	width: 100%;
	display: block;
	top: 5px;}
.SCN03 p {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 20px;
	font-size: 12px;
	line-height: 16px;}
.SCN04 {margin: 60px auto 0;
	position: relative;
	width: 880px;
	height: 310px;
	border: solid 5px #005d15;
	padding: 10px;
	background: #ffffff;}
.SCN04 h4 {
	font-size: 12px;
	color: #005d15;}
.SCN04 h5 {
	margin: 30px auto 0;
	font-size: 12px;
	color: #005d15;}
.SCN04 ul { line-height: 20px;}
.SCN04 ul li {
	display: inline-block;
	color: #005d15;
	font-size: 12px;}
.SCN04 ul li:after {
	content:"、";
	display: inline-block;}
.SCN04 ul li:last-child:after { content:"";}
.SCN04 p {
	font-size: 12px;
	color: #005d15;}
footer {margin: 30px auto 10px;
	text-align: center;}
footer small {
	width: 100%;
	height: 45px;
	padding: 5px 0;
	color: #0c341b;
	position: relative;
	z-index: 1;
	font-size: 20px;}
footer span {
	display: block;
	line-height: 1;
	font-size: 14px;}
@media screen and (max-width: 640px) { body { max-width: 640px;}
	.SCN01,
	.SCN02,
	.apply,
	.SCN03 {
		width: 96%;
		overflow: hidden;
		margin: 20px auto;}
	.SCN01 h2,
	.SCN02 h4,
	.SCN03 h3 {
		height: 50px;
		line-height: 50px;
		margin: 0 auto;
		font-size: 18px;}
	header img.mv {
		right: -100px;
		width: 916px;}
	header,
	header img.mv { height: 616px;}
	header ul li:nth-child(1) { left: -550px;}
	header ul li:nth-child(2) {
		top: 200px;
		left: -440px;}
	header ul li:nth-child(3) {
		width: 292px;
		height: 232px;
		top: 320px;
		left: -610px;}
	header ul li:nth-child(4) {
		width: 150px;
		height: 150px;
		top: 380px;
		left: -350px;}
	.SCN01bg {
		width: 850px;
		height: auto;
		left: -100px;}
	.SCN01right {
		width: 85%;
		height: auto;
		padding: 4%;
		top: 70px;
		right: 0;
		left: 0;
		margin: 0 auto;}
	.SCN01right p { font-size: 13px;}
	.SCN01right ul {
		font-size: 13px;
		margin: 10px auto;}
	.SCN01left { z-index: 1;}
	.SCN01left .img01 {
		width: 230px;
		height: auto;
		top: 250px;
		position: absolute;
		left: 250px;}
	.SCN01left .img02 {
		width: 100px;
		height: auto;
		top: 240px;
		left: 480px;}
	.SCN02bg {
		width: 800px;
		height: auto;}
	.SCN02 div {
		position: absolute;
		top: 70px;
		right: 0;
		left: 0;
		margin: 0 auto;
		padding: 4%;
		width: 85%;}
	.SCN02 div p:nth-child(1) {
		font-size: 15px;
		line-height: 25px;}
	.SCN02 div p:nth-child(2) {
		margin: 15px auto 0;
		font-size: 13px;
		line-height: 23px;}
	.applyBG {
		width: 740px;
		height: auto;
		position: relative;
		right: 80px;}
	.apply h2 {
		left: 0;
		right: 0;
		text-align: center;}
	.appTxt {
		position: absolute;
		top: 135px;
		left: 0;
		right: 0;
		text-align: center;}
	.appBox {
		width: 85%;
		height: auto;
		padding: 4%;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 290px;}
	.appBox {
		width: 85%;
		height: auto;
		padding: 3%;}
	.appBox p { font-size: 18px;}
	.appBox p:nth-child(2),
	.appBox p:nth-child(3),
	.appBox p:nth-child(4) { font-size: 16px;}
	.SCN03 { height: 870px;}
	.SCN03bg {
		width: 700px;
		height: auto;
		margin: 30px auto;
		left: -40px;
		right: 0;}
	.SCN03 ul li {
		width: 90px;
		height: 140px;}
	.SCN03 ul li img {
		width: 90px;
		height: auto;}
	.SCN04 {
		width: 85%;
		height: auto;}
	.SCN04 ul li { font-size: 11px;}
	header ul li:nth-child(3) img,
	header ul li:nth-child(4) img {
		width: 100%;
		height: auto;}
}
@media screen and (max-width: 480px) { body { max-width: 480px;}

	.SCN01bg { width: 800px;}
	.SCN01left .img01 {
		width: 180px;
		top: 200px;
		left: 260px;}
	.SCN01left .img02 {
		width: 90px;
		top: 270px;
		left: 335px;}
	.SCN01right h3 { font-size: 24px;}
	.SCN01right p,
	.SCN01right ul {
		font-size: 12px;
		line-height: 1.6;}
	.SCN01right ul { margin: 20px auto;}
	.SCN01 h2,
	.SCN02 h4,
	.SCN03 h3 {
		height: auto;
		line-height: 1.4;
		font-size: 15px;
		width: 92%;
		padding: 10px 4%;}
	.SCN02bg {
		width: 640px;
		height: auto;}
	.SCN02 div p:nth-child(1) {
		font-size: 13px;
		line-height: 1.6;}
	.SCN02 div p:nth-child(2) {
		margin: 15px auto 0;
		font-size: 12px;
		line-height: 1.6;}
	.apply h2 img {
		width: 260px;
		height: auto;}
	.apply h2 { top: 20px;}
	.appTxt img {
		width: 300px;
		height: auto;}
	.appTxt {
		top: 120px;
		left: -100px;}
	.appBox { top: 230px;}
	.appBox p { font-size: 16px;}
	.appBox p:nth-child(2),
	.appBox p:nth-child(3),
	.appBox p:nth-child(4) { font-size: 14px;}
	.applyBG {
		width: 610px;
		right: 120px;}
	.SCN03 { height: 680px;}
	.SCN03 ul { top: 60px;}
	.SCN03 ul li {
		width: 75px;
		height: 110px;
		margin: 0 5px;}
	.SCN03 ul li img {
		width: 100%;
		height: auto;}
	.SCN03 ul li small { font-size: 9px;}
	.SCN04 ul li { font-size: 10px;}
	.SCN04 ul li:after { margin: 0 -5px 0 0;}
	.SCN04 ul li:last-child:after { margin: 0;}
	.SCN04 p { font-size: 11px;}
}
@media screen and (max-width: 414px) { body { max-width: 414px;}
	header img.mv {
		top: 10px;
		right: -40px;}
	.SCN01right p { font-size: 11px;}
	.SCN01left .img01 { left: 190px;}
	.SCN01left .img02 { left: 280px;}
	.SCN02bg { width: 670px;}
	.SCN02 div p:nth-child(1) { font-size: 12px;}
	.SCN02 div p:nth-child(2) { font-size: 11px;}
	.applyBG {
		width: 600px;
		right: 170px;}
	.appTxt { left: -80px;}
	.SCN03 { height: 640px;}
	.SCN03 ul li {
		width: 65px;
		height: 105px;
		margin: 0 3px;}
	.SCN03bg {
		width: 640px;
		height: auto;
		left: -100px;}
	.SCN04 ul { line-height: 1.2;}
}
@media screen and (max-width: 375px) { body { max-width: 375px;}
	header ul { width: 100%;}
	header ul li:nth-child(1) { left: 0;}
	header ul li:nth-child(2) img {
		width: 100%;
		height: auto;}
	header ul li:nth-child(2) {
		width: 330px;
		height: auto;
		left: 0;}
	header ul li:nth-child(3) {
		width: 272px;
		height: auto;
		top: 320px;
		left: -80px;}
	header ul li:nth-child(4) {
		width: 120px;
		height: auto;
		top: 390px;
		left: 150px;}
	.SCN01right h3 { font-size: 20px;}
	.SCN01left .img01 { left: 170px;}
	.SCN01left .img02 {
		top: 280px;
		left: 250px;}
	.appTxt {
		top: 100px;
		left: 0;}
	.applyBG { width: 550px;}
	.appBox { top: 200px;}
	.SCN03 ul li {
		width: 60px;
		height: 100px;
		margin: 0 2px;}
}
@media screen and (max-width: 350px) { body { max-width: 350px;}
	header img.mv { width: 800px;}
	header,
	header img.mv { height: 537px;}
	header ul li:nth-child(3) {
		top: 270px;
		left: -70px;}
	header ul li:nth-child(4) {
		top: 340px;
		left: 190px;}
	.SCN01 h2,
	.SCN02 h4,
	.SCN03 h3 { font-size: 13px;}
	.SCN01right p,
	.SCN01right ul { font-size: 11px;}
	.SCN01left .img01 {
		width: 160px;
		left: 170px;}
	.SCN01left .img02 {
		width: 80px;
		top: 270px;
		left: 235px;}
	.SCN02bg { width: 740px;}
	.SCN03 { height: 890px;}
	.SCN03 ul li {
		width: 73px;
		height: 110px;}
}
@media screen and (max-width: 320px) { body { max-width: 320px;}
	header ul li:nth-child(2) { width: 270px;}
	header ul li:nth-child(3) { width: 250px;}
	header ul li:nth-child(4) {
		top: 335px;
		left: 180px;
		width: 100px;}
	.SCN01right { top: 55px;}
	.SCN01right p,
	.SCN01right ul { font-size: 10px;}
	.SCN01left .img01 {
		width: 150px;
		left: 150px;
		top: 180px;}
	.SCN01left .img02 {
		width: 70px;
		top: 250px;
		left: 220px;}
	.SCN01bg { width: 730px;}
	.SCN02 div p:nth-child(1) { font-size: 11px;}
	.apply h2 img { width: 220px;}
	.appTxt img { width: 270px;}
	.appBox p { font-size: 15px;}
	.appBox p:nth-child(2),
	.appBox p:nth-child(3),
	.appBox p:nth-child(4) { font-size: 12px;}
	.SCN03 ul li {
		width: 65px;
		height: 103px;}
	.SCN03 { height: 850px;}
	.SCN03 p { font-size: 11px;}
	.SCN04 h5 { margin: 15px auto 0;}
	.SCN04 p { font-size: 10px;}
}

.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}}
.mihon div {
	display: inline-block;
	width: 100px;
	height: 100px;}
.mihon div img { width: 100%;}
.inf { animation-iteration-count: infinite;}