@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: -apple-system, blinkMacSystemFont,
	'Helvetica Neue',
	'Segoe UI',
	YuGothicM,
	YuGothic,
	Meiryo,
	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');}
.mincho{font-family: YuMincho,
	'Yu Mincho',
	'MS Mincho',
	serif;}@media screen\0 { body { font-family: 'MS Mincho', sans-serif;}}
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%;}
.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;}

header {overflow: hidden;
	width: 100%;
	height: auto;
	position: relative;
	max-height: 590px;}
header .mvimg {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, 0);
	width: 100%;
	height: auto;}
header:before {
	content: "";
	display: block;
	padding-top: 46.7%;}
header:after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 46.7%;
	position: absolute;
	top: 0;
	z-index: 1;}

.sub header {overflow: hidden;
	width: 100%;
	height: auto;
	position: relative;
	max-height: 200px;}
.sub header:before {
	content: "";
	display: block;
    padding-top: 10px;
    background: #086c49;}
.sub header:after {
	content: "";
	display: block;
	width: 100%;
    padding-top: 10px;
    background: #086c49;
	position: absolute;
	top: 0;
	z-index: 1;}
.sub header h1 {
    text-align: center;
    padding: 50px;
    font-size: 20px;
    border-bottom: solid 1px #076c49;}
header .mvbox {
	position: absolute;
	top: 15%;
	left: 50%;
	right: 0%;
	margin: 0 auto;
	max-width: 580px;
	padding: 0 4.3% 0 0;}
header .mvbox div {
	margin: 30px auto 0;
	position: relative;
	padding: 0 0 46%;
	z-index: 2;}
header .mvbox div a {
	position: absolute;
	bottom: 7%;
	left: 0;
	right: 0;
	width: 68.78%;
	margin: 0 auto;}
.obi {	width: 100%;
	background: #086c49;
	text-align: center;
	padding: 2.62% 0px;}
.obi p {color: #fff;
	font-size: 24px;
	line-height: 36px;}
.obi p span { color: #f6ff00;}
.rui p {font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	margin: 50px auto;}
.rui p span { color: #ff0000;}
.rui .img {
	width: 56%;
	max-width: 707px;
	margin: 40px auto;
	display: block;}
.rui .CC {
    margin: 0 auto -20px;
    color: black;}
.rui .CC small {
    display: block;
    color: #3db722;}
.rui div {
	margin: 30px auto 0;
	position: relative;
	z-index: 2;
	width: 76.01%;}
.rui div a {
    position: absolute;
    top: 73%;
    left: 23%;
    right: 0;
    width: 20%;
    margin: 0 auto;
}
.rui div a.ruiBK {
    top: 73%;
    left: 67%;}
.rui div a:hover { opacity: 0.7;}
.rui .chu {
	font-size: 15px;
	width: 74%;
	text-align: left;
	margin: 10px 13% 0;}
.rui .chu2 {
	font-size: 12px;
	width: 74%;
	text-align: left;
	margin: 10px 13% 0;}
section h2 {
	font-size: 34px;
	margin: 100px auto 50px;
	width: max-content;
	text-align: center;
	color: #441404;
	font-weight: bold;}
.kensa div {
	width: 90%;
	max-width: 798px;
	margin: auto;
	padding: 40px;
	border: solid 1px;
	font-size: 18px;
	line-height: 36px;}
.kensa div p { margin: 0 0 30px;}
.kensa div p:last-child { margin: 0;}
.Btn {	width: 47.245%;
	max-width: 597px;
	margin: 60px auto;}
.location ul {
	font-size: 0;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;}
.location ul li {
	width: 25%;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;}
.location ul li img {
	display: block;
	margin: 0 auto 20px;}
.location ul li small {
	font-size: 13px;
	line-height: 20px;
	display: block;}
.location p {
	font-size: 18px;
	line-height: 36px;
	width: 800px;
	margin: 50px auto 0;}
.reasonBox {
	max-width: 800px;
	margin: 0 auto 50px;
	padding: 35px;
	border: solid 2px #086c49;
	border-radius: 15px;}
.RBt p {width: 100%;
	max-width: 440px;
	font-size: 18px;
	line-height: 36px;
	display: inline-block;}
.RBt img {
	width: 100%;
	max-width: 320px;
	display: inline-block;
	float: right;}
.RBb { margin: 30px auto 0;}
.RBb p {display: inline-block;
	max-width: 525px;
	font-size: 18px;
	line-height: 36px;
	float: right;
	margin: 10px auto;}
.RBb img {
	margin: 0 20px;
	display: inline-block;
	width: 209px;}
.easy {	background: #086c49;
	padding: 0 0 40px;
	margin: 30px auto 0;}
.easy h2 {
	font-size: 48px;
	line-height: 78px;
	color: #fff;
	margin: 0 auto;
	padding: 50px 0 40px;}
.easyBox {
	max-width: 840px;
	padding: 40px 40px 20px;
	margin: 0 auto;
	background: #fff;
	border-radius: 15px;}
.easyBox p {
	font-size: 34px;
	line-height: 54px;
	color: #086c49;
	font-weight: bold;
	text-align: center;}
.easyInr { margin: 30px auto 0;}
.easyInr ul {
	font-size: 0;
	width: 66%;
	display: inline-block;
	vertical-align: top;}
.easyInr ul li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin: 0 1% 20px;}
.easyInr div {
	display: inline-block;
	width: 28%;
	float: right;
	vertical-align: top;}
.easyInr div p {
	font-size: 14px;
	line-height: 1;
	margin: 5px 0 15px;}
.easyInr div video {
	width: 94%;
	border: solid 5px #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #888;}
.criterion h2 {
	font-size: 48px;
	line-height: 55px;
	font-weight: bold;
	color: #086c49;}
.criterion .PCnone {
	display: block;
	width: 870px;
	margin: 0 auto;}
.criterion .SPnone { display: none;}
.criterion ul {
	width: 870px;
	height: 160px;
	margin: 20px auto 0;
	position: relative;}
.criterion ul li {
	width: 200px;
	text-align: center;
	font-size: 17px;
	line-height: 32px;
	position: absolute;}
.criterion ul li:nth-child(1) { left: 35px;}
.criterion ul li:nth-child(2) { left: 255px;}
.criterion ul li:nth-child(3) { left: 490px;}
.criterion ul li:nth-child(4) { left: 685px;}
.criterion ul li span { font-size: 20px;}
.criterion ul li small { font-size: 14px;}
.criterion ul li span,
.criterion ul li small { display: block;}
.producerBox {
	border: solid 1px #086c49;
	width: 898px;
	margin: 0 auto;
	padding: 30px;}
.producerBox p {
	color: #086c49;
	font-size: 24px;
	text-align: center;
	line-height: 32px;
	font-feature-settings: "palt";
	display: block;
	margin: 0 auto 40px;}
.PBL {	width: 44%;
	max-width: 420px;
	display: inline-block;
	vertical-align: top;
	margin: 0 35px 0 0;}
.PBL img {
	width: 90%;
	max-width: 264px;
	margin: 5px auto 25px;
	display: block;}
.PBL h3{font-size: 20px;
	font-weight: bold;}
.PBL p { font-weight: normal;}
.PBL .addless {
	font-size: 20px;
	text-align: left;
	margin: 15px auto;}
.PBL .addless span { font-size: 16px;}
.PBL .PBtxt {
	font-size: 18px;
	line-height: 32px;
	color: #086c49;
	text-align: left;
	margin: 0 auto;}
.PBR {	width: 51.225%;
	display: inline-block;
	vertical-align: top;}
.CE {	border: solid 25px #086c49;
	width: 790px;
	margin: 30px auto 50px;
	padding: 30px 60px;}
.CE h3 {font-size: 24px;
	line-height: 32px;
	color: #086c49;
	text-align: center;
	font-weight: bold;}
.CE div { margin: 45px auto 0;}
.CE div p {
	font-size: 24px;
	font-weight: bold;
	line-height: 42px;
	width: 60%;
	display: inline-block;
	vertical-align: middle;}
.CE div img {
	width: 33%;
	margin: 0 0 0 5%;
	display: inline-block;
	vertical-align: middle;}
.CE div p small {
	display: block;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;}
.CE div p small span {
	display: inline-block;
	margin: 0 10px 0 0;}
.Details table {
	width: 920px;
	margin: 0 auto 50px;
	border: solid 1px;
	text-align: center;}
.Details h4 {
	font-size: 24px;
	margin: 10px auto;
	text-align: center;}
.Details table tr { border-top: solid 1px;}
.Details table tr th {
	width: 220px;
	height: 60px;}
.Details table tr th {
	width: 190px;
	height: 60px;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 20px;}
.Details table tr td {
	padding: 17px 30px 17px 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;}
footer { text-align: center;}
footer nav { margin: 30px auto;}
footer nav ul li {
	display: inline-block;
	margin: 0 15px;}
footer nav ul li a { font-size: 14px;}

.featherlight-sample { display:none;}

#inner,
#inner2,
#inner3 { font-size: 10px;}
#inner table th,
#inner table td { padding:5px;}
#inner2 p { margin: 0 0 10px;}

.SpNone { display: none;}
.PcNone { display: block;}

@media screen and (max-width: 980px) { body { max-width: 980px;}
	header .mvbox div { margin: 20px auto 0;}
	.producerBox { width: 90%;}
	.CE {	width: 83%;
		padding: 30px 4%;}
	.easyBox {
		max-width: 90%;
		padding: 40px 3% 20px;
		margin: 0 2%;}
	.Details table {
		width: 96%;
		margin: 0 2%;}
	.producerBox p { font-size: 22px;}
	.PBL { margin: 0 4% 0 0;}
	.PBL h3 { font-size: 18px;}
	.PBL .addless { font-size: 18px;}
	.PBL .PBtxt {
		font-size: 15px;
		line-height: 28px;}
	.reasonBox {
		width: 85%;
		padding: 4%;}
	.RBt p {max-width: 360px;
		font-size: 16px;
		line-height: 30px;}
	.RBb p {display: inline-block;
		max-width: 420px;
		font-size: 16px;
		line-height: 30px;
		float: right;
		margin: 10px auto;}
	.easy h2 {
		font-size: 40px;
		line-height: 68px;
		padding: 40px 0 20px;}
	.producerBox p { font-size: 20px;}
	.PBL h3 { font-size: 16px;}
	.PBL .addless {
		font-size: 16px;
		line-height: 28px;}
	.CE div p {
		font-size: 20px;
		line-height: 36px;}
	.location p {
		font-size: 16px;
		line-height: 32px;
		width: 90%;}

}
@media screen and (max-width: 920px) { body { max-width: 920px;}
	.criterion .PCnone,
	.criterion ul { width: 700px;}
	.criterion ul li {
		width: 140px;
		font-size: 15px;
		line-height: 26px;
		text-align: left;}
	.criterion ul li br { display: none;}
	.criterion ul li:nth-child(1) { left: 40px;}
	.criterion ul li:nth-child(2) { left: 220px;}
	.criterion ul li:nth-child(3) { left: 410px;}
	.criterion ul li:nth-child(4) { left: 565px;}
	.criterion ul li span {
		font-size: 18px;
		text-align: center;}
	.criterion ul li small { font-size: 12px;}

}
@media screen and (max-width: 840px) { body { max-width: 840px;}
	.obi p {font-size: 20px;
		line-height: 32px;}
	.rui p {font-size: 20px;
		line-height: 32px;}
	section h2 {
		font-size: 30px;
		margin: 80px auto 30px;}
	.easy h2 {
		font-size: 30px;
		line-height: 50px;
		padding: 40px 0 20px;}
	.easyBox p {
		font-size: 30px;
		line-height: 50px;}
	.kensa div {
		width: 86%;
		margin: 0 3%;
		padding: 4%;
		font-size: 16px;
		line-height: 32px;}
	.criterion h2 {
		font-size: 40px;
		line-height: 50px;}
	.criterion ul {
		width: 90%;
		height: auto;
		font-size: 0;}
	.criterion ul li {
		left: auto !important;
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 45%;
		padding: 20px 0;
		margin: 1.5%;
		font-size: 15px;
		text-align: center;
		border: solid 1px;}
	.criterion .SPnone {
		display: block;
		width: 200px;
		margin: 0 auto;}
	.criterion .PCnone { display: none;}
	.criterion ul li br { display: block;}
	.RBt p {max-width: 50%;}
	.RBt img { max-width: 45%;}
	.RBb p { max-width: 60%;}
	.RBb img { max-width: 30%;}

}
@media screen and (max-width: 736px) { body { max-width: 736px;} /* 基本 */
	.RBt img { max-width: 40%;}
	.RBt p {max-width: 50%;
		font-size: 15px;
		line-height: 24px;}
	.RBb p {max-width: 60%;
		font-size: 15px;
		line-height: 24px;}

}
@media screen and (max-width: 640px) { body { max-width: 640px;} /* 基本 */
	header .mvbox {
		position: absolute;
		top: 5%;
		left: 40%;}
	header h1 {
		width: 90%;
		margin: 0 auto;}
	header .mvbox div { margin: 5px auto 0;}
	.obi p {font-size: 14px;
		line-height: 26px;
		width: 90%;
		margin: 0 auto;}
	.rui .img {
		width: 96%;
		margin: 20px auto 0;}
	.rui p {font-size: 16px;
		line-height: 26px;
		margin: 25px auto;}
	.rui div { width: 90%;}
	.rui .chu {
		font-size: 13px;
		width: 88%;
		margin: 10px 6% 0;}
	.Btn { width: 90%;}
	.location ul li {
		width: 48%;
		margin: 0 1%;}
	.RBt img {
		max-width: 45%;
		float: none;}
	.RBb p {float: none;
		max-width: 55%;}
	.RBt img,
	.RBt p,
	.RBb p,
	.RBb img {
		vertical-align: middle;}
	section h2 { font-size: 5vw;}
	.easy h2 {
		font-size: 5vw;
		line-height: 10vw;
		padding: 40px 0 20px;}
	.criterion h2 {
		font-size: 5vw;
		line-height: 5vw;}
	.criterion .SPnone {
		display: block;
		width: 150px;
		margin: 0 auto 15px;}
	.producerBox p {
		font-size: 3.4vw;
		text-align: left;}
	.producerBox p br { display: none;}
	.producerBox {
		width: 86%;
		padding: 4%;}
	.PBL {	width: 100%;
		max-width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 0 auto 30px;}
	.PBL h3{font-size: 4.2vw;
		text-align: center;}
	.PBL img {
		width: 200px;
		margin: 0 auto 20px;}
	.PBL .addless {
		font-size: 3.4vw;
		line-height: 28px;
		text-align: center;}
	.PBL .addless br { display: block;}
	.PBL .PBtxt {
		font-size: 3.4vw;
		line-height: 5.6vw;}
	.PBR {	width: 100%;
		display: inline-block;
		vertical-align: top;}
	.CE h3 {font-size: 4.0vw;
		text-align: left;}
	.CE h3 br { display: none;}
	.CE div p {
		font-size: 3.4vw;
		line-height: 5vw;}
	.CE div p small {
		display: block;
		font-weight: normal;
		font-size: 3vw;
		line-height: 4vw;}
	.easyBox p {
		font-size: 4.2vw;
		line-height: 7vw;}
	.easyInr ul { width: 100%;}
	.easyInr div {
		display: block;
		width: 50%;
		float: none;
		vertical-align: top;
		margin: 0 auto;
		text-align: center;}
	.CE {	width: 80%;
		padding: 30px 4%;
		border: solid 15px #086c49;}
	.Details table tr th {
		width: 120px;
		padding: 0 0 0 10px;}
	.Details table tr td { padding: 10px;}

.rui div a {
	position: absolute;
	top: 54%;
	left: 46%;
	right: 0;
	width: 45%;
	margin: 0 auto;}
.rui div a.ruiBK {
    top: 75%;
    left: 46%;}
.rui div a:hover { opacity: 0.7;}

.PcNone { display: none;}
.SpNone { display: block;}
}
@media screen and (max-width: 568px) { body { max-width: 568px;}
	.Details table tr th {
		width: 120px;
		padding: 15px 0 0px 10px;
		vertical-align: top;}
}
@media screen and (max-width: 480px) { body { max-width: 480px;} /* 基本 */
	.criterion ul li {
		width: 100%;
		font-size: 18px;
		text-align: left;}
	.criterion .SPnone {
		display: inline-block;
		width: 180px;
		margin: 0 auto 15px;
		float: left;}
	.criterion ul li span {
		font-size: 20px;
		text-align: left;}
	.RBt img,
	.RBt p,
	.RBb p,
	.RBb img { vertical-align: top;}
	.RBt p {max-width: 100%;
		margin: 0 0 20px;}
	.RBt img { max-width: 100%;}

}
@media screen and (max-width: 414px) { body { max-width: 414px;} /* 基本 */
	.criterion .SPnone { width: 150px;}
	.criterion ul li { font-size: 15px;}
}
@media screen and (max-width: 375px) { body { max-width: 375px;} /* 基本 */
	.criterion .SPnone {
		width: 130px;
		margin: 20px 0 10px;}
	.rui p {font-size: 15px;
		line-height: 28px;
		width: 90%;
		text-align: left;}
	.rui p br { display: none;}
}
@media screen and (max-width: 350px) { body { max-width: 350px;} /* 基本 */
	.criterion .SPnone {
		width: 130px;
		margin: 5px 0;}
	.criterion ul li {
		font-size: 13px;
		line-height: 22px;}
	.easyInr ul li {
		width: 80%;
		margin: 0 10% 20px;}
	.easyInr div { width: 80%;}
	.CE h3 {font-size: 18px;
		text-align: left;}
	.CE div { margin: 20px auto 0;}
	.CE div p {
		font-size: 16px;
		line-height: 24px;
		width: 100%;}
	.CE div p small {
		font-size: 16px;
		line-height: 26px;}
	.CE div img {
		width: 100%;
		margin: 20px 0 0;}
	.Details table tr th {
		width: 60px;
		font-size: 12px;}
	.Details table tr td {
		padding: 10px;
		font-size: 12px;}
	.RBb img {
		max-width: 60%;
		margin: 0 20%;}
	.RBb p { max-width: 100%;}
	.location p {
		font-size: 15px;
		line-height: 28px;}
	.location ul li { font-size: 15px;}
	.location ul li small {
		font-size: 10px;
		line-height: 14px;}
	.kensa div {
		font-size: 15px;
		line-height: 28px;}
	footer nav ul li a { font-size: 12px;}
	footer small { font-size: 10px;}

}
@media screen and (max-width: 320px) { body { max-width: 320px;} /* 基本 */
	.obi p {font-size: 13px;}
	.location ul li { font-size: 12px;}
	.Details table tr th { padding: 10px 0 0px 10px;}
}


.clearfix:after{
  content: "";
  clear: both;
  display: block;}