@charset "utf-8";

.sectionTitle {
}
.sectionTitle {
	position: relative;
	font-size: 4rem;
	margin-bottom: 60px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
}

@media screen and (max-width: 767px){
	.sectionTitle {
		font-size: 3rem;
		margin-bottom: 30px;
		font-family: 'Zen Old Mincho', serif;
		font-weight: bold;
	}
}

.checkList {

}
.checkList > li {
	position: relative;
	margin-top: 10px;
	padding-left: 40px;
	font-size: 2.4rem;
	font-weight: bold;
}
.checkList > li::before {
	content: "";
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 30px;
	height: 30px;
	background: url(../img/icon_check.png) no-repeat;
	background-size: cover;
}

@media screen and (max-width: 767px){
	.checkList > li {
		padding-left: 30px;
		font-size: 2rem;
	}
	.checkList > li::before {
		width: 20px;
		height: 20px;
	}
}

/* mainvisual */
.mainvisual {
	position: relative;
}

.mainvisual .mainvisual__img img {
	width: 100%;
}

.mainvisual .mainvisual__wapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: calc(100% - 40px);
	max-width: 1100px;
	height: 100%;
	margin: 0 auto;
}
.mainvisual .mainvisual__link{
	position: absolute;
	max-width: 160px;
	right: 0;
	bottom: 20px;
}
.mainvisual .mainvisual__link a{
	display: block;
}

@media screen and (max-width: 767px){
	.mainvisual {
	}
	.mainvisual .mainvisual__link{
		bottom: calc(20 * 100vw / 750);
		margin: 0 auto;
		max-width: 21.333%;
	}
}


/* newsArea */
.newsArea {
	position: relative;
	padding: 100px 0 40px;
}
.newsArea .newsArea__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}
.newsArea__col {
	display: flex;
	align-items: center;
}
.newsArea__col__title {
	width: 16.666%;
	min-width: 130px;
}
.newsArea__col__content {
	width: 83.334%;
}

@media screen and (max-width: 767px){
	.newsArea {
		padding: 50px 0 40px;
	}
	.newsArea__col {
		display: block;
	}
	.newsArea__col__title,
	.newsArea__col__content {
		width: 100%;
	}
}

.newsArea__title {
	font-size: 3.2rem;
	font-family: 'Zen Old Mincho', serif;
}

.newsArea .m_box {
	margin-left: auto;
	margin-right: auto;
	display: table;
}


/* mirevoArea */
.mirevoArea {
	position: relative;
	padding: 200px 0;
}
.mirevoArea .mirevoArea__inner {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.mirevoArea .mirevoArea__bg {
	position: absolute;
	top: calc(-30 * 100vw / 1100);
	left: calc(-100 * 100vw / 1100);
	width: calc(832 * 100vw / 1406);
	height: calc(334 * 100vw / 1406);
	background-size: contain;
	background-image: url(../img/title_whatismirevo.png);
	background-repeat: no-repeat;
}

@media screen and (min-width: 1501px) {
	.mirevoArea .mirevoArea__bg {
		top: -30px;
		left: -100px;
		width: 832px;
		height: 334px;
	}
}
@media screen and (max-width: 1500px){
	.mirevoArea .mirevoArea__bg {
		left: 10px;
		width: 639px;
		height: 257px;
	}
}
@media screen and (max-width: 1100px){
	.mirevoArea .mirevoArea__bg {
		width: calc(639 * 100vw / 1100);
		height: calc(257 * 100vw / 1100);
	}
}
@media screen and (max-width: 767px){
	.mirevoArea .mirevoArea__bg {
		top: calc(-20 * 100vw / 767);
		left: 10px;
	}
}

.mirevoArea__col {
	margin-top: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mirevoArea__col__img {
	width: 51%;
	margin-bottom: calc(40 / 1100 * 100vw);

}
.mirevoArea__col__content {
	width: 47.5%;
}
@media screen and (min-width: 1140px){
	.mirevoArea__col__img {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px){
	.mirevoArea {
		padding: 50px 0 65px;
	}
	.mirevoArea__col {
		margin-top: 40px;
		display: block;
	}
	.mirevoArea__col__img {
		width: 100%;
		max-width: 76%;
		margin: 0 auto;
	}
	.mirevoArea__col__content {
		margin-top: 40px;
		width: 100%;
	}
}

.mirevoArea_box {
	position: relative;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.7);
}
.mirevoArea_boxList > li + li {
	margin-top: calc(50 / 1100 * 100vw);
}
.mirevoArea_boxList > li {
	position: relative;
}
.mirevoArea_boxList > li.s_dot::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(-6 / 1100 * 100vw);
	width: calc(12 / 1100 * 100vw);
	height: calc(12 / 1100 * 100vw);
	margin: auto 0;
	border-radius: 50%;
	background-color: #000;
	z-index: 1;
}
.mirevoArea_boxList > li::after {
	content: "";
	position: absolute;
	bottom: calc(-10 / 1100 * 100vw);
	right: 0;
	left: 0;
	width: calc(50 / 1100 * 100vw);
	height: calc(4 / 1100 * 100vw);
	margin: 0 auto;
	background-image: url(../img/icon_arrow_01.png);
	background-size: contain;
	transform: translateY(-50%) rotate(90deg);
	transform: rotate(90deg);
}
.mirevoArea_boxList > li:last-child:after {
	content: none;
}

.mirevoArea_box .mirevoArea_box__inner {
	position: relative;
	padding: calc(30 / 1100 * 100vw);
	box-shadow: 14.387px 13.893px 20px 0px rgba(0, 0, 0, 0.05), 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.mirevoArea_box::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(90 / 1100 * 100vw);
	height: calc(90 / 1100 * 100vw);
	background-image: url(../img/bg_product_02.png);
	background-size: contain;
	opacity: 0.7;
}
.mirevoArea_box::after {
	content: "";
	position: absolute;
	font-size: calc(40 / 1100 * 100vw);
	font-weight: normal;
	font-family: 'Zen Old Mincho', serif;
	line-height: 1;
	top: -25px;
	left: 25px;
}
.mirevoArea_box.s_number1::after {
	content: "01";
}
.mirevoArea_box.s_number2::after {
	content: "02";
}
.mirevoArea_box.s_number3::after {
	content: "03";
}

@media screen and (min-width: 1140px){
	.mirevoArea_boxList > li + li {
		margin-top: 50px;
	}
	.mirevoArea_boxList > li.s_dot::before {
		left: -6px;
		width: 12px;
		height: 12px;
	}
	.mirevoArea_boxList > li::after {
		bottom: -10px;
		width: 50px;
		height: 4px;
	}
	.mirevoArea_box .mirevoArea_box__inner {
		padding: 30px;
		box-shadow: 14.387px 13.893px 20px 0px rgba(0, 0, 0, 0.05), 0 0 20px 0px rgba(0, 0, 0, 0.1);
	}
	.mirevoArea_box::before {
		width: 90px;
		height: 90px;
	}
	.mirevoArea_box::after {
		font-size: 4rem;
		top: -25px;
		left: 25px;
	}
}

@media screen and (max-width: 767px){
	.mirevoArea_boxList > li + li {
		margin-top: 50px;
	}
	.mirevoArea_boxList > li.s_dot::before {
		content: none
	}
	.mirevoArea_boxList > li::after {
		bottom: -10px;
		width: 50px;
		height: 4px;
	}
	.mirevoArea_box .mirevoArea_box__inner {
		padding: 20px;
	}
	.mirevoArea_box::before {
		width: 90px;
		height: 90px;
	}
	.mirevoArea_box::after {
		font-size: 4rem;
	}
}

.mirevoArea_box__title {
	font-size: calc(24 / 1100 * 100vw);
	font-family: 'Zen Old Mincho', serif;
}
.mirevoArea_box__text {
	margin-top: calc(10 / 1100 * 100vw);
	font-size: calc(16 / 1100 * 100vw);
}

@media screen and (min-width: 1140px){
	.mirevoArea_box__title {
		font-size: 2.4rem;
	}
	.mirevoArea_box__text {
		margin-top: 10px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px){
	.mirevoArea_box__title {
		font-size: 2rem;
	}
	.mirevoArea_box__text {
		font-size: 1.5rem;
	}
}


/* productArea */
.productArea {
	position: relative;
	padding: 200px 0;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/bg_product_01.png);
}
.productArea .productArea__inner {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}
.productArea .productArea__bg {
	position: absolute;
	top: calc(-30 * 100vw / 1100);
	left: calc(-100 * 100vw / 1100);
	width: calc(1406 * 100vw / 1406);
	height: calc(134 * 100vw / 1406);
	background-size: contain;
	background-image: url(../img/title_productfeatures_.png);
	background-repeat: no-repeat;
}

@media screen and (min-width: 1501px) {
	.productArea .productArea__bg {
		top: -30px;
		left: -100px;
		width: 1406px;
		height: 134px;
	}
}
@media screen and (max-width: 1500px){
	.productArea .productArea__bg {
		left: 10px;
		width: 1080px;
		height: 103px;
	}
}

@media screen and (max-width: 1100px){
	.productArea .productArea__bg {
		width: calc(1080 * 100vw / 1100);
		height: calc(103 * 100vw / 1100);
	}
}
@media screen and (max-width: 767px){
	.productArea {
	padding: 50px 0 65px;
}
	.productArea .productArea__bg {
		top: calc(-20 * 100vw / 767);
		left: 10px;
	}
}

.productArea_box {
	margin-top: 80px;
	background-color: rgba(255, 255, 255, 0.7);
}
.productArea_box + .productArea_box {
	margin-top: 50px;
}

.productArea_box .productArea_box__inner {
	position: relative;
	padding: 25px;
	box-shadow: 14.387px 13.893px 20px 0px rgba(0, 0, 0, 0.05), 0 0 20px 0px rgba(0, 0, 0, 0.1);
}
.productArea_box__inner.s_paddingL {
	padding: 62px;
}
.productArea_box.s_number {
	position: relative;
}
.productArea_box.s_number::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 90px;
	background-image: url(../img/bg_product_02.png);
	opacity: 0.7;
}
.productArea_box.s_number::after {
	content: "";
	position: absolute;
	font-size: 4rem;
	font-family: 'Zen Old Mincho', serif;
	line-height: 1;
	top: -25px;
	left: 25px;
}
.productArea_box.s_number.s_number1::after {
	content: "01";
}
.productArea_box.s_number.s_number2::after {
	content: "02";
}
.productArea_box.s_number.s_number3::after {
	content: "03";
}
.productArea_box.s_number .productArea_box__inner {
	padding-left: 90px;
}

@media screen and (max-width: 767px){
	.productArea_box {
		margin-top: 30px;
	}
	.productArea_box .productArea_box__inner {
		padding: 20px;
	}
	.productArea_box__inner.s_paddingL {
		padding: 20px;
	}
	.productArea_box.s_number::after {
		font-size: 4rem;
	}
	.productArea_box.s_number .productArea_box__inner {
		padding-left: 70px;
	}
}
@media screen and (max-width: 400px){
	.productArea_box.s_number .productArea_box__inner {
		padding-left: 20px;
	}
}

.productArea_box__col {
	display: flex;
	align-items: start;
}
.productArea_box__titleArea {
	width: 34%;
	margin-right: 10px;
}
.productArea_box__title {
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
	font-size: 3.2rem;
}
.productArea_box__img {
	margin-top: 30px;
text-align: center;
}

.productArea_box__inBox {
	width: 66%;
	position: relative;
	border: 1px solid #fff;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.7);
}
.productArea_box__inBox::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 90px;
	background-image: url(../img/bg_product_02.png);
	opacity: 0.7;
}
.productArea_box__inBox::after {
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 90px;
	height: 90px;
	background-image: url(../img/bg_product_03.png);
	opacity: 0.7;
}
.productArea_box__inBoxInner {
	position: relative;
	padding: 30px 80px;
	box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.38);
	z-index: 1;
}

@media screen and (max-width: 767px){
	.productArea_box__col {
		display: block;
	}
	.productArea_box__titleArea {
		width: 100%;
		margin-right: 0;
	}
	.productArea_box__title {
		font-size: 2.6rem;
	}
	.productArea_box__img {
		margin-top: 20px;
	}
	.productArea_box__inBox {
		margin-top: 20px;
		width: 100%;
	}
	.productArea_box__inBoxInner {
		padding: 30px 50px;
	}
}

.productArea_box__text {
	position: relative;
	margin-top: 70px;
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
}
.productArea_box__text::after {
	content: "";
	position: absolute;
	top: -40px;
	right: 0;
	left: 0;
	width: 50px;
	height: 4px;
	margin: 0 auto;
	background-image: url(../img/icon_arrow_01.png);
	background-size: contain;
	transform: translateY(-50%) rotate(90deg);
	transform: rotate(90deg);
}


@media screen and (max-width: 767px){
	.productArea_box__text {
		margin-top: 80px;
		font-size: 2rem;
	}
}

.icon2ol {
	display: flex;
}
.icon2ol .icon2ol__img {
	flex-shrink: 0;
	padding: 5px 30px;
}
.icon2ol .icon2ol__text {
	display: flex;
	align-items: center;
	padding-left: 30px;
	border-left: 1px solid #000;
	font-size: 2.4rem;
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
}

@media screen and (max-width: 767px){
	.icon2ol .icon2ol__img {
		max-width: 100px;
		padding: 10px 20px;
	}
	.icon2ol .icon2ol__text {
		padding-left: 20px;
		font-size: 2rem;
	}
}

/* overviewArea */
.overviewArea {
	position: relative;
	padding: 200px 0;
}
.overviewArea .overviewArea__inner {
	position: relative;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}
.overviewArea .overviewArea__bg {
	position: absolute;
	top: calc(-30 * 100vw / 1100);
	left: calc(-100 * 100vw / 1100);
	width: calc(752 * 100vw / 1406);
	height: calc(136 * 100vw / 1406);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/title_overview_01.png);
}

@media screen and (min-width: 1501px) {
	.overviewArea .overviewArea__bg {
		top: -30px;
		left: -100px;
		width: 752px;
		height: 136px;
	}
}
@media screen and (max-width: 1500px){
	.overviewArea .overviewArea__bg {
		left: 10px;
		width: 577px;
		height: 104px;
	}
}
@media screen and (max-width: 1100px){
	.overviewArea .overviewArea__bg {
		width: calc(577 * 100vw / 1100);
		height: calc(104 * 100vw / 1100);
	}
}
@media screen and (max-width: 767px){
	.overviewArea .overviewArea__bg {
		top: calc(-20 * 100vw / 767);
		left: 10px;
	}
}

.overviewArea_list {
	display: flex;
	flex-wrap: wrap;
	margin: -20px;
	margin-top: 60px;
}
.overviewArea_list > .overviewArea_list__item {
	position: relative;
	width: 27.27%;
	padding: 20px;
}
.overviewArea_list > .overviewArea_list__item.s_sizeL {
	width: 45.45%;
}
.overviewArea_list > .overviewArea_list__item::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50px;
	width: 30px;
	height: 4px;
	margin: auto 0;
	background: url(../img/icon_arrow_01.png) no-repeat 100% 0;
}
.overviewArea_list > .overviewArea_list__item:last-child::after {
	content: none;
}

.overviewArea_list > .overviewArea_list__item > div {
	position: relative;
	padding: 30px;
	height: 100%;
	box-shadow: 14.387px 13.893px 20px 0px rgba(0, 0, 0, 0.05), 0 0 20px 0px rgba(0, 0, 0, 0.1);
}

.overviewArea_list__title {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	text-align: center;
	font-size: 2rem;
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
	line-height: 1.75;
}
.overviewArea_list__img {
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 767px){
	.overviewArea {
		padding: 50px 0 100px;
	}
	.overviewArea_list {
		display: block;
		margin-top: -20px;
	}
	.overviewArea_list > .overviewArea_list__item {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.overviewArea_list > .overviewArea_list__item.s_sizeL {
		width: 100%;
		max-width: 500px;
	}
	.overviewArea_list > .overviewArea_list__item::after {
		top: auto;
		bottom: 15px;
		left: 0;
		margin: 0 auto;
		transform: translateY(-50%) rotate(90deg);
	}
	.overviewArea_list > .overviewArea_list__item:last-child::after {
		content: none;
	}
	.overviewArea_list > .overviewArea_list__item > div {
		position: relative;
		padding: 20px 20px 30px;
	}
	.overviewArea_list__title {
		font-size: 1.8rem;
	}
	.overviewArea_list__img {
		margin-top: 20px;
	}
}


.s_topAni{
	opacity: 0;
	transition: all 1s 0.3s;
	transform: translateX(-80px);
}
.s_aniShow .s_topAni,
.s_aniShow.s_topAni{
	opacity: 1;
}
.s_aniShow .s_topAni,
.s_aniShow.s_topAni{
	transform: translateX(0);
}