@charset "utf-8";
/* CSS Document */
/********************************************************************
	vitamin.css
*********************************************************************/

/********************************************************************
	[PC]
*********************************************************************/
/*-- table -- */
.tbl01 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}
.tbl01 th,
.tbl01 td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	vertical-align:middle;
}
.tbl01 th {
	padding:8px;
	background-color: #EBEBEB;
	text-align:left;
}
.tbl01 td {
	padding:8px;
	text-align:center;
}
/*----------------------------------------------
	pagetitle
----------------------------------------------*/
#pagetitle {
	background-image: url(../img/pc/bg_pagettl.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/*----------------------------------------------
	intro
----------------------------------------------*/
.intro {
	overflow:hidden;
	margin-bottom:20px;
}
.intro .photo {
	float:left;
	width:300px;
}
.intro .text {
	float:right;
	width:370px;
}
.intro .text .name {
	font-size:18px;
	margin-bottom:20px;
}
/*----------------------------------------------
	nagare
----------------------------------------------*/
.flowArea {
	width:700px;
}
.flowArea .ttl {
	float:left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #F90;
	width:150px;
	padding:10px;
}
.flowArea .text {
	float:right;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #F7F7F7;
	width:500px;
	padding:10px;
}

/********************************************************************
	[SP] max-width:768px
*********************************************************************/
@media only screen and (max-width: 768px) {
/*-- table -- */
.tbl01 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	margin-bottom:20px;
}
.tbl01 th,
.tbl01 td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-size:11px;
	text-align:center;
}
.tbl01 th {
	padding:3px;
	background-color: #EBEBEB;
	text-align:left;
}
.tbl01 td {
	padding:3px;
	text-align:center;
}
/*----------------------------------------------
	pagetitle
----------------------------------------------*/
#pagetitle {
	background-image: url(../img/sp/bg_pagettl_sp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:185px 65px;
}
	
/*----------------------------------------------
	[SP]intro
----------------------------------------------*/
.intro {
	overflow:hidden;
	margin-bottom:20px;
}
.intro .photo {
	float:none;
	width:auto;
}
.intro .text {
	float:none;
	width:auto;
	margin-bottom:20px;
}
.intro .text .name {
	font-size:20px;
	margin-bottom:20px;
}
/*----------------------------------------------
	nagare
----------------------------------------------*/
.flowArea {
	width:100%;
}
.flowArea .ttl {
	float:none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #F90;
	width:auto;
	padding:3px;
}
.flowArea .text {
	float:none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #F7F7F7;
	width:auto;
	padding:10px;
}	





}