/* COMPANY_PHILOSOPHY */
@charset "UTF-8";

/** BODY _BACKGROUND
-------------------------------------*/
body
{
    background: url(../_images/back_company.png) 100% no-repeat fixed;
    background-size: cover;
}

/** AREA
-------------------------------------*/
#area
{
    margin: 70px auto;
}

.main {
    margin: 0 auto;
    text-align: center;
}

.main_img
{
    width: 100%;
}

.main2
{
    display: none;
}

.title
{
	font-size: 30px;
	margin: 10px 10px 10px 0px;
}
.title.bold{
	font-weight: bold;
}
.title-body
{
	font-size: 20px;
	margin: 10px;

}
.title-body.bold
{
	font-weight: bold;
}

.body-text
{
	font-size: 15px;
	text-align: left;
}

.body-text p {
	margin: 20px 0px;
}

.body-text .bold{
	font-weight: bold;
}

.body-text .item{
	margin: 1em 0px;
}
.body-text .item.inline{
	padding-left: 1em;
}

.body-text dt{
	font-weight: bold;
}

.body-text dd {
	margin-left: 1em;
}

.body-text div{
	margin-left: 1em;
}



/** smartphone
-------------------------------------*/
@media only screen and (max-width: 768px)
{
	body
	{
		font-size: 1.2rem;
	}
	#area
	{
    	margin-top: 20px;
	}
	h1 img
	{
		width: 100%;
	}
	.main
	{
		/*
    	width: 100%;
    	margin: 0 auto;
    	text-align: center;
		*/
		display: none;
	}
	.main2
	{
		display:block;
    	width: 100%;
    	margin: 0 0;
    	text-align: center;
	}
	.main_img3
	{
		margin-top:10px;
    	width: 96%;
	}
	.main_img4
	{
		float:right;
		margin-top:10px;
		margin-right:10px;
    	width: 40%;
	}
}