@charset "utf-8";

/* ========================================================
	about.css => 福寿草についてCSS
======================================================== */

/* title
============================================================================================================ */
#title {
	padding-bottom: 60px;
}
#title h1 {
	float: left;
}
@media screen and (max-width: 680px) {
	#title {
		padding-bottom: 25px;
	}
	#title h1 {
		float: none;
	}
}

/* contents
============================================================================================================ */
#contents {
	padding-bottom: 185px;
}
@media screen and (max-width: 680px) {
	#contents {
		padding-bottom: 95px;
	}
}

/* philosophy
------------------------------------------------------------- */
#philosophy	{
	color:#000000;
}
#philosophy .laed_txt	{
	border:2px solid #000000;
	font-size:1.45rem;
	line-height:1.6rem;
	margin:20px 0;
	padding:7px;
}
#philosophy > .ph_txt_wrap .ph_txt ol	{
	list-style:decimal;
	font-size:1.3rem;
	list-style-position:inside;
}
#philosophy > .ph_txt_wrap .ph_txt ol li	{
	margin-bottom:5px;
}
#philosophy > .ph_txt_wrap:after	{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#philosophy > .ph_txt_wrap .ph_txt	{
	float:left;
	width:770px;
	margin-right:50px;
}
@media screen and (max-width: 640px) {
	#philosophy .laed_txt	{
		padding:1em;
		line-height:2.2rem;
	}
	#philosophy > .ph_txt_wrap	{
		text-align:center;
	}
	#philosophy > .ph_txt_wrap .ph_txt	{
		width:auto;
		float:none;
		margin-right:0;
		text-align:left;
	}
	#philosophy > .ph_txt_wrap .ph_txt h2	{
		font-size:2rem;
		font-weight:bold;
	}
	#philosophy > .ph_txt_wrap .ph_txt ol	{
		font-size:1.4rem;
		margin-bottom:2em;
	}
	#philosophy > .ph_txt_wrap .ph_txt ol li	{
		margin-bottom:1em;
	}
}

/* concept
------------------------------------------------------------- */
#concept	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#concept > .ph_txt_wrap:after	{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#concept > .ph_txt_wrap .ph_txt	{
	width:680px;
	float:left;
	margin-right:50px;
}
#concept > .ph_txt_wrap .ph_txt p	{
	font-size:1.4rem;
}
#concept h2	{
	margin-bottom:30px;
}
#concept > .concept_cont_wrap	{
	margin-top:40px;
}
#concept > .concept_cont_wrap:after	{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#concept > .concept_cont_wrap .inner_txt	{
	width:500px;
	float:left;
	margin-right:40px;
	font-size:1.4rem;
}
#concept > .concept_cont_wrap .inner_txt + .inner_txt	{
	margin-right:0;
}
#concept > .concept_cont_wrap .inner_txt h1	{
	margin-bottom:5px;
	font-size:1.6rem;
	font-weight:normal;
}
@media screen and (max-width: 640px) {
	#concept > .ph_txt_wrap .ph_txt h2	{
		font-size:2rem;
		font-weight:bold;
	}
	#concept > .ph_txt_wrap .ph_txt,
	#concept > .concept_cont_wrap .inner_txt	{
		width:auto;
		float:none;
		margin-right:0;
		margin-bottom:2em;
	}
	#concept	{
		margin-top:4em;
		padding-top:2em;
	}
}

/* lifein
------------------------------------------------------------- */
#lifein	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#lifein .lead_txt	{
	font-size:1.4rem;
}
#lifein h2	{
	margin-bottom:30px;
}
#lifein .service_wrap	{
	margin-top:50px;
}
#lifein .service_wrap h1	{
	margin-bottom:5px;
	font-size:1.6rem;
	font-weight:normal;
}
#lifein .service_wrap ul	{
	list-style:disc;
	font-size:1.4rem;
	margin-left:15px;
}
#lifein .device_wrap	{
	margin-top:60px;
}
#lifein .device_wrap h1	{
	margin-bottom:20px;
	font-size:1.6rem;
	font-weight:normal;
}
#lifein .device_wrap .device_inner	{
	font-size:1.4rem;
	line-height:2.2rem;
	margin-bottom:40px;
}
#lifein .device_wrap .device_inner h1::before	{
	content:"●";
}
#lifein .device_wrap .device_inner:after	{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#lifein .device_wrap .device_inner .ph_txt	{
	width:240px;
	margin-right:20px;
	float:left;
}
#lifein .device_wrap .device_inner img	{
	float:left;
	margin-right:10px;
}
#lifein .ph_wrap:after	{
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#lifein .ph_wrap .text	{
	width:680px;
	float:left;
	margin-right:50px;
}
#lifein .ph_wrap .ph	{
	float:left;
	width:310px;
}
#lifein .ph_wrap .ph img	{
	margin-bottom:15px;
}
@media screen and (max-width: 640px) {
	#lifein .device_wrap	{
		margin:3em 0 0;
	}
	#lifein .service_wrap	{
		margin:2em 0;
	}
	#lifein .device_wrap .device_inner	{
		text-align:center;
	}
	#lifein .ph_wrap .text,
	#lifein .device_wrap .device_inner .ph_txt	{
		width:auto;
		float:none;
		margin-right:0;
		text-align:left;
		margin-bottom:2em;
	}
	#lifein .ph_wrap .ph	{
		float:none;
		width:100%;
		height:auto;
	}
	#lifein .device_wrap .device_inner img	{
		float:none;
		margin:0 0 10px;
		text-align:center;
	}
	#lifein	{
		margin-top:4em;
		padding-top:2em;
	}
	#lifein h2	{
		font-size:1.8rem;
		margin-bottom:1em;
	}
	#lifein .device_wrap h1,
	#lifein .device_wrap p{
		text-align:left;
	}
}

/* foot
============================================================================================================ */
.about_foot_nav	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
	font-size:1.4rem;
}
.about_foot_nav ul li	{
	display:inline-block;
	margin-right:1rem;
}
.about_foot_nav ul li a	{
	border:1px solid #000000;
	color:#000000;
	display:block;
	padding:10px;
	text-decoration:none;
}
.about_foot_nav ul li a:hover	{
	opacity:0.3;
}
@media screen and (max-width: 640px) {
	.about_foot_nav	{
		margin-top:4em;
		padding-top:2em;
	}
	.about_foot_nav ul li	{
		margin-right:0;
		margin-bottom:10px;
		display:block;
	}
	.about_foot_nav ul li a		{
		width:100%;
		padding:1em;
		font-size:1.6rem;
		text-align:center;
		border-radius:6px;
		background-color:#000000;
		border:none;
		color:#ffffff;
	}
}