@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;
}

img {
	max-width: none !important;
}

/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
.wrapper {
	overflow: hidden;
}

/* ---------------------------------------------
*   mv
--------------------------------------------- */
.mv {
	background-color: #78b039;
}

.mv .mv_inner {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------
*   message
--------------------------------------------- */
.message .message_inner {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 44px;
	padding-bottom: 33px;
	box-sizing: border-box;
}

.message .message_img {
	position: absolute;
	top: 0;
	right: -284px;
	height: 444px;
	z-index: -10;
}

.message .message_img img {
	height: 100%;
}

.message .message_desc {
	width: 830px;
	margin-left: 20px;
}

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

.message .message_tit {
	font-size: 23px;
	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: 26px;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.message .message_txt {
	width: 658px;
	margin-right: auto;
	margin-left: auto;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

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

.merit .merit_inner {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 78px;
	padding-bottom: 70px;
}

.merit .merit_box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

.merit .merit_product {
	position: absolute;
	top: 0;
	left: -110px;
	width: 466px;
}

.merit .merit_pattern {
	position: absolute;
	top: 0;
	right: -295px;
	width: 660px;
}

.merit .merit_tit {
	position: relative;
	display: block;
	margin-bottom: 14px;
	font-size: 40px;
	color: #005422;
	line-height: 1;
	z-index: 10;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.merit .merit_message {
	position: relative;
	font-size: 25px;
	color: #005422;
	line-height: 1.24;
	letter-spacing: 0.1em;
	z-index: 10;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

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

.merit .merit_txt {
	font-size: 25px;
	color: #005422;
	line-height: 1.56;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}


/*  merit-list
--------------------------------------------- */
.merit-list {
	display: flex;
	justify-content: space-between;
	margin-top: 46px;
	margin-bottom: 50px;
}

.merit-list:after {
	display: none;
}

.merit-list .merit-list_item {
	width: 306px;
}

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

.merit-list .merit-list_ico-first {
	width: 69px;
	margin-bottom: 16px;
}

.merit-list .merit-list_ico-second {
	width: 56px;
	margin-bottom: 16px;
}

.merit-list .merit-list_ico-third {
	width: 44px;
	margin-bottom: 12px;
}

.merit-list .merit-list_label {
	display: flex;
	align-items: center;
	background: url(/health/amicolla/matcha/images/label.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 236px;
	height: 68px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	padding-left: 20px;
	box-sizing: border-box;
}

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

@media all and (-ms-high-contrast: none) {
  .merit-list .merit-list_num {
  	margin-top: 20px;
  }
}

.merit-list .merit-list_num-first {
	margin-right: 62px;
}

.merit-list .merit-list_num-second {
	margin-right: 28px;
}

.merit-list .merit-list_num-third {
	margin-right: 32px;
}

.merit-list .merit-list_txt {
	font-size: 22px;
	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;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

@media all and (-ms-high-contrast: none) {
  .merit-list .merit-list_txt {
  	margin-top: 8px;
  }
}

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

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

.label-01 .label-01_inner {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 36px;
	box-sizing: border-box;
}

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

.label-01 .label-01_txt {
	font-size: 18px;
	color: #fff;
	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;
}

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

.data .data_inner {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.data .data_box {
	display: flex;
	justify-content: space-between;
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
	padding-bottom: 78px;
	box-sizing: border-box;
}

.data .data_img {
	position: absolute;
	top: 20px;
	right: -100px;
	width: 410px;
}

.data .data_graph {
	width: 396px;
}

.data .data_desc {
	margin-top: -6px;
	z-index: 10;
}

.data .data_tit {
	margin-bottom: 15px;
	font-size: 30px;
	color: #000;
	line-height: 1.86;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	-webkit-text-stroke: 4px white;
	text-stroke: 4px white;
	paint-order: stroke;
}

.data .data_txt {
	font-size: 19px;
	color: #000;
	line-height: 1.52;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.data .data_pattern {
	position: absolute;
	bottom: 0;
	left: -316px;
	width: 710px;
}

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

.label-02 .label-02_inner {
	width: 842px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	box-sizing: border-box;
}

@media all and (-ms-high-contrast: none) {
  .label-02 .label-02_inner {
  	padding-top: 36px;
  	padding-bottom: 28px;
  }
}

.label-02 .label-02_tit {
	display: block;
	margin-top: 22px;
	font-size: 40px;
	color: #fff;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	text-align: center;
	font-weight: bold;
}

.label-02 .label-02_txt {
	font-size: 18px;
	color: #fff;
	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;
}

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

.progress .progress_inner {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_box {
	width: 852px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 76px;
	padding-bottom: 76px;
	box-sizing: border-box;
	text-align: center;
}

.progress .progress_item-right {
	position: absolute;
	top: -222px;
	right: -70px;
	width: 234px;
}

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

.progress .progress_desc {
	width: 754px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.progress .progress_illust {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

.progress .progress_item-left {
	position: absolute;
	bottom: 20px;
	left: -155px;
	width: 300px;
}

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

.howto .howto_inner {
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 58px;
	padding-bottom: 60px;
	box-sizing: border-box;
	text-align: center;
}

.howto .howto_tit-outer {
	width: 960px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
	padding-top: 49px;
	padding-bottom: 43px;
	background: url(/health/amicolla/matcha/images/label_ribbon.png) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
	box-sizing: border-box;
}

@media all and (-ms-high-contrast: none) {
  .howto .howto_tit-outer {
  	padding-top: 53px;
  }
}

.howto .howto_tit {
	margin-left: -10px;
	font-size: 36px;
	color: #005422;
	line-height: 1.15;
	font-weight: bold;
	letter-spacing: 0.04em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_catch {
	font-size: 43px;
	color: #fff;
	line-height: 1;
	letter-spacing: 0.2em;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

.howto .howto_img {
	width: 100%;
	margin-top: -155px;
}

.howto .howto_txt {
	margin-top: -30px;
	font-size: 34px;
	color: #fff;
	line-height: 1.45;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}

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

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

.newamic_footer_lower .item_linkarea .item_link {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
}

/* ---------------------------------------------
*   js_fadein
--------------------------------------------- */
.js-fadein {
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
}

.js-fadein.is-show {
	opacity: 1;
	visibility: visible;
}

/* ---------------------------------------------
*   20250211
--------------------------------------------- */
.mb1 {
	margin-bottom: 1em;
}
.message_tit-small {
	font-size: 13px;
}
.number {
	font-size: 30px;
	line-height: 1;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
}
.matsukiyococokara {
	background-color: #f7ed42;
	text-align: center;
	padding: 30px 0;
}
.matsukiyococokara_catch {
	font-size: 30px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", serif !important;
	color: #fff;
	display: inline-block;
	background-color: #000;
	border-radius: 34px;
	padding: 10px 45px;
	margin-top: 14px;
}
.matsukiyococokara_catch img {
	margin: 0 10px;
}
.matsukiyococokara_img{
	margin-top: 16px;
}