@charset "UTF-8";
/* CSS PC/SP共通レイアウト */
/*--------------------------------------------------*
 *   ヘッダー（トップページ用）
 *--------------------------------------------------*/
#headarea_index {
	width: 100%;
	height: 110px;
	border-bottom: 1px solid #FFF;
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}
#headarea_index a{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#headarea_index .inner {
	width: 1420px;
	margin: 0px auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#headarea_index .inner .logo {
	width: 370px;
	padding-top: 30px;
}
#headarea_index .inner .global_navi {
	width: calc(100% - 370px);
	padding-top: 35px;
}
#headarea_index .inner .global_navi ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#headarea_index .inner .global_navi ul li {
	margin-left: 30px;
	position: relative;
}
#headarea_index .inner .global_navi ul li:hover:after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	border-bottom: 2px solid #FFF;
}
#headarea_index .inner .global_navi ul li a {
	display: block;
	font-size: 1.6rem;
	color: #FFF;
	font-weight: 600;
	line-height: 40px;
}
#headarea_index .inner .global_navi ul li a:hover {
	opacity: 1.0;
}

#headarea_index .inner .global_navi ul li.contact a {
	border: 1px solid #FFF;
	padding: 2px 20px;
	border-radius: 5px;
}
#headarea_index .inner .global_navi ul li.contact:hover {
	opacity: 0.7;
}
#headarea_index .inner .global_navi ul li.contact:hover:after {
	border-bottom:none;
}
@media screen and (min-width:1025px) and (max-width:1460px) {
#headarea_index .inner {
	width: 100%;
	padding: 0px 16px;
}
}
@media screen and (min-width:1025px) and (max-width:1240px) {
#headarea_index .inner .global_navi ul li {
	margin-left: 20px;
}
#headarea_index .inner .global_navi ul li a {
	font-size: 1.28vw;
}
#headarea_index .inner .global_navi ul li.contact a {
	font-size: 1.28vw;
	padding: 0px 10px;
}
}

/*--------------------------------------------------*
 *   ヘッダー
 *--------------------------------------------------*/
.fixed{
	position:fixed!important;
	background-color:#FFFFFF;
	top:0;
}
#headarea_index.fixed {
	width: 100%;
	height: 110px;
	z-index: 100;
}
#headarea_index.fixed .inner {
	width: 1420px;
	margin: 0px auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#headarea_index.fixed .inner .logo {
	width: 370px;
	padding-top: 30px;
}

#headarea_index .inner #logo_w {
	display:block;
}
#headarea_index .inner #logo_b {
	display:none;
}
#headarea_index.fixed .inner #logo_w {
	display:none;
}
#headarea_index.fixed .inner #logo_b {
	display:block;
}

#headarea_index.fixed .inner .global_navi {
	width: calc(100% - 370px);
	padding-top: 35px;
}
#headarea_index.fixed .inner .global_navi ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#headarea_index.fixed .inner .global_navi ul li {
	margin-left: 30px;
	position: relative;
}
#headarea_index.fixed .inner .global_navi ul li a {
	display: block;
	font-size: 1.6rem;
	color: #242b38;
	font-weight: 600;
	line-height: 40px;
}
#headarea_index.fixed .inner .global_navi ul li a:hover {
	opacity: 1.0;
}
#headarea_index.fixed .inner .global_navi ul li.contact a {
	color: #FFF;
	padding: 2px 20px;
	background-color: #1b69e0;
	border-radius: 5px;
}
#headarea_index.fixed .global_navi ul li:hover:after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	border-bottom: 2px solid #1b69e0;
}
#headarea_index.fixed .inner .global_navi ul li.contact:hover {
	opacity: 0.7;
}
#headarea_index.fixed .inner .global_navi ul li.contact:hover:after {
	border-bottom: none;
}

@media screen and (min-width:1025px) and (max-width:1460px) {
#headarea_index.fixed .inner {
	width: 100%;
	padding: 0px 16px;
}
}
@media screen and (min-width:1025px) and (max-width:1240px) {
#headarea_index.fixed .inner .global_navi ul li {
	margin-left: 20px;
}
#headarea_index.fixed .inner .global_navi ul li a {
	font-size: 1.28vw;
}
#headarea_index.fixed .inner .global_navi ul li.contact a {
	font-size: 1.28vw;
	padding: 0px 10px;
}
}

/*--------------------------------------------------*
 *   大枠
 *--------------------------------------------------*/
#index {
	width: 100%;
}

/*--------------------------------------------------*
 *   メインビジュアル/お知らせ
 *--------------------------------------------------*/
#index .mainvisual {
	width: 100%;
	position: relative;
}
#index .mainvisual .ph_loop {
	width: 100%;
	overflow: hidden;
}
#index .mainvisual .ph_loop .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
#index .mainvisual .ph_loop img {
	display: block;
	width: 100%;
	max-width: 1200px;
	height: 900px;
}
#index .mainvisual .ph_loop .slick-track {
	display: flex;
	align-items: center;
}
#index .mainvisual .top_info {
	width: 100%;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#index .mainvisual .top_info .inner {
	width: 1420px;
	height: 72px;
	margin: 0px auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#index .mainvisual .top_info .inner .date {
	width: 240px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	color: #FFF;
	line-height: 22px;
	align-items: center;
}
#index .mainvisual .top_info .inner .date div:nth-child(1) {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 1px;
}
#index .mainvisual .top_info .inner .date div:nth-child(2) {
	font-size: 1.2rem;
	font-weight: 500;
	border: 1px solid #FFF;
	margin-left: 20px;
	padding: 0px 10px 2px 10px;
}
#index .mainvisual .top_info .inner .ttl_info {
	width: calc(100% - 240px);
	height: 72px;
	border-left: 1px solid #FFF;
	position: relative;
}
#index .mainvisual .top_info .inner .ttl_info a {
	font-size: 1.7rem;
	color: #FFF;
	font-weight: 500;
	line-height: 1.4;
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
}
#index .mainvisual .catchcopy {
	width: 1420px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 140px;
	margin: 0px auto;
}
#index .mainvisual .bt_movie {
	width: 1420px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 120px;
	margin: 0px auto;
	text-align: right;
}

@media screen and (min-width:1025px) and (max-width:1460px) {
#index .mainvisual .top_info .inner {
	width: 100%;
	padding: 0px 16px;
}
}

/*--------------------------------------------------*
 *   モノづくりに、挑む。
 *--------------------------------------------------*/
#index .guide {
	width: 100%;
	height: 768px;
	background-color: #2174c6;
	background-image: url("../img/index/img_guide_pc_1.png"), url("../img/index/img_guide_pc_2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	margin-bottom: 150px;
	position: relative;
}
#index .guide .inner {
	width: 1420px;
	margin: 0px auto;
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 200px;
}
#index .guide .inner .photo_pc {
	width: 574px;
	padding-top:24px;
}
#index .guide .inner .wrap {
	width: calc(100% - 574px);
	color: #FFF;
	padding-left: 100px;
}
#index .guide .inner .wrap .ttl_guide {
	font-size: 5.4rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 20px;
}
#index .guide .inner .wrap .lead {
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 20px;
	letter-spacing: 0.07em;
}
#index .guide .inner .wrap .memo {
	font-size: 1.6rem;
	margin-bottom: 40px;
	width:520px;
}

@media screen and (min-width:1025px) and (max-width:1460px) {
#index .guide .inner {
	width: 100%;
	padding: 0px 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#index .guide .inner .wrap {
	padding-left: 50px;
}
#index .guide .inner .wrap .ttl_guide {
	font-size: 5.4rem;
	font-weight: 500;
	margin-bottom: 10px;
}
#index .guide .inner .wrap .lead {
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 20px;
}
#index .guide .inner .wrap .memo {
	font-size: 1.6rem;
	margin-bottom: 40px;
}
}

/*--------------------------------------------------*
 *   事業案内
 *--------------------------------------------------*/
#index .works_top {
	width: 100%;
	margin-bottom: 140px;
}
#index .works_top .introduction {
	width: 980px;
	margin: 0px auto 140px;
	position: relative;
}
#index .works_top .introduction .lead {
	font-size: 3.8rem;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0.07em;
	margin-bottom: 20px;
}
#index .works_top .introduction .works_list {
	width: 376px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#index .works_top .introduction .memo {
	width: 470px;
	font-size: 1.6rem;
	margin-bottom: 50px;
}
#index .works_top .introduction .works_list ul li {
	font-size: 2.3rem;
	color: #1b69e0;
	font-weight: 500;
	line-height: 80px;
	text-align: center;
	margin-bottom: 12px;
	background-color: #ebf3fc;
}
#index .works_top .works_flow {
	width: 980px;
	margin: 0px auto 30px;
}
#index .works_top .works_flow .menu {
	margin-left: 20px;
}
#index .works_top .works_flow .menu ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#index .works_top .works_flow .menu ul li {
	margin-right: 35px;
}
#index .works_top .works_flow .menu ul li a {
	display: block;
	font-size: 1.8rem;
	color: #242b38;
	padding-right: 15px;
	position: relative;
}
#index .works_top .works_flow .menu ul li a:after {
	content: '';
	position: absolute;
	top: 28%;
	right: 0px;
	transform: rotate(135deg) translateY(-50%);
	-webkit-transform: rotate(135deg) translateY(-50%);
	width: 7px;
	height: 7px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #242b38;
}
#index .works_top .works_flow .menu ul li a:hover {
	opacity: 1.0;
	color: #1b69e0;
	border-bottom: 1px solid #1b69e0;
}
#index .works_top .works_flow .menu ul li a:hover:after {
	border-color: #1b69e0;
}
#index .works_top .works_flow .menu ul li a.now {
	color: #1b69e0;
	border-bottom: 1px solid #1b69e0;
}
#index .works_top .works_flow .menu ul li a.now:after {
	border-color: #1b69e0;
}
#index .works_top .flow_slider {
	overflow:hidden;
	width: 100%;
	/*
	height: 376px;
	*/
	margin: 0px auto 120px;
/*	
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
	border-radius: 10px;
*/	
}
#index .works_top .flow_slider ul li {
/*	
	overflow: hidden;
*/	
margin:0px 20px;
}
#index .works_top .flow_slider ul li .slider_item{
	width:980px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
	border-radius: 10px;

}
#index .works_top .flow_slider ul li .contents {
	width: calc(100% - 508px);
	float: left;
	padding: 30px 30px 0px;
}
#index .works_top .flow_slider ul li .contents .wrap {
	width: 100%;
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
}
#index .works_top .flow_slider ul li .contents .wrap .koumoku {
	width: calc(100% - 70px);
	font-size: 2.6rem;
	font-weight: 600;
}
#index .works_top .flow_slider ul li .contents .wrap .order {
	width: 70px;
	font-size: 1.8rem;
	color: #77808C;
	font-weight: 500;
}
#index .works_top .flow_slider ul li .contents .memo {
	font-size: 1.6rem;
}
#index .works_top .flow_slider ul li .contents .memo.type1 {
	margin-bottom: 70px;
}
#index .works_top .flow_slider ul li .contents .memo.type2 {
	margin-bottom: 12px;
	padding-bottom: 20px;
	border-bottom: 2px solid #F4F5F6;
}
#index .works_top .flow_slider ul li .contents .memo.type3 {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 2px solid #F4F5F6;
}
#index .works_top .flow_slider ul li .contents .memo.type4 {
	margin-bottom: 30px;
}
#index .works_top .flow_slider ul li .contents .bt_contact {
	width: 260px;
}
#index .works_top .flow_slider ul li .contents .bt_contact a {
	display: block;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
	background-color: #1B69E0;
	border-radius: 10px;
}
#index .works_top .flow_slider ul li .contents .spec table {
	width: 100%;
}
#index .works_top .flow_slider ul li .contents .spec table th {
	width: 90px;
	font-size: 1.6rem;
	color: #1B69E0;
	font-weight: 500;
	vertical-align: top;
	padding-top: 8px;
}
#index .works_top .flow_slider ul li .contents .spec table td {
	width: calc(100% - 90px);
	line-height: 1.6;
	padding-top: 8px;
}
#index .works_top .flow_slider ul li .contents .spec table td ul {
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#index .works_top .flow_slider ul li .contents .spec table td ul li {
	width: auto;
	margin: 0px;
	box-shadow: none;
	border-radius: 0px;
	display: block;
	flex-wrap: nowrap;
	font-size: 1.6rem;
	margin-right: 20px;
	padding-left: 16px;
	position: relative;
}
#index .works_top .flow_slider ul li .contents .spec table td ul li:before {
	content: "■";
	font-size: 1.0rem;
	color: #CACACA;
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#index .works_top .flow_slider ul li .photo {
	width: 508px;
	float: right;
}

/*--------------------------------------------------*
 *   私たちの強み
 *--------------------------------------------------*/
#index .strong_point_top {
	width: 100%;
	height: 996px;
	background: url("../img/index/bg_strong_point_pc.png") no-repeat center center;
	background-size: cover;
	padding-top: 150px;
}
#index .strong_point_top .inner {
	width: 980px;
	margin: 0px auto;
	position: relative;
}
#index .strong_point_top .inner .point_list {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #FFF;
}
#index .strong_point_top .inner .point_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#index .strong_point_top .inner .point_list ul li {
	width: 480px;
	height: 200px;
	margin-bottom: 20px;
	background-color: #FFF;
	border-radius: 10px;
}
#index .strong_point_top .inner .point_list ul li:nth-child(2n-1) {
	margin-right: 20px;
}
#index .strong_point_top .inner .point_list ul li a {
	display: block;
	color: #242b38;
	background-color: #FFF;
	border-radius: 10px;
	padding: 30px 80px 30px 30px;
	position: relative;
}
#index .strong_point_top .inner .point_list ul li a:after {
	content: '';
	position: absolute;
	top: 120px;
	right: 40px;
	transform: rotate(45deg) translateY(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%);
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #1b69e0;
}
#index .strong_point_top .inner .point_list ul li a .ttl_point {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	height: 84px;
	font-size: 2.8rem;
	line-height: 1.3;
}
#index .strong_point_top .inner .point_list ul li a .ttl_point div:nth-child(1) {
	width: 50px;
	color: #1b69e0;
	margin-top:2px;
}
#index .strong_point_top .inner .point_list ul li a .ttl_point div:nth-child(2) {
	width: calc(100% - 50px);
/*	
	font-weight: 700;
*/
	font-weight: 500;
}
#index .strong_point_top .inner .point_list ul li a .memo {
	font-size: 1.6rem;
	line-height: 1.4;
	padding-left: 50px;
}
#index .strong_point_top .inner .bt_white {
	position: absolute;
	top: 10px;
	right: 0px;
}
#index .strong_point_top .inner .contact_point {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	color: #FFF;
}
#index .strong_point_top .inner .contact_point .ttl_contact {
	width: 320px;
}
#index .strong_point_top .inner .contact_point .ttl_contact h3 {
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 1.4;
}
#index .strong_point_top .inner .contact_point .ttl_contact div {
	font-size: 1.6rem;
	font-weight: 500;
}
#index .strong_point_top .inner .contact_point .telephone {
	width: 360px;
	line-height: 1.4;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(1) {
	font-size: 3.7rem;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(1) span {
	font-size: 2.2rem;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(2) {
	font-size: 1.6rem;
	font-weight: 500;
}
#index .strong_point_top .inner .contact_point .bt_contact {
	width: 300px;
}
#index .strong_point_top .inner .contact_point .bt_contact a {
	display: block;
	font-size: 2.0rem;
	color: #FFF;
	font-weight: 600;
	line-height: 70px;
	text-align: center;
	border: 1px solid #FFF;
}

/*--------------------------------------------------*
 *   よくあるご質問
 *--------------------------------------------------*/
#index .faq {
	background-color: #e6f4ff;
	padding: 130px 0px 100px;
}
#index .faq .inner {
	width: 980px;
	margin: 0px auto;
}
#index .faq .inner .ttl_jpn {
	text-align: center;
}
#index .faq .inner .ttl_eng {
	text-align: center;
}
#index .faq .faq_list {
	background-color: #FFF;
	padding: 20px 30px 30px;
	border-radius: 10px;
}
#index .faq .faq_list ul li {
	border-bottom: 1px solid #ebf3fc;
}
#index .faq .faq_list ul li .bt_add {
	position: relative;
	padding: 20px 80px 20px 20px;
	cursor: pointer;
}
#index .faq .faq_list ul li .bt_add .question {
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
}
#index .faq .faq_list ul li .bt_add .question div:nth-child(1) {
	width: 50px;
}
#index .faq .faq_list ul li .bt_add .question div:nth-child(2) {
	width: calc(100% - 50px);
	font-size: 1.6rem;
	padding-top: 2px;
}
#index .faq .faq_list ul li .bt_add .toggle_button {
	width: 20px;
	height: 20px;
	background: url("../img/index/icon_arrow_open.png") no-repeat right center;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
}
#index .faq .faq_list ul li .bt_add .toggle_button span {
	position: absolute;
	left: -7650px;
}
#index .faq .faq_list ul li .bt_add .toggle_button_close {
	width: 20px;
	height: 2px;
	background: url("../img/index/icon_arrow_close.png") no-repeat right center;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
}
#index .faq .faq_list ul li .add_box .answer {
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
	padding: 20px 80px 20px 20px;
	background-color: #ebf3fc;
	border-radius: 10px;
}
#index .faq .faq_list ul li .add_box .answer div:nth-child(1) {
	width: 50px;
}
#index .faq .faq_list ul li .add_box .answer div:nth-child(2) {
	width: calc(100% - 50px);
	font-size: 1.6rem;
	padding-top: 2px;
}

/*--------------------------------------------------*
 *   技術・設備
 *--------------------------------------------------*/
#index .technology_top {
	width: 100%;
	background: url("../img/index/ph_technology_pc.jpg") no-repeat left calc(50% - 236px) top;
	margin: 120px 0px 170px;
	padding-top: 380px;
}
#index .technology_top .inner {
	margin-left: calc(50% - 400px);
	background-color: #FFF;
	padding: 50px 0px 0px 60px;
}
#index .technology_top .inner .cover {
	width: 826px;
}
#index .technology_top .inner .cover .wrap {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#index .technology_top .inner .cover .wrap .box_a {
	width: 360px;
}
#index .technology_top .inner .cover .wrap .box_b {
	width: calc(100% - 360px);
}
#index .technology_top .inner .cover .wrap .box_b .lead {
	font-size: 3.8rem;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0.07em;
	margin-bottom: 30px;
}
#index .technology_top .inner .cover .wrap .box_b .memo {
	font-size: 1.6rem;
}
#index .technology_top .inner .cover .wrap .bt_blue {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#index .technology_top .inner .cover .example {
	margin-top: 70px;
	padding-top: 30px;
	border-top: 1px solid #1b69e0;
}
#index .technology_top .inner .cover .example .example_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#index .technology_top .inner .cover .example .example_list ul li {
/*
	font-weight: 600;
*/	
	margin-right: 50px;
}
#index .technology_top .inner .cover .example .example_list ul li:nth-child(3) {
	margin-right: 0px;
}
#index .technology_top .inner .cover .example .example_list ul li div:nth-child(1) {
	font-size: 1.8rem;
}
#index .technology_top .inner .cover .example .example_list ul li div:nth-child(2) {
	font-size: 1.6rem;
	color: #77808c;
}

/*--------------------------------------------------*
 *   採用情報
 *--------------------------------------------------*/
#index .recruit_top {
	background: -webkit-linear-gradient(left, #2683f2, #63bcec);
	background: linear-gradient(to right, #2683f2, #63bcec);
}
#index .recruit_top .cover {
	width: 100%;
	height: 800px;
	background: url("../img/index/ph_recruit_pc.png?v=20250708") no-repeat right calc(50% - 490px) center;
/*
	background-color: #2683f2;
*/	
	position: relative;
}
#index .recruit_top .inner {
	width: 980px;
	margin: 0px auto;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#index .recruit_top .inner .lead {
	font-size: 3.8rem;
	color: #FFF;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 0.07em;
	margin-bottom: 60px;
	padding-top: 20px;
}
#index .recruit_top .inner .memo {
	font-size: 1.6rem;
	color: #FFF;
	margin-bottom: 80px;
}
#index .recruit_top .inner .bt_recruit {
	width: 200px;
}
#index .recruit_top .inner .bt_recruit a {
	display: block;
	font-size: 1.6rem;
	color: #1b69e0;
	font-weight: 600;
	line-height: 60px;
	background: url("../img/common/icon_arrow_blue.png") no-repeat 94% center;
	background-color: #FFF;
	border-radius: 30px;
	padding-left: 35px;
}

/*--------------------------------------------------*
 *   お知らせ
 *--------------------------------------------------*/
#index .news_top {
	width: 980px;
	margin: 120px auto 140px;
	position: relative;
}
#index .news_top .inner {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#index .news_top .inner .tab {
	width: calc(100% - 650px);
	min-height:330px;
}
#index .news_top .inner .tab ul li {
	margin-bottom: 16px;
}
#index .news_top .inner .tab ul li a {
	font-size: 1.6rem;
	color: #666;
	font-weight: 500;
	padding-left: 20px;
	position: relative;
}
#index .news_top .inner .tab ul li a:hover {
	color: #1b69e0;
}
#index .news_top .inner .tab ul li a:before {
	content: "ー";
	font-size: 1.0rem;
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#index .news_top .inner .tab ul li a.now {
	color: #1b69e0;
}
#index .news_top .inner .news_list {
	width: 650px;
	margin-top: -10px;
}
#index .news_top .inner .news_list ul li {
	border-bottom: 1px solid #cacaca;
}
#index .news_top .inner .news_list ul li a {
	display: block;
	padding: 24px 0px;
}
#index .news_top .inner .news_list ul li a .wrap {
	display:-webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #666;
	margin-bottom: 5px;
}
#index .news_top .inner .news_list ul li a .wrap .date {
	font-size: 1.5rem;
	font-weight: 500;
	margin-right: 10px;
}
#index .news_top .inner .news_list ul li a .wrap .category {
	width: 80px;
	font-size: 1.2rem;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #cacaca;
}
#index .news_top .inner .news_list ul li a .title {
	font-size: 1.7rem;
	color: #242b38;
	font-weight: 500;
}
#index .news_top .bt_blue {
	position: absolute;
	top: 10px;
	right: 0px;
}
#index .news_top .bt_facebook {
	width: 184px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#index .news_top .bt_facebook a {
	display: block;
	font-size: 1.7rem;
	color: #FFF;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 60px;
	padding-left: 30px;
	background: url("../img/common/icon_link.png") no-repeat 84% center;
	background-size: 14px auto;
	background-color: #1b69e0;
	position: relative;
}

/*--------------------------------------------------*
 *   取得認証・認定
 *--------------------------------------------------*/
#index .ceritification {
	background-color: #f4f5f6;
	padding: 120px 0px 140px;
}
#index .ceritification .inner {
	width: 980px;
	margin: 0px auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#index .ceritification .inner .wrap {
	width: calc(100% - 502px);
}
#index .ceritification .inner .wrap .memo {
	font-size: 1.6rem;
}
#index .ceritification .inner .photo {
	width: 502px;
}

/* スマホレイアウト */
@media (max-width: 1024px) {
/*--------------------------------------------------*
 *   ヘッダー（トップページ用）
 *--------------------------------------------------*/
#headarea_index {
	height: 16.2vw;
	z-index: 300;
}
#headarea_index .inner {
	width: 100%;
	display: block;
	flex-wrap: nowrap;
}
#headarea_index .inner .logo {
	width: 100%;
	padding-top: 0px;
	position: absolute;
	top: 50%;
	left: 4vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#headarea_index .inner .logo img {
	width: 58.13vw;
}
#headarea_index .inner .global_navi {
	display: none;
}
/*--------------------------------------------------*
 *   ヘッダー
 *--------------------------------------------------*/
#headarea_index.fixed {
	width: 102vw;
	margin-left: -1vw;
	height: 16vw;
	z-index: 300;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
	position: relative;
}
#headarea_index.fixed .inner {
	width: 100%;
	display: block;
	flex-wrap: nowrap;
}
#headarea_index.fixed .inner .logo {
	width: 100%;
	padding-top: 0px;
	position: absolute;
	top: 50%;
	left: 4vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#headarea_index.fixed .inner .logo img {
	width: 58.13vw;
}
#headarea_index.fixed .inner .global_navi {
	display: none;
}

/*--------------------------------------------------*
 *   メインビジュアル/お知らせ
 *--------------------------------------------------*/
#index .mainvisual {
	height: 153.07vw;
/*
	background: url("../img/index/ph_main_sp.jpg") no-repeat left top;
	background-size: cover;
*/	
	z-index: 100;
}
#index .mainvisual .top_info {
	width: 100%;
	border-top: none;
	top: 153.07vw;
	left: 0px;
	right: 0px;
	bottom: inherit;
}
#index .mainvisual .ph_loop {
	height: 153.07vw;
}
#index .mainvisual .ph_loop img{
	width:auto;
	height: 153.07vw;
}
#index .mainvisual .top_info .inner {
	width: 100%;
	height: inherit;
	display: block;
	flex-wrap: nowrap;
	padding: 4vw 8vw;
}
#index .mainvisual .top_info .inner .date {
	width: 100%;
	line-height: 5.33vw;
	align-items: center;
	padding-bottom: 1.6vw;
}
#index .mainvisual .top_info .inner .date div:nth-child(1) {
	font-size: 3.73vw;
}
#index .mainvisual .top_info .inner .date div:nth-child(2) {
	font-size: 3.2vw;
	margin-left: 3vw;
}
#index .mainvisual .top_info .inner .ttl_info {
	width: 100%;
	height: inherit;
	border-left: none;
}
#index .mainvisual .top_info .inner .ttl_info a {
	font-size: 4vw;
	position: static;
	transform: translateY(0%);
	-webkit-transform : translateY(0%);
}
#index .mainvisual .catchcopy {
	width: 100%;
	left: 8vw;
	right: 0px;
	bottom: 13.33vw;
	margin: 0px;
}
#index .mainvisual .catchcopy img {
	width: 60vw;
}

/*--------------------------------------------------*
 *   モノづくりに、挑む。
 *--------------------------------------------------*/
#index .guide {
	width: 100%;
	height: auto;
	background-color: #2174c6;
	background-image: url("../img/index/img_guide_sp_1.png"), url("../img/index/img_guide_sp_2.png");
	background-size: 100%, 76vw auto;
	margin-bottom: 12vw;
}
#index .guide .inner {
	width: 100%;
	display: block;
	flex-wrap: nowrap;
	padding: 30vw 5.33vw 24vw;
}
#index .guide .inner .photo_sp {
	width: 100%;
	margin-bottom: 8vw;
}
#index .guide .inner .photo_sp img {
	width: 100%;
}
#index .guide .inner .wrap {
	width: 100%;
	padding-left: 0px;
}
#index .guide .inner .wrap .ttl_guide {
	font-size: 8vw;
	text-align: center;
	margin-bottom: 3vw;
}
#index .guide .inner .wrap .lead {
	font-size: 5.33vw;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 8vw;
}
#index .guide .inner .wrap .memo {
	font-size: 4vw;
	margin-bottom: 12vw;
	width:100%;
}

/*--------------------------------------------------*
 *   事業案内
 *--------------------------------------------------*/
#index .works_top {
	width: 100%;
	margin-bottom: 24vw;
}
#index .works_top .introduction {
	width: auto;
	margin: 0px 5.33vw 12vw;
	position: relative;
}
#index .works_top .introduction .lead {
	font-size: 6.93vw;
	margin-bottom: 8vw;
}
#index .works_top .introduction .works_list {
	width: 100%;
	position: static;
}
#index .works_top .introduction .memo {
	width: 100%;
	font-size: 4vw;
	margin-bottom: 8vw;
}
#index .works_top .introduction .works_list ul {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8vw;
}
#index .works_top .introduction .works_list ul li {
	width: calc(100% / 6);
	height: 46.93vw;
	font-size: 4.27vw;
	line-height: auto;
	text-align: center;
	margin-bottom: 0px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
#index .works_top .works_flow {
	width: 100%;
	margin: 0px 0px 9vw;
}
#index .works_top .flow_slider {
	/*
	width: 100%;
	*/
	width: 114%;
	margin-left:-7%;
	margin-bottom: 0px;
}
#index .works_top .flow_slider ul li {
	/*
	width: 100%;
	*/
	margin:0px 10px;

}
#index .works_top .flow_slider ul li .slider_item{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
	border-radius: 10px;

}

#index .works_top .flow_slider ul li .contents {
	width: 100%;
	height: 74vw;
	float: none;
	padding: 5.34vw 4.4vw 0px;
}
#index .works_top .flow_slider ul li .contents .wrap {
	margin-bottom: 3vw;
}
#index .works_top .flow_slider ul li .contents .wrap .koumoku {
	width: calc(100% - 15vw);
	font-size: 5.33vw;
}
#index .works_top .flow_slider ul li .contents .wrap .order {
	width: 15vw;
	font-size: 4vw;
}
#index .works_top .flow_slider ul li .contents .memo {
	font-size: 4vw;
	line-break: anywhere;
}
#index .works_top .flow_slider ul li .contents .memo.type1 {
	margin-bottom: 10vw;
}
#index .works_top .flow_slider ul li .contents .memo.type2 {
	margin-bottom: 1vw;
	padding-bottom: 2vw;
	border-bottom: 1px solid #F4F5F6;
}
#index .works_top .flow_slider ul li .contents .memo.type3 {
	margin-bottom: 4vw;
	padding-bottom: 6vw;
	border-bottom: 1px solid #F4F5F6;
}
#index .works_top .flow_slider ul li .contents .memo.type4 {
	margin-bottom: 0;
}
#index .works_top .flow_slider ul li .contents .bt_contact {
	width: 60vw;
	margin: 0px auto 8vw;
}
#index .works_top .flow_slider ul li .contents .bt_contact a {
	font-size: 4.27vw;
	line-height: 16vw;
}
#index .works_top .flow_slider ul li .contents .spec table {
	width: 100%;
	margin-bottom: 6vw;
}
#index .works_top .flow_slider ul li .contents .spec table tr{
	margin:0;
	padding:0;
}

#index .works_top .flow_slider ul li .contents .spec table th {
	width: 21vw;
	font-size: 3.73vw;
/*
	padding-top: 8px;
*/	
	padding-top:0px;
}
#index .works_top .flow_slider ul li .contents .spec table td {
	width: calc(100% - 21vw);
	padding-top:0px;
}
#index .works_top .flow_slider ul li .contents .spec table td ul li {
	font-size: 3.73vw;
	margin-right: 3vw;
	padding-left: 4vw;
	padding-bottom:0;
}
#index .works_top .flow_slider ul li .contents .spec table td ul li:before {
	font-size: 2vw;
}
#index .works_top .flow_slider ul li .contents .cooperate {
	margin-bottom: 8vw;
}
#index .works_top .flow_slider ul li .photo {
	width: 100%;
	float: none;
}
#index .works_top .flow_slider ul li .photo img {
	width: 100%;
}
.slick-next{
	right:calc(7% + 21px)!important;
	top:35%!important;
}
.slick-prev{
	top:35%!important;
	left:7%!important;
}
.slick-arrow{ z-index:2!important; }

.slick-arrow:before{
	content:""!important;
	width: 42px!important;
	height: 42px!important;
	position: absolute;
	top: 0;
	left: 0;
}
.slick-prev, .slick-next{
	opacity: 1!important;
}
.slick-prev:hover, .slick-next:hover{
	opacity: 1!important;
}

.slick-next:before{
    background: url(../img/index/arrow_next.png)!important;
    background-size: contain!important;
		opacity:1!important;
}

.slick-prev:before{
    background: url(../img/index/arrow_prev.png)!important;
    background-size: contain!important;
		opacity:1!important;
}
		
/*--------------------------------------------------*
 *   私たちの強み
 *--------------------------------------------------*/
#index .strong_point_top {
	width: 100%;
	height: auto;
	background: url("../img/index/bg_strong_point_sp.png") no-repeat center bottom;
	background-size: cover;
	padding: 12vw 5.33vw 18vw;
}
#index .strong_point_top .inner {
	width: 100%;
}
#index .strong_point_top .inner .point_list {
	margin-bottom: 12vw;
	padding-bottom: 12vw;
}
#index .strong_point_top .inner .point_list ul {
	display: block;
	flex-wrap: nowrap;
	margin-bottom: 12vw;
}
#index .strong_point_top .inner .point_list ul li {
	width: 100%;
	height: auto;
	margin-bottom: 3vw;
}
#index .strong_point_top .inner .point_list ul li:nth-child(2n-1) {
	margin-right: 0px;
}
#index .strong_point_top .inner .point_list ul li a {
	padding: 5.6vw 9vw 7.47vw 5.6vw;
	position: relative;
}
#index .strong_point_top .inner .point_list ul li a:after {
	content: '';
	position: absolute;
	top: inherit;
	bottom: 12vw;
	right: 6vw;
	width: 2.4vw;
	height: 2.4vw;
}
#index .strong_point_top .inner .point_list ul li a .ttl_point {
	height: inherit;
	font-size: 5.07vw;
	margin-bottom: 3vw;
}
#index .strong_point_top .inner .point_list ul li a .ttl_point div:nth-child(1) {
	width: 8vw;
	margin-top:0.5vw;	
}
#index .strong_point_top .inner .point_list ul li a .ttl_point div:nth-child(2) {
	width: calc(100% - 8vw);
}
#index .strong_point_top .inner .point_list ul li a .memo {
	font-size: 4vw;
	padding-left: 0px;
}
#index .strong_point_top .inner .bt_white {
	position: static;
}
#index .strong_point_top .inner .contact_point {
	display: block;
	flex-wrap: nowrap;
	text-align: center;
}
#index .strong_point_top .inner .contact_point .ttl_contact {
	width: 100%;
}
#index .strong_point_top .inner .contact_point .ttl_contact h3 {
	font-size: 6.4vw;
	margin-bottom: 2vw;
}
#index .strong_point_top .inner .contact_point .ttl_contact div {
	font-size: 4vw;
	margin-bottom: 3vw;
}
#index .strong_point_top .inner .contact_point .telephone {
	width: 100%;
	margin-bottom: 8vw;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(1) {
	font-size: 7.47vw;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(1) span {
	font-size: 4.8vw;
}
#index .strong_point_top .inner .contact_point .telephone div:nth-child(2) {
	font-size: 4vw;
}
#index .strong_point_top .inner .contact_point .bt_contact {
	width: 100%;
}
#index .strong_point_top .inner .contact_point .bt_contact a {
	font-size: 4.27vw;
	line-height: 16vw;
	border-radius: 10px;
}

/*--------------------------------------------------*
 *   よくあるご質問
 *--------------------------------------------------*/
#index .faq {
	padding: 12vw 5.33vw 18vw;
}
#index .faq .inner {
	width: 100%;
}
#index .faq .faq_list {
	padding: 3vw 4vw 6vw;
}
#index .faq .faq_list ul li {
	border-bottom: 1px solid #ebf3fc;
}
#index .faq .faq_list ul li .bt_add {
	padding: 3vw 8vw 3vw 3vw;
}
#index .faq .faq_list ul li .bt_add .question div:nth-child(1) {
	width: 8vw;
}
#index .faq .faq_list ul li .bt_add .question div:nth-child(1) img {
	width: 6.4vw;
}
#index .faq .faq_list ul li .bt_add .question div:nth-child(2) {
	width: calc(100% - 8vw);
	font-size: 4vw;
	padding-top: 0;
}
#index .faq .faq_list ul li .bt_add .toggle_button {
	top: 7.2vw;
}
#index .faq .faq_list ul li .bt_add .toggle_button_close {
	top: 7.2vw;
	right: 0px;
}
#index .faq .faq_list ul li .add_box .answer {
	padding: 3vw;
}
#index .faq .faq_list ul li .add_box .answer div:nth-child(1) {
	width: 8vw;
}
#index .faq .faq_list ul li .add_box .answer div:nth-child(1) img {
	width: 6.4vw;
}
#index .faq .faq_list ul li .add_box .answer div:nth-child(2) {
	width: calc(100% - 8vw);
	font-size: 4vw;
	padding-top: 0;
}

/*--------------------------------------------------*
 *   技術・設備
 *--------------------------------------------------*/
#index .technology_top {
	width: auto;
	background: url("../img/index/ph_technology_sp.jpg") no-repeat left top;
	background-size: 100%;
	margin: 24vw 0 24vw 5.33vw;
	padding-top: 60vw;
}
#index .technology_top .inner {
	margin-left: 0px;
	background-color: transparent;
	padding: 0px 5.33vw 0px 0px;
}
#index .technology_top .inner .cover {
	width: 100%;
}
#index .technology_top .inner .cover .wrap {
	display: block;
	flex-wrap: nowrap;
}
#index .technology_top .inner .cover .wrap .box_a {
	width: 64vw;
	background-color: #FFF;
	padding-top: 4vw;
}
#index .technology_top .inner .cover .wrap .box_b {
	width: 100%;
}
#index .technology_top .inner .cover .wrap .box_b .lead {
	font-size: 6.93vw;
	margin-bottom: 6vw;
}
#index .technology_top .inner .cover .wrap .box_b .memo {
	font-size: 4vw;
	margin-bottom: 8vw;
}
#index .technology_top .inner .cover .wrap .bt_blue {
	position: static;
}
#index .technology_top .inner .cover .example {
	margin-top: 12vw;
	padding-top: 8vw;
}
#index .technology_top .inner .cover .example .ttl_line {
	padding: 0;
}
#index .technology_top .inner .cover .example .example_list ul {
	display: block;
	flex-wrap: nowrap;
}
#index .technology_top .inner .cover .example .example_list ul li {
	margin-right: 0px;
	margin-bottom: 4vw;
}
#index .technology_top .inner .cover .example .example_list ul li:nth-child(3) {
	margin-right: 0px;
}
#index .technology_top .inner .cover .example .example_list ul li div:nth-child(1) {
	font-size: 4vw;
}
#index .technology_top .inner .cover .example .example_list ul li div:nth-child(2) {
	font-size: 4vw;
}

/*--------------------------------------------------*
 *   採用情報
 *--------------------------------------------------*/
#index .recruit_top {
	background: -webkit-linear-gradient(top, #2683f2, #63bcec);
	background: linear-gradient(to bottom, #2683f2, #63bcec);
}
#index .recruit_top .cover {
	height: auto;
	background: none;
	padding: 20vw 0 24vw 5.33vw;
}

#index .recruit_top .inner {
	width: 100%;
	position: static;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
#index .recruit_top .inner .photo_sp {
	margin-bottom: 9vw;
}
#index .recruit_top .inner .photo_sp img {
	width: 100%;
}
#index .recruit_top .inner .lead {
	font-size: 6.93vw;
	margin-bottom: 3vw;
	padding-top: 0px;
	padding-right: 5.33vw;
}
#index .recruit_top .inner .memo {
	font-size: 4vw;
	margin-bottom: 8vw;
	padding-right: 5.33vw;
}
#index .recruit_top .inner .bt_recruit {
	width: 53.33vw;
	margin-left: 16vw;
}
#index .recruit_top .inner .bt_recruit a {
	font-size: 4.27vw;
	line-height: 16vw;
	background-size: 10.67vw;
	padding-left: 9.33vw;
	border-radius: 60px;
}

/*--------------------------------------------------*
 *   お知らせ
 *--------------------------------------------------*/
#index .news_top {
	width: auto;
	margin: 20vw 5.33vw 24vw;
}
#index .news_top .inner {
	display: block;
	flex-wrap: nowrap;
}
#index .news_top .inner .tab {
	width: 100%;
	min-height:auto;
}
#index .news_top .inner .tab ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 4vw;
}
#index .news_top .inner .tab ul li {
	width: auto;
	margin-bottom: 0px;
	margin-right: 3vw;
}
#index .news_top .inner .tab ul li:last-child {
	margin-right: 0px;
}
#index .news_top .inner .tab ul li a {
	font-size: 4vw;
	padding-left: 3.3vw;
}
#index .news_top .inner .tab ul li a:before {
	font-size: 2vw;
}
#index .news_top .inner .news_list {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 12vw;
}
#index .news_top .inner .news_list ul li a {
	padding: 4vw 0px;
}
#index .news_top .inner .news_list ul li a .wrap {
	margin-bottom: 1vw;
}
#index .news_top .inner .news_list ul li a .wrap .date {
	font-size: 3.73vw;
	font-weight: 500;
	margin-right: 2vw;
}
#index .news_top .inner .news_list ul li a .wrap .category {
	width: 19.2vw;
	font-size: 3.2vw;
	margin-right: 2vw;
}
#index .news_top .inner .news_list ul li a .title {
	font-size: 4vw;
}
#index .news_top .bt_blue {
	width: 43.47vw;
}
#index .news_top .bt_blue a {
	font-size: 3.73vw;
	line-height: 14.93vw;
	padding-left: 6vw;
}
.bt_blue a:after {
	right: 6vw;
}
#index .news_top .bt_facebook {
	width: 53.33vw;
	position: static;
	margin: 0px auto;
}
#index .news_top .bt_facebook a {
	display: block;
	font-size: 4vw;
	line-height: 14.93vw;
	padding-left: 8vw;
	background: url("../img/common/icon_link.png") no-repeat 88% center;
	background-size: 4vw auto;
	background-color: #1b69e0;
}

/*--------------------------------------------------*
 *   取得認証・認定
 *--------------------------------------------------*/
#index .ceritification {
	padding: 20vw 5.33vw 24vw;
}
#index .ceritification .inner {
	width: 100%;
	display: block;
	flex-wrap: nowrap;
}
#index .ceritification .inner .wrap {
	width: 100%;
}
#index .ceritification .inner .wrap .memo {
	font-size: 4vw;
	margin-bottom: 8vw;
}
#index .ceritification .inner .photo {
	width: 100%;
	text-align: center;
}
#index .ceritification .inner .photo img {
	width: 76.53vw;
}
}