@charset "utf-8";
/* CSS Document */

/* -----------------------------
	basic
-------------------------------- */
.basic_titbox{
	/*
	background: url( "../img/catch_bg.jpg" ) center top / cover no-repeat #efefef;
	*/
	width: 100%;
	padding: 0 0 0;
}

.basic_titbox .title_box{
	text-align: center;
}


.basic_list{
	line-height: 1.8;
}
.basic_list li{
	color: #004fa1;
	font-size:1.5rem;
	margin-left: 1em;
	margin-bottom: 8px;
}

.basic_list span{
	color: #333;
	font-size:1.7rem;
}
.dep-ser_box1{
	margin-bottom: 100px;
}
.dep-ser_box1 .basic_titbox{
	margin-bottom:60px;
}
.dep-ser_box2{
	margin-bottom: 90px;
}

.contents_box{
	margin-bottom: 80px;
}

.contents_box .basic_titbox{
	margin-bottom:40px;
}

.movie iframe{
	width: 520px;
	max-width: 520px;
	min-height: 338px;
}
.movie_list li{
	width:320px;
	float: left;
	margin-right: 70px;
	margin-bottom: 40px;
	text-align: center;
}

.movie_list li:nth-child(3n){
	margin-right: 0;
}
.movie_list .movie iframe{
	width: 320px;
	max-width: 320px;
	min-height: 200px;
}

.basic_imglist{
	margin-top: 20px;
}
.basic_imglist li{
	float: left;
	margin-right: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.basic_imglist li:nth-child(2n){
	margin-right: 0;
}
.basic_img{
	margin:40px 0 0 0;
}

.tar{
	text-align:right;
}


.back_link.detail{
	margin: -10px 0 80px 0;
}


@media screen and (max-width: 667px){

	.basic_titbox{
		padding: 20px 0 5px;
	}
	.basic_titbox .title_box .title_e{
		font-size: 2.6rem;
		margin-bottom: 3px;
	}
	.basic_titbox .title_box .title_j{
		font-size: 1.6rem;
	}
	.basic_list span{
		font-size:1.5rem;
	}
	.dep-ser_box1{
		margin-bottom: 20px;
	}
	.dep-ser_box1 .basic_titbox{
		margin-bottom:0;
	}
	.dep-ser_box2{
		margin-bottom: 40px;
	}
	.contents_box{
		margin-bottom: 40px;
	}
	.contents_box .basic_titbox{
		margin-bottom:20px;
	}
	
	.movie_list{
		padding: 0 0 20px 0;
	}
	.movie iframe,
	.movie_list .movie iframe{
		width: 100%;
		min-height: 200px;
	}
	.movie_list li{
		width:100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.movie_list li:nth-last-child(1){
		margin-bottom: 0;
	}
	.basic_imglist li{
		float: none;
		margin-right: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.basic_img{
		margin:20px 0 0 0;
	}	

	
	.back_link.detail{
		margin: 0 0 30px 0;
		padding: 10px 0 0 0;
	}
	
}

/* -----------------------------
	一覧
-------------------------------- */

.section_box{
	margin-bottom:70px;
}


.section_box.style_mt{
	margin-top:50px;
}



.section_box .inner{
	margin: 60px auto;
}

.table{
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
}
.table th{
	border: 1px solid #ddd;
	padding: 20px;
	white-space: nowrap;
	font-weight: 400;
	background-color:#efefef;
	background: #2E3642;
	color: #FFF;
}

.table_cell1,
.table_cell2,
.table_cell3,
.table_cell4,
.table_cell5{
	border: 1px solid #ddd;
	padding: 20px;
	line-height: 1.6;
	text-align: center;
}
.table_cell4{
	text-align: left;
	font-size: 1.5rem;
}

@media screen and (max-width: 667px){
	
	.section_box{
		margin-bottom:50px;
	}

	.section_box.style_mt{
		margin-top:20px;
	}

	
	.table{
		background: none;
	}
	.table.top_line{
		border-top: 1px solid #ddd;
	}
	.table tr{
		
	}
	.table td{
		width: 100%;
	}
	.table_cell1{
		display: none;
	}
	/*
	.table_cell2.style_top{
		padding: 0 5px 5px 5px;
	}
	*/
	.table_cell2{
		font-weight: 600;
		padding: 15px 5px 5px 5px;
		display: block;
		border: none;
	}
	
	.table_cell3{
		padding: 0 5px;
		display: block;
		border: none;
	}
	
	.table_cell4{
		padding: 10px 5px 20px 5px;
		display: block;
		border: none;
		border-bottom: 1px solid #ddd;
		font-size: 1.4rem;
	}
	.table_cell4.none{
		padding: 0 5px 20px 5px;
	}
	
	.table_cell5{
		padding: 5px 5px 0 5px;
		display: block;
		border: none;
		font-size: 1.4rem;
	}
	
}

/* -----------------------------
	一覧2
-------------------------------- */

.table2{
	width: 100%;
	border-collapse: collapse;
	line-height: 1.8;
}
.table2 th{
	width: 200px;
	border: 1px solid #ddd;
	padding: 20px;
	font-weight: 400;
	background-color:#F5F6FA;
}

.table2 td{
	width: 300px;
	border: 1px solid #ddd;
	padding: 20px;
}

@media screen and (max-width: 667px){
	.table2 th{
		width: 100%;
		display: block;
		padding: 15px;
	}
	.table2 td{
		width: 100%;
		display: block;
		padding: 15px 15px 20px;
	}
}


/* -----------------------------
	一覧3
-------------------------------- */

.table3{
	width: 100%;
	border-collapse: collapse;
}
.table3 th{
	width: 200px;
	border-bottom: 1px solid #EDEDED;
	padding: 20px;
	font-weight: 400;
}

.table3 td{
	width: 300px;
	border-bottom: 1px solid #EDEDED;
	padding: 20px;
}

@media screen and (max-width: 667px){
	.table3 th{
		width: 100%;
		display: block;
		border-bottom: 1px solid #DDD;
	}
	.table3 td{
		width: 100%;
		display: block;
		border-bottom: 1px solid #DDD;
	}
}

/* -----------------------------
	課題
-------------------------------- */
.dep_taskbox{
	display: table;
	/*
	width: 100%;
	*/
	margin:0 0 50px;
	padding: 50px 60px 50px 40px;
	border: 1px #333 solid;
	box-shadow: 6px 6px #efefef;
}
.dep_tas_tit{
	display: table-cell;
	font-size: 2.2rem;
	color: #333;
	vertical-align: middle;
	text-align: center;
	padding:0 30px 0 0;
	width:250px;
}

.dep_tas_tit2{
	font-family: 'Satisfy', cursive;
	color: #004fa1;
	font-size: 1.6rem;
	position: relative;
	top: 0;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	display: inline-block;
}

.dep_task_txt{
	display: table-cell;
	font-size: 1.8rem;
	color: #333;
	line-height: 2.0;
	border-left:1px solid #DDD;
	padding-left:50px;
	width:850px;
}

@media screen and (max-width: 667px){

	.dep_taskbox{
		display: block;
		margin:0 0 30px;
		padding: 30px 20px;
	}

	.dep_tas_tit{
		display: block;
		font-size: 1.8rem;
		position: static;
		padding:0;
		margin-bottom: 15px;
		width:100%;
	}

	.dep_task_txt{
		display: block;
		font-size: 1.5rem;
		padding-left:0;
		border-left:none;
		width:100%;
	}
	
	.dep_tas_tit2{
		font-size: 1.4rem;
	}
	
}

/* -----------------------------
	エムソフトのソリューション概要
-------------------------------- */
.dep_msoft{
	width:100%;
	/*
	background: url( "../img/top_com_bg.jpg" );
	*/
	background: #2E3642;
	box-shadow: 6px 6px #EBEDF1;
	color: #FFF;
	padding: 70px;
	margin-bottom: 120px;
}

.dep_msoft_tit{
	font-size: 2.4rem;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 30px;
	font-weight: 600;
}

.dep_msoft_tit img{
	height: 25px;
}
.dep_msoft_tit span{
	position: relative;
	top:-5px;
	left:7px;
	margin-bottom:-5px;
}
.dep_msoft_txt_box{
	padding: 0;
	line-height: 2;
}

.dep_msoft .basic_list li{
	margin-top: 8px;
}
.dep_msoft .basic_list li span{
	color: #FFF;
	font-size: 1.6rem;
}

@media screen and (max-width: 667px){
	
	.dep_msoft{
		box-shadow: none;
		padding: 40px 20px;
		margin-bottom: 40px;
	}

	.dep_msoft_tit{
		font-size: 1.8rem;
		text-align: center;
		padding-top: 0;
		padding-bottom: 10px;
		line-height: 1.5;
	}
	
	.dep_msoft_tit span{
		line-height: 1.3;
	}

	.dep_msoft_tit img{
		height: 18px;
		vertical-align: top;
	}
	.dep_msoft_tit span{
		position: relative;
		top:-5px;
		left:2px;
		margin-bottom:-5px;
	}
	.dep_msoft_txt_box{
		padding: 0;
	}
}


/* -----------------------------
	事例紹介
-------------------------------- */
.dep_case_area{
	background: #F5F6FA;
	border-top: 6px #E50012 solid;
	padding: 80px 0 100px 0;
}

.dep_casbox{
	width: 1100px;
	background-color:#fff;
	border:1px solid #333;
	box-shadow: 6px 6px #2E3642;
	padding: 70px 60px;
	margin-bottom: 80px;
}
.dep_casbox.pn_case{
	margin-top: 80px;
	margin-bottom: 0;
}
.dep_casbox.pn_case .btn1{
	margin: 35px auto 0;
}

.dep_casbox_tit{
	font-size:2.6rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
	color: #E50012;
}
.dep_casbox_tit span{
	font-family: 'Lato', sans-serif;
	display: block;
	font-size:1.6rem;
	margin: 0 0 10px;
}

.dep_casbox_client{
	font-size:1.6rem;
	text-align: center;
	margin-bottom: 45px;
	background: #2E3642;
	color: #FFF;
	padding: 10px;
}

.dep_casbox_eff{
	display:table;
	line-height: 1.8;
	margin-bottom: 20px;
}

.dep_casbox_eff .dep_casbox_eff_tit{
	display:table-cell;
	background: url( "../img/icon_line.png" ) left top 17px / 10px 2px no-repeat;
	font-size: 1.8rem;
	padding-left: 18px;
	width: 170px;
	font-weight: 600;
}
.dep_casbox_eff .dep_casbox_eff_txt{
	display:table-cell;
}

.dep_casbox_eff2{
	display: table;
	border:1px solid #DDD;
	width: 100%;
	margin: 40px 0;
}
.dep_casbox_eff2.auto{
	width: auto;
}

.dep_casbox_eff_tit2{
	display: table-cell;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	width: 144px;
	background: url( "../img/dep_eff_bg.jpg" ) left top / cover no-repeat;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0;
}

.dep_casbox_eff_tit2 img{
	width: 30px;
	margin-bottom: 8px;
}

.dep_casbox_eff_txt2{
	background: url( "../img/dep_eff_yazirusi.png" ) left top 50% / 12px auto no-repeat;
	padding: 30px 30px 30px 40px;
}

.dep_case_area .title3 span{
	background-color: #F5F6FA;
}


@media screen and (max-width: 667px){

	.dep_case_area{
		border-top: 4px #E50012 solid;
		padding: 10px 0 40px 0;
	}
	
	.dep_casbox{
		width: 100%;
		box-shadow: 4px 4px #2E3642;
		padding: 20px 15px;
		margin-bottom: 30px;
	}
	.dep_casbox.pn_case{
		margin-top: 30px;
	}
	.dep_casbox.pn_case .btn1{
		margin: 20px auto 0;
	}

	.dep_casbox_tit{
		font-size:1.8rem;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.dep_casbox_tit span{
		margin: 0 0 3px;
	}

	.dep_casbox_client{
		font-size:1.5rem;
		margin-bottom: 25px;
	}

	.dep_casbox_eff{
		display:block;
	}

	.dep_casbox_eff .dep_casbox_eff_tit{
		display:block;
		background: url( "../img/icon_line.png" ) left top 15px / 10px 2px no-repeat;
		font-size: 1.7rem;
		padding-left: 20px;
		width: 100%;
		padding: 0 0 10px 20px;
	}
	.dep_casbox_eff .dep_casbox_eff_txt{
		display:block;
	}

	.dep_casbox_eff2{
		display:block;
		margin: 25px 0;
	}
	.dep_casbox_eff2.auto{
		width: 100%;
	}
	.dep_casbox_eff_tit2{
		display:block;
		width: 100%;
		background: url( "../img/dep_eff_bg.jpg" ) left top / cover no-repeat;
		padding: 15px 0;
	}

	.dep_casbox_eff_tit2 img{
		width: 18px;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.dep_casbox_eff_tit2 span{
		position: relative;
		top:0;
	}
	.dep_casbox_eff_txt2{
		background: none;
		padding: 15px;
	}
	
		
}

/* -----------------------------
	開発期間と費用イメージ
-------------------------------- */

.price_table{
	width: 100%;
	border-collapse: collapse;
}

.price_table td{
	width: 33%;
	padding: 40px 20px;
	border:1px solid #DDD;
	vertical-align: top;
}
.price_table.col4 td{
	width: 25%;
	padding: 30px 10px;
}
.price_table.col5 td{
	width: 20%;
	padding: 30px 10px;
}

.price_table_tit{
	font-size:2.2rem;
	font-weight: 500;
	color: #004fa1;
	margin-bottom: 20px;
	line-height: 1.5;
}


.price_box{
	
}

.price_box .price_table_tit{
	font-size: 1.6rem;
	margin-bottom: 10px;
	text-align: center;
}

.price_table_txt{
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.6;
	padding: 0 0 0 0;
}

@media screen and (max-width: 667px){
	
	.price_table{
		margin-top: 0;
		margin-bottom: 20px;
		/*
		border-top:1px solid #e7e7e7;
		*/
	}

	.price_table td{
		width: 100%;
		padding: 20px 0 10px;
		display: block;
		border: none;
		border-top:1px solid #DDD;
	}
	.price_table.col4 td{
		width: 100%;
		padding: 20px 0 10px;
	}
	.price_table.col5 td{
		width: 100%;
		padding: 20px 0 10px;
	}
	
	.price_table td:nth-last-child(1){
		border-bottom:1px solid #DDD;
	}
	
	.price_table_tit{
		font-size:1.5rem;
		margin-bottom: 15px;
	}

	.price_table_txt{
		font-size:1.4rem;
		padding: 0 0 10px;
	}
	
	.price_box .price_table_tit{
		margin-bottom: 5px;
	}

	.price_table_txt{
		font-size: 1.6rem;
		line-height: 1.6;
	}
}

/* -----------------------------
	開発の流れ
-------------------------------- */
.plan_app_flow{
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
}

.plan_app_flow th{
	background-color: #2E3642;
	color: #fff;
	width: 340px;
	padding: 30px;
	text-align: center;
}
.plan_app_flow_th1{
	font-family: 'Lato', sans-serif;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 5px;
}

.plan_app_flow_th2{

	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 500;
}


.plan_app_flow_th3{
	font-size: 1.4rem;
	border:1px solid #666;
	width: 190px;
	padding:10px;
	font-weight: 400;
	margin: auto;
}

.plan_app_flow td{
	width: 820px;
	padding: 40px;
}

.plan_app_flow_tit{
	font-size:2.2rem;
	color: #004fa1;
	margin-bottom: 20px;
	line-height:1.2;
}

.plan_app_flow_txt{
	font-size:1.5rem;
	line-height:1.8;
}

.plan_app_flow_yazirusi{
	margin-left: 160px;
	padding: 15px 0;
}

.plan_app_flow_yazirusi img{
	width: 20px;
}

/*p_networks*/
#p_networks th.bg_wh {
	border: none;
	background: #fff;
}
#p_networks th.pn_step2 {
	padding: 25px;
	background-color: #0095dd;
}
#p_networks th.pn_step3 {
	padding: 25px;
	background-color: #073190;
}
#p_networks .pn_table th {
	font-size: 1.8rem;
	font-weight: 500;
}
#p_networks .pn_table td {
	width: 33.33%;
	border: 1px solid #ddd;
    padding: 20px;
    line-height: 1.6;
    text-align: center;
}


@media screen and (max-width: 667px){

	.plan_app_flow th{
		width: 100%;
		padding: 20px;
		display: block;
	}

	.plan_app_flow_th1{
		font-size: 1.3rem;
		margin-bottom: 8px;
	}

	.plan_app_flow_th2{
		font-size: 1.6rem;
	}

	.plan_app_flow_th3{
		font-size: 1.2rem;
		width: 100%;
	}

	.plan_app_flow td{
		width: 100%;
		padding: 20px;
		display: block;
	}

	.plan_app_flow_tit{
		font-size:1.6rem;
		margin-bottom: 10px;
	}

	.plan_app_flow_txt{
		font-size:1.5rem;
	}

	.plan_app_flow_yazirusi{
		margin-left: 0;
		text-align: center;
		padding: 10px 0;
	}

	.plan_app_flow_yazirusi img{
		width: 20px;
	}
	
	/*p_networks*/
	#p_networks th.pn_step2,
	#p_networks th.pn_step3 {
		padding: 10px;
	}
	#p_networks .pn_table th {
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.4;
		white-space: pre-wrap;
	}
	#p_networks .pn_table td {
		width: auto;
		text-align: left;
		font-size: 1.4rem;
		padding: 10px;
		
	}
	
}


/* -----------------------------
		特長
-------------------------------- */
.dep_point_area{
	background:url(../images/red_polygon_bg.png) repeat left top;
	padding: 80px 0 110px 0;
}
.dep_point_area .title_box .title_e,
.dep_point_area .title_box .title_j,
.dep_point_area .title_box .title_e .tc_red,
.dep_point_area .title_box .title_j .tc_red{
	color: #FFF;
}
.dep_point_area .title_box .title_j{
	padding-bottom: 20px;
}

.cha_box{
	width: 1100px;
	background-color:#fff;
	border:1px solid #333;
	/*
	box-shadow: 6px 6px #2E3642;
	*/
	padding: 40px 60px 60px 60px;
	margin-top: 40px;
}
.cha_box.l{
	float: left;
	width: 530px;
	padding: 40px 50px 50px 50px;
	margin-bottom: 0;
	margin-top: 40px;
	box-shadow: none;
	
	min-height: 310px;
}
.cha_box.l.r{
	float: right;
}

.cha_box.style2{
	margin-left: 200px;
}

.cha_box.style_last{
	margin-bottom:0;
}

.cha_num{
	font-size: 4.2rem;
	font-weight: 500;
	font-style: italic;
	color: #333;
	position: relative;
	top:-80px;
	margin-bottom: -45px;
}

.cha_icon{
	text-align: center;
}
.cha_icon img{
	width: 70px;
}

.cha_tit{
	font-size: 2.6rem;
	font-weight: 600;
	color:#E50012;
	margin: 10px 0 20px;
	text-align: center;
	line-height: 1.3;
}

.cha_txt{
	color: #333;
	line-height: 1.8;
}

@media screen and (max-width: 667px){

	/* -----------------------------
			特長
	-------------------------------- */

	.dep_point_area{
		background:url(../images/red_polygon_bg.png) repeat-x left top;
		background-size: 600px auto;
		padding: 20px 0 10px 0;
	}
	.dep_point_area .title_box .title_j{
		padding-bottom: 0;
	}

	
	.cha_box{
		width: 100%;
		padding: 20px 0 30px 0;
		margin-top: 0;
		border:none;
		box-shadow: none;
		border-bottom: 1px #DDD solid;
	}
	.cha_box:last-child{
		border-bottom: none;
	}
	
	.cha_box.l{
		float: none;
		width: 100%;
		padding: 20px 0 30px 0;
		
		margin-bottom: 0;
		margin-top: 0;
		border:none;
		border-bottom: 1px #DDD solid;
		
		box-shadow: none;
		min-height: inherit;
	}
	.cha_box.l.r{
		float: none;
	}
	
	.cha_box.style2{
		margin-left: 0;
	}

	.cha_box.style_last{
		margin-bottom:0;
	}

	.cha_num{
		font-size: 3.2rem;
		position: relative;
		top:-65px;
		margin-bottom: -45px;
	}

	.cha_icon{
	}
	.cha_icon img{
		width: 60px;
	}
	
	.cha_tit{
		font-size: 2rem;
		line-height: 1.5;
		margin: 8px 0 15px;
	}
	
	.cha_txt{
		font-size: 1.5rem;
	}
	
}





/* -----------------------------
	画像配置
-------------------------------- */

/* base */
.cmn_photo_r{
	float: right;
	margin: 5px 0 0 40px;
	display: inline-block;
}
.cmn_photo_r img{
	max-width: 320px;
}

.cmn_photo_center{
	margin: 70px 0 0 0;
	text-align: center;
}
.cmn_photo_center img{
	width: auto;
	max-width: 100%;
}

.cmn_photo_center span.cap,
.cmn_photo_r span.cap{
	display: block;
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 20px 0 0 0;
	text-align: center;
}
/*
.cmn_photo_caption{
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 10px 0 0 0;
	text-align: center;
}
*/



/* ar */
.cmn_photo_r.ar{
	margin: 30px 0 0 40px;
}
.cmn_photo_r.ar img{
	max-width: 400px;
}

/* artoolkit */
.cmn_photo_r.artoolkit_point02 img{
	max-width: 420px;
}
.cmn_photo_r.artoolkit_point03 img{
	max-width: 420px;
}


/* becomons */
.cmn_photo_center.becomons{
	margin: 0 0 0 0;
}
.cmn_photo_center.becomons_kino img{
	margin: -60px 0 20px 0;
}


/* biz-ar */
.cmn_photo_center.biz-ar{
	margin: 0 0 0 0;
}

/* cloud */
.cmn_photo_center.cloud_case01 img,
.cmn_photo_center.cloud_case02 img{
	width: 650px;
}
.cmn_photo_center.cloud_case02 img{
	margin: -50px 0 0 0;
}
.cmn_photo_center.cloud_flow img{
	margin: -20px 0 0 0;
}

/* construction */
.cmn_photo_center.construction_case03 img{
	margin: -30px 0 0 0;
	width: 850px;
}

/* web */
.cmn_photo_center.web_case01 img{
	width: 550px;
}
.cmn_photo_center.web_case02 img,
.cmn_photo_center.web_case03 img{
	width: 900px;
}

/* smartphone */
.cmn_photo_center.smartphone_case02 img{
	width: 700px;
	margin: -20px 0 0 0;
}

/* ar */
.cmn_photo_center.ar_kosei img{
	width: 750px;
	margin: 0 0 0 0;
}

/*p_networks*/
.cmn_photo_center .w750{
	display: block;
	width: 750px;
	margin: 0 auto;
}
.cmn_photo_center.pn_case {
	margin: 20px auto 0;
}

@media screen and (max-width: 667px){
	
	/* base */
	.cmn_photo_r{
		float: none;
		margin: 0 0 20px 0;
		text-align: center;
		display: block;
	}
	.cmn_photo_r img{
		width: 100%;
		max-width: 480px;
	}
	
	
	.cmn_photo_center{
		margin: 30px 0 0 0;
	}
	.cmn_photo_center img{
		width: 100%;
		max-width: 480px;
	}
	
	.cmn_photo_center span.cap,
	.cmn_photo_r span.cap{
		font-size: 1.3rem;
		margin: 6px 0 0 0;
		text-align: left;
	}
	
	
	/* ar */
	.cmn_photo_r.ar{
		margin: 0 0 0 0;
	}
	.cmn_photo_r.ar img{
		max-width: 480px;
	}
	
	
	/* artoolkit */
	.cmn_photo_r.artoolkit_point02 img{
		max-width: 480px;
	}
	.cmn_photo_r.artoolkit_point03 img{
		max-width: 480px;
	}
	
	
	/* becomons */
	.cmn_photo_center.becomons{
		margin: 0 0 20px 0;
	}
	.cmn_photo_center.becomons_kino img{
		margin: 0 0 20px 0;
	}

	
	/* biz-ar */
	.cmn_photo_center.biz-ar{
		margin: 0 0 20px 0;
	}
	
	/* cloud */
	.cmn_photo_center.cloud_case01 img,
	.cmn_photo_center.cloud_case02 img{
		width: 100%;
		margin: 0;
	}
	.cmn_photo_center.cloud_flow img{
		margin: 0 0 0 0;
	}

	
	/* construction */
	.cmn_photo_center.construction_case03 img{
		width: 100%;
		margin: 0 0 10px;
	}
	
	/* web */
	.cmn_photo_center.web_case01 img,
	.cmn_photo_center.web_case02 img,
	.cmn_photo_center.web_case03 img{
		width: 100%;
		margin: 0 0 10px;
	}
	
	/* smartphone */
	.cmn_photo_center.smartphone_case02 img{
		width: 100%;
		margin: 0;
	}
	
	/* ar */
	.cmn_photo_center.ar_kosei{
		margin: 0 5px;
	}
	.cmn_photo_center.ar_kosei img{
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	/*manufacture*/
	.cmn_photo_center .w750{
		width: 100%;
	}
	
}



/*
.border_box{
	border:1px solid #e7e7e7;
	padding: 50px 60px;
}

.border_box_tit{
	font-size:2.0rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.6;
	background-image:url(../images/list_icon.png);
	background-repeat:no-repeat;
	background-size:14px;
	padding-left:25px;
	background-position:0 10px;
}

.border_box_txt{
	font-size:1.6rem;
	color: #333;
	line-height: 2.0;
}

.contentsbox{
	margin: 0 0 70px 0;
}
.contentsbox.style_b_sp{
	margin-bottom: 100px;
}

.contentsbox2{
	margin: 0 50px 40px 50px;
}

.contentsbox2.style_b0{
	margin-bottom: 0;
}


.typ_list_icon{
	text-align:center;
}
.typ_list_icon img{
	width: 37px;
	margin: auto;
}

.typ_list_tit{
	font-size: 2.3rem;
	color: #004fa1;
	font-weight: 500;
	text-align: center;
	padding-top:15px;
	margin-bottom: 30px;
	line-height: 1.5;
}

.box_l{
	width:520px;
	float: left;
}

.box_r{
	width:520px;
	float: right;
}

.basic_imglist{
	margin-top: 25px;
}

.basic_imglist li{
	float: left;
	width: 520px;
	margin-right: 60px;
	margin-bottom: 60px;
}

.basic_imglist li:nth-child(2n){
	margin-right: 0;
}

.basic_imglist li:nth-last-child(-n+2){
	margin-bottom: 0;
}

.basic_imglist.style2 li{
	width: 48%;
	margin-right: 4%;
}
.basic_imglist.style2 li:nth-child(2n){
	margin-right: 0;
}

.basic_imglist img{
	width:100%;
}

.basic_img{
	margin-top:30px;
	text-align: center;
}

.ser_num_box{
	width: 100%;
	background-color: #fff;
	border:1px solid #e7e7e7;
	box-shadow: 7px 7px #efefef;
	padding: 60px 80px;
}

@media screen and (max-width: 667px){
	
	.border_box{
		border: none;
		padding: 0;
	}
	
	.border_box_tit{
		font-size:1.8rem;
		margin-bottom: 10px;
		background-position:0 8px;
	}
	.border_box_txt{
		font-size:1.5rem;
		line-height: 1.7;
	}
	.contentsbox{
		margin: 0 0 30px 0;
	}
	.contentsbox.style_b_sp{
		margin-bottom: 60px;
	}
	
	.contentsbox2{
		margin: 0 0 25px 0;
	}

	.contentsbox2.style_b0{
		margin-bottom: 0;
	}
	
	
	
	.typ_list_tit{
		font-size: 1.8rem;
		margin-bottom: 15px;
		padding-top: 0;
	}
	
	.box_l{
		width:100%;
		float: none;
	}

	.box_r{
		width:100%;
		float: none;
	}
	
	.basic_imglist li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.basic_imglist li:nth-last-child(-n+2){
		margin-bottom: 40px;
	}
	.basic_imglist li:nth-last-child(-n+1){
		margin-bottom: 0;
	}
	
	.basic_imglist.style2 li{
		width: 100%;
		margin-right: 0;
	}
	.basic_imglist.style2 li:nth-child(2n){
		margin-right: 0;
	}
	.basic_img{
		margin-top:20px;
	}
	.ser_num_box{
		padding: 20px;
		margin: 0 0 20px 0;
	}

}
*/


/* よくある質問 
.plan_q_icon{
	color: #666;
	font-family: 'Poppins', sans-serif;
	font-size: 2.5rem;
	margin-right: 20px;
}

.plan_q_txt{
	margin-left: 40px;
	position: relative;
	top:-25px;
	margin-bottom: -25px;
	line-height:1.5;
}

.plan_a_txt{
	margin-left: 40px;
	position: relative;
	top:-20px;
	margin-bottom: -20px;
	line-height:1.8;
}

.plan_a_icon{
	color: #004fa1;
	font-family: 'Poppins', sans-serif;
	font-size: 2.5rem;
	margin-right: 20px;
}

.plan_a{
	padding-top: 25px;
}

@media screen and (max-width: 667px){
	.plan_q_icon{
		color: #666;
		font-family: 'Poppins', sans-serif;
		font-size: 1.8rem;
		margin-right: 15px;
	}
	
	.plan_a_icon{
		color: #004fa1;
		font-family: 'Poppins', sans-serif;
		font-size: 1.8rem;
		margin-right: 15px;
	}

	.plan_q_txt{
		margin-left: 40px;
		font-size: 1.6rem;
		position: relative;
		top:-20px;
		margin-bottom: -20px;
		line-height:1.3;
	}
	
	.plan_a_txt{
		margin-left: 40px;
		font-size: 1.6rem;
		position: relative;
		top:-25px;
		margin-bottom: -25px;
		line-height:1.6;
	}


	.plan_a{
		padding-top: 20px;
	}
}

*/
/* -----------------------------------------------------------
    よくある質問
-------------------------------------------------------------- 
.cmn_faq_area{
	padding: 60px 0 0 0;
}

.cmn_faq_area ul{
	border-top: 1px #E7E7E7 solid;
}
.cmn_faq_area ul li{
	border: 1px #E7E7E7 solid;
	border-top: none;
	padding: 60px 80px;
}

.cmn_faq_area ul li .q {
	margin: 0 0 0 0;
	padding: 5px 0 0 40px;
	font-size: 2.0rem;
	font-weight: 500;
	color: #000;
	line-height: 1.4;
	position: relative;
}
.cmn_faq_area ul li .q::before {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	content: "Q";
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 2.6rem;
	color: #555;
}

.cmn_faq_area ul li .a{
	padding: 20px 0 0 40px;
	font-size: 1.5rem;
	line-height: 2.0;
	position: relative;
}
.cmn_faq_area ul li .a::before {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 0;
	content: "A";
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 2.6rem;
	color: #004fa1;
}
.cmn_faq_area ul li .a.bot{
	padding: 10px 0 0 40px;
	position: inherit;
}
.cmn_faq_area ul li .a.bot::before{
	display: none;
}



@media screen and (max-width: 667px){
	
	.cmn_faq_area{
		padding: 0 0 40px 0;
	}

	.cmn_faq_area ul{
		border-top: none;
	}
	.cmn_faq_area ul li{
		border: none;
		border-top: none;
		border-bottom: 1px #E7E7E7 solid;
		padding: 0 15px 0 15px;
	}
	.cmn_faq_area ul li:nth-child(even){
		background: #F5F5F5;
	}

	
	.cmn_faq_area ul li .q {
		margin: 0 0 0 0;
		padding: 18px 30px 18px 30px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.cmn_faq_area ul li .q::before {
		top: 14px;
		left: 0;
		font-size: 2.0rem;
		color: #555;
	}

	.cmn_faq_area ul li .a{
		margin: -10px 0 0 0;
		padding: 0 5px 20px 30px;
	}
	.cmn_faq_area ul li .a::before {
		top: -3px;
		left: 0;
		font-size: 2.0rem;
	}
	.cmn_faq_area ul li .a.bot{
		padding: 0 5px 20px 30px;
	}
	
	
	.cmn_faq_area .more_btn02{
		display: block;
		cursor: pointer;
	}
	.cmn_faq_area .more_btn02::after {
		position: absolute;
		display: inline-block;
		content:"";
		width: 20px;
		height: 20px;
		background: url(../images/icon_plus.png) no-repeat 0 0;
		background-size: 20px 20px;
		top: 20px;
		right: 0;
	}

	.cmn_faq_area .more_btn02.open::after {
		background: url(../images/icon_minus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}

	.cmn_faq_area .more_btn02.black::after {
		background: url(../images/icon_plus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}

	.cmn_faq_area .more_btn02.black.open::after {
		background: url(../images/icon_minus.png) no-repeat 0 0;
		background-size: 20px 20px;
	}
	

	
}
*/