/*- mediaクエリー
------------------------------------------------*/
@media screen and (max-width: 480px) {
	body img#top_image {
		width: 100%;
	}
	
	body ol#contents a {
		display: block;
	}
	
	body ol#contents li#topics_news,
	body ol#contents li#salespoint_area,
	body ol#contents li#recruit_area,
	body ol#contents li#contact_area {
		margin: 80px 0 0 0;
	}
	
	body ol#contents li ol li span.en_title {
		font-size: 18px;
	}
	
	body ol#contents li#topics_news ol li#title {
		font-size	: 22px;
		padding		: 0 0 25px 0;
		text-align	: center;
	}
	
	body ol#contents li#topics_news ol li.block {
		border		: 0.5px #BDD7EE;
		border-style: solid none solid none;
		height		: auto;
		margin		: auto;
		width		: 90%;
	}
	
	body ol#contents li#topics_news ol li.underline {
		border			: 0.5px #BDD7EE;
		border-style	: none none solid none;
		width			: 90%;
	}
	
	body ol#contents li#topics_news ol li.block ol li.date {
		color		: #0070C0;
		float		: none;
		margin		: 0 20px 0 20px;
		padding		: 10px 0 0 0 ;
		text-align	: left;
		width		: 90%;
	}
	
	body ol#contents li#topics_news ol li.block ol li.content {
		float		: none;
		line-height	: 200%;
		padding		: 10px 0 10px 0 ;
		margin		: 0 auto;
		width		: 90%;
	}
	
	body ol#contents li#topics_news ol li.block ol li.content a {
		display: inline;
	}
	
	body ol#contents li#topics_news ol li.block ol li#only_1line {
		padding: 10px 0 10px 0 ;
	}
	
	body ol#contents li#salespoint_area ol{
		padding: 0;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_title {
		font-size	: 22px;
		padding		: 0 0 25px 0;
		text-align	: center;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block {
		padding: 0 0 80px 0;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint {
		background-color: #dceaf8;
		float			: none;
		height			: auto;
		line-height		: 150%;
		margin			: 0 0 5px 0;
		padding			: 20px 10px;
		width			: auto;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint_image {
		display: none;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint_image img {
		display: none;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area {
		background-color: none;
		float			: none;
		height			: 0;
		position		: static;
		width			: auto;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area p#salespoint_link a {
		background-color: #BDD7EE;
		border			: none;
		color			: #FFFFFF;
		font-size		: 18px;
		font-weight		: bold;
		height			: auto;
		line-height		: 100%;
		margin			: 20px auto 0 auto;
		padding			: 15px 30px;
		text-align		: center;
		width			: 70%;
	}
	
	body ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area p#salespoint_link a::before {
		display	: none;
	}
	
	body ol#contents li#recruit_area {
		background-image: none;
		clear			: both;
		height			: auto;
		padding			: 0;
	}
	
	body ol#contents li#recruit_area ol li#recruit_title {
		background-color		: rgba(255,255,255,0.6); /*#FFFFFFを透過*/
		background-blend-mode	: lighten;
		background-image		: url("../images/recruit.jpg");
		background-size			: cover;
		background-position		: 0% 100%;
		background-repeat		: no-repeat;
		font-size				: 22px;
		height					: 100px;	
		padding					: 80px 0 0 0;
		text-align				: center;
	}
	
	body ol#contents li#recruit_area ol li#recruit_message {
		font-size	: 18px;
		line-height	: 150%;
		margin		: 10px auto 0 auto;
		padding		: 10px 0 20px 0;
		width		: 90%;
	}
	
	body ol#contents li#recruit_area ol li p#recruit_link a {
		background-color: #BDD7EE;
		color			: #FFFFFF;
		font-weight		: bold;
		font-size		: 18px;
		line-height		: 100%;
		margin			: 20px auto 0 auto;
		padding			: 15px 30px;
		position		: relative;
		text-align		: center;
		width			: 70%;
	}
	
	body ol#contents li#recruit_area ol li p#recruit_link a::before {
		display:none;
	}
	
	body ol#contents li#contact_area {
		background-image: none;
		height			: auto;
	}
	
	body ol#contents li#contact_area ol li#contact_title {
		background-blend-mode	: lighten;
		background-color		: rgba(255,255,255,0.6); /*#FFFFFFを透過*/
		background-image		: url("../images/contact.jpg");
		background-size			: cover;
		font-size				: 22px;
		height					: 100px;
		margin					: 0 auto 10px auto;
		padding					: 80px 0 0 0;
		text-align				: center;
	}
	
	body ol#contents li#contact_area ol li.area {
		height	: auto;
		margin	: 0 auto;
		width	: 90%;
	}
	
	body ol#contents li#contact_area ol li.area ol li.office {
		background-color: #dcdcdc;
		float			: none;
		height			: 50%;
		margin			: 20px 0;
		opacity			: 1.0;
		padding			: 5px 0 5px 0;
		text-align		: center;
		width			: 100%;
	}
	
	body ol#contents li#contact_area ol li.area ol li.place {
		float		: none;
		line-height	: 200%;
		padding		: 0 10px 0 10px;
		width		: 96%;
	}
	
	body ol#contents li#contact_area ol li.area ol li p.map a {
		background-color: rgba(189,215,238,1); /* #BDD7EEを透過 */
		color			: #FFFFFF;
		float			: none;
		font-size		: 13px;
		font-weight		: bold;
		margin			: 8px auto 20px auto;
		padding			: 10px 15px;
		position		: relative;
		text-align		: center;
		width			: 70%;
	}
	
	body ol#contents li#contact_area ol li.area ol li p.map a::before {
		content		: '＞';
		font-size	: 14px;
		left		: 10%;
		position	: absolute;
		top			: 30%;
	}
	
	body ol#contents li#contact_area ol li.area ol li.tel {
		float	: none;
		padding	: 0 0 10px 15px;
		width	: 96%;
	}
	
	body ol#contents li#contact_area ol li p.contact_link a {
		background-color: #BDD7EE;
		color			: #FFFFFF;
		font-size		: 18px;
		font-weight		: bold;
		margin			: 20px auto 0 auto;
		padding			: 15px 30px;
		position		: static;
		text-align		: center;
		width			: 70%;
	}
	
	ol#contents li#contact_area ol li p.contact_link a::before {
		display	: none;
	}
}
/*- 通常設定
------------------------------------------------*/
img#top_image {
	width: 100%;
}

ol#contents a {
	display: block;
}

ol#contents li#topics_news,
ol#contents li#salespoint_area,
ol#contents li#recruit_area,
ol#contents li#contact_area {
	margin: 80px 0 0 0;
}

ol#contents li ol li span.en_title {
	font-size: 13px;
}

ol#contents li#topics_news ol li#title {
	font-size	: 25px;
	padding		: 0 0 25px 0;
	text-align	: center;
}

ol#contents li#topics_news ol li.block {
	border		: 0.5px #BDD7EE;
	border-style: solid none solid none;
	height		: 90px;
	margin		: auto;
	width		: 85%;
}

ol#contents li#topics_news ol li.underline {
	border		: 0.5px #BDD7EE;
	border-style: none none solid none;
}

ol#contents li#topics_news ol li.block ol li.date {
	color		: #0070C0;
	float		: left;
	margin		: 0 20px 0 20px;
	padding		: 40px 0 0 0 ;
	text-align	: center;
	width		: 25%;
}

ol#contents li#topics_news ol li.block ol li.content {
	float		: left;
	line-height	: 200%;
	padding		: 15px 0 10px 0 ;
	width		: 60%;
}

ol#contents li#topics_news ol li.block ol li.content a {
	display: inline;
}

ol#contents li#topics_news ol li.block ol li#only_1line {
	padding: 30px 0 10px 0 ;
}

ol#contents li#salespoint_area ol{
	padding: 0 0 120px 0;
}

ol#contents li#salespoint_area ol li#salespoint_title {
	font-size	: 25px;
	padding		: 0 0 25px 0;
	text-align	: center;
}

ol#contents li#salespoint_area ol li#salespoint_block {
	padding: 0 0 80px 80px;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint {
	background-color: #dceaf8;
	float			: left;
	height			: 130px;
	line-height		: 150%;
	padding			: 30px 10px 0 10px;
	width			: 28%;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint_image {
	float	: left;
	height	: 159.5px;
	width	: 30%;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li.salespoint_image img {
	height	: 100%;
	opacity	: 0.5;
	width	: 100%;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area {
	background-color: #BDD7EE;
	float			: left;
	height			: 160px;
	position		: relative;
	width			: 30.2%;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area p#salespoint_link a {
	background-color: #dceaf8;
	border			: 3px solid;
	color			: #FFFFFF;
	font-size		: 20px;
	font-weight		: bold;
	height			: 35px;
	line-height		: 200%;
	margin			: 20px 20px 20px 20px;
	padding			: 20px 60px 55px 60px;
	text-align		: center;
	width			: 100px;
}

ol#contents li#salespoint_area ol li#salespoint_block ol li#salespoint_link_area p#salespoint_link a::before {
	content		: '＞';
	font-size	: 25px;
	left		: 15%;
	padding		: 30px 10px 0 0;
	position	: absolute;
	top			: 20%;
}

ol#contents li#recruit_area {
	background-blend-mode	: lighten;
	background-color		: rgba(255,255,255,0.3); /*#FFFFFFを透過*/
	background-image		: url("../images/recruit.jpg");
	background-size			: cover;
	clear					: both;
	height					: 560px;
	padding					: 80px 0 0 0;
}

ol#contents li#recruit_area ol li#recruit_title {
	font-size	: 25px;
	text-align	: center;
}

ol#contents li#recruit_area ol li#recruit_message {
	font-size	: 18px;
	line-height	: 150%;
	margin		: 0 auto;
	padding		: 70px 0 100px 0;
	width		: 70%;
}

ol#contents li#recruit_area ol li p#recruit_link a {
	background-color: rgba(255,255,255,0.3); /*#FFFFFFを透過*/
	color			: white;
	font-weight		: bold;
	font-size		: 18px;
	line-height		: 200%;
	margin			: 0 auto 100px auto;
	padding			: 20px 50px;
	position		: relative;
	text-align		: center;
	width			: 10%;
}

ol#contents li#recruit_area ol li p#recruit_link a::before {
	content		: '＞';
	font-size	: 25px;
	left		: 5%;
	position	: absolute;
	top			: 25%
}

ol#contents li#contact_area {
	background-blend-mode	: lighten;
	background-color		: rgba(255,255,255,0.6); /*#FFFFFFを透過*/
	background-image		: url("../images/contact.jpg");
	background-size			: cover;
	height					: 630px;
}

ol#contents li#contact_area ol li#contact_title {
	font-size	: 25px;
	padding		: 80px 0 0 0;
	text-align	: center;
}

ol#contents li#contact_area ol li.area {
	height	: 170px;
	margin	: 0 auto;
	width	: 600px;
}

ol#contents li#contact_area ol li.area ol li.office {
	background-color: #dcdcdc;
	float			: left;
	height			: 40%;
	margin			: 20px 0 40px 0 ;
	opacity			: 0.9;
	padding			: 40px 0 40px 15px;
	width			: 15.5%;
}

ol#contents li#contact_area ol li.area ol li.place {
	float		: left;
	line-height	: 200%;
	padding		: 0 0 0 15px;
	width		: 78%;
}

ol#contents li#contact_area ol li.area ol li p.map a {
	background-color: rgba(189,215,238,0.8); /* #BDD7EEを透過 */
	color			: #FFFFFF;
	float			: left;
	font-size		: 13px;
	font-weight		: bold;
	margin			: 8px 180px 8px 15px;
	padding			: 10px 5px 10px 15px;
	position		: relative;
	text-align		: center;
	width			: 35%;
}

ol#contents li#contact_area ol li.area ol li p.map a::before {
	content		: '＞';
	font-size	: 14px;
	left		: 10%;
	position	: absolute;
	top			: 30%;
}

ol#contents li#contact_area ol li.area ol li.tel {
	float	: left;
	padding	: 0 0 0  15px;
}

ol#contents li#contact_area ol li p.contact_link a {
	background-color: rgba(184,213,241,0.8); /* b8d5f1を透過 */
	color			: #FFFFFF;
	font-size		: 19px;
	font-weight		: bold;
	margin			: 0 auto;
	padding			: 35px;
	position		: relative;
	text-align		: center;
	width			: 300px;
}

ol#contents li#contact_area ol li p.contact_link a::before {
	content		: '＞';
	font-size	: 25px;
	left		: 10%;
	position	: absolute;
	top			: 38%;
}