@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------
会社案内css
----------------------------------------------------------*/


/*----------------------------------------------------------
　経営理念
----------------------------------------------------------*/
.philosophy{
	text-align: center;
	padding-bottom: 0;
}
.philosophy h3{
	font-size: 130%;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 .6em;
}
.philosophy p{
	padding: 0 0 3em;
}
@media screen and (max-width: 1199px){
	.philosophy p{
		text-align: left;
	}
	.philosophy p br{
		display: none;
	}
}


/*----------------------------------------------------------
会社概要
----------------------------------------------------------*/
.outline{
}
.outline > div > div dl{
	margin: 0 0 2em 0;
}
@media screen and (min-width: 1200px),print{
	.outline > div > div img{
		float: left;
		width: 49%;
		margin: 0 1% 2em 0;
	}
	.outline > div > div dl{
		float: right;
		width: 49%;
		margin: 0 0 2em 1%;
		border-top: 1px solid #BBB;
	}
}
.outline > div > div dl dt{
	padding: .5em 0;
}
.outline > div > div dl dd{
	margin: -2.3em 0 0 0;
	padding: 0 0 .5em 6em;
	border-bottom: 1px solid #BBB;
}
/* ごあいさつ
----------------------------------------------------------*/
.outline .aisatsu{
	clear: both;
	padding: 0 0 2em 0;
}
@media screen and (min-width: 1200px),print{
	.outline .aisatsu img{
		width: 50%;
		float: right;
	}
	.outline .aisatsu div{
		width: 50%;
		float: left;
		padding: 2em 2em 0 0;
	}
}
.outline .aisatsu div h3{
	font-size: 150%;
}
.outline .aisatsu div p{
}
/* 事業内容
----------------------------------------------------------*/
.outline .zigyou{
	clear: both;
	padding: 0;
}
@media screen and (min-width: 1200px),print{
	.outline .zigyou img{
		width: 50%;
		float: left;
	}
	.outline .zigyou div{
		width: 50%;
		float: right;
		padding: 2em 0 0 2em;
	}
}
.outline .zigyou div h3{
	font-size: 150%;
}
.outline .zigyou div ul{
}
.outline .zigyou div ul li{
}
/* 地図
----------------------------------------------------------*/
.outline iframe{
	height: 40em;
	border: none;
	margin-top: 4em;
}




/*----------------------------------------------------------
　バイオリンドウの開発から出荷までの流れ
----------------------------------------------------------*/
.flow{
	clear: both;
}
.flow dl{
	background: hsla(0,0%,0%,0.05);
	background: none;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	padding: 0 15px;
	margin: 0 auto;
}
.flow dl div{
	background: hsla(0,0%,0%,0.05);
	background: none;
    margin: 0 0 2em;
    padding: 0;
}
@media screen and (min-width: 1200px),print{
	.flow dl{
		padding: 0 1.2%;
	}
	.flow dl div{
		margin: 0 1.2% 2em;
	}
	.flow dl div.one{
		width: 22%;
	}
	.flow dl div.tow{
		width: 46.4%;
	}
}
.flow dl div dt{
	background: hsla(0,0%,0%,0.05);
	background: none;
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
.flow dl div dd{
	background: hsla(0,0%,0%,0.05);
	background: none;
	margin: 0;
	padding: 0;
}
.flow dl div dd img{
	background: hsla(0,0%,0%,0.05);
	background: none;
	margin: 0;
	padding: 0 0 .5em;
    width: 100%;
}
























/*----------------------------------------------------------
ページ
----------------------------------------------------------*/
/* コーナー
----------------------------------------------------------*/
/*
.aaa{
	background: hsla(0,0%,0%,0.10);
	background: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.aaa div{
	margin: 0;
	padding: 0;
	width: 50%;
}
@media screen and (min-width: 1200px),print{
	.aaa div{
		padding: 0;
	}
}
@media screen and (max-width: 1199px){
	.aaa div{
		padding: 0;
	}
}
*/