@charset "utf-8";

/* ---------------------------------------------
*   common
--------------------------------------------- */
p, h1, h2, h3, h4, h5, h6, span, a, li, caption, td, th, dt, dd, input, textarea, select, address {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* ---------------------------------------------
*   mv
--------------------------------------------- */
.mv .mv_inner {
	width: 100%;
}

.mv .mv_inner img {
	width: 100%;
}

/* ---------------------------------------------
*   message
--------------------------------------------- */
.message {
	background: url(/smartphone/health/amicolla/matcha/images/bg_woman.png) 0 0 no-repeat;
	background-size: 100% auto;
}

.message .message_inner {
	width: 86.6vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6vw;
	padding-bottom: 2.1vw;
	box-sizing: border-box;
}

.message .message_tit-outer {
	margin-bottom: 4vw;
	padding-top: 4vw;
	padding-bottom: 4vw;
	background: url(/smartphone/health/amicolla/matcha/images/label_green.png) 0 0 no-repeat;
	background-size: cover;
	text-align: center;
}

.message .message_tit {
	font-size: 4vw;
	color: #005422;
	line-height: 1.6;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_tit-bold {
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_tit-big {
	font-size: 4.4vw;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_txt {
	width: 75.33vw;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------
*   merit
--------------------------------------------- */
.merit {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
	text-align: center;
}

.merit .merit_inner {
	width: 91.86vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8vw;
	padding-bottom: 7.3vw;
}

.merit .merit_product {
	position: absolute;
	bottom: 28.8vw;
	left: 0;
	width: 29vw;
}

.merit .merit_pattern {
	position: absolute;
	top: 0;
	right: 0;
	width: 36.8vw;
}

.merit .merit_tit {
	display: block;
	margin-bottom: 4.8vw;
	font-size: 6vw;
	font-weight: bold;
	color: #005422;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_message {
	font-size: 4vw;
	font-weight: bold;
	color: #005422;
	line-height: 1.3;
	letter-spacing: 0.14em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_message-bold {
	font-weight: bold;
	font-size: 5.93vw;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_txt {
	font-size: 4vw;
	color: #005422;
	line-height: 1.3;
	white-space: nowrap;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/*  merit-list
--------------------------------------------- */
.merit-list {
	position: relative;
	margin-top: 7vw;
	margin-bottom: 7.33vw;
	z-index: 10;
}

.merit-list .merit-list_item {
	margin-bottom: 4.86vw;
}

.merit-list .merit-list_item:last-of-type {
	margin-bottom: 0;
}

.merit-list .merit-list_ico {
	margin-right: auto;
	margin-bottom: 2vw;
	margin-left: auto;
}

.merit-list .merit-list_ico-first {
	width: 9.33vw;
}

.merit-list .merit-list_ico-second {
	width: 7.46vw;
}

.merit-list .merit-list_ico-third {
	width: 6vw;
}

.merit-list .merit-list_label {
	display: flex;
	align-items: center;
	background: url(/smartphone/health/amicolla/matcha/images/label.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 42.13vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1.46vw;
	padding-bottom: 1.46vw;
	box-sizing: border-box;
}

.merit-list .merit-list_num {
	display: inline-block;
	margin-top: 0.2vw;
	padding-left: 4vw;
	font-size: 6.66vw;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	transform: skew(-15deg);
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit-list .merit-list_num-first {
	margin-right: 9.1vw;
}

.merit-list .merit-list_num-second {
	margin-right: 4vw;
}

.merit-list .merit-list_num-third {
	margin-right: 5.33vw;
}

.merit-list .merit-list_txt {
	font-size: 5.33vw;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit-list .merit-list_txt--first {
	letter-spacing: 0.5em;
}

.merit-list .merit-list__desc {
	font-size: 4vw;
	color: #990000;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   label-01
--------------------------------------------- */
.label-01 {
	background: url(/smartphone/health/amicolla/matcha/images/bg_label-01.png) 0 0 no-repeat;
	background-size: cover;
}

.label-01 .label-01_inner {
	width: 80vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5vw;
	padding-bottom: 5vw;
	box-sizing: border-box;
}

.label-01 .label-01_tit {
	display: block;
	margin-bottom: 2.33vw;
	font-size: 5.33vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.label-01 .label-01_txt {
	display: block;
	font-size: 3.33vw;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   data
--------------------------------------------- */
.data {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
}

.data .data_inner {
	width: 80.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7.33vw;
	padding-bottom: 5.33vw;
	box-sizing: border-box;
}

.data .data_product {
	position: absolute;
	top: 10px;
	right: -30px;
	width: 22.66vw;
}

.data .data_img {
	position: absolute;
	right: 12vw;
	bottom: 2vw;
	width: 19.53vw;
}

.data .data_graph {
	width: 74vw;
	margin-bottom: 3.2vw;
}

.data .data_tit {
	margin-bottom: 4vw;
	font-size: 4vw;
	font-weight: bold;
	color: #000;
	line-height: 1.83;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.data .data_txt {
	margin-left: 1vw;
	font-size: 3.33vw;
	color: #000;
	line-height: 1.6;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.data .data_pattern {
	position: absolute;
	left: 0;
	bottom: -2vw;
	width: 53.33vw;
}

.data .data_item {
	position: absolute;
	bottom: 30.66vw;
	right: 0;
	width: 14vw;
}

/* ---------------------------------------------
*   label-02
--------------------------------------------- */
.label-02 {
	background: url(/smartphone/health/amicolla/matcha/images/bg_label-02.png) 0 0 no-repeat;
	background-size: cover;
}

.label-02 .label-02_inner {
	width: 91.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5.33vw;
	padding-bottom: 5.33vw;
	text-align: center;
	box-sizing: border-box;
}

.label-02 .label-02_tit {
	display: block;
	font-size: 5.33vw;
	color: #fff;
	line-height: 1.3;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.label-02 .label-02_txt {
	display: block;
	font-size: 3.33vw;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

/* ---------------------------------------------
*   progress
--------------------------------------------- */
.progress {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-washi.png) 0 0 repeat;
	background-size: cover;
}

.progress .progress_inner {
	width: 89.66vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7vw;
	padding-bottom: 6vw;
	box-sizing: border-box;
	text-align: center;
}

.progress .progress_item-right {
	position: absolute;
	top: -20.33vw;
	right: 0;
	width: 13vw;
}

.progress .progress_txt {
	margin-bottom: 4.83vw;
	font-size: 4vw;
	color: #005422;
	line-height: 1.5;
	white-space: nowrap;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.progress .progress_desc {
	width: 80vw;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_illust {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_item-left {
	position: absolute;
	bottom: -11.66vw;
	left: 0;
	width: 16vw;
	z-index: 10;
}

/* ---------------------------------------------
*   howto
--------------------------------------------- */
.howto {
	position: relative;
	background: url(/smartphone/health/amicolla/matcha/images/bg_common-koushi.png) 0 0 repeat;
	background-size: cover;
}

.howto .howto_inner {
	width: 89.33vw;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6vw;
	padding-bottom: 7vw;
	box-sizing: border-box;
	text-align: center;
}

.howto .howto_item-right {
	position: absolute;
	top: 3vw;
	right: 0;
	width: 26vw;
}

.howto .howto_item-left {
	position: absolute;
	bottom: 11vw;
	left: 0;
	width: 11.66vw;
}

.howto .howto_tit-outer {
	width: 100%;
	margin-bottom: 1vw;
	padding-top: 5.6vw;
	padding-bottom: 4.3vw;
	background: url(/smartphone/health/amicolla/matcha/images/label_ribbon.png) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	box-sizing: border-box;
}

.howto .howto_tit {
	font-size: 5.1vw;
	color: #005422;
	line-height: 1.15;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_catch {
	position: absolute;
	top: 46vw;
	right: 7vw;
	font-size: 6vw;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.2em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_img {
	width: 86.66vw;
}

.howto .howto_txt {
	white-space: nowrap;
	font-size: 4.53vw;
	color: #fff;
	line-height: 1.45;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	letter-spacing: -1px;;
}

.howto .howto_txt-bold {
	font-size: 6vw;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_txt-skew {
	display: inline-block;
	font-size: 6vw;
	font-weight: bold;
	transform: skew(10deg);
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.newamic_footer_lower .item_linkarea .item_text {
	font-family: sans-serif !important;
}


/* ---------------------------------------------
*   js_fadein
--------------------------------------------- */
.js_fadein_1,
.js_fadein_2,
.js_fadein_3,
.js_fadein_4,
.js_fadein_5,
.js_fadein_6,
.js_fadein_7,
.js_fadein_8,
.js_fadein_9 {
    opacity: 0;
}

.mb1 {
    margin-bottom: 1em;
}
ruby rt {
	font-size: 50%;
}
.message_tit-small {
	font-size: 2.93333vw;
	text-align: left;
	display: inline-block;
}
.label-01 .label-01_txt {
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	border-bottom:1px solid #fff;
	padding-bottom:9px;
	margin-bottom: 22px;
	display:inline;
	line-height:2;
}
.number {
	font-size: 30px;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}
.label-01 .label-01_tit {
    display: block;
    margin-top: 22px;
}
.label-02 .label-02_txt {
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	border-bottom:1px solid #fff;
	padding-bottom:9px;
	margin-bottom: 22px;
	display:inline;
	line-height:2;
}
.label-02 .label-02_tit {
    display: block;
    margin-top: 22px;
}
.matsukiyococokara {
	text-align: center;
	background-color: #f7ed42;
	padding: 4.8vw 0;
}
.logo {
	width:44.8vw;
	vertical-align: middle;
	margin: 0 0 2.666vw 2.666vw;
}
.matsukiyococokara_img {
	width: 57.8666vw;
	margin: 2.666vw auto 0;
}

.matsukiyococokara_catch {
	font-size: 4.4vw;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	color: #fff;
	display: inline-block;
	background-color: #000;
	border-radius: 10vw;
	padding: 2.66666vw 13.33333vw;
	margin-top: 3.33333vw;
	line-height: 1.25;
}