@charset "UTF-8";
.root {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	overflow: hidden
}
.root a {
	transition: transform 0s
}
.root sub {
	vertical-align: baseline
}
@media screen and (max-width:460px) {
	.root {.md-acc
		font-size: 14px;
		font-size: 3.33333vw
	}
}
.root img {
	height: auto
}
img {
	height: auto
}
html.is-overlay {
	overflow: hidden
}
html.is-navi {
	overflow: hidden
}
sup {
	font-size: 62.5%
}
.footer-wrapper {
	overflow: hidden
}
.sp {
	display: none
}
@media screen and (max-width:769px) {
	.sp {
		display: block
	}
	.pc {
		display: none
	}
}
.lazyload, .load-fade {
	transition: opacity .3s;
}
.lazyloaded {
	transition: opacity .3s;
	opacity: 1
}
.lazyloaded.not-transition {
	transition: none
}
.load-fade.lazyloaded {
	opacity: 1
}
.load-fade.not-transition {
	transition: none
}
.navi-sp-menu {
	height: 35px;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-bottom: solid 1px #e6e6e6;
	overflow: hidden
}
@media screen and (min-width:1001px) {
	.navi-sp-menu {
		display: none
	}
}
.navi-sp-menu-btn {
	font-weight: 500;
	color: #fff;
	line-height: 1;
	background-color: #00b08d;
	display: flex;
	align-items: center;
	height: 25px;
	width: 7em;
	border-radius: 4em;
	position: absolute;
	right: -2.1em;
	top: 4px;
	cursor: pointer
}
.navi-sp-menu-btn span {
	position: relative;
	top: -.052em;
	left: 1em
}
.f_header {
	z-index: 1000
}
.com-header {
	z-index: 1000
}
@keyframes headerShow-c {
	0% {
		top: -74px
	}
	100% {
		top: 74px
	}
}
@keyframes headerHide-c {
	0% {
		top: 74px
	}
	100% {
		top: 0px
	}
}
.nav-sp {
	display: block
}
.nav-sp.md-ico {
	display: inline-block
}
@media screen and (min-width:1001px) {
	.nav-sp {
		display: none !important
	}
}
.nav-pc {
	display: none !important
}
@media screen and (min-width:1001px) {
	.nav-pc {
		display: block !important
	}
	.nav-pc.md-ico {
		display: inline-block !important
	}
	.nav-pc.flex {
		display: flex !important
	}
}
.c-navigation {
	font-weight: 500;
	z-index: 90;
	font-size: 87.5%;
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: 35px
}
@media screen and (min-width:1001px) {
	.c-navigation {
		top: 152px;
		height: auto
	}
}
@media screen and (min-width:1063px) {
	.c-navigation {
		top: 116px
	}
}
@media screen and (max-width:1000px) {
	.c-navigation {
		font-size: 87.5%
	}
}
@media screen and (max-width:1243px) {
	.c-navigation {
		font-size: 14px;
		font-size: 1.12631vw
	}
}
@media screen and (max-width:1243px) and (max-width:1000px) {
	.c-navigation {
		font-size: 87.5%
	}
}
@media screen and (min-width:1247px) {
	.c-navigation {
		font-size: 87.5%
	}
}
.c-navigation nav {
	position: relative;
	background-color: #fff;
	z-index: 990
}
@media screen and (min-width:1001px) {
	.c-navigation nav:before {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #e6e6e6;
		z-index: 990;
		pointer-events: none
	}
}
.c-navigation .nav-list {
	border-bottom: solid 1px #e6e6e6
}
@media screen and (min-width:1001px) {
	.c-navigation .nav-list {
		display: flex;
		justify-content: space-between;
		position: relative;
		max-width: 1243px;
		margin: 0 auto;
		z-index: 980;
		border: none
	}
	.c-navigation .nav-list > li {
		flex: 1;
		text-align: center
	}
}
.c-navigation .nav-drop {
	height: 0;
	overflow: hidden
}
@media screen and (min-width:1001px) {
	.c-navigation .nav-drop {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		overflow: visible;
		display: none;
		height: auto;
		transform: translateY(-100%)
	}
}
.c-navigation .nav-drop-list {
	border-top: solid 1px #e6e6e6;
	padding: 0 20px 1.5em
}
.c-navigation .nav-drop-list > li {
	border-bottom: solid 1px #e6e6e6
}
.c-navigation .nav-drop-list > li:last-child {
	border-bottom: none
}
@media screen and (min-width:1001px) {
	.c-navigation .nav-drop-list {
		display: flex;
		width: 100%;
		padding: 30px 0;
		position: relative;
		z-index: 2;
		border-top: none;
		background-color: #fff
	}
	.c-navigation .nav-drop-list > li {
		border-right: solid 1px #e6e6e6;
		border-bottom: none;
		display: flex;
		justify-content: center;
		flex: 1
	}
	.c-navigation .nav-drop-list > li:last-child {
		border: none
	}
}
.navigation-wrap {
	overflow-y: auto;
	height: 0
}
@media screen and (max-width:1000px) {
	.navigation-wrap {
		transform: translateX(100%)
	}
	.navigation-wrap.open {
		height: auto;
		max-height: calc(100vh - 60px - 35px)
	}
}
@media screen and (max-width:767px) {
	.navigation-wrap.open {
		height: auto;
		max-height: calc(100vh - 43px - 35px)
	}
}
@media screen and (min-width:1001px) {
	.navigation-wrap {
		transform: none;
		height: auto;
		overflow: visible
	}
}
.nav-drop-list-prod-other {
	display: flex;
	background-color: #fff;
	padding: 1.5em;
	justify-content: flex-end;
	border-top: solid 1px #e6e6e6
}
.nav-drop-list-prod-other a {
	margin-left: 2em
}
.nav-btn {
	font-size: 133.33333%;
	color: #008d61;
	padding: .5em 20px;
	display: block;
	position: relative;
	border-top: solid 1px #e6e6e6
}
.nav-btn .ico-plus {
	right: calc(20px + .5em)
}
.nav-btn.is-top {
	border-top: none
}
@media screen and (min-width:1001px) {
	.nav-btn {
		padding: 0;
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		height: 50px;
		position: relative;
		z-index: 20
	}
	.nav-btn:after {
		content: '';
		position: absolute;
		display: block;
		top: 25%;
		right: 0;
		width: 1px;
		height: 50%;
		background-color: #e6e6e6
	}
	.nav-btn:before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 3px;
		background-color: #008d61;
		opacity: 0;
		transition: opacity .5s
	}
	.nav-btn.active:before, .nav-btn:hover:before {
		opacity: 1
	}
	.nav-btn .ico-plus {
		display: none
	}
}
.patient .nav-btn-patient:before {
	opacity: 1
}
.guide .nav-btn-guide:before {
	opacity: 1
}
.products .nav-btn-products:before {
	opacity: 1
}
.support .nav-btn-support:before {
	opacity: 1
}
.nav-btn2 {
	display: block;
	position: relative;
	padding: 1em 0 1em .5em
}
.nav-btn2 .ico, .nav-btn2 > img {
	position: absolute;
	right: 0;
	top: 50%;
	width: 55px;
	transform: translateY(-50%)
}
.nav-btn2 .ico {
	width: 24px
}
@media screen and (min-width:1001px) {
	.nav-btn2 {
		line-height: 1.4;
		padding: 0;
		width: 100%;
		text-align: center
	}
	.nav-btn2 .ico, .nav-btn2 > img {
		width: 100%;
		max-width: 150px;
		position: relative;
		top: auto;
		transform: none;
		margin-bottom: 13px;
		transition: opacity .4s;
		right: auto
	}
	.nav-btn2 p {
		transition: opacity .4s
	}
	.nav-btn2 .ico {
		display: inline-block;
		position: relative
	}
	.nav-btn2 .ico:before {
		content: '';
		display: block;
		padding-top: 61.56584%
	}
	.nav-btn2 .ico img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50px;
		height: auto;
		transform-origin: center;
		transform: translate(-50%, -50%)
	}
}
.nav-btn-other {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
	flex-wrap: wrap
}
.nav-btn-other .nav-btn-other-inr {
	margin-top: .8em;
	font-size: 92.85714%;
	position: relative
}
.nav-btn-other .nav-btn-other-inr:after, .nav-btn-other .nav-btn-other-inr:before {
	content: '';
	display: block;
	position: absolute;
	width: .6em;
	height: 100%;
	top: 0
}
.nav-btn-other .nav-btn-other-inr:before {
	left: -.5em;
	border: solid 1px #333;
	border-right: none
}
.nav-btn-other .nav-btn-other-inr:after {
	right: -.5em;
	border: solid 1px #333;
	border-left: none
}
.nav-btn-other-support {
	font-size: 100%;
	width: 100%;
	display: block
}
.nav-btn-other-support ul {
	display: flex;
	flex-wrap: wrap
}
.nav-btn-other-support li {
	width: 50%;
	display: flex;
	border-bottom: solid 1px #e6e6e6
}
.nav-btn-other-support li:nth-child(2n) {
	border-left: solid 1px #e6e6e6
}
.nav-btn-other-support a {
	padding: 1em .5em;
	display: flex;
	width: 100%;
	position: relative;
	align-items: center
}
.nav-btn-other-support a.l-abs:after {
	right: 1em
}
@media screen and (min-width:1001px) {
	.nav-btn-other-support {
		width: 86%;
		display: flex
	}
	.nav-btn-other-support ul {
		display: block;
		width: 100%
	}
	.nav-btn-other-support li {
		width: 100%;
		display: block
	}
	.nav-btn-other-support li:nth-child(2n) {
		border-left: none
	}
	.nav-btn-other-support a {
		padding: .3em 0 .2em;
		text-align: left;
		width: 100%
	}
}
.nav-btn-other-guide {
	display: block
}
.nav-btn-other-guide ul li {
	text-align: left;
	position: relative;
	padding-left: 1em
}
.nav-btn-other-guide ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
	color: #9fa0a0
}
.nav-btn-other-guide .md-link {
	display: block;
	padding: 1em .5em;
	position: relative
}
.nav-btn-other-guide .md-link:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	right: 1em
}
@media screen and (min-width:1001px) {
	.nav-btn-other-guide {
		display: flex
	}
	.nav-btn-other-guide .md-link {
		padding: 0
	}
	.nav-btn-other-guide .md-link:after {
		position: relative;
		top: auto;
		right: auto;
		transform: rotate(45deg)
	}
	.nav-btn-other-guide ul {
		margin-top: .8em
	}
}
.nav-base {
	display: none
}
@media screen and (min-width:769px) {
	.nav-base {
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		height: 230px;
		background-color: #fff;
		z-index: 970;
		transform: translateY(-120%);
		box-shadow: 0px 5px 6px 5px rgba(0, 0, 0, .06)
	}
}
.md-navi-bg {
	z-index: 80;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 176, 141, .4);
	display: none;
	opacity: 0
}
.contents {
	overflow: hidden;
	position: relative
}
.contents-body {
	padding: 0 20px
}
.md-footer-nav {
	color: #fff;
	background-color: #00b08d;
	overflow: hidden
}
@media screen and (min-width:769px) {
	.md-footer-nav {
		padding-top: 50px
	}
}
.md-footer-nav a:hover {
	background-color: transparent
}
.md-footer-wrap {
	display: none
}
@media screen and (min-width:769px) {
	.md-footer-wrap {
		max-width: 1243px;
		margin: 0 auto;
		padding: 0 20px;
		display: block
	}
}
.md-footer-wrap a:hover {
	text-decoration: underline;
	background-color: transparent !important
}
.md-footer-contents {
	display: flex;
	flex-wrap: wrap;
	border-top: solid 1px #008d61;
	border-bottom: solid 1px #008d61;
	padding: 22px 0
}
.md-footer-contents .list {
	width: 25%;
	border-right: solid 1px #008d61
}
@media screen and (min-width:769px) {
	.md-footer-contents .list {
		width: 50%
	}
	.md-footer-contents .list:nth-child(2n) {
		padding-left: 2em
	}
	.md-footer-contents .list:nth-child(n+3) {
		margin-top: 2em
	}
}
@media screen and (min-width:1024px) {
	.md-footer-contents .list {
		width: 25%;
		font-size: 96%
	}
	.md-footer-contents .list:nth-child(2n) {
		padding-left: 0
	}
	.md-footer-contents .list:nth-child(n+3) {
		margin-top: 0
	}
	.md-footer-contents .list:nth-child(n+2) {
		padding-left: 1em
	}
	.md-footer-contents .list:last-child {
		border: none
	}
}
.md-footer-contents .list-main {
	margin-top: .8em
}
.md-footer-contents .list-main a {
	font-size: 87.5%
}
.md-footer-contents .list-main a:before {
	display: inline-block;
	content: "";
	vertical-align: 2px;
	margin-right: 8px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg)
}
.md-footer-top {
	padding-bottom: 30px
}
.md-footer-link-lv1 {
	font-weight: 500;
	display: inline-block
}
.md-footer-link-lv1 span {
	display: inline-block;
	line-height: 1;
	width: 1em;
	height: 1em;
	background-color: #fff;
	border-radius: 50%;
	top: .1em;
	margin-right: .5em;
	position: relative
}
.md-footer-link-lv1 span:before {
	display: inline-block;
	content: "";
	vertical-align: 2px;
	margin-right: 8px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #008d61;
	border-right: 1px solid #008d61;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3px 0 0 -4px
}
.md-footer-message {
	position: relative;
	padding: 36.71875% 0 40px
}
.md-footer-message .md-footer-message-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 16.44737%;
	left: 0;
	font-size: 40px;
	font-size: 6.25vw
}
@media screen and (min-width:769px) {
	.md-footer-message {
		padding: 35px 0
	}
	.md-footer-message .md-footer-message-text {
		position: absolute;
		top: 50%;
		left: 50%;
		font-weight: 500;
		font-size: 150%;
		transform: translate(-50%, -50%);
		margin-top: -.5em
	}
	.md-footer-message img {
		width: 2091px;
		display: block;
		max-width: none;
		position: relative;
		left: 50%;
		margin-left: -1045px;
		backface-visibility: hidden
	}
}
@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal
}
:root {
	--swiper-theme-color: #00b08d
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	overflow-y:hidden;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}
.swiper-container-3d {
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory
}
:root {
	--swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	top: 100%;
	width: 100%
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-pagination-bullets {
	width: 100%
}
.swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
	--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1);
	height: 5px
}
.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-scrollbar-lock {
	display: none
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.swiper-slide-zoomed {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube {
	overflow: visible
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-flip {
	overflow: visible
}
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.md-acc {
	display: none;
}
.js-acc-inr {
	padding: 2em 1em
}
@media screen and (min-width:769px) {
	.js-acc-inr {
		padding: 3em 2em
	}
}
.md-confirm {
	border: solid 3px #e6e6e6;
	text-align: center;
	padding: 30px 20px
}
.md-confirm .ttl {
	font-size: 150%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #008d61
}
.md-confirm .text1 {
	font-weight: 500;
	margin-top: 1.3em
}
.md-confirm .text2 {
	font-size: 116.66667%;
	font-weight: 500;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.md-confirm {
		padding: 60px 30px;
		border-width: 5px
	}
	.md-confirm .ttl {
		font-size: 225%
	}
	.md-confirm .text1 {
		font-size: 112.5%
	}
	.md-confirm .text2 {
		margin-top: .7em;
		font-size: 150%
	}
}
.md-confirm .btns {
	width: 80%;
	margin: 1.5em auto 0
}
@media screen and (min-width:769px) {
	.md-confirm .btns {
		display: flex;
		justify-content: center;
		max-width: 545px;
		margin: 2.5em auto 0
	}
}
.md-confirm-btn {
	width: 100%;
	font-size: 112.5%;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border: solid 1px #00b08d !important;
	flex: 1;
	height: 3em
}
.md-confirm-btn:nth-child(n+2) {
	margin-top: 1em
}
.md-confirm-btn.yes {
	background-color: #00b08d
}
.md-confirm-btn.no {
	border-color: #9fa0a0 !important;
	background-color: #9fa0a0
}
@media screen and (min-width:769px) {
	.md-confirm-btn {
		margin: 0 1em
	}
	.md-confirm-btn:nth-child(n+2) {
		margin-top: 0
	}
}
.md-support {
	background-color: #fff;
	padding: 40px 20px 30px
}
.md-support .ttl {
	font-size: 112.5%;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px
}
@media screen and (min-width:769px) {
	.md-support {
		padding: 40px
	}
}
.md-support-btn {
	font-weight: 500;
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	padding: .8em .5em;
	border-bottom: solid 1px #e6e6e6;
	padding-right: 2em
}
.md-support-btn:hover {
	border-bottom: solid 1px #e6e6e6
}
.md-support-btn .md-tag {
	min-width: 8em;
	margin-top: 0;
	margin-right: 1.2em;
	text-align: center;
	font-size: 72%;
	font-weight: 400
}
.md-support-btn .icon {
	display: inline-block;
	background-color: #d0e9df;
	line-height: 1;
	border-radius: 50%;
	width: 1.8em;
	height: 1.8em;
	flex-shrink: 0;
	margin-right: .5em;
	position: relative
}
.md-support-btn .icon:before {
	content: 'Q';
	color: #008d61;
	position: absolute;
	top: 43%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.md-support-btn .ico-plus {
	right: .5em;
	width: 12px;
	height: 12px
}
@media screen and (min-width:769px) {
	.md-support-btn .ico-plus {
		width: 16px;
		height: 16px
	}
}
.md-support-category {
	display: flex;
	flex-wrap: wrap
}
.md-support-category-btn {
	background-color: #fff;
	border: solid 1px #e8e8e8;
	width: 100%;
	padding: 1.2em;
	margin-top: 1em
}
.md-support-category-btn:last-child {
	margin-right: 0
}
.md-support-category-btn .lv1 {
	display: block;
	font-weight: 500;
	color: #008d61
}
.md-support-category-btn .lv2 {
	font-size: 87.5%
}
@media screen and (min-width:769px) {
	.md-support-category-btn {
		width: 23.32968%;
		margin-right: 2.19058%;
		flex: 1
	}
}
.md-support-category-btn-full {
	background-color: #fff;
	border: solid 1px #e8e8e8;
	width: 100%;
	padding: 1.2em 1.8em 1.2em 1.2em;
	margin-top: 1em;
	position: relative
}
.md-support-category-btn-full .lv1 {
	display: block;
	margin: 0 0 .5em 0;
	font-weight: 500;
	color: #008d61
}
@media screen and (min-width:769px) {
	.md-support-category-btn-full {
		padding: 2.5em 2em
	}
	.md-support-category-btn-full .lv1 {
		margin: 0 1.5em 0 0;
		display: inline-block
	}
}
.md-more .md-btn-more {
	width: 80%;
	max-width: 320px;
	margin: 20px auto 0
}
@media screen and (min-width:769px) {
	.md-more .md-btn-more {
		margin-top: 40px
	}
}
.md-section {
	padding: 50px 0
}
.md-section.t-bg-gray {
	background-color: #f3f4f4
}
@media screen and (min-width:769px) {
	.md-section {
		padding: 100px 0
	}
}
.md-section-inr {
	width: 87.8125%;
	margin: 0 auto
}
@media screen and (min-width:769px) {
	.md-section-inr {
		width: 93.47222%;
		max-width: 1243px
	}
}
.md-section-inr-swipe {
	margin: 0 auto;
	position: relative;
	width: 87.5%;
	max-width: 1243px
}
@media screen and (min-width:769px) {
	.md-section-inr-swipe {
		width: calc(100% - 120px)
	}
}
@media screen and (min-width:1024px) {
	.md-section-inr-swipe {
		width: calc(100% - 186px)
	}
}
@media screen and (min-width:1243px) {
	.md-section-inr-swipe {
		width: 86.31944%
	}
}
.md-inr-swipe {
	width: calc(100% - 90px);
	margin: 0 auto;
	max-width: 1243px
}
@media screen and (min-width:769px) {
	.md-inr-swipe {
		width: calc(100% - 120px);
		max-width: 1243px
	}
}
@media screen and (min-width:1024px) {
	.md-inr-swipe {
		width: calc(100% - 186px)
	}
}
@media screen and (min-width:1243px) {
	.md-inr-swipe {
		width: 100%
	}
}
.md-inr-swipe-guide {
	width: calc(100% - 90px);
	margin: 0 auto;
	max-width: 1243px
}
@media screen and (min-width:769px) {
	.md-inr-swipe-guide {
		width: calc(100% - 120px)
	}
}
@media screen and (min-width:1024px) {
	.md-inr-swipe-guide {
		width: calc(100% - 186px)
	}
}
@media screen and (min-width:1243px) {
	.md-inr-swipe-guide {
		width: 100%;
		width: 86.31944%
	}
}
.md-inr-swipe-guide-2nd {
	width: calc(100%);
	margin: 0 auto;
	max-width: 1243px
}
@media screen and (min-width:769px) {
	.md-inr-swipe-guide-2nd {
		width: calc(100% - 80px)
	}
}
@media screen and (min-width:1024px) {
	.md-inr-swipe-guide-2nd {
		width: calc(100% - 80px)
	}
}
@media screen and (min-width:1243px) {
	.md-inr-swipe-guide-2nd {
		width: calc(100% - 80px)
	}
}
.md-guide-swipe-wrap {
	max-width: 1440px;
	margin: 0 auto
}
.md-section-lv2 {
	padding: 30px 0
}
@media screen and (min-width:769px) {
	.md-section-lv2 {
		padding: 60px 0
	}
}
.md-section-lv2-inr {
	width: 87.8125%;
	margin: 0 auto
}
@media screen and (min-width:769px) {
	.md-section-lv2-inr {
		width: 96%;
		max-width: 913px
	}
}
.md-default-scroll {
	overflow: auto
}
.md-default-scroll .md-table {
	min-width: 960px
}
@media screen and (min-width:769px) {
	.md-default-scroll {
		overflow: visible
	}
	.md-default-scroll .md-table {
		min-width: auto
	}
}
.md-crumb .md-section-inr {
	overflow-x: auto
}
.md-crumb-list {
	display: flex;
	align-items: center;
	padding: 1em 0;
	white-space: nowrap
}
.md-crumb-list .ico-home {
	display: inline-block;
	width: 14px;
	height: 16px;
	background-image: url(../img/cmn/ico_home.svg);
	background-repeat: no-repeat;
	background-size: 100% auto
}
.md-crumb-list .md-crumb-item:nth-child(n+2):before {
	content: '>';
	margin: 0 .8em
}
.md-crumb-list .md-crumb-item a {
	color: #008d61
}
.md-crumb-list .md-crumb-item a:hover {
	color: #008d61;
	text-decoration: underline
}
.md-download .heading {
	background-color: #65bfa3;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: .7em 0 .7em .7em
}
.md-download .heading .icon-rect {
	width: 1.8em
}
.md-download .body {
	flex: 1;
	background-color: #fff;
	padding: 1em
}
@media screen and (min-width:769px) {
	.md-download {
		display: flex
	}
	.md-download .heading {
		align-items: center;
		justify-content: center;
		width: 30.66813%;
		padding: 0
	}
}
.md-hover-fade {
	position: relative
}
@media screen and (min-width:769px) {
	.md-hover-txt:hover {
		text-decoration: underline;
		color: #008d61
	}
	.md-hover-fade img {
		transition: opacity .4s
	}
	.md-hover-fade:hover img {
		opacity: .6
	}
	.hover-txt {
		transition: color .4s !important;
		position: relative
	}
	.hover-txt:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -.2em;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #008d61;
		transition: opacity .3s, transform .3s;
		opacity: 0;
		transform: translateY(.3em)
	}
	.hover-txt:hover {
		color: #008d61;
		background-color: transparent !important
	}
	.hover-txt:hover:before {
		opacity: 1;
		transform: translateY(0%)
	}
	.guide-recipe-btn, .hover-bg, .md-btn-rect, .md-category-navi .item, .md-link-panel-btn, a.md-support-btn {
		transition: background-color .3s, box-shadow .4s ease;
		transition: all .4s !important
	}
	.guide-recipe-btn:hover, .hover-bg:hover, .md-btn-rect:hover, .md-category-navi .item:hover, .md-link-panel-btn:hover, a.md-support-btn:hover {
		z-index: 10;
		color: #008d61 !important;
		box-shadow: 0 1px 10px rgba(0, 0, 0, .3)
	}
	.md-guide-swipe-wrap .md-info-panel a {
		transition: background-color .3s, box-shadow .4s ease
	}
	.md-guide-swipe-wrap .md-info-panel a:hover {
		box-shadow: 0 1px 16px rgba(0, 0, 0, .3)
	}
	.thermo-woman-btn {
		transition: color .4s, background-color .4s !important
	}
	.thermo-woman-btn:hover {
		color: #e62f82;
		background-color: #fff
	}
	.md-confirm-btn {
		transition: color .4s, background-color .4s !important
	}
	.md-confirm-btn:hover {
		background-color: #fff;
		color: #008d61
	}
	.md-btn-ec {
		transition: color .4s, background-color .4s !important
	}
	.md-btn-ec:hover {
		background-color: #fff;
		color: #008d61
	}
	.md-btn-ec:hover .ico-blank-white {
		background-image: url(../img/cmn/ico_blank.svg)
	}
	.md-btn-special:hover .ico-blank {
		background-image: url(../img/cmn/ico_blank_white.svg)
	}
	.md-info-panel a .thumb, .md-prod-btn a .thumb {
		overflow: hidden
	}
	.md-info-panel a .thumb img, .md-prod-btn a .thumb img {
		transition: transform .8s ease, opacity .3s
	}
	.md-info-panel a:hover, .md-prod-btn a:hover {
		background-color: #fff
	}
	.md-info-panel a:hover .thumb img, .md-prod-btn a:hover .thumb img {
		opacity: .6;
		transform: scale(1.1)
	}
	.md-prod-btn .thumb {
		overflow: hidden
	}
	.md-prod-btn .thumb img {
		transition: transform .8s ease, opacity .3s
	}
	.md-prod-btn:hover {
		background-color: #fff
	}
	.md-prod-btn:hover .thumb img {
		opacity: .6;
		transform: scale(1.1)
	}
	.md-related-link a img {
		transition: opacity .4s
	}
	.md-related-link a:hover {
		background-color: transparent
	}
	.md-related-link a:hover img {
		opacity: .6
	}
	.hover-thumb, a.hover-thumb {
		overflow: hidden;
		transition: color .4s
	}
	.hover-thumb img, a.hover-thumb img {
		transition: opacity .4s, transform .6s ease
	}
	.hover-thumb:hover, a.hover-thumb:hover {
		background-color: transparent;
		color: #008d61;
		color: #008d61
	}
	.hover-thumb:hover img, a.hover-thumb:hover img {
		transform: scale(1.1);
		opacity: .6
	}
	.hover-thumb:hover.nav-btn2 .ico img, a.hover-thumb:hover.nav-btn2 .ico img {
		transform: translate(-50%, -50%) scale(1.5)
	}
	.md-movie-btn img {
		transition: opacity .4s
	}
	.md-movie-btn .ico {
		transition: transform .4s
	}
	.md-movie-btn:hover img {
		opacity: .75
	}
	.md-movie-btn:hover .ico {
		transform: translate(-50%, -50%) scale(1.3)
	}
	.md-page-navi-btn {
		transition: color .4s, background-color .4s !important
	}
	.md-page-navi-btn:hover {
		background-color: #cff7e0
	}
	.md-swipe-btn {
		transition: color .4s, background-color .3s !important
	}
	.md-swipe-btn:hover {
		background-color: #00b08d
	}
	.md-prod-newproduct .block1 img, .md-prod-newproduct > img, a.md-lineup-item .block1 img, a.md-lineup-item > img {
		transition: opacity .4s, transform .9s ease
	}
	.md-prod-newproduct:hover, a.md-lineup-item:hover {
		color: #008d61
	}
	.md-prod-newproduct:hover .block1 img, .md-prod-newproduct:hover > img, a.md-lineup-item:hover .block1 img, a.md-lineup-item:hover > img {
		opacity: .6;
		transform: scale(1.1)
	}
	.md-btn-rect-round {
		transition: color .4s, background-color .4s !important
	}
	.md-btn-rect-round:hover {
		background-color: #00b08d;
		color: #fff
	}
	.md-btn-rect-round:hover .ico-blank-white {
		visibility: hidden
	}
	.md-btn-rect-round:hover .ico-blank {
		visibility: visible
	}
	.md-download a:hover {
		text-decoration: underline;
		color: #008d61
	}
	.md-tab-item:hover {
		color: #fff;
		background-color: #00b08d
	}
	.md-tab-item:hover svg {
		fill: #fff
	}
}
.non-hover {
	pointer-events: none
}
.icon-rect {
	display: inline-block;
	position: relative;
	width: 1.5em;
	margin-right: .7em
}
.icon-rect:before {
	content: '';
	display: block;
	padding-top: 100%
}
.icon-svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	fill: #14a786
}
.icon-abs-right {
	position: absolute;
	right: 1.5em;
	top: 50%;
	transform: translateY(-50%)
}
.icon-abs-right-top {
	position: absolute;
	right: .5em;
	top: 1em;
	transform: translateY(-50%)
}
.ico-blank {
	display: inline-block;
	background-size: 100% 100%;
	background-image: url(../img/cmn/ico_blank.svg);
	width: 15px;
	height: 11px;
	margin-left: 6px
}
.ico-blank-white {
	display: inline-block;
	background-size: 100% 100%;
	background-image: url(../img/cmn/ico_blank_white.svg);
	width: 15px;
	height: 11px;
	margin-left: 6px
}
.ico-cross {
	width: 1em;
	height: 1em;
	display: inline-block;
	position: relative;
	margin-left: .4em
}
.ico-cross:after, .ico-cross:before {
	content: '';
	display: block;
	position: absolute;
	background-color: #00b08d
}
.ico-cross:before {
	width: 1px;
	height: 100%;
	left: 50%;
	top: 50%;
	transition: transform .4s, opacity .4s;
	transform: translate(-50%, -50%) rotate(90deg)
}
.is-open .ico-cross:before {
	transform: translate(-50%, -50%) rotate(225deg)
}
.ico-cross:after {
	width: 1px;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	transition: transform .4s, opacity .4s
}
.is-open .ico-cross:after {
	transform: translate(-50%, -50%) rotate(-225deg)
}
.ico-plus {
	width: 16px;
	height: 16px;
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
@media screen and (min-width:1001px) {
	.ico-plus {
		width: 20px;
		height: 20px
	}
}
.ico-plus:after, .ico-plus:before {
	content: '';
	display: block;
	position: relative;
	background-color: #00b08d
}
.ico-plus:before {
	width: 100%;
	height: 1px;
	left: 0;
	top: 50%
}
.ico-plus:after {
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
	transition: transform .4s, opacity .4s
}
.is-open .ico-plus:after {
	opacity: 0;
	transform: rotate(270deg)
}
.icon-right, .t-icon-right {
	display: inline-block;
	vertical-align: 2px;
	margin-left: 8px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #008d61;
	border-right: 1px solid #008d61;
	transform: rotate(45deg)
}
.icon-right.l-abs, .t-icon-right.l-abs {
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%) rotate(45deg)
}
.icon-right.l-left, .t-icon-right.l-left {
	margin-left: 0;
	margin-right: 5px
}
.icon-down:after, .t-icon-down:after {
	line-height: 1;
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top:0.4em;
	border-right: solid 1px #00b08d;
	border-bottom: solid 1px #00b08d;
	transform-origin: center;
	transform: rotate(45deg);
	position: relative;
	transform: translateY(0%) rotate(45deg)
}
@media screen and (min-width:769px) {
	.icon-down:after, .t-icon-down:after {
		width: 12px;
		height: 12px
	}
}
.ico-close {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	position: relative
}
.ico-close:after, .ico-close:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin: 0% 50%;
	position: absolute;
	top: calc(14% - 1px);
	left: 14%
}
.ico-close:after {
	transform: rotate(-45deg);
	transform-origin: 100% 50%;
	left: auto;
	right: 14%
}
.md-section-swipe {
	overflow: hidden
}
.md-section-swipe .md-section-wrap {
	max-width: 1440px;
	margin: 0 auto
}
.md-section-swipe .swiper-pagination {
	bottom: -30px
}
.md-info {
	position: relative
}
.md-info-panel {
	width: 22.12389%;
	display: flex;
	flex-shrink: 0;
	height: auto;
	border: solid 1px #e6e6e6
}
.md-info-panel a {
	display: block;
	width: 100%;
	background-color: #fff
}
.md-info-panel .thumb {
	position: relative;
	border-bottom: solid 1px #e6e6e6
}
.md-info-panel .thumb:before {
	content: '';
	display: block;
	padding-top: 66.54545%
}
.md-info-panel .thumb img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}
.md-info-panel .ico {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}
.md-info-panel .ico .ico-blank {
	width: 14px;
	height: 13px;
	margin: 0
}
.md-info-panel .text {
	padding: 1.5em
}
.md-info-panel .lv0 {
	color: #008d61;
	font-size: 87.5%
}
.md-info-panel .lv1 {
	color: #008d61;
	font-size: 112.5%;
	margin-bottom: .5em;
	font-weight: 500
}
.md-info-panel .lv1.color {
	color: #444b52
}
.md-info-panel .lv1.icons {
	color: #00b08d;
	display: flex;
	margin-bottom: .5em
}
.md-info-panel .lv1.icons img {
	margin-right: .5em;
	width: 27.2px;
	height: 23.2px
}
@media screen and (min-width:769px) {
	.md-info-panel .lv1.icons img {
		width: 41px;
		height: 34px
	}
}
.md-info-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.md-lineup {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px
}
@media screen and (min-width:769px) {
	.md-lineup {
		margin-top: 30px
	}
}
.md-lineup-wrap {
	flex: 1
}
.md-lineup-wrap:nth-child(2n) {
	border-right: none;
	padding-right: 0
}
.md-lineup-wrap .md-lineup-item {
	width: 100%
}
.md-lineup-item {
	width: 50%;
	display: block;
	flex-wrap: wrap;
	align-items: flex-start;
	border-bottom: solid 1px #e6e6e6 !important;
	border-right: solid 1px #e6e6e6;
	padding-right: 3.21429%;
	padding-top: 5.35714%;
	padding-bottom: 4.82143%
}
.md-lineup-item:nth-child(1) {
	border-right: solid 1px #e6e6e6
}
.md-lineup-item.js-even, .md-lineup-item:nth-child(2n) {
	border-right: none;
	padding-left: 3.21429%;
	padding-right: 0
}
.md-lineup-item.js-odd, .md-lineup-item:first-of-type {
	border-right: solid 1px #e6e6e6;
	padding-right: 3.21429%;
	padding-top: 5.35714%;
	padding-bottom: 4.82143%;
	padding-left: 0
}
@media screen and (min-width:769px) {
	.md-lineup-item {
		display: flex
	}
}
.md-lineup-item > img {
	flex-shrink: 0;
	display: block;
	height: auto;
	width: 100%;
	margin-bottom: 1em
}
.md-lineup-item .thumb {
	flex-shrink: 0;
	display: block;
	height: auto;
	width: 100%;
	transition: opacity .4s
}
.md-lineup-item .thumb:hover {
	opacity: .6
}
.md-lineup-item .info-ttl {
	font-weight: 500;
	font-size: 112.5%;
	margin: .5em 0
}
@media screen and (min-width:769px) {
	.md-lineup-item {
		flex-flow: row-reverse;
		justify-content: space-between;
		padding-right: 2.41352%;
		padding-top: 2.41352%;
		padding-bottom: 2.41352%
	}
	.md-lineup-item.js-even, .md-lineup-item:nth-child(2n) {
		padding-left: 2.41352%;
		padding-right: 0
	}
	.md-lineup-item.js-odd, .md-lineup-item:first-of-type {
		padding-top: 2.41352%;
		padding-bottom: 2.41352%;
		padding-left: 0
	}
	.md-lineup-item .info {
		width: 50.59022%
	}
	.md-lineup-item .info-ttl {
		margin: .8em 0
	}
	.md-lineup-item > img {
		width: 47.0489%;
		margin-bottom: 0
	}
}
.md-lineup-block {
	margin-top: 60px
}
@media screen and (min-width:769px) {
	.md-lineup-block {
		margin-top: 90px
	}
}
.md-lineup-grid2 {
	display: flex;
	border-bottom: solid 1px #e6e6e6
}
.md-lineup-grid2 > .item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 50%
}
.md-lineup-grid2 > .item:first-of-type .md-lineup-item {
	padding-right: 4.83092%;
	padding-left: 0;
	border-right: solid 1px #e6e6e6
}
.md-lineup-grid2 > .item:first-of-type .md-heading {
	margin-right: 4.83092%
}
.md-lineup-grid2 > .item:last-of-type .md-lineup-item {
	padding-left: 4.83092%;
	padding-right: 0;
	border-right: none
}
.md-lineup-grid2 > .item:last-of-type .md-heading {
	margin-left: 4.83092%
}
.md-lineup-grid2 .md-heading {
	width: 100%
}
.md-lineup-grid2 .md-lineup-item {
	width: 100%;
	border-top: none;
	border-bottom: none;
	padding-top: 4.83092%;
	padding-bottom: 4.83092%
}
@media screen and (min-width:769px) {
	.md-lineup-other .md-lineup-item {
		width: 25%;
		flex-wrap: wrap;
		flex-flow: inherit;
		align-items: flex-start;
		padding-left: 2.81096%;
		padding-right: 2.81096%;
		flex: 1
	}
	.md-lineup-other .md-lineup-item .info {
		width: 100%
	}
	.md-lineup-other .md-lineup-item img {
		width: 100%;
		margin: 0 auto
	}
	.md-lineup-other .md-lineup-item:nth-child(2n) {
		border-right: solid 1px #e6e6e6
	}
	.md-lineup-other .md-lineup-item:first-child {
		width: 20.37948%;
		padding-right: 2.81096%;
		padding-left: 0
	}
	.md-lineup-other .md-lineup-item:last-child {
		width: 20.37948%;
		padding-left: 2.81096%;
		padding-right: 0;
		border-right: none
	}
}
.md-lineup-none {
	display: none;
	text-align: center;
	justify-content: center;
	padding: 1.5em 0;
	margin-top: 2em;
	border: solid 1px #e6e6e6
}
.md-tag {
	font-size: 11px;
	display: inline-block;
	padding: .2em 1em;
	margin: .5em .8em 0 0;
	border: solid 1px #333
}
.md-tag.t-green {
	color: #fff;
	background-color: #00b08d;
	border: solid 1px #00b08d
}
.md-tag.t-white {
	color: #00b08d;
	border: solid 1px #00b08d
}
.md-tag.t-red {
	color: #c00;
	border: solid 1px #c00
}
.md-tag.t-gray {
	color: #fff;
	background-color: #a1a5a8;
	border: none
}
@media screen and (min-width:769px) {
	.md-link-panel {
		display: flex;
		justify-content: space-between
	}
}
.md-link-panel-btn {
	display: flex;
	background-color: #fff;
	border: solid 1px #e6e6e6 !important;
	align-items: center;
	justify-content: center;
	padding: .5em 2em .5em .5em;
	min-height: 4.5em
}
.md-link-panel-btn:nth-child(n+2) {
	margin-top: 15px
}
.md-link-panel-btn .ico {
	width: 25px;
	margin-right: 1em;
	margin-left: .5em
}
.md-link-panel-btn .ico-scale1-5 {
	transform: scale(1.5)
}
.md-link-panel-btn .sub-text {
	text-align: left;
	font-weight: 400;
	margin-top: .3em;
	font-size: 92%
}
@media screen and (min-width:769px) {
	.md-link-panel-btn {
		width: 31.14035%;
		flex-wrap: wrap;
		justify-content: center;
		padding: 40px 1.5em;
		min-height: 0
	}
	.md-link-panel-btn:nth-child(n+2) {
		margin-top: 0
	}
	.md-link-panel-btn .sub-text {
		margin-top: 1em
	}
	.md-link-panel-btn .ico {
		flex-shrink: 0;
		width: 55px;
		height: auto;
		margin: 0;
		margin-bottom: .8em
	}
}
.md-link-panel-btn > div, .md-link-panel-btn > p {
	width: 100%;
	font-weight: 500
}
@media screen and (min-width:769px) {
	.md-link-panel-btn > div, .md-link-panel-btn > p {
		font-size: 17px;
		font-size: 1.66016vw;
		text-align: center;
		margin-top: .7em
	}
}
@media screen and (min-width:1024px) {
	.md-link-panel-btn > div, .md-link-panel-btn > p {
		font-size: 100%
	}
}
.md-link-panel-prod {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
@media screen and (min-width:769px) {
	.md-link-panel-prod .md-link-panel-prod-area > * {
		height: 180px
	}
}
.md-link-panel-prod .area-icon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.md-link-panel-prod .area-icon .md-link-panel-btn {
	width: 48.21429%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-height: 9em;
	padding: 0
}
.md-link-panel-prod .area-icon .md-link-panel-btn:nth-child(n+2) {
	margin-top: 0
}
.md-link-panel-prod .area-icon .md-link-panel-btn:nth-child(n+3) {
	margin-top: 1em
}
.md-link-panel-prod .area-icon .md-link-panel-btn div {
	text-align: center;
	justify-content: center;
	flex-wrap: wrap
}
.md-link-panel-prod .area-icon .md-link-panel-btn div .ico {
	width: 40px;
	margin-bottom: .8em
}
.md-link-panel-prod .area-icon .md-link-panel-btn p {
	text-align: center
}
@media screen and (min-width:769px) {
	.md-link-panel-prod .area-icon {
		width: 65.71742%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.md-link-panel-prod .area-icon .md-link-panel-btn {
		width: 48.27586%;
		padding: 0;
		align-items: center;
		justify-content: center;
		min-height: 0
	}
	.md-link-panel-prod .area-icon .md-link-panel-btn:nth-child(n+3) {
		margin-top: 1em
	}
	.md-link-panel-prod .area-icon .md-link-panel-btn div {
		display: block;
		justify-content: center;
		flex-wrap: wrap
	}
	.md-link-panel-prod .area-icon .md-link-panel-btn div .ico {
		width: 50px;
		margin-bottom: .7em
	}
	.md-link-panel-prod .area-icon .md-link-panel-btn p {
		margin-top: 0
	}
}
.md-link-panel-prod .area-btn {
	width: 100%
}
.md-link-panel-prod .area-btn .md-btn-rect {
	justify-content: left;
	padding: .9em 1em;
	color: #333;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.md-link-panel-prod .area-btn {
		width: 32.20153%;
		display: flex;
		flex-wrap: wrap
	}
	.md-link-panel-prod .area-btn > * {
		width: 100%;
		height: 180px;
		display: flex;
		justify-content: space-between;
		flex-flow: column
	}
	.md-link-panel-prod .area-btn > :nth-child(n+2) {
		margin-top: 1em
	}
	.md-link-panel-prod .area-btn .md-btn-rect {
		min-height: 5em;
		margin-top: 0
	}
}
.md-link-panel-prod-col3 .md-btn-rect {
	justify-content: left;
	padding: .9em 1em .9em 1.5em;
	color: #333;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.md-link-panel-prod-col3 {
		display: flex;
		justify-content: space-between
	}
	.md-link-panel-prod-col3 .md-btn-rect {
		margin-top: 2em;
		min-height: 5em;
		width: 31.14035%
	}
}
.md-link:after {
	content: '';
	display: inline-block;
	vertical-align: 2px;
	margin-left: 8px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #008d61;
	border-right: 1px solid #008d61;
	transform: rotate(45deg)
}
.md-link.l-abs:after {
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%) rotate(45deg)
}
.md-link-ico .icon-rect {
	width: 1.2em;
	vertical-align: middle;
	margin: -.2em 0 0 .5em
}
.md-link-text {
	color: #008f63;
	text-decoration: underline;
	word-break: break-all
}
@media screen and (min-width:769px) {
	.md-link-tel {
		pointer-events: none
	}
}
.md-list {
	line-height: 1.4
}
.md-list .md-list-item, .md-list > li {
	position: relative;
	padding-left: 1.15em
}
.md-list .md-list-item:nth-child(n+2), .md-list > li:nth-child(n+2) {
	margin-top: .5em
}
.md-list .md-list-item:before, .md-list > li:before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1;
	border-radius: 50%;
	background-color: #65bfa3;
	transform: scale(.4);
	position: absolute;
	top: calc(.3em);
	left: 0
}
.md-list.color-black .md-list-item:before, .md-list.color-black > li:before {
	background-color: #000;
	width: .6em;
	height: .6em;
	top: calc(.5em)
}
.md-list.txt2 .md-list-item, .md-list.txt2 > li {
	padding-left: 2em
}
.md-list.no-dist span {
	position: absolute;
	top: 0;
	left: 0
}
.md-list.no-dist .md-list-item:before, .md-list.no-dist > li:before {
	display: none
}
.md-list .md-list-item:nth-child(n+2) {
	margin-top: .5em
}
.md-list-plane > li {
	position: relative;
	padding-left: 1em
}
.md-list-plane > li:nth-child(n+2) {
	margin-top: .5em
}
.md-list-plane > li .label {
	position: absolute;
	top: 0;
	left: 0
}
.md-list-plane.txt2 > li {
	padding-left: 2em
}
.md-list-num li {
	position: relative;
	padding-left: 2em
}
.md-list-num li:nth-child(n+2) {
	margin-top: .5em
}
.md-list-num span {
	width: 1.5em;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat
}
.md-list-num span:before {
	content: '';
	display: block;
	padding-top: 100%
}
.md-list-num span.num1 {
	background-image: url(../img/cmn/icon/ico_num1.png)
}
.md-list-num span.num2 {
	background-image: url(../img/cmn/icon/ico_num2.png)
}
.md-list-num span.num3 {
	background-image: url(../img/cmn/icon/ico_num3.png)
}
.md-list-num span.num4 {
	background-image: url(../img/cmn/icon/ico_num4.png)
}
.md-list-num span.num5 {
	background-image: url(../img/cmn/icon/ico_num5.png)
}
.md-list-num span.num6 {
	background-image: url(../img/cmn/icon/ico_num6.png)
}
.md-list-num span.num7 {
	background-image: url(../img/cmn/icon/ico_num7.png)
}
.md-list-num span.num8 {
	background-image: url(../img/cmn/icon/ico_num8.png)
}
.md-list-num span.num9 {
	background-image: url(../img/cmn/icon/ico_num9.png)
}
.md-more-main {
	overflow: hidden;
	height: 0
}
.md-section-mv {
	overflow: hidden;
	position: relative
}
.md-section-mv .md-section-wrap {
	padding: 6.875% 0 0 0;
	max-width: 1440px;
	margin: 0 auto;
	position: relative
}
.md-section-mv .md-section-wrap:before {
	content: '';
	display: block;
	width: 200vw;
	position: absolute;
	bottom: 7.8125%;
	background-color: #e9f4f0;
	height: 53.65854%;
	right: 14.93056%
}
.md-section-mv .md-section-wrap:after {
	content: '';
	display: block;
	width: 200vw;
	position: absolute;
	top: 21.13821%;
	background-color: #d0e9df;
	height: 54.47154%;
	left: 45.13889%
}
@media screen and (min-width:769px) {
	.md-section-mv .md-section-wrap {
		padding: 50px 0 65px 0
	}
	.md-section-mv .md-section-wrap:before {
		bottom: 0;
		height: 53.65854%
	}
	.md-section-mv .md-section-wrap:after {
		top: 21.13821%;
		height: 54.47154%
	}
}
.md-section-mv .md-mv-wrap {
	position: relative
}
.md-section-mv .md-section-inr {
	position: relative;
	z-index: 3;
	max-width: 1244px
}
.md-section-mv .swiper-pagination {
	bottom: auto;
	top: calc(100% + 10px)
}
@media screen and (max-width:769px) {
	.md-section-mv .md-swipe-btn-prev {
		top: 101%;
		transform: translateY(40%);
		left: 0;
		transform: none
	}
	.md-section-mv .md-swipe-btn-next {
		top: 101%;
		transform: translateY(40%);
		right: 0;
		left: auto;
		transform: none
	}
}
.md-mv-container {
	overflow: hidden
}
.md-mv-item {
	position: relative;
	width: 100%;
	border-bottom: solid 3px #00b08d
}
.md-mv-item:before {
	content: '';
	display: block;
	padding-top: 105.35714%
}
.md-mv-item img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
@media screen and (min-width:769px) {
	.md-mv-item {
		border-width: 5px
	}
	.md-mv-item:before {
		padding-top: 40.22526%
	}
}
.md-mv-item-prod {
	position: relative;
	width: 100%;
	border-bottom: solid 5px #00b08d;
	background-color: #fff
}
.md-mv-item-prod:before {
	content: '';
	display: block;
	padding-top: 105.71429%
}
.md-mv-item-prod.h350:before {
	padding-top: 62.5%
}
.md-mv-item-prod .base, .md-mv-item-prod img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.md-mv-item-prod .base {
	background-color: #fff
}
@media screen and (min-width:769px) {
	.md-mv-item-prod:before {
		padding-top: 36.20274%
	}
	.md-mv-item-prod.h350:before {
		padding-top: 36.20274%
	}
}
.md-mv-item-support {
	width: 100%;
	border-bottom: solid 3px #00b08d
}
.md-mv-item-support img {
	width: 100%;
	height: calc(100% - 3px);
	position: absolute;
	top: 0;
	left: 0
}
.md-mv-item-support:before {
	content: '';
	display: block;
	padding-top: 62.5%
}
@media screen and (min-width:769px) {
	.md-mv-item-support {
		border-width: 5px
	}
	.md-mv-item-support img {
		height: calc(100% - 5px)
	}
	.md-mv-item-support:before {
		padding-top: 28.15768%
	}
}
.md-mv-ttl {
	position: absolute;
	top: 1.2em;
	font-weight: 500;
	left: 7.14286%;
	color: #008d61;
	letter-spacing: .05em;
	font-size: 36px;
	font-size: 4.6875vw
}
.md-mv-ttl .lv1 {
	color: #4c4948;
	font-weight: 500;
	font-size: 85.71429%;
	margin-bottom: .5em
}
.md-mv-ttl .lv3 {
	color: #4c4948;
	margin-top: 1em;
	font-size: 73.01587%
}
@media screen and (min-width:769px) {
	.md-mv-ttl {
		top: 50%;
		transform: translateY(-50%);
		left: 5.87289%;
		line-height: 1.4;
		font-size: 33px;
		font-size: 2.65487vw
	}
	.md-mv-ttl .lv1 {
		font-size: 66.66667%;
		margin-bottom: .5em;
		line-height: 1
	}
	.md-mv-ttl .lv3 {
		font-size: 14px;
		line-height: 1.6
	}
}
@media screen and (min-width:1243px) {
	.md-mv-ttl {
		font-size: 36px;
		font-size: 2.89855vw
	}
}
@media screen and (min-width:1441px) {
	.md-mv-ttl {
		font-size: 225%
	}
	.md-mv-ttl .lv1 {
		font-size: 77.77778%;
		margin-bottom: 1em
	}
}
.md-section-mv-single {
	padding: 22px 0 22px 0
}
@media screen and (min-width:769px) {
	.md-section-mv-single {
		padding: 40px 0 50px 0
	}
}
.md-mv-single-item {
	border: solid 1px #e6e6e6;
	border-bottom: solid 3px #00b08d;
	background-color: #fff;
	font-size: 129.16667%;
	padding: .8em 1em
}
@media screen and (min-width:769px) {
	.md-mv-single-item {
		padding: 1.12em 1em;
		border-bottom-width: 5px;
		font-size: 175%
	}
}
.md-news-headline .all-btn {
	position: absolute;
	right: 0;
	top: .5em
}
.md-news-headline-list .list-item {
	display: flex;
	flex-wrap: wrap
}
.md-news-headline-list .list-item:nth-child(n+2) {
	margin-top: 1em
}
.md-news-headline-list .tag {
	width: 8em;
	font-size: 10px;
	text-align: center;
	margin: .1em 0 0 1.2em
}
.md-news-headline-list .tag span {
	line-height: 1;
	padding: .4em 0;
	display: block;
	width: 100%;
	color: #fff
}
.md-news-headline-list .tag-update {
	background-color: #9fa0a0
}
.md-news-headline-list .tag-campaign {
	background-color: #65bfa3
}
.md-news-headline-list .txt {
	width: 100%;
	margin-top: .4em
}
@media screen and (min-width:769px) {
	.md-news-headline-list .day {
		width: 9em
	}
	.md-news-headline-list .tag {
		margin: .6em 1.2em 0 0
	}
	.md-news-headline-list .txt {
		width: auto;
		margin: 0;
		flex: 1
	}
}
.md-note {
	margin-top: 1.3em;
	font-size: 75%;
	text-align: left
}
.md-note li {
	position: relative;
	padding-left: 1.5em
}
.md-note li:nth-child(n+2) {
	margin-top: .4em
}
.md-note li span {
	position: absolute;
	top: 0;
	left: 0
}
.md-note.label2 li {
	padding-left: 2em
}
.md-note.label3 li {
	padding-left: 2.5em
}
.tex-note {
	font-size: 75%
}
.md-note-normal {
	position: relative;
	padding-left: 1.7em
}
.md-note-normal.label2 li {
	padding-left: 2em
}
.md-note-normal.label3 li {
	padding-left: 3em
}
.md-note-normal span {
	position: absolute;
	top: 0;
	left: 0
}
.md-page-navi {
	margin-top: 30px
}
@media screen and (min-width:769px) {
	.md-page-navi {
		margin-top: 50px
	}
}
.md-page-navi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.md-page-navi ul.l-left {
	justify-content: flex-start
}
.md-page-navi li {
	margin: .7em 0;
	position: relative
}
.md-page-navi li:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 1px;
	height: 90%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #e6e6e6
}
.md-page-navi li:last-child:after {
	display: none
}
@media screen and (max-width:769px) {
	.md-page-navi.l-sp-grid02 ul {
		justify-content: flex-start
	}
	.md-page-navi.l-sp-grid02 li {
		width: 50%;
		margin: 0;
		display: flex;
		min-height: 3.4em;
		align-items: center;
		border-bottom: solid 1px #e6e6e6
	}
	.md-page-navi.l-sp-grid02 li:after {
		height: 50%
	}
	.md-page-navi.l-sp-grid02 li:nth-child(2n):after {
		display: none
	}
	.md-page-navi.l-sp-grid02 li a {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: .5em 0 1.5em
	}
	.md-page-navi.l-sp-grid02 li a:after {
		position: absolute;
		bottom: .6em
	}
}
.md-page-navi-btn {
	display: block;
	text-align: center;
	padding: .5em 1em;
	line-height: 1.2
}
.md-page-navi-btn > span {
	display: block
}
.md-page-navi-btn:after {
	width: .5em;
	height: .5em
}
@media screen and (min-width:769px) {
	.md-page-navi-btn {
		padding: .5em 1.5em
	}
}
.md-page-navi-btn.is-active {
	background-color: #cff7e0
}
.md-category-navi {
	padding-top: 32px;
}
.md-category-navi .ttl {
	font-weight: 500;
	font-size: 112.5%;
	text-align: center
}
@media screen and (min-width:769px) {
	.md-category-navi {
		padding-top: 65px
	}
}
.md-category-navi.is-bottom-margin {
	padding-bottom: 32px
}
@media screen and (min-width:769px) {
	.md-category-navi.is-bottom-margin {
		padding-bottom: 65px
	}
}
.md-category-navi-list {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap
}
.md-category-navi-list a {
	color: #008d61;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .7em .5em;
	border: solid 1px #d0e9df !important;
	width: 100%
}
@media screen and (min-width:769px) {
	.md-category-navi-list a {
		width: auto;
		border-width: 2px;
		flex: 1
	}
	.md-category-navi-list a:nth-child(n+2) {
		border-left: none
	}
}
@media screen and (max-width:769px) {
	.md-category-navi-list.l-sp-grid02 a {
		width: 50%
	}
}
@media screen and (max-width:769px) and (max-width:460px) {
	.md-category-navi-list.l-sp-grid02 a {
		font-size: 14px;
		font-size: 3.04348vw
	}
}
@media screen and (max-width:769px) and (min-width:769px) {
	.md-category-navi-list.l-sp-grid02 a {
		font-size: 16px;
		font-size: 1.28721vw
	}
}
@media screen and (max-width:769px) and (min-width:1024px) {
	.md-category-navi-list.l-sp-grid02 a {
		font-size: 16px;
		font-size: 1.28824vw
	}
}
@media screen and (max-width:769px) and (min-width:1243px) {
	.md-category-navi-list.l-sp-grid02 a {
		font-size: 100%
	}
}
@media screen and (max-width:769px) {
	.md-category-navi-list.l-sp-grid02 a:nth-child(n+3) {
		border-top: none
	}
	.md-category-navi-list.l-sp-grid02 a:nth-child(2n) {
		border-left: none
	}
}
.md-swipe-wrap {
	position: relative
}
.md-swipe-wrap.t-side-fade:after, .md-swipe-wrap.t-side-fade:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	opacity: .7
}
.md-swipe-wrap.t-side-fade:before {
	width: calc(100%);
	right: 100%
}
.t-bg-gray .md-swipe-wrap.t-side-fade:before {
	background-color: #f3f4f4;
	opacity: .9
}
.md-swipe-wrap.t-side-fade:after {
	width: calc(100%);
	left: 100%
}
.t-bg-gray .md-swipe-wrap.t-side-fade:after {
	background-color: #f3f4f4;
	opacity: .7
}
.md-swipe-container {
	position: relative
}
@media screen and (min-width:769px) {
	.md-prod-swipe .md-swipe-wrap:after, .md-prod-swipe .md-swipe-wrap:before {
		content: '';
		display: block;
		position: absolute;
		width: 2px;
		height: 100%;
		background-color: #fff;
		top: 0;
		right: 0;
		z-index: 2
	}
	.md-prod-swipe .md-swipe-wrap:before {
		left: -1px;
		width: 2px
	}
}
.md-prod-swipe .md-swipe-container {
	overflow: hidden;
	padding-bottom: 1px
}
.md-prod-swipe .md-lineup-item {
	overflow: hidden;
	padding-left: 2.41352%;
	padding-right: 0;
	border-left: none;
	border-right: none;
	height: auto
}
@media screen and (min-width:769px) {
	.md-prod-swipe .md-lineup-item {
		border-right: solid 1px #e6e6ee
	}
}
.md-prod {
	display: flex;
	flex-wrap: wrap
}
.md-prod img {
	flex-shrink: 0;
	width: 100%;
	height: auto
}
.md-prod-list {
	width: 50%;
	display: flex;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	padding: 15px
}
.md-prod-list:nth-child(2n) {
	border-right: none
}
.md-prod-list:nth-child(n+7) {
	border-bottom: none
}
@media screen and (min-width:769px) {
	.md-prod-list {
		width: 25%;
		border-right: solid 1px #e6e6e6;
		border-bottom: solid 1px #e6e6e6;
		padding: 1.20676%;
		padding-bottom: 1.5em
	}
	.md-prod-list:nth-child(2n) {
		border-right: solid 1px #e6e6e6
	}
	.md-prod-list:nth-child(4n) {
		border-right: none
	}
	.md-prod-list:nth-child(n+5) {
		border-bottom: none
	}
}
.md-prod-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: 500
}
@media screen and (max-width:460px) {
	.md-prod-btn {
		font-size: 14px;
		font-size: 3.04348vw
	}
}
@media screen and (min-width:769px) {
	.md-prod-btn {
		font-size: 17px;
		font-size: 1.66016vw
	}
}
@media screen and (min-width:1024px) {
	.md-prod-btn {
		font-size: 112.5%
	}
}
.md-prod-btn > p, .md-prod-btn > ul {
	margin-top: 20px;
	text-align: left
}
.md-prod-btn.is-tag {
	padding-top: calc(11px + 2.2em)
}
.md-prod-btn.l-left {
	justify-content: flex-start;
	align-self: flex-start
}
@media screen and (min-width:769px) {
	.md-prod-btn.l-left > p {
		padding-left: 1em
	}
}
.md-prod-btn img {
	align-self: flex-start
}
.md-prod-btn .tags {
	width: 100%
}
@media screen and (min-width:769px) {
	.md-prod-btn .tags {
		margin-left: 1em
	}
}
.md-prod-btn .thumb {
	position: relative
}
.md-prod-btn .thumb.is-tag {
	padding-top: 1em
}
.md-prod-btn-other {
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center
}
.md-prod-btn-other .inr {
	margin-top: 1em;
	position: relative
}
.md-prod-btn-other .inr:after, .md-prod-btn-other .inr:before {
	content: '';
	display: block;
	width: .5em;
	height: 100%;
	position: absolute;
	top: 0;
	border: solid 1px #333
}
.md-prod-btn-other .inr:before {
	left: -.8em;
	border-right: none
}
.md-prod-btn-other .inr:after {
	right: -.8em;
	border-left: none
}
.md-prod-list-option {
	padding: 15px 0 0 15px
}
@media screen and (min-width:769px) {
	.md-prod-list-option {
		padding: 30px 0 0 15px
	}
}
.md-prod-list-option-left {
	padding: 15px 15px 0 0
}
@media screen and (min-width:769px) {
	.md-prod-list-option-left {
		padding: 30px 15px 0 15px
	}
}
.md-prod-btn-option {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.md-prod-btn-option {
		flex-wrap: nowrap;
		justify-content: space-between
	}
}
.md-prod-btn-option .btn {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	min-height: 5em;
	padding-left: 1em;
	border: solid 1px #e6e6e6
}
.md-prod-btn-option .btn:nth-child(n+2) {
	margin-top: 10px
}
.md-prod-btn-option .btn:after {
	right: 1em
}
@media screen and (min-width:769px) {
	.md-prod-btn-option .btn {
		justify-content: center;
		padding: 0;
		font-size: 92%;
		width: 23%;
		min-height: 7em
	}
	.md-prod-btn-option .btn:nth-child(n+2) {
		margin-top: 0px
	}
	.md-prod-btn-option .btn span {
		text-align: center
	}
}
.md-related-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2em auto 0;
	max-width: 400px
}
.md-related-link .list-item {
	width: 100%
}
.md-related-link .list-item:nth-child(n+2) {
	margin-top: 1.8em
}
.md-related-link p {
	font-weight: 500;
	margin: .8em 0 .4em 0
}
.md-related-link .thumb {
	position: relative;
	border: solid 1px #e6e6e6
}
.md-related-link .ico {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 1.7em;
	height: 1.7em;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}
.md-related-link .ico .ico-blank {
	width: 60.71429%;
	height: 50%;
	margin: 0;
	background-size: 100% 100%
}
@media screen and (min-width:769px) {
	.md-related-link {
		max-width: none;
		justify-content: flex-start
	}
	.md-related-link .list-item {
		width: 31.43483%;
		margin-right: 2.84775%
	}
	.md-related-link .list-item:nth-child(n+2) {
		margin-top: 0
	}
	.md-related-link .list-item:last-child {
		margin-right: 0
	}
}
@media print, screen and (max-width:47.99875em) {
	.hide-for-small-only {
		display: none !important
	}
}
@media screen and (max-width:0em), screen and (min-width:48em) {
	.show-for-small-only {
		display: none !important
	}
}
@media print, screen and (min-width:48em) {
	.hide-for-medium {
		display: none !important
	}
}
@media screen and (max-width:47.99875em) {
	.show-for-medium {
		display: none !important
	}
}
@media print, screen and (min-width:48em) and (max-width:63.99875em) {
	.hide-for-medium-only {
		display: none !important
	}
}
@media screen and (max-width:47.99875em), screen and (min-width:64em) {
	.show-for-medium-only {
		display: none !important
	}
}
@media print, screen and (min-width:64em) {
	.hide-for-large {
		display: none !important
	}
}
@media screen and (max-width:63.99875em) {
	.show-for-large {
		display: none !important
	}
}
@media print, screen and (min-width:64em) and (max-width:89.99875em) {
	.hide-for-large-only {
		display: none !important
	}
}
@media screen and (max-width:63.99875em), screen and (min-width:90em) {
	.show-for-large-only {
		display: none !important
	}
}
@media screen and (min-width:90em) {
	.hide-for-xlarge {
		display: none !important
	}
}
@media screen and (max-width:89.99875em) {
	.show-for-xlarge {
		display: none !important
	}
}
@media screen and (min-width:90em) {
	.hide-for-xlarge-only {
		display: none !important
	}
}
@media screen and (max-width:89.99875em) {
	.show-for-xlarge-only {
		display: none !important
	}
}
.md-support-qa-main .js-acc-inr {
	padding: 0
}
.md-support-qa-main .md-support-btn {
	border: none !important
}
.md-support-qa-main .md-support-btn.qa-q {
	border-top: solid 1px #e6e6e6 !important
}
.md-support-qa-main .md-support-btn.qa-q .ico-plus {
	right: .8em
}
.md-support-qa-main .md-support-btn.qa-a {
	font-weight: 400;
	align-items: flex-start
}
.md-support-qa-main .md-support-btn.qa-a .icon {
	background-color: #00b08d
}
.md-support-qa-main .md-support-btn.qa-a .icon:before {
	color: #fff;
	content: 'A'
}
.md-support-qa-main .qa-block {
	padding-left: 3em;
	padding-bottom: 1.5em
}
.md-support-qa-main .qa-table-area {
	position: relative
}
.md-support-qa-main .qa-table-area .swiper-scrollbar {
	margin-top: 1em
}
.md-support-qa-main .qa-table-area .md-table {
	min-width: 768px
}
@media screen and (min-width:769px) {
	.md-support-qa-main .qa-table-area .md-table {
		min-width: 0
	}
	.md-support-qa-main .qa-table-area .swiper-scrollbar {
		display: none
	}
}
.md-support-qa-main .md-list-num li span {
	width: 1.3em;
	top: .2em;
	left: .2em
}
.qa-heading {
	margin: 0 0 1em;
	padding-top: 100px;
	font-weight: 500;
	font-size: 112.5%
}
@media(max-width:1000px){
	.qa-heading {
		padding-top:70px;
	}
}
.page-navi-qa {
	margin-bottom: 1em
}
.page-navi-qa ul {
	justify-content: flex-start
}
.page-navi-qa .md-page-navi-btn {
	padding-left: 1em;
	padding-right: 1em
}
.md-support-navi {
	padding-bottom: 40px
}
@media screen and (min-width:1024px) {
	.md-support-navi {
		width: 22.52615%;
		padding-bottom: 0
	}
}
.md-support-navi .js-acc-inr {
	padding: 0;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6
}
.md-support-navi .js-acc-inr.current .lv2 {
	background-color: #f9f7f8
}
.md-support-navi .md-support-btn {
	padding-left: 1em
}
.md-support-navi .md-support-btn .ico-plus {
	width: .8em;
	height: .8em;
	right: .8em
}
.md-support-navi .md-support-btn.lv0 {
	background-color: #0db493;
	color: #fff;
	border: none
}
.md-support-navi .md-support-btn.lv1 {
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6
}
.md-support-navi .md-support-btn.lv2 {
	border-bottom: none
}
.md-support-navi .md-support-btn.lv2:after {
	content: '';
	display: block;
	width: 90%;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	bottom: 0;
	left: 5%
}
.md-support-navi .md-support-btn.lv2.current {
	color: #008d61
}
.md-support-navi .md-support-btn.current {
	background-color: #f9f7f8
}
.md-support-tel .item {
	border: solid 1px #e6e6e6;
	padding: 1.5em 0;
	text-align: center
}
.md-support-tel .item:nth-child(n+2) {
	margin-top: 15px
}
.md-support-tel .line1 {
	font-size: 166.66667%;
	font-weight: 500
}
.md-support-tel .line2 {
	font-size: 87.5%;
	margin: 1em 0
}
.md-support-tel .line3 {
	font-size: 225%;
	font-weight: 500
}
.md-support-tel .line3 a {
	display: flex;
	justify-content: center;
	align-items: center
}
.md-support-tel .line3 a .ico {
	margin-right: .2em;
	margin-top: .1em
}
.md-support-tel.full .item {
	padding: 1.5em 2em
}
@media screen and (min-width:769px) {
	.md-support-tel {
		display: flex;
		justify-content: space-between
	}
	.md-support-tel a {
		pointer-events: none
	}
	.md-support-tel .line1 {
		font-size: 150%
	}
	.md-support-tel .line3 {
		font-size: 200%
	}
	.md-support-tel .item {
		width: 47.73218%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column
	}
	.md-support-tel .item:nth-child(n+2) {
		margin-top: 0
	}
	.md-support-tel .item p {
		width: 100%
	}
	.md-support-tel .item .line3 {
		margin-top: auto
	}
	.md-support-tel .item .line3 a {
		display: inline-block
	}
	.md-support-tel .item .line3 a .ico {
		vertical-align: middle;
		margin-top: -.2em
	}
	.md-support-tel.full {
		display: block
	}
	.md-support-tel.full .item {
		display: block;
		width: 100%;
		text-align: left;
		padding: 1.5em 2em
	}
}
.md-support-tel2 {
	background-color: #f9f7f8;
	padding: 1.5em;
	margin-bottom: 3em
}
.md-support-tel2 .item {
	margin-top: 1.3em;
	padding: 1.2em 1.5em;
	background-color: #fff
}
.md-support-tel2 .line1 {
	font-size: 166.66667%;
	font-weight: 500
}
.md-support-tel2 .line2 {
	font-size: 87.5%;
	margin: .5em 0 0
}
.md-support-tel2 .line3 {
	display: flex;
	font-size: 225%;
	font-weight: 500
}
.md-support-tel2 .line3 a {
	display: flex;
	justify-content: center;
	align-items: center
}
.md-support-tel2 .line3 a .ico {
	margin-right: .2em;
	margin-top: .1em
}
@media screen and (min-width:769px) {
	.md-support-tel2 {
		display: flex;
		justify-content: space-between
	}
	.md-support-tel2 .heading {
		padding-right: 3em;
		flex: 1
	}
	.md-support-tel2 a {
		pointer-events: none
	}
	.md-support-tel2 .line1 {
		font-size: 150%
	}
	.md-support-tel2 .line3 {
		font-size: 200%
	}
	.md-support-tel2 .item {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		text-align: left
	}
	.md-support-tel2 .item:nth-child(n+2) {
		margin-top: 0
	}
	.md-support-tel2 .item p {
		width: 100%
	}
	.md-support-tel2 .item .line3 {
		margin-top: auto
	}
	.md-support-tel2 .item .line3 a {
		display: inline-block
	}
	.md-support-tel2 .item .line3 a .ico {
		vertical-align: middle;
		margin-top: -.2em
	}
}
.md-support-container {
	width: 87.8125%;
	margin: 20px auto 20px
}
@media screen and (min-width:1024px) {
	.md-support-container {
		display: flex;
		width: 93.47222%;
		max-width: 1243px;
		margin-top: 40px;
		justify-content: space-between
	}
	.md-support-container .md-support-container-main {
		width: 74.81899%
	}
}
.md-support-ttl {
	border-bottom: solid 5px #00b08d
}
.md-support-ttl .wrap {
	display: flex;
	align-items: center;
	border: solid 1px #e6e6e6;
	padding: 1em 1.2em;
	position: relative;
	justify-content: space-between
}
@media screen and (min-width:769px) {
	.md-support-ttl.md-support-ttl-full {
		margin-top: 40px
	}
}
.md-support-ttl .line1 {
	font-size: 75%;
	margin-bottom: .5em
}
.md-support-ttl .line2 {
	font-size: 133.33333%;
	font-weight: 500
}
.md-support-ttl .ico {
	width: 35px;
	height: 35px;
	margin-right: 1em
}
@media screen and (min-width:769px) {
	.md-support-ttl .line1 {
		font-size: 112.5%
	}
	.md-support-ttl .line2 {
		font-size: 175%;
		font-weight: 500
	}
	.md-support-ttl .wrap {
		display: flex;
		align-items: center;
		border: solid 1px #e6e6e6;
		padding: 1.96em;
		position: relative;
		justify-content: space-between
	}
	.md-support-ttl .ico {
		width: 64px;
		height: 64px;
		margin-right: 1em
	}
}
.md-support-qa-block .md-tag {
	min-width: 10em;
	margin-top: 0;
	margin-right: 1.2em;
	text-align: center
}
.md-support-qa-block .md-support-btn {
	padding-left: 3em;
	flex-wrap: wrap;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6
}
.md-support-qa-block .md-support-btn p {
	width: 100%;
	margin-top: .3em
}
.md-support-qa-block .md-support-btn .icon {
	position: absolute;
	left: .5em
}
@media screen and (min-width:769px) {
	.md-support-qa-block .md-support-btn {
		padding-left: 1em
	}
	.md-support-qa-block .md-support-btn p {
		width: auto;
		margin: 0
	}
	.md-support-qa-block .md-support-btn .icon {
		position: relative;
		left: auto
	}
}
.md-support-qa-block-more {
	margin: 40px auto 0;
	max-width: 420px
}
.md-support-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.md-support-menu .support-blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-flow: column;
	justify-content: space-between;
	width: 100%
}
.md-support-menu .support-blocks .md-btn-rect {
	width: 100%;
	padding: .8em 2em .8em 1.5em;
	justify-content: flex-start;
	margin-top: 15px;
	min-height: 3.5em
}
.md-support-menu .md-link-panel-btn {
	width: 100%;
	position: relative
}
@media screen and (min-width:769px) {
	.md-support-menu .item {
		width: 31.14035%;
		min-height: 12em
	}
	.md-support-menu .item:nth-child(n+4) {
		margin-top: 3.28587%
	}
	.md-support-menu .md-link-panel-btn .icon-right {
		display: none
	}
	.md-support-menu .support-blocks .md-btn-rect {
		padding: 0 2em 0 1.5em;
		justify-content: flex-start;
		height: 20%;
		font-size: 87.5%;
		margin: 0;
		min-height: 0
	}
}
.md-support-menu2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.md-support-menu2 .item {
	width: 100%
}
@media screen and (min-width:769px) {
	.md-support-menu2 .item {
		display: block;
		flex: 1;
		margin-right: .8em;
		padding: 2em 1.2em 1.2em
	}
	.md-support-menu2 .item:last-child {
		margin-right: 0
	}
	.md-support-menu2 .item .ico {
		margin: 0 auto 1.2em;
		display: block
	}
	.md-support-menu2 .item .sub-text {
		margin-top: .8em;
		font-size: 92%
	}
}
.md-support-category .md-btn-rect {
	justify-content: flex-start
}
.md-support-category .md-btn-rect.lv2 {
	min-height: 4em;
	padding-left: 2em
}
.md-support-category .md-btn-rect img {
	width: 26.78571%
}
.md-support-category .md-btn-rect:nth-child(n+2) {
	margin-top: 3.57143%
}
@media screen and (min-width:769px) {
	.md-support-category {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.md-support-category .md-btn-rect {
		width: 48%;
		justify-content: flex-start
	}
	.md-support-category .md-btn-rect:nth-child(n+2) {
		margin-top: 0
	}
	.md-support-category .md-btn-rect:nth-child(n+3) {
		margin-top: 4.31965%
	}
	.md-support-category .md-btn-rect img {
		width: 34.09091%
	}
	.md-support-category .md-btn-rect.lv2 {
		min-height: 5em;
		padding-left: 2em
	}
}
.md-support-panels {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.md-support-panels .md-link-panel-btn {
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	width: 48.21429%;
	min-height: 0em;
	align-items: flex-start;
	padding: 1.5em 0
}
.md-support-panels .md-link-panel-btn .ico {
	width: 25.92593%;
	max-width: 50px;
	margin-bottom: 1em
}
.md-support-panels .md-link-panel-btn:nth-child(n+2) {
	margin-top: 0
}
.md-support-panels .md-link-panel-btn:nth-child(n+3) {
	margin-top: 3.57143%
}
.md-support-panels .md-link-panel-btn > div {
	width: 100%
}
.md-support-panels .md-link-panel-btn > div p {
	margin-top: auto
}
@media screen and (min-width:769px) {
	.md-support-panels .md-link-panel-btn {
		width: 21.59827%;
		min-height: 0px;
		padding: 1.5em 0 1em;
		flex-direction: inherit
	}
	.md-support-panels .md-link-panel-btn:nth-child(n+3) {
		margin-top: 0
	}
	.md-support-panels .md-link-panel-btn p {
		margin-top: 0
	}
	.md-support-panels .md-link-panel-btn .ico {
		width: 24%;
		max-width: 50px
	}
}
.md-support-sub-btns .md-btn-rect {
	margin-top: 3.57143%
}
@media screen and (min-width:769px) {
	.md-support-sub-btns {
		display: flex;
		justify-content: center;
		margin-top: 4.31965%
	}
	.md-support-sub-btns .md-btn-rect {
		width: 40%;
		margin: 0 2.15983%
	}
}
.md-support-btn-sub {
	min-height: 3.4em;
	font-weight: 500;
	justify-content: flex-start !important;
	padding-left: 1.2em !important
}
@media screen and (min-width:769px) {
	.md-support-btn-sub {
		max-width: 400px
	}
}
.md-tab {
	display: flex;
	position: relative;
	z-index: 2
}
.md-tab-item {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #00b08d;
	border: solid 1px #00b08d;
	background-color: #fff;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	padding: .5em 0;
	transition: color .4s, background-color .4s
}
.md-tab-item .icon-rect {
	margin: 0;
	width: 1.8em
}
.md-tab-item p {
	width: 100%
}
.md-tab-item svg {
	fill: #00b08d
}
.md-tab-item:after {
	content: '';
	display: block;
	border-style: solid;
	border-color: #00b08d transparent transparent transparent;
	border-width: .7em .7em 0 .7em;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity .4s
}
.md-tab-item.active {
	background-color: #00b08d;
	color: #fff;
	pointer-events: none;
	cursor: default
}
.md-tab-item.active:after {
	opacity: 1
}
.md-tab-item.active svg {
	fill: #fff
}
@media screen and (min-width:769px) {
	.md-tab-item {
		font-size: 112.5%;
		height: 3.8em;
		padding: 0
	}
	.md-tab-item:after {
		border-width: .8em 1em 0 1em
	}
	.md-tab-item p {
		width: auto
	}
	.md-tab-item .icon-rect {
		margin-right: .5em
	}
}
.md-tab-container {
	margin-top: 30px
}
@media screen and (min-width:769px) {
	.md-tab-container {
		margin-top: 65px
	}
}
.js-tab-item {
	display: none
}
.js-tab-item.active {
	display: block
}
.md-ec-area {
	margin-top: 30px;
	padding-top: 30px;
	position: relative;
	display: flex;
	justify-content: center
}
.md-ec-area .md-hr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
@media screen and (min-width:769px) {
	.md-ec-area {
		margin-top: 60px;
		padding-top: 60px
	}
}
.md-btn-ec {
	color: #fff;
	border-radius: .5em;
	background-color: #00b08d;
	border: solid 1px #00b08d !important;
	display: inline-block;
	text-align: center;
	line-height: 1.4;
	width: 100%;
	max-width: 18em;
	position: relative;
	padding: .5em
}
.md-btn-ec.t-single {
	max-width: none;
	padding: 1em
}
.md-btn-ec span {
	display: block
}
.md-btn-ec span:nth-child(1) {
	font-size: 112.5%
}
.md-btn-ec span:nth-child(2) {
	font-size: 87.5%
}
.md-btn-ec .ico-blank, .md-btn-ec .ico-blank-white {
	position: absolute;
	top: .5em;
	right: .5em
}
@media screen and (min-width:769px) {
	.md-btn-ec {
		width: 100%;
		max-width: 20em
	}
	.md-btn-ec.t-single {
		max-width: none;
		width: auto;
		padding: 1em 2em
	}
}
.md-btn-rect-round {
	border: solid 1px #00b08d !important;
	color: #00b08d;
	background-color: #fff;
	border-radius: .5em;
	font-size: 112.5%;
	text-align: center;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: .5em;
	line-height: 1.4
}
.md-btn-rect-round .icon {
	position: absolute;
	top: .5em;
	right: .5em
}
.md-movie-btn {
	position: relative;
	display: block
}
.md-movie-btn img {
	width: 100%
}
.md-movie-btn .ico {
	background-color: #00b08d;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.md-movie-btn .ico:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-35%, -50%)
}
@media screen and (min-width:769px) {
	.md-movie-btn .ico {
		width: 60px;
		height: 60px;
		border-width: 13px 0 13px 22px
	}
}
.btn-info {
	margin: 70px auto 0;
	display: block;
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 3px 12px 2px rgba(0, 0, 0, .2);
	border-radius: 4.5rem;
	padding: 1.5em 0;
	max-width: 420px
}
.btn-close {
	margin: 0 auto;
	width: 58.66667%;
	max-width: 300px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #fff;
	padding: .8em 0;
	border-radius: 3rem;
	background-color: rgba(0, 0, 0, .53)
}
.btn-close .m-ico-close {
	margin-right: .3em
}
.md-btn-ex {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em 0;
	border: solid 1px #e6e6e6
}
.md-btn-ex .ico-info {
	margin-right: .5em
}
.btn-top {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .7);
	position: relative;
	position: absolute;
	right: 20px;
	bottom: 0
}
.btn-top:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	width: 10px;
	height: 10px;
	margin: -3px 0 0 -6px;
	transform: rotate(-45deg)
}
.md-swipe-btn {
	width: 30px;
	height: 30px;
	background-color: rgba(68, 75, 82, .5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}
.md-swipe-btn:focus {
	outline: 0
}
@media screen and (min-width:769px) {
	.md-swipe-btn {
		width: 50px;
		height: 50px
	}
}
@media screen and (min-width:1024px) {
	.md-swipe-btn {
		width: 70px;
		height: 70px
	}
}
.md-swipe-btn.t-green {
	background-color: rgba(0, 176, 141, .5)
}
.md-swipe-btn span {
	position: relative;
	display: inline-block;
	width: 35%;
	height: 35%;
	top: 2px
}
.md-swipe-btn span:after {
	content: '';
	display: block;
	position: absolute;
	width: 80%;
	height: 80%
}
.md-swipe-btn-next {
	left: calc(100% - 5px)
}
.md-swipe-btn-next span:after {
	top: 0%;
	right: 25%;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg)
}
.md-swipe-btn-prev {
	right: calc(100% - 5px)
}
.md-swipe-btn-prev span:after {
	top: 0%;
	left: 25%;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform-origin: center;
	transform: rotate(-45deg)
}
.md-btn-rect {
	color: #008d61;
	border: solid 1px #96d0ba !important;
	line-height: 1.2;
	padding: .7em 0;
	display: flex;
	width: 100%;
	position: relative;
	text-align: center;
	background-color: #fff;
	justify-content: center;
	align-items: center;
	position: relative
}
.md-btn-rect.t-gray {
	color: #444b52;
	border-color: #e6e6e6 !important
}
.md-btn-rect.t-size-middle {
	min-height: 4em;
	height: 4em
}
.md-btn-rect.t-width {
	max-width: 400px
}
.md-btn-rect.t-min-height3 {
	min-height: 3em
}
.md-btn-rect.t-min-height4 {
	min-height: 4em
}
.md-btn-more:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: solid 1px #00b08d;
	border-bottom: solid 1px #00b08d;
	transform-origin: center;
	transform: rotate(45deg);
	position: absolute;
	top: 42%;
	right: 1.2em;
	transform: translateY(-50%) rotate(45deg)
}
@media screen and (min-width:769px) {
	.md-btn-more:after {
		width: 12px;
		height: 12px
	}
}
.md-btn-rect-cursor {
	border: solid 1px #e6e6e6 !important;
	position: relative;
	background-color: #fff
}
.md-btn-category-thumb {
	border: solid 1px #e6e6e6 !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	padding: 0 0 0 1em;
	font-size: 125%
}
.md-btn-category-thumb .block1 {
	width: 39.28571%
}
.md-btn-category-thumb .block2 {
	flex: 1;
	padding: 1em 0
}
.md-btn-category-thumb .label {
	font-weight: 500;
	font-size: 90%
}
.md-btn-category-thumb .label2 {
	margin: .8em 0 0 0;
	font-weight: 500;
	color: #008d61
}
@media screen and (min-width:769px) {
	.md-btn-category-thumb {
		padding: 0 0 0 2em
	}
	.md-btn-category-thumb .block1 {
		width: 53.33333%;
		overflow: hidden
	}
}
.md-heading {
	border-bottom: solid 1px #e6e6e6;
	margin-bottom: 20px;
	position: relative
}
@media screen and (min-width:769px) {
	.md-heading {
		margin-bottom: 40px
	}
}
.md-heading-txt {
	display: inline-block;
	position: relative;
	padding: 0 0 .5em 0;
	color: #008d61;
	font-weight: 500;
	font-size: 150%
}
@media screen and (max-width:460px) {
	.md-heading-txt {
		font-size: 21px;
		font-size: 4.56522vw
	}
}
.md-heading-txt:after {
	content: '';
	display: block;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #00b08d
}
.m-heading-txt-lv2-2 {
	font-size: 125%;
	font-weight: 500
}
.m-heading-txt-lv2 {
	font-size: 112.5%;
	font-weight: 500
}
.md-heading-left-rect {
	position: relative;
	padding-left: 1em
}
.md-heading-left-rect:before {
	content: '';
	display: block;
	width: .5em;
	height: 1em;
	position: absolute;
	top: .4em;
	left: 0;
	background-color: #00b08d
}
.md-heading-txt-lv3 {
	font-size: 125%;
	font-weight: 500
}
.ico-pdf {
	display: inline-block;
	background-size: 100% 100%;
	background-image: url(../img/cmn/ico_pdf.svg);
	width: 13px;
	height: 16px;
	margin-left: 6px;
	vertical-align: -.1em
}
.ico-pdf.red {
	background-image: url(../img/cmn/ico_pdf_red.svg)
}
.ico-info {
	display: inline-block;
	background-size: 100% 100%;
	background-image: url(../img/cmn/ico_info.svg);
	width: 18px;
	height: 18px
}
@media screen and (min-width:769px) {
	.ico-info {
		width: 26px;
		height: 26px
	}
}
.animate-enter .animate-enter-fade {
	opacity: 0;
	transition: opacity .8s ease-in-out .1s
}
.animate-enter .animate-enter-curtain {
	transform: translate3d(0, 100%, 0);
	transition: transform .8s cubic-bezier(.64, .04, .35, 1) .1s
}
.animate-enter .animate-enter-fade-left-long {
	transform: translate3d(100px, 0, 0);
	opacity: 0;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, -webkit-transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s, -webkit-transform .8s cubic-bezier(.64, .04, .35, 1) .1s
}
.animate-enter .animate-enter-fade-left-short {
	opacity: 0;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s, -webkit-transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transform: translate3d(30px, 0, 0)
}
.animate-enter .animate-enter-fade-up-short {
	opacity: 0;
	transform: translate3d(0, 30px, 0);
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, -webkit-transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s;
	transition: opacity .8s cubic-bezier(.64, .04, .35, 1) .1s, transform .8s cubic-bezier(.64, .04, .35, 1) .1s, -webkit-transform .8s cubic-bezier(.64, .04, .35, 1) .1s
}
.animate-enter.in-view .animate-enter-curtain, .animate-enter.in-view .animate-enter-fade, .animate-enter.in-view .animate-enter-fade-left-long, .animate-enter.in-view .animate-enter-fade-left-short, .animate-enter.in-view .animate-enter-fade-up-short {
	opacity: 1;
	transform: translateZ(0)
}
.animate-enter .animate-delay-1 {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}
.animate-enter .animate-delay-2 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
.animate-enter .animate-delay-3 {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}
.animate-enter .animate-delay-4 {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}
.animate-enter .animate-delay-5 {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}
.animate-enter .animate-delay-6 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.animate-enter .animate-delay-7 {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}
.animate-enter .animate-delay-8 {
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}
.animate-enter .animate-delay-9 {
	-webkit-transition-delay: .55s;
	transition-delay: .55s
}
.animate-enter .animate-delay-10 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.animate-enter .animate-delay-11 {
	-webkit-transition-delay: .65s;
	transition-delay: .65s
}
.animate-enter .animate-delay-12 {
	-webkit-transition-delay: .7s;
	transition-delay: .7s
}
.animate-enter .animate-delay-13 {
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}
.animate-enter .animate-delay-14 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
.animate-enter .animate-delay-15 {
	-webkit-transition-delay: .85s;
	transition-delay: .85s
}
.animate-enter .animate-delay-16 {
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}
.animate-enter .animate-delay-17 {
	-webkit-transition-delay: .95s;
	transition-delay: .95s
}
.animate-enter .animate-delay-18 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}
.animate-enter .animate-delay-19 {
	-webkit-transition-delay: 1.05s;
	transition-delay: 1.05s
}
.animate-enter .animate-delay-20 {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s
}
.md-modal {
	z-index: 9999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px 10px;
	text-align: center;
	overflow: auto;
	display: none
}
.md-modal:after {
	display: inline-block;
	height: 100%;
	margin-left: -.05em;
	vertical-align: middle;
	content: ""
}
.md-modal-main {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	position: relative;
	width: 92%;
	max-width: 925px;
	padding: 24px;
	border-radius: 2px;
	background: #fff;
	vertical-align: middle;
	text-align: left
}
@media screen and (min-width:769px) {
	.md-modal-main {
		padding: 40px
	}
}
.md-modal-video {
	position: relative
}
.md-modal-video:before {
	content: '';
	display: block;
	padding-top: 56.25%;
	background-color: #000
}
.md-modal-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.modal-overlay-bg {
	position: absolute;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .65;
	min-height: 100vh
}
.modal-youtube {
	position: relative
}
.modal-youtube:before {
	content: '';
	display: block;
	padding-top: 56.25%
}
.modal-youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.md-modal-close {
	color: #fff;
	position: absolute;
	bottom: calc(100% + 5px);
	right: 0;
	display: flex;
	align-items: center
}
.md-modal-close .ico-close {
	width: 1em;
	height: 1em;
	margin-left: .5em
}
.md-modal-close-btn {
	display: block;
	line-height: 1;
	position: absolute;
	top: calc(100% + 1.8em);
	left: 50%;
	transform: translateX(-50%);
	width: 13em;
	border: solid 1px #fff !important;
	color: #fff;
	padding: .7em 0 .5em;
	text-align: center
}
.md-modal-close-btn .ico-close {
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%)
}
.md-feature-point {
	border: solid 1px #e6e6e6
}
.md-feature-point .md-feature-point-item {
	padding: 7.8125% 6.25%
}
.md-feature-point .point {
	width: 80px
}
.md-feature-point .heading {
	font-size: 115.38462%;
	font-weight: 500;
	margin-top: .7em;
	line-height: 1.46
}
.md-feature-point .txt {
	margin-top: 1em
}
.md-feature-point .md-feature-point-thumb {
	margin-top: 1.5em;
	text-align: center
}
.md-feature-point .md-feature-point-thumb img {
	width: 100%
}
.md-feature-point .md-feature-point-thumb .max {
	max-width: 100%;
	width: auto
}
.md-feature-point .md-feature-point-thumb2 {
	margin-top: 2em
}
.md-feature-point .md-feature-point-thumb2 img {
	width: 100%
}
.md-feature-point .md-feature-point-thumb-block {
	width: 100%;
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.md-feature-point .md-feature-point-bnr {
		max-width: 300px
	}
	.md-feature-point .md-feature-point-item {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 50px 6.43604%
	}
	.md-feature-point .md-feature-point-item .md-feature-point-txt:only-of-type {
		width: 100%
	}
	.md-feature-point .md-feature-point-item.full .md-feature-point-txt {
		width: 100%
	}
	.md-feature-point .md-feature-point-txt {
		flex: 1;
		padding-right: 2.2em
	}
	.md-feature-point .md-feature-point-thumb {
		margin: 0;
		width: 42.54144%;
		width: flex;
		align-self: center
	}
	.md-feature-point .md-feature-point-thumb img {
		width: 100%
	}
	.md-feature-point .md-feature-point-thumb.type2 {
		align-self: flex-start;
		text-align: left
	}
	.md-feature-point .md-feature-point-thumb2 {
		margin: 2em 0 0 0;
		width: 100%;
		display: flex;
		justify-content: space-between
	}
	.md-feature-point .md-feature-point-thumb2 > * {
		flex: 1
	}
	.md-feature-point .md-feature-point-thumb2.separate > :nth-child(1) {
		padding-right: 2em;
		border-right: solid 1px #e6e6e6
	}
	.md-feature-point .md-feature-point-thumb2.separate > :nth-child(2) {
		padding-left: 2em
	}
	.md-feature-point .md-feature-point-thumb-block {
		width: 100%;
		margin-top: 1.5em
	}
	.md-feature-point .point {
		width: 172px
	}
	.md-feature-point .heading {
		font-size: 187.5%
	}
}
.md-feature-point-col2 {
	width: 100%;
	border: solid 1px #e6e6e6;
	padding: 1.5em;
	margin-top: 2em
}
.md-feature-point-col2 > :nth-child(n+2) {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.md-feature-point-col2 {
		display: flex;
		justify-content: space-between;
		padding: 30px;
		margin-top: 2em
	}
	.md-feature-point-col2 > * {
		width: 48%
	}
	.md-feature-point-col2 > :nth-child(n+2) {
		margin: 0
	}
}
.md-feature-point-other {
	margin-top: 40px;
	padding: 6.25%
}
.md-feature-point-other .heading {
	font-size: 108.33333%;
	font-weight: 500
}
.md-feature-point-other .list {
	margin-top: 1em
}
.md-feature-point-other .list li {
	position: relative;
	padding-left: 1.2em
}
.md-feature-point-other .list li:before {
	content: '';
	display: block;
	position: absolute;
	top: .42em;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: #00b08d;
	border-radius: 50%;
	transform: scale(.3)
}
@media screen and (min-width:769px) {
	.md-feature-point-other {
		display: flex;
		padding: 40px 0;
		margin-top: 60px
	}
	.md-feature-point-other .heading {
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: solid 1px #e6e6e6;
		width: 21.90581%
	}
	.md-feature-point-other .list {
		font-weight: 500;
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		margin-top: 0;
		padding-right: 5.47645%;
		margin-left: 4.49102%
	}
	.md-feature-point-other .list li {
		width: 50%;
		padding-right: 20px
	}
	.md-feature-point-other .list li:nth-child(n+3) {
		margin-top: .4em
	}
	.md-feature-point-other .list.full {
		margin-left: 2em
	}
	.md-feature-point-other .list.full li {
		width: 100%
	}
	.md-feature-point-other .list.full li:nth-child(n+2) {
		margin-top: .4em
	}
}
.food-search-hint-ttl {
	text-align: center;
	font-size: 133.33333%;
	position: relative;
	padding-top: 40px
}
.food-search-hint-ttl h2 {
	font-weight: 500
}
.food-search-hint-ttl .icon-rect {
	width: 3em;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -40%);
	border-radius: 50%;
	background-color: #f3f4f4
}
.food-search-hint-ttl .icon-rect img {
	transform: scale(.7)
}
@media screen and (min-width:769px) {
	.food-search-hint-ttl {
		padding-top: 65px;
		font-size: 162.5%
	}
	.food-search-hint-ttl .icon-rect {
		width: 2.6em
	}
}
.food-search-hint-list {
	padding: 10px 0 50px 0
}
.food-search-hint-list .item {
	position: relative;
	display: block;
	padding-top: 2.3em
}
.food-search-hint-list .item .lv2 {
	margin-top: .8em;
	display: inline-block;
	text-align: left
}
.food-search-hint-list .icon-rect {
	width: 2.6em;
	margin: 0;
	position: absolute;
	top: 0;
	left: 1em;
	transform: translate(0%, -35%)
}
@media screen and (min-width:769px) {
	.food-search-hint-list {
		display: flex;
		padding: 40px 0 90px 0
	}
	.food-search-hint-list .item {
		flex: 1;
		text-align: center;
		padding-top: 2.5em;
		position: relative
	}
	.food-search-hint-list .icon-rect {
		width: 2.6em;
		margin: 0;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%)
	}
}
.food-search {
	padding: 20px;
	margin-top: 35px
}
.food-search .heading {
	color: #008d61;
	font-size: 125%;
	margin-top: .5em
}
.food-search .logo {
	width: 83.33333%
}
.food-search .logo img {
	width: 100%
}
.food-search .container {
	margin-bottom: 1.5em
}
.food-search .container .thumb {
	text-align: center;
	margin-top: 1.2em
}
.food-search .container .thumb img {
	width: 100%
}
.food-search .container2 {
	margin-top: 1.5em
}
.food-search .container2 .container-item {
	text-align: center
}
.food-search .container2 .container-item:nth-child(2n) {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #e6e6e6
}
.food-search .container2 .text {
	text-align: left;
	margin-bottom: 1.5em
}
.food-search .md-list-item {
	line-height: 1.4
}
@media screen and (max-width:769px) {
	.food-search .logo2 {
		max-width: 120px;
		margin-bottom: 1em
	}
}
@media screen and (min-width:769px) {
	.food-search {
		margin-top: 70px;
		padding: 60px
	}
	.food-search .container {
		display: flex;
		margin-bottom: 1em
	}
	.food-search .container .thumb {
		margin-top: 0;
		flex: 1
	}
	.food-search .container-item {
		flex: 1
	}
	.food-search .container2 {
		display: flex;
		margin-top: 2em
	}
	.food-search .container2 .container-item {
		padding-right: 20px;
		display: flex;
		flex: 1;
		flex-direction: column
	}
	.food-search .container2 .container-item:nth-child(2n) {
		margin: 0;
		border-top: none;
		border-left: 1px solid #e6e6e6;
		padding: 0 0 0 20px
	}
	.food-search .container2 .text {
		padding-bottom: 1em
	}
	.food-search .heading {
		font-size: 175%;
		margin-top: .5em
	}
	.food-search .logo {
		width: 69.5%
	}
	.food-search .logo2 {
		width: 120px
	}
}
.food-search-btns {
	background-color: #f3f4f4;
	margin-top: 1.5em;
	padding: 20px
}
.food-search-btns li:nth-child(n+2) {
	margin-top: 1em
}
.food-search-btns a {
	display: block;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 3.8em;
	max-width: none
}
@media screen and (min-width:769px) {
	.food-search-btns {
		padding: 30px 0;
		display: flex;
		margin-top: 2.5em;
		justify-content: center
	}
	.food-search-btns li {
		width: 40.375%;
		margin: 0 2.5%
	}
	.food-search-btns li:nth-child(n+2) {
		margin-top: 0
	}
	.food-search-btns a {
		width: 100%;
		min-height: 65px
	}
}
.food-btn-back {
	margin-top: 30px;
	display: flex;
	justify-content: center
}
.food-btn-back a {
	width: 90%
}
@media screen and (min-width:769px) {
	.food-btn-back {
		margin-top: 60px
	}
	.food-btn-back a {
		max-width: 360px
	}
}
.food-notice {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 3em 0
}
@media screen and (min-width:769px) {
	.food-notice {
		padding: 2em 0
	}
}
.food-notice .lead {
	font-size: 115%;
	text-align: center;
	margin: 0 0 2em 0;
	line-height: 2
}
@media screen and (min-width:769px) {
	.food-notice .lead {
		font-size: 130%
	}
}
.food-notice .md-btn-ec {
	max-width: none;
	min-height: 4em;
	align-items: center;
	display: flex;
	justify-content: center
}
@media screen and (min-width:769px) {
	.food-notice .md-btn-ec {
		width: 60%
	}
}
.md-prod-hero {
	padding-top: 25px
}
.md-prod-hero .label {
	margin: .6em 0;
	font-weight: 500;
	display: block;
	font-size: 141.66667%
}
.md-prod-hero .label .min {
	font-size: 80%
}
.md-prod-hero .label .line1 {
	font-size: 66%;
	margin-top: .3em
}
.md-prod-hero .label .line2 {
	font-size: 82%;
	margin-top: .3em
}
.md-prod-hero .copy {
	margin-top: 1em;
	font-weight: 500;
	color: #008d61;
	font-size: 125%
}
.md-prod-hero .copy .min {
	font-size: 80%
}
.md-prod-hero .thumb {
	margin-top: 1em;
	width: 100%
}
.md-prod-hero .thumb img {
	width: 100%
}
.md-prod-hero .pc {
	display: none
}
.md-prod-hero .md-btn-ec {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1.5em auto 0
}
.md-prod-hero.no-qa {
	padding-bottom: 50px
}
.md-prod-hero .hero-mv-main {
	position: relative
}
.md-prod-hero .hero-mv-main img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0
}
.md-prod-hero .hero-mv-main img.base {
	position: relative;
	opacity: 1
}
.md-prod-hero .hero-mv-thumb {
	display: flex;
	justify-content: center;
	margin-top: 1em
}
.md-prod-hero .hero-mv-thumb li {
	border: solid 2px #e6e6e6;
	margin: 0 5px;
	width: 60px;
	cursor: pointer
}
.md-prod-hero .hero-mv-thumb li.active {
	border-color: #00b08d;
	cursor: default
}
@media screen and (min-width:769px) {
	.md-prod-hero {
		padding-top: 40px
	}
	.md-prod-hero .md-section-inr {
		display: flex;
		flex-flow: row-reverse;
		justify-content: space-between;
		align-items: center
	}
	.md-prod-hero.no-qa {
		padding-bottom: 100px
	}
	.md-prod-hero .md-btn-ec {
		margin: 1.6em 0 1.3em
	}
	.md-prod-hero .sp {
		display: none
	}
	.md-prod-hero .pc {
		display: block
	}
	.md-prod-hero .label {
		line-height: 1.4;
		font-size: 26px;
		font-size: 2.09171vw
	}
	.md-prod-hero .copy {
		margin: 0;
		font-size: 30px;
		font-size: 2.41352vw
	}
	.md-prod-hero .copy2 {
		margin: 0
	}
	.md-prod-hero .copy3 {
		margin: 0
	}
	.md-prod-hero .thumb {
		width: 70%
	}
	.md-prod-hero .hero-mv {
		width: 51.00563%;
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.md-prod-hero .hero-mv .hero-mv-main:only-of-type {
		margin: 0 auto;
		justify-content: center;
		align-self: center
	}
	.md-prod-hero .hero-mv:only-child {
		opacity: 0
	}
	.md-prod-hero .hero-mv-main {
		width: 87.22397%
	}
	.md-prod-hero .hero-mv-thumb {
		display: block;
		width: 10.25237%
	}
	.md-prod-hero .hero-mv-thumb li {
		margin: 0;
		width: 100%
	}
	.md-prod-hero .hero-mv-thumb li:nth-child(n+2) {
		margin-top: .8em
	}
	.md-prod-hero .md-prod-hero-ttl {
		width: 44.24779%
	}
}
@media screen and (min-width:1024px) {
	.md-prod-hero .label {
		font-size: 26px;
		font-size: 2.0934vw
	}
	.md-prod-hero .copy {
		font-size: 30px;
		font-size: 2.41546vw
	}
	.md-prod-hero .copy2 {
		font-size: 28px;
		font-size: 2.25261vw
	}
	.md-prod-hero .copy3 {
		font-size: 26px;
		font-size: 2.09171vw
	}
}
@media screen and (min-width:1243px) {
	.md-prod-hero .label {
		font-size: 156.25%
	}
	.md-prod-hero .copy {
		font-size: 206.25%
	}
	.md-prod-hero .copy2 {
		font-size: 175%
	}
	.md-prod-hero .copy3 {
		font-size: 156.25%
	}
}
.md-prod-tel {
	margin: 1.6em 0 1.3em
}
.md-prod-tel img {
	width: 100%
}
@media screen and (min-width:769px) {
	.md-prod-tel {
		margin: 1.6em 0 1.3em;
		max-width: 320px
	}
}
.md-prod-hero-btns {
	margin-top: 1.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.md-prod-hero-btns > * {
	width: 90%
}
.md-prod-hero-btns a {
	width: 100%;
	max-width: none;
	height: 6.4rem;
	padding-top: 0;
	padding-bottom: 0
}
.md-prod-hero-btns a span {
	display: block
}
@media screen and (min-width:769px) {
	.md-prod-hero-btns {
		display: flex;
		justify-content: space-between;
		width: 96%
	}
	.md-prod-hero-btns > * {
		width: 48%
	}
	.md-prod-hero-btns a {
		height: 100%;
		width: 100%;
		line-height: 1.2;
		min-height: 6.4rem
	}
	.md-prod-hero-btns .md-btn-ec {
		margin: 0;
		line-height: 1.4
	}
}
.md-prod-ex-btn {
	display: flex;
	justify-content: center;
	margin-top: 30px
}
.md-prod-ex-btn .md-btn-ex {
	width: 100%
}
@media screen and (min-width:769px) {
	.md-prod-ex-btn {
		margin-top: 60px
	}
	.md-prod-ex-btn .md-btn-ex {
		max-width: 915px;
		width: 80%
	}
}
.md-prod-howto {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.md-prod-howto {
		display: flex
	}
}
.md-prod-howto-item:nth-child(n+2) {
	margin-top: 2.5em
}
.md-prod-howto-item .txt {
	margin-top: 1em
}
.md-prod-howto-item .thumb {
	margin-bottom: 1em;
	width: 100%
}
.md-prod-howto-item .md-list-num {
	font-weight: 500
}
@media screen and (min-width:769px) {
	.md-prod-howto-item {
		width: 31.21577%;
		margin-right: 3.06681%
	}
	.md-prod-howto-item:nth-child(n+2) {
		margin-top: 0
	}
	.md-prod-howto-item:last-child {
		margin-right: 0
	}
}
.md-prod-howto-note {
	margin-top: 4em
}
.md-product-option {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: solid 1px #e6e6e6
}
.md-product-option .md-product-option-btns {
	display: flex;
	justify-content: center;
	margin-top: 1.5em
}
.md-product-option .text {
	margin: 1em 0 0 0
}
.md-product-option .text > p:nth-child(n+2) {
	margin-top: .5em
}
.md-product-option .thumb {
	text-align: center
}
.md-product-option .thumb img {
	width: 100%
}
@media screen and (min-width:769px) {
	.md-product-option {
		display: flex;
		flex-direction: row-reverse
	}
	.md-product-option .text {
		padding-right: 1.5em;
		flex: 1;
		margin: 0
	}
	.md-product-option .thumb {
		margin: 0 1.5em 0 0;
		width: 32.96703%
	}
	.md-product-option .md-product-option-btns {
		display: block
	}
}
.md-quality {
	margin-top: 30px
}
@media screen and (min-width:769px) {
	.md-quality {
		margin-top: 60px
	}
}
.md-quality-main .thumb {
	margin-top: 1em
}
.md-quality-main .thumb img {
	width: 100%
}
.md-quality-main .list {
	margin-top: 1em
}
.md-quality-main .list li:nth-child(n+2) {
	margin-top: .7em
}
.md-quality-main .list-label {
	font-weight: 500;
	color: #008f63
}
.md-quality-main .list-text {
	padding-left: 2.4em
}
@media screen and (min-width:769px) {
	.md-quality-main {
		display: flex;
		justify-content: space-between
	}
	.md-quality-main .text {
		flex: 1;
		padding-right: 2em
	}
	.md-quality-main .thumb {
		margin: 0;
		width: 48.27031%
	}
}
.js-lineup-lv1, .js-lineup-lv2 {
	overflow: hidden;
	height: 0
}
.md-lineup-search {
	background-color: #f3f4f4;
	padding: 20px
}
.md-lineup-search .heading {
	font-weight: 500
}
.md-lineup-search .contents1 {
	padding-bottom: 1.4em
}
.md-lineup-search .contents1-col {
	padding-bottom: 1.4em;
	margin-bottom: 1.4em;
	border-bottom: solid 1px #e6e6e6
}
.md-lineup-search .contents1-col ul li {
	margin-top: .8em
}
.md-lineup-search .contents2 {
	border-top: solid 1px #e6e6e6;
	padding-top: 1em
}
.md-lineup-search .contents2 li {
	margin-top: 1em
}
.md-lineup-search .contents1-col2 .col-main {
	display: flex;
	flex-wrap: wrap
}
.md-lineup-search .btn {
	display: flex;
	margin-top: .8em;
	width: 47.91667%
}
.md-lineup-search .btn:nth-child(2n) {
	margin-left: 4.16667%
}
.md-lineup-search.w-full li {
	margin-top: .8em
}
@media screen and (min-width:769px) {
	.md-lineup-search {
		padding: 25px 40px
	}
	.md-lineup-search .contents1 {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 15px
	}
	.md-lineup-search .contents1-col {
		width: 19.21098%;
		border-right: solid 1px #e6e6e6;
		border-bottom: none;
		padding: 0;
		margin: 0
	}
	.md-lineup-search .contents1-col ul {
		margin-top: 15px
	}
	.md-lineup-search .contents1-col ul li:nth-child(n+2) {
		margin-top: .5em
	}
	.md-lineup-search .contents1-col2 {
		flex: 1;
		padding-left: 5.1458%
	}
	.md-lineup-search .contents1-col2 .col-main {
		display: flex;
		flex-wrap: wrap
	}
	.md-lineup-search .btn {
		margin-top: 20px;
		display: flex;
		margin-right: 18px;
		width: 6.5em
	}
	.md-lineup-search .btn:nth-child(2n) {
		margin-left: 0
	}
	.md-lineup-search .contents2 ul {
		display: flex;
		flex-wrap: wrap
	}
	.md-lineup-search .contents2 li {
		width: 25%;
		margin-top: 20px
	}
	.md-lineup-search.w-full li {
		margin-top: 0
	}
	.md-lineup-search.w-full .heading {
		width: 100%
	}
	.md-lineup-search.w-full .contents1 ul {
		display: flex
	}
	.md-lineup-search.w-full .contents1 li {
		margin-right: 1.5em
	}
}
.md-lineup-search input[type=radio] {
	display: none
}
.md-lineup-search .radio01 {
	cursor: pointer;
	display: inline-block;
	padding-left: 22px;
	line-height: 1.2;
	position: relative;
	width: auto;
	font-size: 87.5%
}
.md-lineup-search .radio01:before {
	background: #fff;
	border: 1px solid #d7d7d8;
	border-radius: 50%;
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0
}
.md-lineup-search .radio01:after {
	background: #00b08d;
	border-radius: 50%;
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	transform-origin: center;
	transform: scale(.6);
	transition: opacity .3s
}
.md-lineup-search input[type=radio]:checked + .radio01::after {
	opacity: 1
}
.md-lineup-search .btn input {
	display: none
}
.md-lineup-search .btn > span {
	color: #333;
	font-size: 14px;
	border: 1px solid #e6e6e6;
	padding: .5em 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	font-size: 87.5%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color .3s, background-color .3s, border-color .3s
}
.md-lineup-search .btn input:checked + span {
	color: #fff;
	border-color: #00b08d;
	background-color: #00b08d
}
.md-lineup-search .check {
	font-size: 87.5%
}
.md-lineup-search .check input {
	display: none
}
.md-lineup-search .check span {
	position: relative;
	line-height: 1.5;
	padding-left: 1.5em;
	padding-right: 1em;
	cursor: pointer;
	display: block
}
.md-lineup-search .check span:before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border: solid 1px #ccc;
	position: absolute;
	top: .2em;
	left: 0;
	background-color: #fff
}
.md-lineup-search .check span:after {
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: 1em;
	height: .5em;
	top: .2em;
	left: 3px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: #00b08d;
	opacity: 0;
	transition: opacity .3s
}
.md-lineup-search .check input:checked + span:after {
	opacity: 1
}
.md-lineup-console {
	position: relative
}
.md-lineup-btn-lv1 {
	display: flex;
	border: solid 1px #29bc8f;
	padding: .4em 1em;
	cursor: pointer;
	align-items: center;
	background-color: #29bc8f;
	color: #fff
}
@media screen and (min-width:769px) {
	.md-lineup-btn-lv1 {
		padding: .5em 1em
	}
}
.md-lineup-btn-lv1 .ico-cross:after, .md-lineup-btn-lv1 .ico-cross:before {
	background-color: #fff;
	width: 2px
}
.md-lineup-btn-lv1.is-open {
	background-color: #fff;
	color: #29bc8f
}
.md-lineup-btn-lv1.is-open .ico-cross:after, .md-lineup-btn-lv1.is-open .ico-cross:before {
	background-color: #29bc8f
}
.md-lineup-search-bottom {
	display: flex;
	align-items: center;
	position: relative
}
.md-lineup-search-bottom.no-more {
	justify-content: flex-end;
	min-height: 3em
}
.md-lineup-search-bottom.no-more .md-lineup-btn-clear {
	position: relative
}
.md-lineup-btn-lv2 {
	display: flex;
	cursor: pointer;
	align-items: center;
	background-color: #29bc8f;
	color: #fff;
	border: solid 1px #29bc8f;
	padding: .5em 1em
}
@media screen and (min-width:769px) {
	.md-lineup-btn-lv2 {
		margin: 0 auto
	}
}
.md-lineup-btn-lv2 .ico-cross:after, .md-lineup-btn-lv2 .ico-cross:before {
	background-color: #fff;
	width: 2px
}
.md-lineup-btn-lv2.is-open {
	background-color: #fff;
	color: #29bc8f
}
.md-lineup-btn-lv2.is-open .ico-cross:after, .md-lineup-btn-lv2.is-open .ico-cross:before {
	background-color: #29bc8f
}
.md-lineup-btn-clear {
	display: inline-block;
	border: solid 1px #e6e6e6;
	padding: .5em 2em;
	cursor: pointer;
	line-height: 1;
	position: absolute;
	right: 0;
	top: .3em
}
@media screen and (min-width:769px) {
	.md-lineup-btn-clear {
		padding: .5em 2.5em
	}
}
.md-spec-table .md-swipe-btn {
	width: 42px;
	height: 42px
}
.md-spec-table .md-swipe-btn.md-swipe-btn-next {
	left: calc(100% - 20px)
}
.md-spec-table .md-swipe-btn.md-swipe-btn-prev {
	right: calc(100% - 160px - 20px)
}
@media screen and (max-width:769px) {
	.md-spec-table .md-swipe-btn {
		width: 36px;
		height: 36px
	}
	.md-spec-table .md-swipe-btn.md-swipe-btn-next {
		top: calc(100% + 30px);
		left: calc(100% - 20px)
	}
	.md-spec-table .md-swipe-btn.md-swipe-btn-prev {
		top: calc(100% + 30px);
		right: calc(100% - 160px - 20px)
	}
}
.md-spec-table .swiper-scrollbar {
	bottom: auto;
	top: calc(100% + 28px);
	position: absolute;
	width: calc(100% - 220px);
	left: 190px
}
@media screen and (min-width:769px) {
	.md-spec-table .swiper-scrollbar {
		display: none
	}
}
.md-spec-table.grid3 .md-spec-table-container {
	width: 100%
}
.md-spec-table.grid3 .md-spec-table-label {
	width: 30%
}
.md-spec-table.grid3 .md-spec-table-main {
	width: 70%
}
@media screen and (min-width:769px) {
	.md-spec-table.grid3 .md-spec-table-label {
		width: 254px
	}
	.md-spec-table.grid3 .md-spec-table-main {
		width: calc(100% - 254px)
	}
}
.md-spec-table.size-table .md-spec-table-label {
	width: 200px
}
.md-spec-table.size-table .table-spec td {
	min-width: 130px
}
.md-spec-table.size-table .md-spec-table-wrap {
	margin-bottom: 30px
}
@media screen and (min-width:769px) {
	.md-spec-table.size-table .md-spec-table-wrap {
		padding: 0;
		margin: 0
	}
}
.md-spec-table.is-sp-only .table-spec {
	min-width: 480px
}
@media screen and (min-width:769px) {
	.md-spec-table.is-sp-only {
		margin-bottom: 0
	}
	.md-spec-table.is-sp-only .table-spec {
		min-width: 0
	}
	.md-spec-table.is-sp-only .md-swipe-btn {
		display: none
	}
	.md-spec-table.is-sp-only .md-spec-table-wrap {
		margin-bottom: 0
	}
}
.md-spec-spacer {
	display: flex;
	width: 10px;
	background-color: #f2f2f2;
	border: solid 1px #e6e6e6;
	z-index: 2
}
@media screen and (max-width:769px) {
	.md-spec-spacer.md-spec-spacer2 {
		display: none
	}
}
.md-spec-table-container {
	display: flex;
	overflow: hidden
}
@media screen and (max-width:769px) {
	.md-spec-table-container {
		width: 107.14286%
	}
}
.md-spec-table-wrap {
	position: relative
}
.md-spec-table-label {
	width: 124px
}
@media screen and (min-width:769px) {
	.md-spec-table-label {
		width: 180px
	}
}
.md-spec-table-main {
	width: calc(100% - 180px)
}
@media screen and (max-width:769px) {
	.md-spec-table-main {
		width: calc(100% - 124px - 10px)
	}
}
.spec-container {
	position: relative
}
.table-label {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	position: relative;
	z-index: 2
}
.table-label td {
	border: solid 1px #e6e6e6;
	background-color: #f9f9f9;
	text-align: center;
	vertical-align: middle;
	padding: 10px .5em;
	font-size: 87.5%
}
.table-label td.no-padding {
	padding: 0
}
.table-label th {
	background-color: #fff;
	border: solid 1px #fff;
	border-bottom: none
}
.table-label td, .table-label th {
	border-collapse: collapse
}
@media screen and (min-width:769px) {
	.table-label th, .table-label tr {
		border-right: 0
	}
}
.table-spec {
	border-collapse: collapse;
	border-spacing: 0
}
.table-spec td, .table-spec th {
	border: solid 1px #e6e6e6;
	text-align: center;
	vertical-align: middle;
	font-size: 87.5%;
	border-collapse: collapse
}
.table-spec td {
	padding: 10px .5em;
	min-width: 100px
}
.table-spec td.no-padding {
	padding: 0
}
.table-spec th {
	min-width: 100px;
	padding: 1em;
	vertical-align: top
}
@media screen and (min-width:769px) {
	.table-spec th {
		min-width: 200px
	}
	.table-spec th img {
		max-width: 240px
	}
}
@media screen and (min-width:769px) {
	.table-spec.liquid th {
		min-width: 0px
	}
	.table-spec.liquid th img {
		width: 100%;
		max-width: 240px
	}
}
.table-spec .td-gray {
	background-color: #f9f9f9
}
.table-spec .label {
	font-weight: 500;
	line-height: 1.5
}
.table-spec .cell-item {
	padding: 5px 5px
}
.table-spec .cell-item:nth-child(n+2) {
	border-top: solid 1px #e6e6e6
}
.md-prod-specs .md-table th {
	width: 30%
}
.md-prod-specs .no-border {
	border-top: none
}
.md-table {
	width: 100%;
	font-size: 93.75%
}
.md-table td, .md-table th {
	text-align: center;
	vertical-align: middle;
	border: solid 1px #e6e6e6;
	padding: .8em
}
.md-table th {
	background-color: #f3f4f4
}
.md-table td {
	background-color: #fff;
	text-align: left
}
.md-table td.txt-center {
	text-align: center
}
.md-prod-top-bnr {
	padding: 30px 0
}
.md-prod-top-bnr li {
	width: 100%;
	background-color: #fff
}
.md-prod-top-bnr li:nth-child(n+2) {
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.md-prod-top-bnr {
		padding: 65px 0;
		display: flex;
		justify-content: space-between
	}
	.md-prod-top-bnr li {
		width: 57.44167%;
		min-height: 0
	}
	.md-prod-top-bnr li:nth-child(n+2) {
		margin-top: 0
	}
	.md-prod-top-bnr li:nth-child(2) {
		width: 38.6967%
	}
}
.md-prod-newproduct-block {
	border: solid 1px #e6e6e6;
	padding: 20px
}
@media screen and (min-width:769px) {
	.md-prod-newproduct-block {
		padding: 40px 60px
	}
}
.md-prod-newproduct {
	display: block;
	overflow: hidden
}
.md-prod-newproduct.type2 {
	border: solid 1px #e6e6e6;
	padding: 2em
}
.md-prod-newproduct .block1 {
	text-align: center;
	padding-top: 1em
}
.md-prod-newproduct .block2 {
	padding: 20px 0
}
.md-prod-newproduct .label {
	display: inline-block;
	margin: .8em 0;
	font-weight: 500;
	font-size: 112.5%
}
.md-prod-newproduct .thumb {
	margin: 1.2em 0;
	max-width: 250px;
	width: 60%
}
.md-prod-newproduct .thumb img {
	transition: none
}
.md-prod-newproduct .specs {
	color: #008d61;
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.2em
}
.md-prod-newproduct .specs li {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 87.5%;
	border: solid 1px #e6e6e6;
	padding: .4em .7em
}
@media screen and (min-width:769px) {
	.md-prod-newproduct {
		display: flex;
		flex-flow: row-reverse;
		align-items: center;
		justify-content: space-between
	}
	.md-prod-newproduct.type2 {
		border: solid 1px #e6e6e6;
		padding: 2em 3em
	}
	.md-prod-newproduct.type2 .block2 {
		margin-left: 4.02253%
	}
	.md-prod-newproduct .copy {
		font-size: 225%
	}
	.md-prod-newproduct .copy .size-s {
		font-size: 50%
	}
	.md-prod-newproduct .block1 {
		width: 42.85714%;
		overflow: hidden;
		padding: 0
	}
	.md-prod-newproduct .block2 {
		padding: 0;
		flex: 1
	}
	.md-prod-newproduct .specs li {
		width: auto;
		padding: .4em 1em;
		margin-bottom: .5em
	}
}
.md-prod-top-point-area .title {
	border-top: solid 1px #e6e6e6;
	padding-top: 20px;
	margin-bottom: .4em
}
@media screen and (min-width:769px) {
	.md-prod-top-point-area {
		margin-top: 50px
	}
	.md-prod-top-point-area .title {
		border: none;
		overflow: hidden;
		margin: 0;
		padding: 0
	}
	.md-prod-top-point-area .title span {
		position: relative
	}
	.md-prod-top-point-area .title span:after {
		content: '';
		display: block;
		position: absolute;
		left: 102%;
		top: 50%;
		width: 100vw;
		height: 1px;
		background-color: #e6e6e6
	}
}
.md-prod-top-point li:nth-child(n+2) {
	margin-top: 2em
}
.md-prod-top-point img {
	width: 100%;
	height: auto;
	margin-bottom: .8em
}
.md-prod-top-point .feature {
	color: #00b08d;
	font-weight: 500;
	font-size: 75%;
	letter-spacing: .1em
}
.md-prod-top-point .text {
	margin-top: .3em;
	font-weight: 500;
	position: relative
}
.md-prod-top-point .text .icon {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0
}
.md-prod-top-point .text .icon-text {
	padding: .36em 0 0 40px
}
.md-prod-top-point .text-lv2 {
	margin-top: 1em;
	font-weight: 400
}
@media screen and (min-width:769px) {
	.md-prod-top-point {
		display: flex;
		margin-top: 1.2em
	}
	.md-prod-top-point li {
		width: 30.98214%;
		flex: 1
	}
	.md-prod-top-point li:nth-child(n+2) {
		margin: 0 0 0 3.48214%
	}
	.md-prod-top-point .text .icon {
		width: 40px;
		height: 40px
	}
	.md-prod-top-point .text .icon-text {
		padding: .36em 0 0 50px
	}
}
.yakuhan {
	margin-left: -.5em
}
.color-green {
	color: #008d61
}
.color-green2 {
	color: #00b08d
}
.color-red {
	color: #c00
}
.md-hr {
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #e6e6e6
}
.txt-bold {
	font-weight: 700
}
.txt-weight {
	font-weight: 500
}
.txt-left {
	text-align: left
}
.txt-size-s {
	font-size: 90%
}
.txt-size-ss {
	font-size: 80%
}
.txt-size-l {
	font-size: 115%
}
.txt-size-120p {
	font-size: 120%
}
.txt-lv2 {
	font-size: 112.5%;
	font-weight: 500
}
.txt-underline {
	text-decoration: underline
}
.txt-center {
	text-align: center
}
.coenzyme {
	font-size: 75%
}
.txt-color-green {
	color: #008f63
}
.txt-color-light-green {
	color: #00b08d
}
.txt-maker {
	display: inline-block;
	color: #00b08d;
	border: solid 1px #00b08d;
	line-height: 1;
	padding: .2em .5em;
	margin-left: .5em
}
.txt-maker sup {
	vertical-align: top
}
@media screen and (max-width:460px) {
	.txt-vw {
		font-size: 14px;
		font-size: 3.04348vw
	}
}
@media screen and (min-width:769px) {
	.txt-vw {
		font-size: 16px;
		font-size: 1.28721vw
	}
}
@media screen and (min-width:1024px) {
	.txt-vw {
		font-size: 16px;
		font-size: 1.28824vw
	}
}
@media screen and (min-width:1243px) {
	.txt-vw {
		font-size: 100%
	}
}
.md-mt0 {
	margin-top: 0px
}
.md-mt10 {
	margin-top: 10px
}
.md-mt20 {
	margin-top: 20px
}
.md-mt30 {
	margin-top: 30px
}
.md-mt40 {
	margin-top: 40px
}
.md-mt50 {
	margin-top: 60px
}
.md-mt70 {
	margin-top: 70px
}
.md-mt90 {
	margin-top: 90px
}
.md-mb0 {
	margin-bottom: 0px
}
.md-pb0 {
	padding-bottom: 0
}
.md-mt05e {
	margin-top: .5em
}
.md-mt1e {
	margin-top: 1em
}
.md-mt15e {
	margin-top: 1.5em
}
.md-mt2e {
	margin-top: 2em
}
.md-mt3e {
	margin-top: 3em
}
.md-mt4e {
	margin-top: 4em
}
.md-w-100p {
	width: 100%
}
.no-padding-top {
	padding-top: 0
}
.no-padding-bottom {
	padding-bottom: 0
}
.others-oral {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.others-oral .thumb {
	margin-right: 1em;
	width: 28.57143%
}
.others-oral p {
	font-size: 125%;
	font-weight: 500
}
.others-oral .text {
	flex: 1
}
.others-oral .text2 {
	margin-top: .5em
}
@media screen and (min-width:769px) {
	.others-oral .thumb {
		margin-right: 2.5em;
		width: 160px
	}
	.others-oral p {
		margin-bottom: .7em
	}
}
.food-info {
	margin-top: 50px;
	margin-bottom: 10px;
	padding: 1.3em;
	border: solid 1px #d8211d
}
.food-info .ttl {
	font-size: 112.5%
}
.food-info .block1 {
	margin-top: .5em
}
.food-info .block2 {
	margin-top: 2.3em
}
.food-info a {
	text-decoration: underline
}
@media screen and (min-width:769px) {
	.food-info {
		margin: 55px auto 0;
		padding: 1.7em 1.5em;
		max-width: 925px
	}
	.food-info.full {
		max-width: none;
		width: 100%
	}
}
.food-info-red {
	color: #d8211d
}
.food-info-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: .2em
}
.food-info-list dt {
	min-width: 5.4em;
	margin-top: .3em;
	position: relative
}
.food-info-list dt:after {
	content: ':';
	position: absolute;
	right: .5em
}
.food-info-list dd {
	margin-top: .3em;
	width: calc(100% - 5.4em)
}
.md-section-food {
	padding: 20px 0 15px 0
}
@media screen and (min-width:769px) {
	.md-section-food {
		padding: 0px 0 25px 0
	}
}
.liquid-food-index .md-page-navi {
	margin-top: 0
}
.liquid-food-index-category {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}
.liquid-food-index-category .item {
	border: solid 1px #e6e6e6;
	border-radius: .3em;
	padding: 0 7.14286% 7.14286%
}
.liquid-food-index-category .item:nth-child(n+2) {
	margin-top: 20px
}
.liquid-food-index-category .txt {
	text-align: center;
	margin-bottom: 1em;
	font-weight: 500
}
@media screen and (min-width:769px) {
	.liquid-food-index-category {
		justify-content: space-between
	}
	.liquid-food-index-category .item {
		display: flex;
		flex-wrap: wrap;
		width: 31.2148%;
		padding: 1.60901% 1.60901%;
		border: solid 1px #e6e6e6;
		flex-direction: column
	}
	.liquid-food-index-category .item:nth-child(n+2) {
		margin-top: 0
	}
	.liquid-food-index-category .item:nth-child(n+4) {
		margin-top: 3.21802%
	}
	.liquid-food-index-category .item .md-btn-rect {
		margin-top: auto
	}
}
.liquid-food-index-category-ttl {
	text-align: center;
	font-size: 116.66667%;
	font-weight: 500
}
@media screen and (min-width:769px) {
	.liquid-food-index-category-ttl {
		font-size: 150%
	}
}
.liquid-food-index-block {
	margin-top: 30px
}
@media screen and (min-width:769px) {
	.liquid-food-index-block {
		margin-top: 60px
	}
}
.food-ec-area {
	display: flex;
	justify-content: center;
	padding: 60px 0
}
.liquid-food-spec .md-list-item {
	margin: 1em 0 !important
}
.liquid-food-spec .label {
	font-weight: 500;
	margin-bottom: 1em
}
.liquid-food-qa {
	margin-top: 2em
}
.liquid-food-qa .md-support-btn {
	padding-left: 1em;
	border-right: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6
}
.liquid-food-qa .md-support-btn .ico-plus {
	right: .8em
}
.liquid-food-qa .js-acc-inr {
	border-right: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6
}
.md-table-food {
	width: 100%;
	font-size: 75%;
	table-layout: fixed
}
.md-table-food td, .md-table-food th {
	text-align: center;
	vertical-align: middle;
	border: solid 1px #e6e6e6;
	width: 20%;
	padding: 10px
}
.md-table-food td.txt-left, .md-table-food th.txt-left {
	text-align: left
}
.md-table-food th {
	background-color: #f3f4f4
}
.md-table-food.col2 th {
	width: 30%
}
.md-table-food.col2 td {
	width: 70%
}
.md-table-food .no-border-top {
	border-top: none
}
.md-table-food .no-border-bottom {
	border-bottom: none
}
.md-table-food .w-auto {
	width: auto;
	min-width: 0
}
.md-table-food .w-child {
	width: 80%
}
@media screen and (min-width:769px) {
	.md-table-food {
		font-size: 87.5%
	}
}
.md-table-food:nth-child(n+2) {
	margin-top: 1em
}
.liquid-food-component-ttl {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
	flex-wrap: wrap
}
.liquid-food-component-ttl .text {
	width: 100%;
	text-align: right;
	margin-top: .7em
}
@media screen and (min-width:769px) {
	.liquid-food-component-ttl .text {
		margin: 0;
		width: auto
	}
}
.food-soramaru-how .label {
	font-weight: 500;
	font-size: 112.5%;
	margin-bottom: .8em
}
.food-soramaru-how .label:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: #00b08d;
	transform: scale(.8);
	line-height: 1;
	vertical-align: -.1em;
	margin-right: .2em
}
.food-soramaru-how .block2 {
	margin-top: 1.5em
}
.food-soramaru-how .inr-block:nth-child(n+2) {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.food-soramaru-how {
		display: flex;
		justify-content: space-between
	}
	.food-soramaru-how .block1 {
		width: 29.46955%
	}
	.food-soramaru-how .block2 {
		margin-top: 0;
		width: 60.90373%
	}
	.food-soramaru-how .inr {
		display: flex;
		justify-content: space-between
	}
	.food-soramaru-how .inr-block {
		width: 47%
	}
	.food-soramaru-how .inr-block:nth-child(n+2) {
		margin-top: 0
	}
}
.food-soft-shibori {
	padding: 0 1em
}
@media screen and (min-width:769px) {
	.food-soft-shibori {
		padding: 0;
		display: flex;
		align-items: flex-start
	}
}
.food-soft-shibori-thumb-wrap {
	display: flex
}
.food-soft-shibori-thumb {
	width: 52%;
	margin-left: 1em;
	float: left
}
@media screen and (min-width:769px) {
	.food-soft-shibori-thumb {
		float: none;
		width: 30.69658%;
		margin: 0
	}
}
@media screen and (min-width:769px) {
	.food-soft-shibori-main {
		flex: 1;
		padding-right: 2.5em
	}
}
.guide-supervision {
	font-size: 81.25%;
	display: flex;
	justify-content: flex-end;
	margin-top: 2em;
	line-height: 1.6
}
.guide-supervision .wrap {
	display: flex
}
.guide-supervision .icon {
	color: #008f63;
	border: solid 1px #008f63;
	margin-right: 1em;
	display: inline-block;
	padding: .5em 1em;
	white-space: nowrap;
	align-self: flex-start
}
.guide-supervision .large {
	font-size: 107.69231%;
	font-weight: 700
}
@media screen and (min-width:769px) {
	.guide-supervision .icon {
		align-self: auto
	}
	.guide-supervision .wrap {
		align-items: center
	}
}
@media screen and (min-width:769px) {
	.md-inr-swipe-recipe {
		width: 100%
	}
	.md-inr-swipe-recipe .md-info-wrap {
		justify-content: space-between
	}
	.md-inr-swipe-recipe .guide-recipe-panel {
		width: 30.32258%;
		margin: 0
	}
}
.guide-dl {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em
}
.guide-dl .guide-dl-list {
	width: 50%;
	border-bottom: solid 1px #e6e6e6;
	padding-bottom: 2em
}
.guide-dl .guide-dl-list:nth-child(odd) {
	padding-right: 1.5em;
	border-right: solid 1px #e6e6e6
}
.guide-dl .guide-dl-list:nth-child(even) {
	padding-left: 1.5em
}
.guide-dl .guide-dl-list:nth-child(n+3) {
	margin-top: 0;
	padding-top: 1.5em
}
.guide-dl .guide-dl-list .link1 {
	font-size: 100%;
	font-weight: 500
}
@media screen and (min-width:769px) {
	.guide-dl .guide-dl-list .link1 {
		font-size: 120%
	}
}
.guide-dl .thumb img {
	width: 100%
}
.guide-dl .thumb a {
	display: block
}
.guide-detail-column {
	margin-top: 3em;
	padding: 1.8em;
	border: solid 1px #e6e6e6
}
.guide-detail-column .ttl {
	display: flex;
	font-size: 112.5%;
	font-weight: 500;
	flex-wrap: wrap;
	margin-bottom: 1.2em
}
.guide-detail-column .label {
	color: #fff;
	background-color: #0db493;
	border-radius: 1em;
	padding: 0 .7em;
	margin-right: 1em
}
@media screen and (min-width:769px) {
	.guide-detail-column .ttl {
		font-size: 125%
	}
}
.guide-block:after, .guide-block:before {
	content: " ";
	display: table
}
.guide-block:after {
	clear: both
}
.eiyo-03-center {
	width: 100%;
	max-width: 600px;
	display: block;
	margin: 1em auto 0
}
.guide-article-thumb {
	margin-bottom: 1em
}
@media screen and (min-width:769px) {
	.guide-article-thumb {
		width: 43.01075%
	}
	.guide-article-thumb.is-right {
		float: right;
		margin: 0 0 1em 1em
	}
	.guide-article-thumb.is-left {
		float: left;
		margin: 0 1.5em 1em 0
	}
}
.guide-article-thumb2 {
	margin: 0 auto 1em;
	display: block;
	width: 86%
}
@media screen and (min-width:769px) {
	.guide-article-thumb2 {
		width: 34.48276%
	}
	.guide-article-thumb2.is-right {
		float: right;
		margin: 0 0 1em 1.5em
	}
}
.guide-thumb-block .img-block {
	display: block;
	margin: 1em auto 0;
	text-align: center
}
.guide-thumb-block .img-block-min {
	display: flex
}
.guide-thumb-block .img-block-min img {
	width: 40%
}
.guide-thumb-block .img-block004 {
	text-align: center;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.guide-thumb-block {
		display: flex;
		justify-content: center
	}
	.guide-thumb-block .text-block {
		margin-right: 1.5em;
		flex: 1
	}
	.guide-thumb-block .img-block {
		margin-top: 0;
		width: 29.67742%
	}
	.guide-thumb-block .img-block004 {
		margin-top: 0;
		width: 22.15054%
	}
	.guide-thumb-block .img-block005 {
		width: 44.4086%
	}
	.guide-thumb-block .img-block-min {
		display: block;
		width: 32.25806%
	}
	.guide-thumb-block .img-block-min img {
		width: 100%
	}
}
.swelling-05 {
	position: relative;
	display: flex;
	margin-top: 1.5em
}
.swelling-05 img {
	width: 30%;
	margin-right: 2em
}
@media screen and (min-width:769px) {
	.swelling-05 {
		width: 20%;
		margin: 0
	}
	.swelling-05 .cap {
		position: absolute;
		right: 0%;
		bottom: -3.5em;
		white-space: nowrap;
		text-align: right
	}
	.swelling-05 img {
		width: 100%;
		margin: 0
	}
}
.swelling-06 {
	width: 50%;
	margin: 1.5em auto 0
}
@media screen and (min-width:769px) {
	.swelling-06 {
		width: 33.97849%;
		margin: 0
	}
}
@media screen and (min-width:769px) {
	.eiyo-03-01 {
		width: 27.95699%
	}
}
.guide-page-navi {
	border-top: solid 1px #e6e6e6;
	margin-top: 2em
}
.guide-page-navi ul {
	margin-top: .8em;
	display: flex;
	justify-content: space-between
}
.guide-page-navi ul li {
	width: 50%
}
.guide-page-navi ul li:first-child {
	border-right: solid 1px #e6e6e6
}
@media screen and (min-width:769px) {
	.guide-page-navi {
		margin-top: 80px
	}
}
.guide-page-navi-btn {
	display: flex;
	position: relative;
	min-height: 4.6em;
	justify-content: center;
	align-items: center;
	padding: 0 .5 .5em;
	text-align: center
}
.guide-page-navi-btn .label {
	text-align: center;
	display: block;
	font-size: 81.25%
}
.guide-page-navi-btn.l-abs:after {
	right: 0
}
.guide-page-navi-btn.l-abs-l:after {
	position: absolute;
	top: 50%;
	left: -.5em;
	transform: translateY(-50%) rotate(-135deg)
}
@media screen and (min-width:769px) {
	.guide-page-navi-btn.l-abs:after {
		right: 1em
	}
	.guide-page-navi-btn.l-abs-l:after {
		left: .5em
	}
}
.guide-category-navi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0 0px
}
@media screen and (min-width:769px) {
	.guide-category-navi {
		margin: 40px 0 0px
	}
}
.guide-category-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: solid 1px #e6e6e6;
	width: 100%;
	font-size: 112.5%;
	min-height: 4em;
	padding: 0 1.2em
}
.guide-category-btn .ico {
	width: 28px;
	height: 28px
}
.guide-category-btn:nth-child(n+2) {
	margin-top: .7em
}
@media screen and (min-width:769px) {
	.guide-category-btn {
		min-height: 4.5em;
		width: 47.84946%
	}
	.guide-category-btn .ico {
		width: 44px;
		height: 44px
	}
	.guide-category-btn:nth-child(n+2) {
		margin-top: 0em
	}
}
.guide-update-info {
	text-align: right;
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.guide-update-info {
		margin-top: 80px
	}
}
.quide-swipe-container {
	position: relative
}
.quide-swipe-container .md-swipe-container {
	overflow: hidden;
	padding: 0 1px;
	padding-top: 6.89655%;
	padding-bottom: 6.89655%
}
@media screen and (min-width:769px) {
	.quide-swipe-container .md-swipe-container {
		padding-top: 50px;
		padding-bottom: 50px
	}
}
.quide-swipe-container .md-info-wrap {
	display: block
}
.quide-swipe-container .md-info-wrap .md-info-panel {
	width: 100%
}
.quide-swipe-container .md-info-wrap .md-info-panel:nth-child(n+2) {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.quide-swipe-container .md-info-wrap {
		display: flex
	}
	.quide-swipe-container .md-info-wrap .md-info-panel:nth-child(n+2) {
		margin-top: 0
	}
}
.quide-swipe-container .md-swipe-btn.is-hide {
	display: none
}
.quide-swipe-container .md-section-inr {
	position: relative;
	width: calc(100% - 90px)
}
@media screen and (min-width:769px) {
	.quide-swipe-container .md-section-inr {
		width: 93.47222%
	}
}
.quide-swipe-container:before {
	content: '';
	display: block;
	background-color: #f9f7f8;
	position: absolute;
	width: 100%;
	height: 86%;
	bottom: 0;
	left: 0
}
.quide-swipe-container.quide-swipe-container-2nd:before {
	width: 150vw;
	left: -25vw
}
.quide-swipe-container.quide-swipe-container-2nd:nth-child(n+2) {
	margin-top: 40px
}
@media screen and (min-width:769px) {
	.quide-swipe-container:before {
		height: 60%
	}
	.quide-swipe-container.quide-swipe-container-2nd:nth-child(n+2) {
		margin-top: 60px
	}
	.quide-swipe-container.quide-swipe-container-2nd:before {
		width: 100%;
		height: 65%;
		left: 0
	}
	.quide-swipe-container.quide-swipe-container-2nd .md-swipe-container {
		padding-bottom: 30px
	}
}
@media screen and (min-width:769px) {
	.guide-visual {
		display: flex;
		justify-content: space-between;
		width: 100%
	}
	.guide-visual .guide-visual-thumb {
		width: 48.27031%
	}
	.guide-visual .guide-visual-block {
		width: 46.6613%
	}
	.guide-visual.t-right {
		flex-direction: row-reverse
	}
}
.guide-visual-ttl {
	display: flex;
	align-items: center;
	font-size: 121.73913%;
	font-weight: 700;
	margin-top: 1em
}
.guide-visual-ttl img {
	margin-right: 1em;
	width: 40px;
	height: 40px
}
@media screen and (min-width:769px) {
	.guide-visual-ttl {
		font-size: 155.55556%;
		margin-top: 0
	}
	.guide-visual-ttl img {
		margin-right: 1em;
		width: 88px;
		height: 88px
	}
}
.guide-visual-2nd {
	position: relative
}
.guide-visual-2nd .guide-visual-thumb {
	width: 100%
}
@media screen and (min-width:769px) {
	.guide-visual-2nd {
		display: flex;
		justify-content: space-between;
		width: calc(100%)
	}
	.guide-visual-2nd .guide-visual-thumb {
		width: 36.32432%;
		margin: 0 0 0 40px
	}
	.guide-visual-2nd .guide-visual-block {
		width: 54.05405%;
		margin-top: 1em
	}
	.guide-visual-2nd.t-right {
		flex-direction: row-reverse
	}
	.guide-visual-2nd.t-right .guide-visual-thumb {
		margin: 0 40px 0 0
	}
}
.guide-visual-ttl-2nd {
	display: flex;
	align-items: center;
	font-size: 121.73913%;
	font-weight: 700;
	margin-top: 1em
}
.guide-visual-ttl-2nd .lv2 {
	font-size: 88.88889%;
	font-weight: 400
}
.guide-visual-ttl-2nd img {
	margin-right: 1em;
	width: 40px;
	height: 40px
}
@media screen and (min-width:769px) {
	.guide-visual-ttl-2nd {
		font-size: 112.5%;
		margin-top: 0
	}
	.guide-visual-ttl-2nd .lv2 {
		font-size: 88.88889%;
		font-weight: 400
	}
	.guide-visual-ttl-2nd img {
		margin-right: 1em;
		width: 74px;
		height: 74px
	}
}
.guide-visual-ttl-txt {
	margin-top: 1em
}
.md-guide-swipe-wrap .md-info-panel {
	line-height: 1.5
}
@media screen and (min-width:769px) {
	.md-guide-swipe-wrap .md-info-panel .lv1 {
		min-height: 3em
	}
}
.md-info-panel-guide-num {
	position: absolute;
	right: 1em;
	bottom: calc(100% - 1.2em);
	width: 33px
}
@media screen and (min-width:769px) {
	.md-info-panel-guide-num {
		width: 17.45455%;
		bottom: calc(100% - 1em)
	}
}
.guide-btn-more {
	margin: 45px auto 0;
	max-width: 260px
}
.guide-home-recipe {
	background-color: #e9f4f0;
	padding: 100px 0
}
@media screen and (min-width:769px) {
	.guide-home-recipe .md-info-wrap {
		justify-content: center
	}
}
.guide-home-recipe-ttl {
	text-align: center;
	padding: 0 0 1.5em 0
}
.guide-home-recipe-ttl img {
	width: 110px;
	height: auto
}
.guide-home-recipe-ttl .heading {
	color: #008d61;
	font-size: 175%;
	font-weight: 700;
	padding: .8em 0 .5em
}
.guide-recipe-panel {
	background-color: #fff;
	border: solid 1px #e6e6e6
}
@media screen and (min-width:769px) {
	.guide-recipe-panel {
		width: 22.52615%;
		margin: 0 1.60901%;
		height: auto
	}
}
.guide-recipe-btn {
	display: block;
	padding: 10px
}
.guide-recipe-btn .text {
	margin-top: 1em
}
.guide-recipe-btn .thumb {
	position: relative
}
.guide-recipe-btn .thumb img {
	width: 100%
}
.guide-recipe-btn .lv1 {
	font-size: 112.5%;
	margin-top: 1.2em
}
.guide-recipe-btn .lv2 {
	font-size: 88.88889%;
	margin-top: 1em
}
.guide-recipe-btn .lv3 {
	color: #008d61;
	font-size: 87.5%;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.guide-recipe-btn {
		padding: 20px
	}
}
.guide-resipe-tag {
	font-size: 81.25%;
	position: absolute;
	right: .5em;
	bottom: -.8em;
	color: #fff;
	padding: .15em .7em .2em;
	border-radius: 1em
}
.guide-resipe-tag.t-red {
	background-color: #e55d72
}
.guide-resipe-tag.t-blue {
	background-color: #009faf
}
.guide-resipe-tag.t-pink {
	background-color: #f198ab
}
.guide-resipe-tag.t-orange {
	background-color: #ec662a
}
.guide-resipe-tag.t-yellow {
	background-color: #f9bb00
}
.guide-home-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.guide-home-data .item {
	width: 46.42857%
}
.guide-home-data .thumb {
	border: solid 1px #e6e6e6
}
@media screen and (min-width:769px) {
	.guide-home-data {
		justify-content: flex-start
	}
	.guide-home-data .item {
		width: 22.52615%
	}
	.guide-home-data .guide-dl-list {
		width: 25.74417%;
		margin-right: 2.41352%
	}
}
.guide-dl-list {
	width: 46.42857%
}
.guide-dl-list:nth-child(n+3) {
	margin-top: 2em
}
.guide-dl-list .thumb {
	border: solid 1px #e6e6e6
}
.guide-dl-list .thumb a {
	display: block
}
.guide-dl-list .link1 {
	color: #008d61;
	font-size: 112.5%;
	margin: .7em 0;
	display: inline-block
}
.guide-dl-list .link2 {
	display: flex;
	color: #008d61;
	border: solid 1px #008d61;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-height: 3.4em;
	padding: 0 .5em;
	line-height: 1.2;
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.guide-dl-list {
		width: 22.52615%
	}
	.guide-dl-list:nth-child(n+3) {
		margin-top: 0
	}
	.guide-dl-list .link1 {
		font-size: 125%
	}
	.guide-dl-list .link2 {
		display: none
	}
}
.md-swipe-image {
	min-width: 800px
}
@media screen and (min-width:769px) {
	.md-swipe-image {
		min-width: auto
	}
}
.guide-image-note {
	text-align: right;
	margin-top: 2em;
	font-size: 81.25%
}
.guide-top {
	margin-top: 50px;
	display: flex;
	justify-content: center
}
.guide-top.is-last {
	margin-bottom: 40px
}
@media screen and (min-width:769px) {
	.guide-top.is-last {
		margin-bottom: 80px
	}
}
.guide-navi {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	border-top: solid 1px #ccc
}
.guide-navi li {
	width: 50%;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc
}
.guide-navi li:nth-child(2n) {
	border-left: none
}
.guide-navi a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 4em
}
.guide-navi a .ico, .guide-navi a img {
	display: none
}
@media screen and (min-width:1001px) {
	.guide-navi {
		margin-top: 40px;
		display: flex;
		border-top: none;
		border-bottom: solid 1px #ccc
	}
	.guide-navi li {
		flex: 1;
		border-left: solid 1px #ccc;
		border-bottom: none
	}
	.guide-navi li:nth-child(2n) {
		border-right: none
	}
	.guide-navi li:last-child {
		border-right: solid 1px #ccc
	}
	.guide-navi a {
		padding-bottom: 1em;
		text-align: center;
		display: block;
		font-size: 88%
	}
	.guide-navi a img {
		display: block
	}
	.guide-navi a .bnr {
		width: 80%;
		margin: 0 auto .5em
	}
	.guide-navi a .bnr img {
		max-width: 196px;
		width: 100%;
		margin: 0 auto
	}
}
.guide-recipe-visual {
	background-color: #e9f4f0
}
.guide-recipe-visual .guide-resipe-tag {
	position: relative;
	right: auto;
	bottom: auto
}
.guide-recipe-visual .thumb {
	width: 100%
}
.guide-recipe-visual .data {
	padding: 1em
}
.guide-recipe-visual .data-name {
	font-size: 128.57143%;
	font-weight: 500;
	color: #008f63;
	margin-top: .2em
}
.guide-recipe-visual .data-text {
	margin-top: .2em
}
.guide-recipe-visual .data-detail {
	color: #008f63;
	font-size: 85.71429%;
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.guide-recipe-visual {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center
	}
	.guide-recipe-visual .thumb {
		width: 60.21505%
	}
	.guide-recipe-visual .data {
		padding: 0 2em 0 2em
	}
	.guide-recipe-visual .data-name {
		font-size: 187.5%;
		margin-top: .5em;
		line-height: 1.2
	}
	.guide-recipe-visual .data-text {
		margin-top: .8em
	}
	.guide-recipe-visual .data-detail {
		margin-top: 2em;
		font-size: 87.5%
	}
}
.guide-recipe-visual-heading {
	font-size: 125%;
	font-weight: 500;
	margin-top: 2em
}
.guide-recipe-ingredients-heading {
	margin-top: 2em;
	margin-bottom: 1em
}
.guide-recipe-ingredients-heading span {
	display: inline-block;
	color: #008f63;
	border: solid 1px #008f63;
	padding: 0em 1em .1em
}
.guide-recipe-ingredients {
	margin-top: .5em
}
.guide-recipe-ingredients .item {
	position: relative;
	padding: .5em 0;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #e6e6e6;
	padding-left: .5em
}
.guide-recipe-ingredients .item:before {
	content: '';
	display: block;
	position: absolute;
	top: .8em;
	left: 0;
	background-color: #0db493;
	width: 2px;
	height: 1em
}
@media screen and (min-width:769px) {
	.guide-recipe-ingredients .item {
		font-size: 112.5%
	}
	.guide-recipe-ingredients .item:before {
		top: .9em
	}
}
.guide-recipe-nutrition {
	padding: 1.6em;
	background-color: #f3f4f4;
	margin-top: 1.5em
}
.guide-recipe-nutrition .ttl {
	font-weight: 500;
	color: #008f63;
	margin-bottom: .6em
}
.guide-recipe-nutrition .inr {
	font-size: 100%
}
.guide-recipe-nutrition dl {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: .2em
}
.guide-recipe-nutrition dt {
	padding-right: 1em
}
.guide-recipe-nutrition dd {
	padding-left: 1em
}
.guide-recipe-nutrition .dot {
	flex: 1;
	height: 0px;
	border-top: dotted 1px #000;
	position: relative;
	top: .9em;
	padding: 0
}
@media screen and (min-width:769px) {
	.guide-recipe-nutrition .inr {
		display: flex;
		justify-content: space-between;
		font-size: 95%
	}
	.guide-recipe-nutrition .inr-block {
		width: 46%
	}
}
.guide-recipe-prod {
	display: flex;
	justify-content: space-between
}
.guide-recipe-prod .btn {
	display: flex;
	min-height: 4.6em;
	justify-content: center;
	align-items: center;
	max-width: none;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 86%;
	width: 100%
}
.guide-recipe-prod .btn:nth-child(n+2) {
	margin-top: 1em
}
.guide-recipe-prod .ttl {
	font-size: 112.5%;
	font-weight: 500
}
.guide-recipe-prod .block {
	width: 100%
}
.guide-recipe-prod .btns {
	margin-top: 1.2em
}
@media screen and (min-width:769px) {
	.guide-recipe-prod .thumb {
		width: auto
	}
	.guide-recipe-prod .btns {
		display: flex;
		margin-top: 1.2em;
		min-width: 430px;
		justify-content: space-between
	}
	.guide-recipe-prod .btn {
		width: 48%;
		max-width: none
	}
	.guide-recipe-prod .btn:nth-child(n+2) {
		margin-top: 0
	}
}
.guide-hr {
	margin: 50px 0
}
.guide-recipe-advice {
	background-color: #e9f4f0;
	border-radius: .8em;
	margin-top: 2.5em;
	padding: 1.3em
}
.guide-recipe-advice .icon {
	width: 60px;
	display: block;
	margin: 0 auto 1em
}
@media screen and (min-width:769px) {
	.guide-recipe-advice {
		display: flex;
		padding: 1.5em;
		justify-content: flex-start;
		align-items: center
	}
	.guide-recipe-advice .icon {
		margin-right: 1.8em;
		margin-left: 0;
		margin-bottom: 0;
		width: 100px;
		height: 100px
	}
}
.guide-recipe-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 103.57143%;
	margin-left: -1.78571%
}
.guide-recipe-list .guide-recipe-panel {
	width: 46.55172%;
	margin: 1.72414%
}
@media screen and (min-width:769px) {
	.guide-recipe-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 104.51613%;
		margin-left: -2.15054%
	}
	.guide-recipe-list .guide-recipe-panel {
		width: 28.80658%;
		margin: 2.26337%
	}
}
.guide-recipe-serach-ttl {
	text-align: center;
	font-size: 150%;
	font-weight: 500;
	padding-bottom: 1em
}
.guide-recipe-serach {
	font-size: 90%
}
.guide-recipe-serach .md-tab-container {
	margin-top: 0
}
.guide-recipe-serach .md-page-navi {
	margin: 0;
	padding: 0 1em
}
.guide-recipe-serach .md-page-navi li:last-child {
	border-bottom: none
}
.guide-recipe-serach .md-tab-container-item {
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	padding: 1.5em 0 1em
}
.patient-panels {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.patient-panels .md-link-panel-btn {
	width: 48.21429%;
	flex-wrap: wrap;
	padding: 1.5em 0;
	text-align: center;
	font-size: 90%;
	margin: 0
}
.patient-panels .md-link-panel-btn:nth-child(n+3) {
	margin-top: 3.92857%
}
.patient-panels .md-link-panel-btn .ico {
	width: 40%;
	margin-left: 0;
	margin-right: 0;
	transform: scale(.8)
}
.patient-panels .md-link-panel-btn .ico-img {
	width: 64.25926%;
	margin-left: 0;
	margin-right: 0;
	transform: none
}
.patient-panels .md-link-panel-btn p {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.patient-panels {
		justify-content: center
	}
	.patient-panels .md-link-panel-btn {
		width: 25.74417%;
		margin: 0 1.60901%
	}
	.patient-panels .md-link-panel-btn:nth-child(n+2) {
		margin-top: 0
	}
	.patient-panels .md-link-panel-btn .ico {
		width: 48.57143%;
		transform: scale(.55)
	}
	.patient-panels .md-link-panel-btn .ico-img {
		width: 78.57143%;
		transform: none;
		max-width: 220px
	}
	.patient-panels .md-link-panel-btn p {
		margin-top: 0em
	}
}
.patient-movie .txt .line1 {
	font-size: 125%;
	font-weight: 500;
	margin-top: 1em
}
.patient-movie .txt .line2 {
	margin-top: 1.2em
}
.patient-movie .thumb-block.border {
	border: solid 1px #e6e6e6
}
.patient-movie .thumb-block.mini {
	width: 60%;
	margin: 0 auto 1em
}
.patient-movie:nth-child(n+2) {
	margin-top: 3em
}
@media screen and (min-width:769px) {
	.patient-movie {
		max-width: 980px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between
	}
	.patient-movie:nth-child(n+2) {
		margin-top: 3em;
		padding-top: 3em;
		border-top: solid 1px #ccc
	}
	.patient-movie.no-border {
		border: none;
		margin-top: 2em
	}
	.patient-movie .thumb-block {
		width: 46.93878%
	}
	.patient-movie .thumb-block.mini {
		margin: 0;
		width: 30.61224%
	}
	.patient-movie .txt {
		flex: 1;
		margin-left: 3em
	}
	.patient-movie .txt .line1 {
		font-size: 150%;
		font-weight: 500
	}
	.patient-movie .txt .line2 {
		margin-top: 1em
	}
}
.patient-device {
	max-width: 990px;
	margin: 0 auto
}
.patient-device-prod .txt {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.patient-device-prod {
		display: flex
	}
	.patient-device-prod .txt {
		margin: 0 0 0 1.5em
	}
}
.js-confirm {
	display: none
}
.js-confirm.show {
	display: block
}
.js-confirm-contents {
	height: 0;
	overflow: hidden
}
.js-confirm-contents.show {
	height: auto
}
.ttl-hirs {
	text-align: center;
	color: #008d61;
	font-weight: 500;
	font-size: 150%;
	margin-bottom: 1em;
	position: relative
}
.ttl-hirs p {
	font-size: 75%
}
.ttl-hirs .logo {
	position: absolute;
	max-width: 70px;
	width: 23.33333%;
	top: -.3em;
	left: 0
}
@media screen and (min-width:769px) {
	.ttl-hirs .logo {
		width: 17.75148%;
		max-width: 150px
	}
}
.ttl-hirs .logo img {
	width: 100%
}
.thumb-hirs {
	text-align: center;
	margin-top: 1em
}
.thumb-hirs img {
	width: 100%;
	max-width: 600px
}
.store-mv-btn .md-btn-rect {
	justify-content: flex-start
}
.store-mv-btn .md-btn-rect p {
	text-align: left;
	padding-left: 1em
}
.store-btns1 > a:nth-child(2n) {
	margin: 1em 0 0 0
}
@media screen and (min-width:769px) {
	.store-btns1 {
		display: flex;
		justify-content: center
	}
	.store-btns1 > a {
		flex: 1;
		margin: 0 20px 0 0
	}
	.store-btns1 > a:nth-child(2n) {
		margin: 0 0 0 20px
	}
}
.store-btns2 {
	margin-top: 1em
}
.store-btns2 .md-btn-rect {
	justify-content: flex-start;
	padding-left: 1.5em;
	min-height: 4em
}
.store-btns2 .md-btn-rect:nth-child(n+2) {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.store-btns2 {
		display: flex;
		justify-content: center
	}
	.store-btns2 .md-btn-rect {
		width: 40%;
		min-height: 6em;
		margin: 0 20px;
		padding: 0;
		justify-content: center
	}
	.store-btns2 .md-btn-rect:nth-child(n+2) {
		margin-top: 0
	}
}
.store-spec {
	margin-top: 2em
}
@media screen and (min-width:769px) {
	.store-spec:after, .store-spec:before {
		content: " ";
		display: table
	}
	.store-spec:after {
		clear: both
	}
	.store-spec div {
		float: right
	}
}
.store-feature5 .ttl {
	font-size: 130%;
	margin-top: 2em
}
.store-feature5 .main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1em
}
.store-feature5 .item {
	width: 44.82759%;
	font-size: 90%;
	margin-bottom: 1em
}
.store-feature5 .item img {
	margin-bottom: .5em
}
.store-feature5 .item1 {
	margin-bottom: 1em;
	font-size: 90%
}
.store-feature5 .item1 .wrap {
	display: flex;
	width: 100%;
	justify-content: space-between
}
.store-feature5 .item1 img {
	width: 44.82759%;
	margin-bottom: .5em
}
@media screen and (min-width:769px) {
	.store-feature5 {
		width: 100%
	}
	.store-feature5 .ttl {
		font-size: 130%;
		margin-top: 2em
	}
	.store-feature5 .main {
		display: flex;
		justify-content: space-between
	}
	.store-feature5 .item1 {
		width: 38.24074%
	}
	.store-feature5 .item {
		width: 17.59259%
	}
	.store-feature5 .item:nth-child(n+3) {
		margin-top: 0
	}
}
.thermo-woman .ttl p {
	margin: .5em 0 0 0
}
.thermo-woman .thermo-woman-btn {
	display: block;
	text-align: center;
	padding-left: 0;
	padding-right: 0
}
.thermo-woman img {
	height: auto;
	flex-shrink: 1
}
@media screen and (min-width:769px) {
	.thermo-woman {
		padding: 40px 35px;
		display: flex;
		justify-content: space-between
	}
	.thermo-woman .ttl {
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap
	}
	.thermo-woman .ttl p {
		margin: .5em 0 0 0
	}
	.thermo-woman .ttl img {
		margin-right: 1em;
		backface-visibility: hidden
	}
	.thermo-woman .thumb {
		width: 49.80159%;
		max-width: 502px;
		align-self: flex-start
	}
	.thermo-woman .thermo-woman-btn {
		display: inline-block;
		padding: .5em 2em .6em
	}
}
.thermo-woman-btn {
	display: inline-block;
	border-radius: .5em;
	border: solid 1px #e62f82;
	background-color: #e62f82;
	color: #fff;
	padding: .5em 2em .6em
}
.thermo-woman-btn span {
	font-size: 150%
}
.prod-bnr {
	position: relative;
	border: solid 1px #e6e6e6;
	display: block
}
.prod-bnr .ico {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 1.7em;
	height: 1.7em;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}
.prod-bnr .ico-blank {
	width: 60.71429%;
	height: 50%;
	margin: 0;
	background-size: 100% 100%
}
.bnr-s100 {
	border: solid 2px #e4e4e4 !important;
	position: relative;
	display: block;
	padding: 50px 30px 30px 30px
}
.bnr-s100 .ico-blank {
	position: absolute;
	top: 1em;
	right: 1em
}
.bnr-s100 .txt {
	margin: 3em 0 0 0
}
.bnr-s100 img {
	width: 100%
}
.bnr-s100 .line1 {
	font-weight: 700;
	font-size: 112.5%;
	margin-top: 1em;
	margin-bottom: .5em
}
@media screen and (min-width:769px) {
	.bnr-s100 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 50px 4.82703%;
		transition: opacity .4s !important
	}
	.bnr-s100 .txt {
		flex: 1;
		margin: 0 0 0 3.62027%
	}
	.bnr-s100 img {
		width: 51.41243%
	}
	.bnr-s100 .ico-blank {
		width: 21px;
		height: 16px
	}
	.bnr-s100:hover {
		opacity: .7
	}
}
.howto-top-thumbs .item:nth-child(n+2) {
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.howto-top-thumbs {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}
	.howto-top-thumbs .item {
		width: 47.95699%
	}
	.howto-top-thumbs .item:nth-child(n+2) {
		margin-top: 0
	}
	.howto-top-thumbs .item:nth-child(n+3) {
		margin-top: 2em
	}
}
.howto-top-thumbs .md-movie-btn {
	margin-top: 1em
}
.howto-top-thumbs .md-movie-btn img.border {
	border: solid 1px #00b08d
}
.howto-top-thumbs .dummy {
	margin-top: 1em;
	display: block;
	background-color: #ccc
}
.howto-top-thumbs .dummy:before {
	content: '';
	display: block;
	padding-top: 60%
}
.howto-top-thumbs .link-label {
	position: absolute;
	text-align: center;
	bottom: .6em;
	width: 100%
}
.howto-top-block .thumb {
	width: 100%;
	margin-bottom: 1em
}
@media screen and (min-width:769px) {
	.howto-top-block {
		display: flex;
		flex-direction: row-reverse
	}
	.howto-top-block .thumb {
		width: 49.67742%;
		margin-left: 3em;
		margin-bottom: 0
	}
}
@media screen and (min-width:769px) {
	.howto-top-btn {
		max-width: 360px
	}
}
.howto-thumb {
	max-width: 462px
}
.howto-thumb-cursor .inr {
	position: relative
}
.howto-thumb-cursor .inr:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 8px;
	border-color: transparent transparent transparent #00b08d;
	position: absolute;
	top: 50%;
	left: calc(107%);
	transform: translateY(-50%)
}
@media screen and (min-width:769px) {
	.howto-thumb-cursor .inr:after {
		border-width: 24px 0 24px 13px;
		left: calc(100% + 10px)
	}
}
.howto-step {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: solid 1px #e6e6e6
}
.howto-step:after, .howto-step:before {
	content: " ";
	display: table
}
.howto-step:after {
	clear: both
}
.howto-step.no-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none
}
.howto-step:first-of-type {
	padding-top: 0em
}
.howto-step .thumb {
	float: right;
	width: 46.07143%;
	margin: 0 0 1em 1em
}
.howto-step.full {
	display: block
}
.howto-step .ico-step {
	margin-bottom: .8em;
	width: 70px
}
@media screen and (min-width:769px) {
	.howto-step {
		display: flex;
		flex-direction: row-reverse
	}
	.howto-step.full {
		display: block
	}
	.howto-step.thumb2 {
		flex-direction: inherit
	}
	.howto-step.thumb2 .txt {
		flex: 1
	}
	.howto-step:last-child {
		margin-bottom: 0
	}
	.howto-step .thumb {
		float: none;
		width: 287px;
		margin: 0 0 0 3em
	}
	.howto-step .ico-step {
		width: 76px
	}
}
.howto-jobst-container1:after, .howto-jobst-container1:before {
	content: " ";
	display: table
}
.howto-jobst-container1:after {
	clear: both
}
.howto-step-thumb2 {
	display: flex;
	justify-content: space-between;
	margin-top: 1em
}
.howto-step-thumb2 li {
	margin-right: 25px;
	flex: 1
}
.howto-step-thumb2 li:last-child {
	margin-right: 0
}
.howto-step-thumb2 li img {
	display: block
}
@media screen and (min-width:769px) {
	.howto-step-thumb2 {
		width: 66.02151%;
		margin-top: 0;
		margin-left: 2em
	}
	.howto-step-thumb2 li {
		margin-right: 32px
	}
	.howto-step-thumb2 li:last-child {
		margin-right: 0
	}
}
.howto-step-thumb3 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5em
}
.howto-step-thumb3 li {
	margin-right: 8.21429%;
	width: 45.89286%
}
.howto-step-thumb3 li:nth-child(2n) {
	margin-right: 0
}
.howto-step-thumb3 li img {
	display: block
}
@media screen and (min-width:769px) {
	.howto-step-thumb3 {
		display: flex;
		justify-content: space-between;
		margin-top: 1.5em
	}
	.howto-step-thumb3 li {
		margin-right: 32px;
		flex: 1;
		font-size: 87.5%
	}
	.howto-step-thumb3 li:last-child {
		margin-right: 0
	}
	.howto-step-thumb3 li:nth-child(2n) {
		margin-right: 32px
	}
}
.howto-infobox {
	color: #00b08d;
	border: solid 1px #00b08d;
	font-weight: 500;
	padding: .76em 1em;
	margin-top: 30px
}
@media screen and (min-width:769px) {
	.howto-infobox {
		margin-top: 50px;
		text-align: center
	}
}
.howto-jobst-note {
	padding: 3em 0
}
.howto-sphygmomanometer-hr {
	margin-top: 2.5em;
	padding-top: 2em
}
.howto-sphygmomanometer-block .item:nth-child(n+2) {
	margin-top: 1.5em
}
.howto-sphygmomanometer-block .md-hr {
	padding: 2em
}
.howto-sphygmomanometer-block img {
	width: 100%;
	display: block;
	margin-top: .5em
}
@media screen and (min-width:769px) {
	.howto-sphygmomanometer-block {
		display: flex;
		justify-content: space-between
	}
	.howto-sphygmomanometer-block img {
		margin-top: .8em
	}
	.howto-sphygmomanometer-block.col2 {
		justify-content: space-between
	}
	.howto-sphygmomanometer-block.col2 .item {
		width: 47.63441%
	}
	.howto-sphygmomanometer-block.col2 .item:nth-child(n+2) {
		margin-top: 0
	}
}
.manual-table-area .md-table {
	min-width: 768px
}
.manual-table-area .md-table tr td:nth-child(n+2) {
	text-align: center
}
.manual-table-area .swiper-scrollbar {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.manual-table-area .md-table {
		min-width: 0
	}
	.manual-table-area .swiper-scrollbar {
		display: none
	}
}
.support-option-ec {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0 60px
}
.support-option-ec p {
	font-weight: 500;
	font-size: 112.5%;
	margin-bottom: 1.5em;
	width: 100%;
	text-align: center
}
.support-option-ec .md-btn-ec {
	align-items: center;
	min-height: 4em;
	display: flex;
	justify-content: center
}
@media screen and (min-width:769px) {
	.support-option-ec {
		margin: 75px 0 110px
	}
}
.support-consultation-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px 0 60px;
	margin: 4em 0
}
.support-consultation-form p {
	font-weight: 500;
	font-size: 112.5%;
	margin-bottom: 1.5em;
	width: 100%;
	text-align: center
}
.support-consultation-form .md-btn-ec {
	align-items: center;
	min-height: 4em;
	display: flex;
	justify-content: center
}
.support-apps-thumb .ttl {
	display: flex;
	align-items: flex-end;
	line-height: 1
}
.support-apps-thumb .ttl span {
	font-size: 75%;
	margin-left: 2em
}
.support-apps-thumb ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1.5em
}
.support-apps-thumb ul li {
	width: 44.82759%
}
.support-apps-thumb ul li:nth-child(n+3) {
	margin-top: 7.58621%
}
.support-apps-thumb ul li .heading {
	font-size: 75%;
	color: #008d61;
	margin-top: 1em
}
.support-apps-thumb ul li .txt1 {
	font-size: 93.75%;
	font-weight: 500;
	margin-top: .4em
}
.support-apps-thumb ul li .txt2 {
	font-size: 81.25%
}
@media screen and (min-width:769px) {
	.support-apps-thumb ul li {
		width: 22.36559%
	}
	.support-apps-thumb ul li:nth-child(n+3) {
		margin-top: 0
	}
}
.support-app-block .thumb {
	width: 80%;
	margin: 1.5em auto 2em;
	text-align: center
}
.support-app-block .thumb .img2 {
	width: 46.15385%
}
@media screen and (min-width:769px) {
	.support-app-block {
		display: flex
	}
	.support-app-block .txt {
		flex: 1;
		padding-right: 3.5em
	}
	.support-app-block .thumb {
		width: 31.5366%;
		max-width: 390px;
		margin: 0;
		text-align: left
	}
}
.shuri-step {
	position: relative;
	padding-bottom: 25px;
	display: flex;
	align-items: flex-start
}
.shuri-step:last-child {
	padding-bottom: 0
}
.shuri-step:last-child:before {
	display: none
}
.shuri-step:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 18px;
	background-color: #d0e9df
}
.shuri-step .labels {
	width: 70px;
	margin-right: 1.2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative
}
.shuri-step .labels .ico {
	width: 54%
}
.shuri-step .labels .ico-human {
	width: 32%;
	backface-visibility: hidden
}
@media screen and (min-width:769px) {
	.shuri-step .labels {
		width: 10.96491%
	}
}
.shuri-step .body {
	flex: 1
}
.shuri-step .body .md-list {
	line-height: inherit
}
@media screen and (min-width:769px) {
	.shuri-step {
		display: flex;
		align-items: flex-start;
		padding-bottom: 50px
	}
	.shuri-step:before {
		left: 2.90323%
	}
	.shuri-step .body {
		flex: 1;
		padding: 0
	}
}
.shuri-step .txt-lv2 {
	margin-bottom: .6em
}
.shuri-step .md-link-text {
	display: inline-block
}
.shuri-step .body-col .body-col-thumb {
	width: 90%;
	margin: 1em auto 0;
	text-align: center
}
.shuri-step .body-col .dummy {
	background-color: #ccc;
	margin-bottom: 1em
}
.shuri-step .body-col .dummy:before {
	content: '';
	display: block;
	padding-top: 60%
}
@media screen and (min-width:769px) {
	.shuri-step .body-col {
		display: flex;
		justify-content: space-between
	}
	.shuri-step .body-col .md-list {
		flex: 1
	}
	.shuri-step .body-col .body-col-thumb {
		width: 270px;
		margin: .8em 0 0 2em
	}
}
.shuri-btns .md-btn-rect {
	margin-top: 1em
}
@media screen and (min-width:769px) {
	.shuri-btns {
		display: flex;
		flex-wrap: wrap
	}
	.shuri-btns .md-btn-rect {
		width: 46%;
		margin-right: 2%
	}
	.shuri-btns .md-btn-rect .icon-abs-right {
		right: 1em
	}
}
@media screen and (min-width:769px) {
	.shuri-btn {
		max-width: 280px
	}
}
.shuri-thumbs {
	margin-top: 1.5em
}
.shuri-thumbs .item:nth-child(n+2) {
	margin-top: 1em
}
.shuri-thumbs .item img {
	border: solid 1px #e6e6e6;
	margin-bottom: .5em
}
@media screen and (min-width:769px) {
	.shuri-thumbs {
		display: flex;
		justify-content: space-between
	}
	.shuri-thumbs .item {
		width: 48.60759%
	}
	.shuri-thumbs .item:nth-child(n+2) {
		margin-top: 0em
	}
}
.shuri-modal-list {
	margin-top: 1em
}
.shuri-modal-list li {
	position: relative;
	padding-left: 2em
}
.shuri-modal-list li:nth-child(n+2) {
	margin-top: 1em
}
.shuri-modal-list li > span {
	position: absolute;
	top: 0;
	left: 0
}
.shuri-modal-codes {
	margin-top: 1.5em
}
.shuri-modal-codes .item img {
	width: 100%
}
.shuri-modal-codes .item:nth-child(n+2) {
	margin-top: 1.5em
}
@media screen and (min-width:769px) {
	.shuri-modal-codes {
		display: flex;
		justify-content: space-between
	}
	.shuri-modal-codes .item {
		width: 30.76923%
	}
	.shuri-modal-codes .item:nth-child(n+2) {
		margin-top: 0
	}
}
.shuri-modal-codes .md-list li {
	margin-top: 0
}
.t-bg-white {
	background-color: #fff
}
.t-bg-gray {
	background-color: #f3f4f4
}
.t-border-gray {
	border: solid 1px #e6e6e6 !important
}
.st-block {
	display: block
}




@media screen and (min-width:1001px){
	#topContentsWrapper{
		padding-top:30px;
	}
}
.gateContents {
    clear: both;
    margin: 20px auto 0;
	width:90%;
    max-width: 900px;
}
#commonMainTxt {
    clear: both;
    margin: 0 auto;
}
.memberBox {
    background-color: #fff4e2;
    border: 3px solid #ffd693;
	padding: 20px;
	margin-top:20px;
}
.gateBox {
    clear: both;
    margin-top: 35px;
	background: #f1f1f1;
}
.gateBox .gateInnerBox .RightBlock{
    padding: 15px 30px 30px;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}
.gateBox .gateInnerBox h2 {
    margin-bottom: 18px;
}
.mt10 {
    margin-top: 10px !important;
}
.gateBox .gateInnerBox h3 {
    clear: both;
    margin: 15px 0;
    color: #458703;
    font-size: 140%;
    font-weight: bold;
    letter-spacing: -1px;
}
.rigutBtnBox01 {
    background: #ffffff;
    border: 1px solid #b9b9b9;
    padding: 17px 45px;
}
@media(min-width:551px){
	.rigutBtnBox01:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: ".";
	}
}
.rigutBtnBox01 .left {
    float: left;
    width: 150px;
}
.rigutBtnBox01 .right {
    float: right;
    width: 150px;
}

@media(max-width:550px){
	.rigutBtnBox01{
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		grid-row-gap: 10px;
	}
}