@charset "utf-8";


/* top
----------------------------------------------- */
.top {
	padding: 0 0 100px;
}
@media (max-width: 767px) {
.top {
	padding: 0 0 50px;
}
}

.mainslider {
	
}
.mainslider img {
	width: 100%;
}
.mainslider .slick-dots {
	position: absolute;
	right: 17%;
	bottom: 10%;
	display: flex;
	align-items: stretch;
	z-index: 1;
}
.mainslider .slick-dots li {
	margin: 0 4px;
	font-size: 0;
}
.mainslider .slick-dots button {
	text-indent: -9999px;
	width: 22px;
	height: 22px;
	background: #faf6f6;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.mainslider .slick-dots li.slick-active button {
	background: #d45dae;
}
@media (max-width: 767px) {
.mainslider .slick-dots {
	right: 5%;
	bottom: 10%;
}
.mainslider .slick-dots li {
	margin: 0 5px;
}
.mainslider .slick-dots button {
	width: 12px;
	height: 12px;
}
}

.topabout {
	padding: 60px 0 100px;
}
.topabout .inner {
	max-width: 1240px;
}
.topabout .topaboutin {
	background: url(../img/top/about_top.jpg) right 0 no-repeat;
	padding: 50px 0 20px 20px;
}
.topabout .hdl {
	margin-top: -120px;
	margin-bottom: 120px;

}
.topabout .topaboutbtn {
	max-width: 300px;
	margin: 0 auto 130px;
}
.topabout .topaboutbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fdfafa;
	font-size: 24px;
	height: 60px;
	background: -moz-linear-gradient(top, #0b0909, #312f2f);
	background: -webkit-gradient(linear, top, from(#0b0909), to(#312f2f));
	background: -webkit-linear-gradient(top, #0b0909, #312f2f);
	background: -o-linear-gradient(top, #0b0909, #312f2f);
	background: -ms-linear-gradient(top, #0b0909, #312f2f);
	-pie-background: linear-gradient(top, #0b0909, #312f2f);
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;

}
.topabout .topaboutbtn a span {
	margin-left: 10px;
}
.topabout .topaboutdet {
	font-size: 26px;
	line-height: 1.7;
	max-width: 780px;
	margin-bottom: 90px;
}
.topabout .topabouttxt {
	text-align: left;
	font-size: 26px;
	line-height: 1.7;
	-webkit-text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	-moz-text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	-ms-text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	-o-text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
	text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.topabout .topaboutimg {
	display: none;
}
@media (max-width: 1024px) {
.topabout .topaboutin {
	background: none;
	padding: 0;
}
.topabout .hdl {
	margin-bottom: 50px;
}
.topabout .topaboutbtn {
	margin: 0 auto 100px;
}
.topabout .topaboutdet {
	margin-bottom: 50px;
}
.topabout .topaboutimg {
	display: block;
	text-align: center;
	margin-top: 30px;
}
}
@media (max-width: 767px) {
.topabout {
	padding: 40px 0;
}
.topabout .hdl {
	margin-bottom: 40px;
}
.topabout .topaboutbtn {
	margin: 0 auto 100px;
}
.topabout .topaboutbtn a {
	font-size: 18px;
	height: 50px;
}
.topabout .topaboutbtn a span {
	margin-left: 10px;
}
.topabout .topaboutdet {
	font-size: 16px;
	margin-bottom: 30px;
}
.topabout .topabouttxt {
	font-size: 16px;
	text-align: left;
}
.topabout .topaboutimg img {
	width: 218px;
}
}

.toplar img {
	width: 100%;
}

.topvar {
	padding: 150px 0 100px;
}
.topvar .inner {
	max-width: 1040px;
}
.topvar .hdl {
	margin-bottom: 50px;
}
.topvar .topvarbtn {
	max-width: 400px;
	margin: 0 auto;
}
.topvar .topvarbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60px;
	background: #010001;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.topvar .topvarbtn .topvarbtnin {
	border-bottom: 1px #fdfafa solid;
	font-size: 24px;
	color: #fdfafa;
	line-height: 1;
}
.topvar .topvarbtn a:hover .topvarbtnin {
	border-bottom: none;
}

@media (max-width: 767px) {
.topvar {
	padding: 50px 0 30px;
}
.topvar .hdl {
	margin-bottom: 40px;
}
.topvar .topvarbtn {
	max-width: 300px;
	margin: 0 auto;
}
.topvar .topvarbtn a {
	height: 50px;
}
.topvar .topvarbtn .topvarbtnin {
	font-size: 18px;
}
}

.topnews {
	padding: 50px 0 180px;
}
.topnews .inner {
	max-width: 1040px;
}
.topnews .hdl {
	margin-bottom: 25px;
}
.topnews .topnewslist li {
	border-bottom: 3px #a2a2a2 solid;
	padding: 25px 100px 30px 90px;
}
.topnews .topnewslist li a {
	display: flex;
	align-items: flex-start;
	font-size: 22px;
	font-weight: 300;
	color: #061e02;
	padding-right: 50px;
	position: relative;
}
.topnews .topnewsdate {
	width: 155px;
	margin-right: 10px;
	flex-shrink: 0;
}
.topnews .topnewsin {
	flex: 1;
}
.topnews .topnewslist li a i {
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 20px;
	z-index: 1;
}
@media (max-width: 1024px) {
.topnews .topnewslist li {
	padding: 25px 20px 30px 20px;
}
}
@media (max-width: 767px) {
.topnews {
	padding: 30px 0 50px;
}
.topnews .hdl {
	margin-bottom: 20px;
}
.topnews .topnewslist li {
	border-bottom: 2px #a2a2a2 solid;
	padding: 20px 10px 20px 10px;
}
.topnews .topnewslist li a {
	font-size: 18px;
	padding-right: 20px;
}
.topnews .topnewsdate {
	width: 90px;
}
.topnews .topnewsin {
	flex: 1;
}
.topnews .topnewslist li a i {
	top: 8px;
	font-size: 16px;
}
}

.topmember {
	padding: 155px 0 90px;
}
.topmember .topmembnr {
	text-align: center;
	margin: 55px auto 0;
}
.topmember .topmembtn {
	max-width: 270px;
	margin: 55px auto 0;
}
.topmember .topmembtn a {
	background: #d45dae;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.topmember .topmemtxt {
	max-width: 600px;
	margin: 30px auto;
	text-align: center;
	font-size: 18px;
}

.topmember .topmembnr figure{
	margin: 0;
	display: none;
  }
.topmember .topmembnr figure:target{
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
  }
.topmember .topmembnr figure:target #overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	color: inherit;
  }
.topmember .topmembnr figure:target img{
	animation: fadein .3s;
  }
  @keyframes fadein{
	0%{
	  transform: scale(0.2);
	  opacity: 0.2;
	}
	100%{
	  transform: scale(1);
	  opacity: 1;
	}
  }


@media (max-width: 767px) {
.topmember {
	padding: 50px 0 30px;
}
.topmember .topmembtn {
	margin: 30px auto 0;
}
.topmember .topmembtn a {
	height: 40px;
	font-size: 16px;
}
}

.topmv {
	padding: 90px 0 0;
}
.topmv .hdl {
	margin-bottom: 35px;
}
.topmv .topmvtxt {
	font-weight: 500;
	text-align: center;

}
.topmv .topmvbtn {
	max-width: 260px;
	margin: 45px auto 0;
}
.topmv .topmvbtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60px;
	color: #fbf5f5;
	background: #17541e;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.topmv .topyoutu {
	margin-top: 50px;
}
.topmv .topyoutu iframe {
	width: 100%;
	height: 600px;
}

@media (max-width: 767px) {
.topmv {
	padding: 30px 0 0;
}
.topmv .hdl {
	margin-bottom: 40px;
}
.topmv .topmvtxt {
	font-weight: 500;
	text-align: left;
	display: table;
	margin: 0 auto;
}
.topmv .topmvbtn {
	margin: 30px auto 0;
}
.topmv .topmvbtn a {
	height: 60px;
}
.topmv .topyoutu {
	margin-top: 30px;
}
.topmv .topyoutu iframe {
	height: 300px;
}
}



/* rosebank
----------------------------------------------- */
.rosebank {
	padding: 140px 0 100px;
}
@media (max-width: 767px) {
.rosebank {
	padding: 50px 0;
}
}
.rosebank .hdl {
	margin-bottom: 30px;
}
.rosebank .aboutbox {
	background: url(../img/rosebank/img_rosebank01.jpg) right 0 no-repeat;
	padding: 15px 300px 0 0;
	min-height: 646px;
	margin-bottom: 60px;
}
.rosebank .aboutbox .abouttxt {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.875;
}
.rosebank .aboutbox .abouttxt+.abouttxt {
	margin-top: 50px;
}
.rosebank .aboutbox .aboutimg {
	display: none;
}
.rosebank .aboutlist {
	display: flex;
	margin: 0 -5px;
}
.rosebank .aboutlist li {
	margin: 0 5px;
}
.rosebank .aboutlist+.aboutlist {
	margin-top: 25px;
}

@media (max-width: 767px) {
.rosebank .aboutbox {
	background: none;
	padding: 0;
	min-height: inherit;
	margin-bottom: 40px;
}
.rosebank .aboutbox .abouttxt {
	font-size: 16px;
}
.rosebank .aboutbox .abouttxt+.abouttxt {
	margin-top: 30px;
}
.rosebank .aboutbox .aboutimg {
	display: block;
	text-align: center;
	margin-top: 20px;
}
.rosebank .aboutbox .aboutimg img {
	width: 199px;
}
.rosebank .aboutlist {
	display: flex;
	flex-direction: column;
	margin: -10px 0;
}
.rosebank .aboutlist li {
	margin: 10px 0;
	text-align: center;
}
.rosebank .aboutlist li img {
	width: 100%;
}
.rosebank .aboutlist+.aboutlist {
	margin-top: 15px;
}
}


/* variety
----------------------------------------------- */
.variety {
	padding: 65px 0 40px;
}
@media (max-width: 767px) {
.variety {
	padding: 50px 0;
}
}
.variety .hdl {
	margin-bottom: 55px;
}
.variety .varietybtn {
	max-width: 400px;
	margin: 100px auto ;
}
.variety .varietybtn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 60px;
	background: #010001;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.variety .varietybtn .varietybtnin {
	border-bottom: 1px #fdfafa solid;
	font-size: 24px;
	color: #fdfafa;
	line-height: 1;
}
.variety .varietybtn a:hover .varietybtnin {
	border-bottom: none;
}

@media (max-width: 767px) {
.variety .hdl {
	margin-bottom: 30px;
}
.variety .varietybtn {
	max-width: 300px;
	margin: 50px auto 0;
}
.variety .varietybtn a {
	height: 50px;
}
.variety .varietybtn .varietybtnin {
	font-size: 18px;
}
}

.variety .varietylist li+li {
	margin-top: 2px;
}
.variety .varietylist li {
	display: flex;
	align-items: stretch;
}
.variety .varietylist .varietyimg {
	flex-shrink: 0;
	margin-left: 20px;
}
.variety .varietylist .varietyimg a {
	position: relative;
	display: block;
}
.variety .varietylist .varietycap {
	position: absolute;
	right: 0;
	bottom: 25px;
	background: #040404;
	width: 250px;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 800;
	z-index: 1;
}
.variety .varietylist .varietyin {
	flex: 1;
	padding: 20px 20px 10px 0;
	position: relative;
}
.variety .varietylist .varietyin:before {
	position: absolute;
	content: "";
	background: #d2cdcd;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 100%;
	z-index: 1;
}
.variety .varietylist .varietyin:after {
	position: absolute;
	content: "";
	background: #d2cdcd;
	width: 100%;
	height: 2px;
	left: 0;
	top: 100%;
	z-index: 1;
}
.variety .varietylist .varietytit {
	display: flex;
	align-items: center;
	font-size: 28px;
	font-weight: 800;
	color: #1a1a1a;
	margin-bottom: 5px;
}
.variety .varietylist .varietytiten {
	background: url("../img/variety/ico_variety.png") 0 center no-repeat;
	padding-left: 40px;
	margin-right: 15px;
	font-size: 0;
	flex-shrink: 0;
}
.variety .varietylist .varietyflex {
	display: flex;
	align-items: center;
}
.variety .varietylist .varietyflow {
	width: 76px;
	margin-right: 15px;
	flex-shrink: 0;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
}
.variety .varietylist .varietycont {
	flex: 1;
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 300;
}


@media (max-width: 1024px) {
.variety .varietylist li+li {
	margin-top: 0;
}
.variety .varietylist li {
	display: block;
	padding: 50px 0;
	border-bottom: 2px #d2cdcd solid;
}
.variety .varietylist .varietyimg {
	margin: 30px 0 0;
}
.variety .varietylist .varietyimg img {
	width: 100%;
}
.variety .varietylist .varietyin:after {
	display: none;
}
.variety .varietylist .varietyin:before {
	display: none;
}
.variety .varietylist .varietyin {
	padding: 0;
}
}
@media (max-width: 767px) {
.variety .varietylist li {
	padding: 30px 0;
}
.variety .varietylist .varietycap {
	bottom: 10px;
	width: 250px;
	height: 30px;
	font-size: 14px;
}
.variety .varietylist .varietytit {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	font-size: 20px;
}
.variety .varietylist .varietytiten {
	margin: 0 0 10px;
}
.variety .varietylist .varietyflow {
	font-size: 14px;
}
.variety .varietylist .varietycont {
	font-size: 16px;
}
}


/* caution
----------------------------------------------- */
.caution {
	padding: 95px 0 55px;
}
.cautionarea+.cautionarea {
	margin-top: 100px;
}
.caution .cautionshop .hdl {
	margin-bottom: 30px;
}
.caution .cautionhow .hdl {
	margin-bottom: 50px;
}
.caution .cautionca .hdl {
	margin-bottom: 120px;
}
.caution .hdm {
	margin-bottom: 30px;
}

.caution .cautionbox+.cautionbox {
	margin-top: 45px;
}
.caution .cautioncont {
	padding: 0 0 0 35px;
	font-weight: 300;
}
.caution .cautioninner+.cautioninner {
	margin-top: 30px;
}
.caution .cautiontxt+.cautiontxt {
	margin-top: 10px;
}
.caution .cautiontxt a {
	display: inline-block;
	border-bottom: 1px #000 solid;
	padding-bottom: 5px;
	font-size: 26px;
	font-weight: 400;
}
.caution .cautiontxt2{
	font-weight: 500;
}
.caution .cautiontit {
	font-weight: 400;
}

.caution .shopdet {
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 70px;
}
.caution .shopdot li {
	text-indent: -0.7em;
	padding-left: 0.7em;
}

.caution .howdet {
	font-weight: 300;
	padding: 0 30px;
	margin-bottom: 40px;
}
.caution .howbox {
	border-top: 1px #727070 solid;
	font-weight: 300;
	padding: 30px 10px 30px 50px;
}
.caution .howflex {
	display: flex;
	align-items: flex-start;
}
.caution .howtit {
	width: 175px;
	flex-shrink: 0;
}
.caution .howtitin {
	padding-left: 25px;
	font-size: 26px;
	color: #040404;
	font-weight: 500;
	position: relative;
}
.caution .howtitin:before {
	position: absolute;
	content: "";
	background: #d45dae;
	width: 12px;
	height: 12px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.caution .howflexin {
	flex: 1;
	font-size: 20px;
}

.caution .howtype {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -30px 0;
}
.caution .howtype li {
	width: 48%;
	margin: 30px 0;
	display: flex;
	align-items: stretch;
}
.caution .howtype .howtitin {
	margin-bottom: 20px;
}
.caution .howtype .howflexin {
	font-size: 20px;
	line-height: 1.65;
	color: #1a0403;
}
.caution .howtype table {
	width: 100%;
}
.caution .howtype table th {
	white-space: nowrap;
	font-weight: 300;
}
.caution .replantdet {
	margin-bottom: 30px;
}
.caution .replantbox {
	display: flex;
	align-items: center;
}
.caution .replantin {
	flex: 1;
}
.caution .replantbox .replantimg {
	margin-left: 25px;
	flex-shrink: 0;
}
.caution .replantin {
	flex: 1;
}
.caution .replantbox .replantflex {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.caution .replantbox .replantcont {
	width: 46%;
	font-size: 20px;
	line-height: 1.65;
}
.caution .replantbox .replanttit {
	font-size: 23px;
	font-weight: 500;
	border-bottom: 2px #000 solid;
	margin-bottom: 10px;
}
.caution .replantbox .replanttxt+.replanttxt {
	margin-top: 25px;
}
.caution .replantbox .replantbor {
	display: block;
	border: 1px #000 solid;
	font-weight: 400;
}

@media (max-width: 1024px) {
.caution .howtype li {
	width: 100%;
}
.caution .replantbox {
	display: block;
}
.caution .replantbox .replantimg {
	margin: 30px 0 0;
	text-align: center;
}
.caution .replantbox .replantflex {
	display: block;
}
.caution .replantbox .replantcont {
	width: auto;
}
.caution .replantbox .replantcont+.replantcont {
	margin-top: 30px;
}
}
@media (max-width: 767px) {
.caution {
	padding: 50px 0;
}
.cautionarea+.cautionarea {
	margin-top: 50px;
}
.caution .cautionshop .hdl {
	margin-bottom: 30px;
}
.caution .cautionhow .hdl {
	margin-bottom: 30px;
}
.caution .cautionca .hdl {
	margin-bottom: 30px;
}
.caution .hdm {
	margin-bottom: 20px;
}


.caution .cautionbox+.cautionbox {
	margin-top: 30px;
}
.caution .cautioncont {
	padding: 0 0 0 15px;
}
.caution .cautioninner+.cautioninner {
	margin-top: 20px;
}
.caution .cautiontxt a {
	font-size: 22px;
}

.caution .shopdet {
	font-size: 16px;
	text-align: left;
	margin-bottom: 30px;
}
.caution .howdet {
	padding: 0 10px;
	margin-bottom: 30px;
}
.caution .howbox {
	padding: 20px 10px;
}
.caution .howflex {
	display: block;
}
.caution .howtit {
	width: 130px;
	margin-bottom: 20px;
}
.caution .howtitin {
	padding-left: 15px;
	font-size: 18px;
}
.caution .howtitin:before {
	width: 8px;
	height: 8px;
}
.caution .howflexin {
	font-size: 16px;
}

.caution .howtype {
	margin: -20px 0;
}
.caution .howtype li {
	margin: 20px 0;
	display: block;
}
.caution .howtype .howtitin {
	margin-bottom: 10px;
}
.caution .howtype .howflexin {
	font-size: 16px;
}
.caution .replantdet {
	margin-bottom: 30px;
}
.caution .replantbox .replantcont {
	font-size: 16px;
}
.caution .replantbox .replanttit {
	font-size: 18px;
}
.caution .replantbox .replanttxt+.replanttxt {
	margin-top: 15px;
}
}


/* infomation
----------------------------------------------- */
.infomation {
	padding: 130px 0 100px;
}
.infomation .infoarea+.infoarea {
	margin-top: 120px;
}
.infomation .infoinf .hdl {
	margin-bottom: 25px;
}
.infomation .infohow .hdl {
	margin-bottom: 85px;
}
.infomation .infoprice .hdl {
	margin-bottom: 85px;
}

.infomation .infoflex {
	display: flex;
	margin:  60px auto;
}
.infomation .infoflex .infoimg {
	margin-left: 5px;
	flex-shrink: 0;
}
.infomation .infoflex .infoimg li+li {
	margin-top: 15px;
}
.infomation .infoflex .infoinner {
	flex: 1;
	position: relative;
}
.infomation .infoflex .infoinner .infoarrow {
	position: absolute;
	right: 25px;
	bottom: 75px;
	font-size: 40px;
	z-index: 1;
}
.infomation .infoflex .infocont {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 300;
}
.infomation .infoflex .infotit {
	display: flex;
	align-items: center;
}
.infomation .infoflex .infotitin {
	background: #d45dae;
	display: block;
	color: #fff;
	font-weight: 700;
	padding: 5px 20px;
	line-height: 1.2;
	margin-left: 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.infomation .infoflex .infoindent {
	text-indent: -1em;
	padding-left: 1em;
}
.infomation .infoflex .infocont+.infocont {
	margin-top: 20px;
}
.infomation .infoflex .infodot {
	display: flex;
	align-items: center;
}
.infomation .infoflex .infodotico {
	margin-right: 10px;
}
.infomation .infoflex .infodotin {
	flex: 1;
}
@media (max-width: 1024px) {
.infomation .infoflex {
	display: block;
}
.infomation .infoflex .infoimg {
	margin: 40px 0 0;
	text-align: center;
}
.infomation .infoflex .infoinner .infoarrow {
	position: relative;
	right: auto;
	bottom: auto;
	text-align: center;
	margin: 20px 0 10px;
}
.infomation .infoflex .infoinner .infoarrow i {
	transform: rotate(90deg);
}
}
@media (max-width: 767px) {
.infomation {
	padding: 50px 0;
}
.infomation .infoarea+.infoarea {
	margin-top: 50px;
}
.infomation .infoinf .hdl {
	margin-bottom: 30px;
}
.infomation .infohow .hdl {
	margin-bottom: 30px;
}
.infomation .infoprice .hdl {
	margin-bottom: 30px;
}

.infomation .infoflex .infoinner .infoarrow {
	font-size: 30px;
}
.infomation .infoflex .infocont {
	font-size: 16px;
}
.infomation .infoflex .infotitin {
	padding: 5px 10px;
	margin-left: 10px;
}
}

.infohow .hdm {
	margin-bottom: 35px;
}
.infohow .howtoflex {
	display: flex;
	padding: 0 50px 0 0;
	margin-bottom: 40px;
}
.infohow .howtoflex .step {
	width: 500px;
	flex-shrink: 0;
	margin-left: 20px;
}
.infohow .howtoflex .step .stepbox {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #0d5930;
	font-weight: 500;
	background: #e3e7e5;
	padding: 0 15px;
	height: 50px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	position: relative;
}
.infohow .howtoflex .step .steparrow {
	text-align: center;
	margin: 10px 0;
}
.infohow .howtoflex .step .steparrow i {
	font-size: 40px;
	color: #204d02;
}
.infohow .howtoflex .howtoflexin {
	flex: 1;
}
.infohow .howtoflex .howtocont {
	font-size: 20px;
	line-height: 1.35;
	font-weight: 300;
}
.infohow .howtoflex .howtocont+.howtocont {
	margin-top: 30px;
}
.infohow .howtoflex .howtocont a {
	display: inline-block;
	color: #93278f;
	border-bottom: 1px #93278f solid;
}
.infohow .howtotit {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}
.infohow .method {
	background: #fff;
	padding: 30px 20px 25px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.infohow .method .methodbox {
	margin: 0 30px;
}
.infohow .method .methodcont+.methodcont {
	margin-top: 40px;
}
.infohow .method .methodtit {
	max-width: 280px;
	margin: 0 auto 30px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	background: #dee9e4;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.infohow .method .methodimg {
	text-align: center;
}
@media (max-width: 1024px) {
.infohow .howtoflex {
	display: block;
	padding: 0;
}
.infohow .howtoflex .step {
	width: auto;
	max-width: 500px;
	margin: 40px auto 0;
}
.infohow .method {
	flex-wrap: wrap;
}
.infohow .method .methodbox {
	width: 48%;
	margin: 10px 1%;
}
}
@media (max-width: 767px) {
.infohow .hdm {
	margin-bottom: 30px;
}
.infohow .howtoflex .step .stepbox {
	font-size: 16px;
}
.infohow .howtoflex .step .steparrow i {
	font-size: 30px;
}
.infohow .howtoflex .howtocont {
	font-size: 16px;
}
.infohow .howtoflex .howtocont+.howtocont {
	margin-top: 20px;
}
.infohow .howtotit {
	font-size: 18px;
}
.infohow .method {
	padding: 20px 15px;
	display: block;
}
.infohow .method .methodbox {
	width: auto;
	margin: 40px 0;
}
.infohow .method .methodtit {
	height: 30px;
	font-size: 16px;
}
}

.infoprice .hdm {
	margin-bottom: 40px;
}
.infoprice .pricedet {
	font-size: 20px;
	line-height: 1.35;

}
.infoprice .pricedet2 {
     font-weight: 400;
}

.infoprice .pricebox+.pricebox {
	margin-top: 100px;
}
.infoprice .scrollbox {
}
.infoprice .scrolltab {
	width: 100%;
}
.infoprice .pricetab03 {
	border: 3px #0d0408 solid;
}
.infoprice .pricetab03 th,
.infoprice .pricetab03 td {
	border: 2px #0d0408 solid;
	text-align: center;
	padding: 10px 5px;
}
.infoprice .pricetab03 th {
	background: #e3e7e5;
}

.infoprice .pricetab02 {
	border: 3px #030000 solid;
}
.infoprice .pricetab02 th,
.infoprice .pricetab02 td {
	border: 2px #030000 solid;
	padding: 20px;
	font-size: 24px;
	line-height: 1.3;
	vertical-align: middle;
	text-align: center;
}
.infoprice .pricetab02 .txtsmall {
	font-size: 20px;
}
.infoprice .pricetab02 .txtarrow {
	display: block;
	transform: rotate(90deg);
	line-height: 1;
}
.infoprice .pricetab02 .width01 {
	width: 10%;
}
.infoprice .pricetab02 .width02 {
	width: 15%;
}
.infoprice .pricetab02 .width03 {
	width: 35%;
}
.infoprice .pricetab02 .width04 {
	width: 50%;
}
.infoprice .priceflex {
	display: flex;
	align-items: center;
	margin: -20px;
}
.infoprice .pricefleximg {
	flex-shrink: 0;
	margin-right: 25px;
}
.infoprice .priceflexin {
	flex: 1;
	font-size: 20px;
	text-align: center;
}
.infoprice .priceflextit {
	text-align: center;
	font-size: 26px;
	margin-bottom: 35px;
}
.infoprice .pricemid {
	text-align: left;
	display: flex;
	justify-content: center;
}
.infoprice .pricetabtit {
	color: #fdfafa;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	background: #040404;
	padding: 10px;
}
.infoprice .pricetab01 {
	border: 2px #040404 solid;
}
.infoprice .pricetab01 th,
.infoprice .pricetab01 td {
	border: 2px #040404 solid;
}
.infoprice .pricetab01 th {
	color: #fdfafa;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	background: #040404;
	padding: 10px;
}
.infoprice .pricetab01 td {
	text-align: center;
	font-size: 24px;
	padding: 15px 5px;
}
.infoprice .pricetab01 .txtsmall {
	font-size: 20px;
}
.infoprice .pricetab01 .txtmid {
	font-size: 22px;
	line-height: 1.1;
	display: flex;
	justify-content: center;
	text-align: left;

}
.infoprice .pricetab01 .priceline {
	background: linear-gradient(to top right,#fbf5f5 49%,#040404,#fbf5f5 51%);
}
.infoprice .pricetab01 .width01 {
	width: 26%;
}
.infoprice .pricetab01 .width02 {
	width: 13%;
}
.infoprice .pricetab01 .rightbor {
	border-right: 4px #040404 solid;
}
.infoprice .pricenote {
	margin-top: 20px;
	line-height: 1.2;
}


@media (max-width: 1024px) {
.infoprice .scrollbox {
	overflow-x:scroll;
	padding: 0 0 20px;
}
.infoprice .scrolltab {
	width: 1240px;
}
.infoprice .scrollbox::-webkit-scrollbar{
	width: 5px;
	background: #ebe7e7;
	border-radius: 2px;
	border:1px #666 solid;
}
.infoprice .scrollbox::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #ebe7e7;
	border-radius: 2px;
	border:1px #666 solid;
}
.infoprice .scrollbox::-webkit-scrollbar-thumb{
	background: #666;
	border-radius: 2px;
}
.infoprice .scrollbox::-webkit-scrollbar-thumb:horizontal{
	background: #666;
	border-radius: 2px;
}
.infoprice .pricetab01 th {
	text-align: left;
}
}
@media (max-width: 767px) {
.infoprice .hdm {
	margin-bottom: 30px;
}
.infoprice .pricedet {
	font-size: 16px;
	font-weight: 300;
}
.infoprice .pricedet2 {
	font-size: 16px;
}
.infoprice .pricebox+.pricebox {
	margin-top: 50px;
}
.infoprice .pricetab02 th,
.infoprice .pricetab02 td {
	font-size: 20px;
}
.infoprice .pricetab02 .txtsmall {
	font-size: 16px;
}
.infoprice .priceflexin {
	font-size: 16px;
}
.infoprice .priceflextit {
	font-size: 22px;
}

.infoprice .pricetabtit {
	text-align: left;
	font-size: 20px;
}
.infoprice .pricetab01 td {
	font-size: 18px;
}
.infoprice .pricetab01 .txtsmall {
	font-size: 16px;
}
.infoprice .pricetab01 .txtmid {
	font-size: 18px;
}
}

/* scroll
----------------------------------------------- */

@media (max-width: 1024px) {
.tabfix {
	position: sticky;
	left: 0;
	background: #fbf5f5;
}
.tabfix:before{
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	border: 2px #0d0408 solid;
}
.pricetab01 .tabfix {
	width: 13%;
}
}
@media (max-width: 767px) {
	
}

/* XXXXX
----------------------------------------------- */

@media (max-width: 1024px) {
	
}
@media (max-width: 767px) {
	
}