@charset "Shift_JIS";
/* CSS Document */

body.mineralia {
	padding: 0;
	margin: 0;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}


.mineralia__wrapper {
	font-size: 15px;
	line-height: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4d4d4d;
	background: url("../images/header_bg.jpg") 0 0 no-repeat;
	background-size: 1000px auto;
	background-position: center top;
}
.mineralia__wrapper p{
	margin: 0;
	padding: 0;
}
.mineralia__wrapper img{
	max-width:100%;
	height: auto;
}

.mineralia__container{
	width:640px;
	margin: 0 auto;
	padding: 30px;
}
.page-header{
	position:relative;
	width:100%;
}
.page-header__catchphrase{
	margin: 0;
	padding:0;
	width:418px;
	position: absolute;
	top:0;
	left:0;
}
.page-header__logo{
	width:182px;
	position: absolute;
	right: 0;
	top:-30px;
}
.page-header__description01{
	font-family: "Sawarabi Mincho";
	font-size:150%;
	line-height: 1.4em;
	padding: 170px 0 0 0!important;
}
.page-header__description02{
	color:#418ea1;
	font-size: 110%;
	line-height: 1.5em;
	width:48%;
}
.page-header__photo{
	width:343px;
	position: absolute;
	top:60px;
	right: -30px;
}
.page-header__products {
	padding: 30px;
}

.profile{
	color:#9b7c49;
	margin-bottom: 30px;
}
.profile__title {
	font-size: 130%;
	font-weight: bold;
	text-indent: -0.5em;
	margin: 0;
	padding: 0;
	color:#9b7c49;
}
.profile ul{
	margin-left: -20px;
}
.profile ul li{
	float:left;
	margin-right: 30px;
}
.profile__description{
	width:490px;
	float:left;
}
.profile__photo{
	width:117px;
	float: right;
	margin: 0;
	padding: 0;
}
.introduction{
	clear:both;
	margin-bottom: 50px;
}
.introduction__title{
	font-family: "Sawarabi Mincho";
	color:#418ea1;
	font-size:190%;
	line-height: 1.4em;
}
.shigen__title{
	margin: 0 0 30px 0;
	background:#4d4d4d;
	text-align: center;
	font-family: "Sawarabi Mincho";
	color:#fff;
	padding: 10px;
}
.shigen__description{
	margin: 30px 0 50px 0;
	padding: 0;
}
.shigen__description li{
	width:50%;
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.shigen__description li aside{
	width:300px;
	margin: 0 0 20px 0;
}
.shigen__description li:last-child aside{
	float:right;
}
.shigen__description li dt, .shigen__description li dd{
	margin: 0;
	padding: 0;
	clear: both;
}
.shigen__description li:last-child{
	float:right;
}
.shigen__description li:first-child dl{
	border-right: solid 1px #000;
	padding: 0 10px 0 0;
}
.shigen__description li:last-child dl{
	padding: 0 0 0 20px;
}
.shigen__description li dt{
	color:#9b7c49;
	font-size:110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.shigen__note{
	font-size: 80%;
	text-indent: -1em;
	padding: 0 0 0 1em!important;
	line-height: 1.3em;
	margin-top: 10px!important
		;
}
.shigen__genso{
	border-collapse: collapse;
	width:100%;
	border-top:solid 1px #4d4d4d;
	border-left:solid 1px #4d4d4d;
	margin: 0 0 5px 0;
}
.shigen__genso caption{
	text-align: left;
	color:#9b7c49;
	font-weight: bold;
}
.shigen__genso th{
	border-right:solid 1px #4d4d4d;
	border-bottom:solid 1px #4d4d4d;
	padding: 5px;
	width:25%;
}
.shigen__genso td{
	border-right:solid 1px #4d4d4d;
	border-bottom:solid 1px #4d4d4d;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.shigen__genso__yellow{
	background:#fffac8;
}
.shigen__genso__green{
	background:#8ecdb9;
}
.shigen__genso__light-green{
	background:#d0e7d1;
}
.shigen__genso__light-gray{
background:#d8d8d9;
}
.shigen__genso__gray{
background:#bebfbf;
}
.shigen__genso__shutten{
	text-align: right;
}
.kaihatsu{
	margin-bottom: 50px;
}
.kaihatsu__title{
	font-family: "Sawarabi Mincho";
	color:#418ea1;
	font-size:190%;
	line-height: 1.4em;
}
.kaihatsu__photo-right img{
	width:320px;
	float:right;
}
.kaihatsu__photo-right p{
	width:310px;
	fleat:left;
}
.kaihatsu__photo-left__left{
	width:45%;
	float:left;
}
.kaihatsu__photo-left__left h3{
	border:none;
	color:#9b7c49;
	font-family: "Sawarabi Mincho";
	font-size:150%;
	line-height: 1.4em;
	margin: 10px 0;
	padding: 0;
}
.kaihatsu__photo-left__left p img{
	width:68px;
	float:right;
}
.kaihatsu__photo-left__left aside{
	line-height: 0;
}
.kaihatsu__photo-left__right{
	width:51%;
	float:right;
	
}
.flow{
	margin-bottom: 50px;
}
.flow__title{
	color:#418ea1;
	font-size:180%;
	line-height: 1.4em;
}

.flow__descripion{
	margin: 0;
	padding: 0;
}
.flow__descripion li{
	width:200px;
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.flow__descripion li:nth-child(2){
	margin: 0 15px;
}
.flow__descripion li:last-child{
	font-size:85%;
	line-height: 1.4em;
}
.flow__descripion li:last-child p.border{
	border-bottom:solid 1px #4d4d4d;
	padding-bottom: 10px;
	margin:5px 0 10px 0;
}
.therapy__title{
	color:#418ea1;
	font-size:180%;
	line-height: 1.4em;
}
.therapy__left{
	width:60%;
	float:left;
	color:#9b7c49;
	margin: 30px 0;
}
.therapy__left dl, .therapy__left ul, .therapy__left li{
	padding: 0;
	margin: 0;
}
.therapy__left dt{
	margin: 0 0 10px -0.5em;
	padding: 0;
}
.therapy__left dd{
	margin: 0 0 20px 0;
}
.therapy__left dd li{
	margin: 0 0 0 20px;
}
.therapy__right{
	width:35%;
	float:right;
	text-align: center;
	color:#9b7c49;
	font-weight: bold;
}
.buttons{
	clear:both;
	text-align: center;
}
.buttons a{
	display: block;
	color:#fff;
	border-radius: 10px;
	padding: 30px 20px;
	font-size: 200%;
	font-weight:bold;
	text-decoration: none;
	transition: background 0.5s ease-out;
}
.buttons__products a{
	background:#69c600;
	margin-bottom: 15px;
}
.buttons__products a:hover{
	background:#a4d367;
}
.buttons__trial a{
	background:#418ea1;
}
.buttons__trial a:hover{
	background:#6aacb7;
}