@charset "UTF-8";

/*----- reset -----*/
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}*/
/*body{font-family:'源ノ角ゴシック Regular','源ノ角ゴシック','Noto Sans JP','Roboto', Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo , sans-serif;}*/
a{transition:.3s; -webkit-transition:.3s; text-decoration:none; color:#333;}
/*a:hover{opacity: 0.7;text-decoration: none;}*/
/*ul,ol{list-style:none;}
li{list-style:none;}
input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button],
button,
textarea {-webkit-appearance: none; -moz-appearance:none;  border-radius:0; border:none; background:none; outline:none; font-family: 'Noto Sans JP', 'Roboto' , sans-serif;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover,
input:hover[type=button]:hover,
button{outline:none; transition:.3s; -webkit-transition:.3s; cursor:pointer;}
img{vertical-align:top; height:auto;}
i{line-height:1; font-style:normal;}
svg{vertical-align:bottom; transition:.3s; -webkit-transition:.3s;}*/
p{line-height:1.5;}
main{color: #333;}
.pc_only{
	display: block;
}
.sp_only{
	display: none;
}
.inner-wrap--1200{
	max-width: 1200px;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
}

.inner-wrap_1000{
	max-width: 1000px;
	margin: 0 auto;
}

/*solution_nav*/
.solution_nav{
	color: #333;
	background: #f0f0f0;
	height: 106px;
	display: flex;
	align-items: center;
}
.solution_nav .inner-wrap{
	max-width:1080px;
	width: 100%;
	padding: 0 40px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}
.solution_nav .inner-wrap .page_nav_ttl{
	line-height: 1.0;
	margin-right: auto;
}

.solution_nav .inner-wrap .page_nav_ttl .page_nav_link{
	text-decoration: none;
}

.solution_nav .inner-wrap .page_nav_ttl .title_en{
	margin-bottom: 13px;
	line-height: 1;
	font-size: 1.4rem;
}
.solution_nav .inner-wrap .page_nav_ttl .title_ja{
	font-size: 1.8rem;
	line-height: 1;
}
.solution_nav_list{
	display: flex;
	justify-content: center;
	position: relative;
	top: 9px;
}

.solution_nav_list__item{
	font-size: 1.4rem;
	height: 30px;
	padding: 0 24px;
	letter-spacing: .6px;
  color: #333333;
  display: flex;
  align-items: center;
  position: relative;
}

.solution_nav_list__item:after{
	content:"";
	position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: none;
}
.solution_nav_list__item:hover:after{
	background: #999;
}
.solution_nav_list__item.active:after{
  background-color: #005EB8;
}

.solution_nav_list__link:hover{
	text-decoration: none;
}

@media screen and (max-width:767px){
	.solution_nav{
	  display: block;
	  height: 90px;
	  position: relative;
	}
	.solution_nav .inner-wrap{
		max-width: 1080px;
	  width: 100%;
	  padding: 0;
	  box-sizing: border-box;
	  margin: 0 auto;
	  display: block;
	}
	.solution_nav .inner-wrap .page_nav_ttl{
		margin-right: 0;
	}
	.solution_nav .inner-wrap .page_nav_ttl .title_en{
		display: none;
	}
	.solution_nav .inner-wrap .page_nav_ttl .title_ja{
		font-size: 1.8rem;
		line-height: 1;
		padding-top: 20px;
		padding-left: 20px;
	}
	.solution_nav_list{
		display: flex;
		position: static;
		margin-top: 8px;
		top: auto;
	}

	.solution_nav_list__item{
		font-size: 1.4rem;
		text-align: center;
		height: 44px;
		padding: 0;
		box-sizing: border-box;
		letter-spacing: .6px;
	  color: #333333;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: relative;
	  width: calc(100% / 4);

	}

	.solution_nav_list__item:after{
		content:"";
		position: absolute;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 2px;
	  background: none;
	}
	.solution_nav_list__item:hover:after{
		background: #999;
	}
	.solution_nav_list__item.active:after{
	  background-color: #005EB8;
	}

}

/*section*/
.sec_general{
	padding: 60px 0;
	text-align: center;
}
.sec_general .sec_ttl{
	font-size: 2.4rem;
	line-height: 1.0;
	text-align: center;
	/*margin-bottom: 30px;*/
	color: #333;
}

.sec_general .sec_lead{
  text-align: center;
  font-size: 1.4rem;
  margin-top: 30px;
  color: #333;
 }

.sec_bg_grey{
	background: #f5f5f5;
}

/*solution_cont*/
.solution_cont{
	padding: 40px 0 100px;
	background: #f5f5f5;
}
.solution_cont .flex_container{
	display: flex;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;
}
.solution_cont .flex_container .information-item{
	width: 386px;
	margin-right: 21px;
	margin-bottom: 20px;
	display: none;
	transform: translateY(0);
	transition: .5s;
  opacity: 1;
}
.solution_cont .flex_container .information-item.hide{
	-webkit-transform:translateY(25px);
	transform:translateY(25px);
	opacity:0;
}
.solution_cont .flex_container article a{display: block;}
.solution_cont .flex_container article a:hover{
	opacity: .7;
}

#loadarea article{
	display: none;
}
.solution_cont .flex_container article:nth-child(3n){
	margin-right: 0;
}
.solution_cont .flex_container article img{
	width: 100%;
}
.solution_cont .flex_container article .cont_box{
	padding: 20px;
	min-height: 230px;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}
.solution_cont .flex_container article .cont_label{
	display: inline-block;
	line-height: 1.0;
	vertical-align: middle;
	font-size: 1.1rem;
	letter-spacing: .04rem;
	padding: 5px 30px;
	border: 1px solid #c9c9c9;
	border-radius: 13px;
	color: #333;
	margin-bottom: 20px;
}
.solution_cont .flex_container article .cont_sub-ttl{
	color: #005eb8;
	font-size: 1.4rem;
	letter-spacing: .04rem;
	margin-bottom: 10px;
	line-height: 1.5;
	/*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}
.solution_cont .flex_container article .cont_ttl{
	font-size:1.8rem;
	line-height: 1.6;
	letter-spacing: .04rem;
	/*max-height: 50px;
	overflow: hidden;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;*/
}
.solution_cont .flex_container article .cont_tag{
	margin-top: 20px;
	font-size: 1.2rem;
	letter-spacing: .04rem;
	color: #999;
	position: relative;
	padding-left: 26px;
	/*max-height: 36px;
	overflow: hidden;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;*/
}
.solution_cont .flex_container article .cont_tag:before{
	content: url(/solution/assets/img/common/icn_tag.svg);
	width: 16px;
	height: 16px;
	/*display: inline-block;*/
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
}
.solution_cont .flex_container article .cont_tag li{
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
}
.solution_cont .flex_container article .cont_tag li::after{
	content: "/";
	display: inline-block;
	margin: 0 0.5em;
}
.solution_cont .flex_container article .cont_tag li:last-child::after{
	content: none;
}
.view-more-box{
	/*text-align: center;*/
	margin: 40px auto 0;
  width: 208px;
}

.solution_cont .btn_view-more{
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  height: 56px;
  border: #E6E6E6 solid 1px;
  font-size: 1.4rem;
  line-height: 1.57;
  letter-spacing: .06rem;
  color: #333333;
}
.solution_cont .btn_view-more:hover{
	background-color: #F0F0F0;
}

.btn_view-more_txt{
	font-family: 'Roboto', Helvetica, 'メイリオ', 'Meiryo', sans-serif;
}

.btn_view-more_txt:after{
	content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  margin-left: 4px;
  background: url(/assets/img/arrow_button_bk_bottom.svg) no-repeat center center;
}

/*keywords*/
.keywords_blk{
	width: 1000px;
	margin: 80px auto 40px;
	background: #fff;
	box-sizing: border-box;
	padding: 40px;
	text-align: center;
}

.keywords_blk h3{
	font-size: 2.0rem;
	margin-bottom: 24px;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	color: #333;
}

.keywords_blk h3::before{
	content: url(/solution/assets/img/common/icn_tag.svg);
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.keywords_blk .keywords{
/*	display: table;*/
}

.keywords_blk .keywords dl{
	/*display: table-row;*/
	overflow: hidden;
	margin-bottom: 20px;
	line-height: 1.0;
}

.keywords_blk .keywords dl dt,
.keywords_blk .keywords dl dd{
	/*display: table-cell;*/
	float: left;
	text-align: left;
	font-size: 1.2rem;
	vertical-align: middle;

}

.keywords_blk .keywords dl dt{
	width: 130px;
	border-bottom: 2px solid #f5f5f5;
	padding: 8px 0;
}

.keywords_blk .keywords dl dd{
	width: 780px;
	margin-left: 10px;
}

.keywords_blk .keywords dl dd a{
	background: #f5f5f5;
	display: inline-block;
	padding: 8px 2em;
	margin: 0 0 10px 10px;

}

.keywords_blk .keywords dl dd a:hover{
	cursor: pointer;
	opacity: 0.7;
}

.category_btn{
	width: 580px;
	margin: 40px auto 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.category_btn a{
	width: 180px;
	padding: 20px 0;
	border: 1px solid #005eb8;
	font-size: 1.375rem;
	text-align: center;
	color: #005eb8;
	box-sizing: border-box;
}

.category_btn a:hover{
	background: #f5f9fc;
	opacity: 1;
}


/*bnr_area*/
.sec_bnr_area .bnr_box{
	display: flex;
	justify-content: space-between;
}
.sec_bnr_area .bnr_box .bnr_item{
	width: 480px;
}
.sec_bnr_area .bnr_box .bnr_item .bnr_link{
	display: block;
}
.sec_bnr_area .bnr_box .bnr_item .bnr_link:hover{
	opacity: 0.7;
}
.sec_bnr_area .bnr_box .bnr_item .bnr_link .bnr_item_box,
.sec_bnr_area .bnr_box .bnr_item .bnr_link .bnr_item_img{
	width: 100%;
}

.bnr_box--1col{
	width: 100%;
}
.bnr_link--1col{
	width: 100%;
	display: block;
}
.bnr_link--1col:hover{
	opacity: 0.7;
}
.bnr_item_box,
.bnr_item_img{
	width: 100%;
}



.sec_automation{
	padding: 72px 0;
}

.sec_automation .sec_ttl{
	margin-bottom: 38px;
}

.sec_automation .text_automation{
	font-size: 1.4rem;
	line-height: 1.85;
	margin-bottom: 40px;
	color: #333;
}

.logo_automation{
	width: 256px;
}
.link_automation{
	margin-top: 0;
	font-size: 1.4rem;
	line-height: 1.0;
}
.link_automation .link_automation_txt:hover{
	opacity: 0.7;
}

.link_automation .link_automation_txt::after{
	content: "";
	display: inline-block;
	width: 6px;
  height: 6px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 0.5em;
  vertical-align: 2px;
}


/*i-automation*/
.sec_i-automation{
	height: 400px;
	overflow: hidden;
	box-sizing: border-box;
	background-image: url(/solution/assets/img/top/bg_i-automation.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sec_i-automation a{
	padding-top: 153px;
	padding-bottom: 137px;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.sec_i-automation a:hover{
	cursor: pointer;
	opacity: 0.7;
}
.sec_i-automation .i-automation_ttl{
	width: 295px;
	margin: 0 auto 40px;
	text-align: center;
}
.sec_i-automation .i-automation_ttl img{
	width: 100%;
}
.sec_i-automation .i-automation_lead{
	font-size: 2.0rem;
	letter-spacing: .06rem;
	color: #fff;
	text-align: center;
}

/*contact*/
.sec_contact{
	padding: 96px 0 128px;
}
.sec_contact .contact_ttl{
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 70px;
}
.sec_contact .btn_contact{
	display: block;
	margin: 0 auto;
	width: 218px;
	padding: 30px 0;
	border: 1px solid #005eb8;
	font-size: 1.375rem;
	text-align: center;
	color: #005eb8;
	box-sizing: border-box;
}

.general_txt{
	margin: 0 0 30px;
	text-align: left;
}

.sec_notes .bottom_notes{
	margin-top: 40px;
	font-size: 1.1rem;
	color: #999;
}

.mb0{margin-bottom: 0!important;}

.u-font-24 {
  font-size: 2.4rem !important;
}

.u-font-21 {
  font-size: 2.1rem !important;
}

.u-font-18 {
  font-size: 1.8rem !important;
}

.u-font-16 {
  font-size: 1.6rem !important;
}

.u-font-14 {
  font-size: 1.4rem !important;
}

.u-font-12 {
  font-size: 1.2rem !important;
}

.u-font-bold {
  font-weight: bold !important;
}

.u-font-normal {
  font-weight: normal !important;
}

.u-line-height_inh{
	line-height: inherit!important;
}


@media screen and (max-width:1200px) {
	.inner-wrap--1200{
		width: 100%;
		padding: 0 20px;
	}
	.solution_cont .flex_container .information-item{
		width: 32%;
		margin-right: 2%;
	}
	.keywords_blk{
		width: 100%;
	}

	.keywords_blk .keywords dl dt{
		width: 15%;
		box-sizing: border-box;
	}

	.keywords_blk .keywords dl dd{
		width: 84%;
		margin-left: 1%;
	}
}

@media screen and (max-width:1000px) and (min-width:768px){
	.inner-wrap_1000{
		width: 100%;
		padding: 0 20px;
	}
	.sec_bnr_area .bnr_box{
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.sec_bnr_area .bnr_box .bnr_item{
		width: 48%;
	}

	.sec_automation{
		padding: 40px 20px;
	}
	.solution_cont .flex_container .information-item .cont_box{
		padding: 20px;
		height: auto;
		box-sizing: border-box;
		background: #fff;
		overflow: hidden;
	}

}



/*responsive*/
@media screen and (max-width:768px){
	.inner-wrap--1200{
		width: 100%;
	}
	.inner-wrap_1000{
		width: 100%;
	}
	.pc_only{
		display: none;
	}
	.sp_only{
		display: block;
	}

	/*section*/
	.sec_general{
		padding: 40px 5%;
		text-align: left;
	}
	.sec_general .sec_ttl{
		/*font-size: 24px;*/
		line-height: 1.33;
		text-align: center;
		margin-bottom: 30px;
	}

	.sec_general .sec_lead{
	  text-align: left;
	  font-size: 1.4rem;
 	}

	/*solution_cont*/
	.solution_cont .flex_container .information-item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.solution_cont .flex_container .information-item .cont_box{
		height: auto;
	}

	.solution_cont .flex_container .information-item .cont_tag::before{
		min-height: 3em;
	}

	/*.solution_cont .btn_view-more{
		margin: 32px auto 72px;
		width: 100%;
		height: 56px;
		border: 1px solid #005eb8;
		color: #005eb8;
		box-sizing: border-box;
	}*/

	.keywords_blk .keywords dl{
		overflow: hidden;
		margin-bottom: 20px;
		line-height: 1.0;
	}

	.keywords_blk .keywords dl dt,
	.keywords_blk .keywords dl dd{
		float: none;
		text-align: left;
		vertical-align: middle;
	}

	.keywords_blk .keywords dl dt{
		width: 100%;
		border-bottom: none;
		padding: 8px 0;
		color: #005eb8;
		margin-bottom: 12px;
	}

	.keywords_blk .keywords dl dd{
		width: 100%;
		margin-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.keywords_blk .keywords dl dd a{
		background: #fff;
		width: 49.2%;
		box-sizing: border-box;
		display: inline-block;
		padding: 8px 2em;
		margin: 0 0 5px 0;
		text-align: center;
		overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}

	.category_btn{
		width: 100%;
		margin: 40px auto 0;
		display: block;
	}

	.category_btn a{
		display: block;
		width: 88%;
		margin: 0 auto 10px;
		padding: 1em 0;
		border: 1px solid #005eb8;
		text-align: center;
		color: #005eb8;
		box-sizing: border-box;
	}

	.sec_bnr_area .bnr_box{
		width: 100%;
		box-sizing: border-box;
		display: block;
	}
	.sec_bnr_area .bnr_box .bnr_item{
		width: 100%;
		margin-bottom: 20px;
	}
	.sec_bnr_area .bnr_box .bnr_item:last-child{
		margin-bottom: 0;
	}

	.sec_automation{
		padding: 40px 20px;
	}


	/*i-automation*/
	.sec_i-automation{
		height: 235px;
	}
	.sec_i-automation a{
		padding: 85px 5% 80px;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.sec_i-automation .i-automation_ttl{
	width: 147px;
	margin: 0 auto 20px;
	}
	.sec_i-automation .i-automation_lead{
		color: #fff;
		text-align: center;
		font-size: 1.2rem;
		letter-spacing: .06rem
	}

	/*contact*/
	.sec_contact{
		padding: 60px 5% 45px;
	}
	.sec_contact .contact_ttl{
		text-align: center;
		/*font-size: 16px;*/
		margin-bottom: 35px;
	}
	.sec_contact .btn_contact{
		padding: 28px 0;
		border: 1px solid #005eb8;
		/*font-size: 13px;*/
		text-align: center;
		line-height: 1.0
	}
	.sec_notes{
		padding: 0 20px;
		word-break: break-all;
		word-wrap: break-word;
	}
	.u-font-24-sp {
    font-size: 2.4rem !important;
  }
  .u-font-21-sp {
    font-size: 2.1rem !important;
  }
  .u-font-18-sp {
    font-size: 1.8rem !important;
  }
  .u-font-16-sp {
    font-size: 1.6rem !important;
  }
  .u-font-14-sp {
    font-size: 1.4rem !important;
  }
  .u-font-12-sp {
    font-size: 1.2rem !important;
  }
  .u-font-bold-sp {
    font-weight: bold !important;
  }
  .u-font-normal-sp {
    font-weight: normal !important;
  }

}

/*iPad*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.inner-wrap{
		width: 100%;
	}
	.inner-wrap_1000{
		width: 100%;
	}
	.solution_cont .flex_container article{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.solution_cont .flex_container article .cont_box{
		min-height: 300px;
	}

	.relation-contents .relation-list li {
	  width: 48%!important;
	  float: none;
	}

	.solution_nav{
		padding: 20px 0;
	}

	.solution_nav .inner-wrap .page_nav_ttl{
		width: 30%;
		float: left;
	}
	.sec_general{
		text-align: center;
	}
	.solution_cont .flex_container.information-item .cont_tag::before{
		min-height: 5em;
	}

}

/*iPad*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.inner-wrap-1200{
		width: 100%;
		padding: 0 20px;
	}
	.inner-wrap_1000{
		width: 100%;
		padding: 0 20px;
	}
	.solution_cont .flex_container .information-item{
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.keywords_blk{
		width: 100%;
	}
	.keywords_blk .keywords dl dt{
		width: 100px;
	}
}