@charset "UTF-8";
/*
 * index.css
 *
 */

/*==================================
              top_copy
==================================*/
#top_copy_box .view_more {
	margin: 30px auto 80px;
}
#top_copy_box h2 {
    margin: 70px auto 50px;
    font-size: 33px;
	font-weight:bold;
	font-family: 'Sawarabi Mincho';
	text-align:center;
}
#top_copy_box>p {
	margin:20px auto 30px;
	font-size:16px;
	text-align:left;
	line-height:2em;
	padding:1%;
}

/*==================================
              technology
==================================*/
.technology_box {
	margin:0 auto 50px;
	padding:120px 0;
	background-image:url(../img/technology_bg.jpg);
	background-position:left;
	background-size:contain;
	background-repeat:no-repeat;
}
.technology_copy {
	float:right;
	width:700px;
	margin:0px;
	padding:5%;
	background-color:#fff;
}
.technology_copy ul {
	display:inline-block;
	width:300px;
	text-align:left;
}
.technology_copy ul li {
	margin:20px 0;
	font-size:18px;
	font-weight:bold;
}
.technology_copy p {
	margin:0 auto;
}
.technology_copy h4 {
	margin:10px auto;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border-bottom:#000 dotted 2px;
}

/*==================================
              facility
==================================*/
.facility_box {
	margin:0 auto 50px;
	padding:120px 0;
	background-image:url(../img/facility_bg.jpg);
	background-position:right;
	background-size:contain;
	background-repeat:no-repeat;
}
.facility_copy {
	float:left;
	width:700px;
	margin:0px;
	padding:5%;
	background-color:#fff;
}
.facility_copy ul,
.technology_copy ul {
	display:inline-block;
	width:300px;
	text-align:left;
	vertical-align:top;
}
.facility_copy ul li,
.technology_copy ul li {
	margin:15px 0;
	font-size:18px;
	font-weight:bold;
}
.facility_copy p {
	margin:0 auto;
}
#facility .view_more {
	margin:30px auto 50px;	
}

/*==================================
              example
==================================*/
.example_box {
	padding:120px 0;
	background-image:url(../img/example_bg.jpg);
	background-position:left;
	background-size:contain;
	background-repeat:no-repeat;
}
.example_copy {
	float:right;
	width:700px;
	margin:0px;
	padding:5%;
	background-color:#fff;
}
.example_copy ul {
	display:inline-block;
	width:300px;
	text-align:left;
}
.example_copy ul li {
	margin:20px 0;
	font-size:18px;
	font-weight:bold;
}
.example_copy p {
	margin:0 auto;
}
ul.infiniteslide {
    display: flex;
	margin:50px auto 100px;
}
ul.infiniteslide li {
	width:20%;
}
ul.infiniteslide li img {
	width:100%;
	height:auto;
}