@charset "utf-8";

p {
	line-height: 2;
}

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

	p {
		line-height: 1.8;
	}

}

/*-------------------------------------------------------------*/
/*ページタイトル見出し*/


.lowpage_title.cms{ background: url(../img/title/cms.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.translation{ background: url(../img/title/translation.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.transfer{ background: url(../img/title/transfer.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.system{ background: url(../img/title/system.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.app{ background: url(../img/title/app.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.logo{ background: url(../img/title/logo.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.dtp{ background: url(../img/title/dtp.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.photo{ background: url(../img/title/photo.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.diagnose{ background: url(../img/title/diagnose.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.glossary{ background: url(../img/title/glossary.jpg) no-repeat ; background-position: top center; background-size: cover; }

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

	.lowpage_title.cms{ background-position: top right; }
	.lowpage_title.translation{  }
	.lowpage_title.transfer{ background-position: top left; }
	.lowpage_title.system{ background-position: top right; }
	.lowpage_title.app{  }
	.lowpage_title.logo{  }
	.lowpage_title.dtp{  }
	.lowpage_title.photo{ background-position: top right -14rem; }
	.lowpage_title.diagnose{  }
	.lowpage_title.glossary{ }

}

/*-------------------------------------------------------------*/

.service_footer_bt{
	font-size: 1.2rem;
}

.service_footer_bt a{
	display: none;
}

#service_footer.collapse:not(.show) {
	display: block;
}

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

	.service_footer_bt a.bt_area{
		display: flex;
		border: 0.1rem solid #fff;
		width: 15rem;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
		color: #fff;
	}

	.service_footer_bt a{
		text-decoration: none;
	}

	.service_footer_bt a.bt_area::after{
		margin-left: 1rem;
	}

	.service_footer_bt a.bt_area[aria-expanded="false"]::after{
		content: "▼";
	}

	.service_footer_bt a.bt_area[aria-expanded="true"]::after{
		content: "▲";
	}

	#service_footer.collapse:not(.show) {
		display: none;
	}

}

/*-------------------------------------------------------------*/
/*ホームページ制作＆共通パーツ*/


/*-------------------------------------------------------------*/



/*-------------------------------------------------------------*/
/* transfer WEBサイト移転 */

.co_block.transfer_image01{ background: url("../img/transfer/image01.jpg") no-repeat right 8rem; }
.co_block.transfer_image02{ background: url("../img/transfer/image02.jpg") no-repeat left 8rem; }

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

	.co_block.transfer_image01{ background-size: 54%; }
	.co_block.transfer_image02{ background-size: 54%; }

}

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

	.co_block.transfer_image01,
	.co_block.transfer_image02{
		padding-top: 49rem; background-size: contain;
	}
	
.co_block.transfer_image01{ background: url("../img/transfer/image01_sp.jpg") no-repeat center 8rem; }

}

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

}

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

	.co_block.transfer_image01,
	.co_block.transfer_image02{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.transfer_point_list{
	justify-content: space-between;
	max-width: 160rem;
	background: #e8e8e8;
	padding: 7rem 0 5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem;
}

.transfer_point_list h5{
	max-width: 50rem;
}

.transfer_point_list ul{
	display: flex;
	width: 90%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}

.transfer_point_list ul li{
	display: flex;
	/*align-items: center;*/
	align-items: flex-start;
	
	flex-wrap: wrap;
	
	border: 0.3rem solid #222;
	background: #fff;
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	/*max-width: 20rem;*/
	max-width: 22rem;
	/*max-height: 20rem;*/
	
	margin-left: 1rem;
	margin-right: 1rem;
}

.transfer_point_list ul li .image{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

.transfer_point_list ul li p{
	font-weight: bold;
	margin-bottom: 0;
	min-height: 9rem;
}

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

	.transfer_point_list ul {
		flex-wrap: wrap;
	}

	.transfer_point_list ul li {
		max-width: 25rem;
		margin-bottom: 2rem;
	}

}

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

	.transfer_point_list h5{
		max-width: 30rem;
	}

	.transfer_point_list ul {
		width: 94%;
	}

	.transfer_point_list ul li {
		max-width: 17rem;
		margin-bottom: 1rem;
		padding: 1rem;
		margin-left: 0;
		margin-right: 0;
		font-size: 1.4rem;
	}

	.transfer_point_list ul li p {
		min-height: auto;
		line-height: 1.6;
	}

	.transfer_point_list ul li .image {
		margin-bottom: 1rem;
		max-width: 6rem;
	}

}

/*----------------*/

.phase3_arrow_area{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.phase3_arrow_area.bottom_figure{
	margin: 0 auto 16rem;
}

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

	.phase3_arrow_area.bottom_figure{
		margin: 0 auto 0rem;
	}

}

.phase3_arrow_area  div.arrow{
	margin-bottom: 3rem;
}

.phase3_arrow_area  div.catch_box{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem;
	/*padding: 3.5rem 5rem;*/
	padding: 3.5rem 6rem;
	
	font-size: 3.5rem;
	font-weight: bold;
	border: 0.4rem solid #222;
	
	/*max-width: 125rem;*/
	max-width: max-content;
}

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

	.phase3_arrow_area div.catch_box {
		font-size: 3rem;
		max-width: 90%;
	}

}

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

	.phase3_arrow_area div.catch_box {
		font-size: 2.5rem;
	}

}

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

	.phase3_arrow_area div.catch_box {
		font-size: 2rem;
		padding: 2.5rem;
	}


}

/*----------------*/

.phase3_advant_list{
	max-width: 160rem;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}

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

	.phase3_advant_list {
		margin: 0 2rem 0rem;
	}

}


.phase3_advant_list li{
	max-width: 38rem;
	border: 0.5rem solid #e53a6e;
	padding: 5rem 3rem 3rem;
	margin-left: 2rem;
	margin-right: 2rem;
}

.phase3_advant_list li div{
	text-align: center;
	margin-bottom: 4rem;
}

.phase3_advant_list li div span{
	font-size: 8rem;
	color: #e53a6e;
}

.phase3_advant_list li h4{
	font-size: 2.6rem;
	font-weight: bold;
	color: #e53a6e;
	text-align: center;
	margin-bottom: 2rem;
}

.phase3_advant_list li p{
}

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

	.phase3_advant_list {
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.phase3_advant_list li {
		margin-left: 1rem;
		margin-right: 1rem;
	}

}

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

	.phase3_advant_list {
		max-width: 90%;
		justify-content: center;
		flex-wrap: wrap;
	}

	.phase3_advant_list li {
		max-width: 48%;
		margin: 1%;
		padding: 3rem 3rem;
	}

	.phase3_advant_list li div {
		margin-bottom: 2rem;
	}

}

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

	.phase3_advant_list {
		max-width: 90%;
	}
	
	.phase3_advant_list li {
		max-width: 100%;
		margin: 1% 1% 1rem;
		padding: 1.5rem;
		
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border: 0.3rem solid #e53a6e;
	}
	
	.phase3_advant_list li p {
		font-size: 1.4rem;
		line-height: 1.6;
		margin-bottom: 0;
	}

	.phase3_advant_list li div {
		margin-bottom: 0rem;
		margin-right: 1rem;
	}
	
	.phase3_advant_list li div span{
		font-size: 6rem;
	}

	.phase3_advant_list li h4 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}

}

/*----------------*/

.phase3_failure_list{
	max-width: 160rem;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}

.phase3_failure_list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	padding-bottom: 4rem;
	border-bottom: 0.1rem dotted #838383;
	margin-bottom: 4rem;
}

.phase3_failure_list li:last-child{
	border-bottom: none;
}

.phase3_failure_list li{

}

.phase3_failure_list li .text{
	width: 50%;
	padding: 0 8rem;
}

.phase3_failure_list li .text div{
	display: flex;
	align-items: center;
}

.phase3_failure_list li .text span.block{
	background: #222;
	color: #fff;
	display: flex;
	align-items: center;
	padding-left: 1.5rem;
	margin-right: 1rem;
	width: 15rem;
	height: 3.8rem;
}

.phase3_failure_list li .text strong{
	font-size: 5rem;
	line-height: 1.2;
}

.phase3_failure_list li .text h4{
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 5rem;
	line-height: 5rem;
}

.phase3_failure_list li .text p{
	line-height: 2;
}

.phase3_failure_list li .image{
	width: 50%;
}

.phase3_failure_list li .image img{
	width: 100%;
}

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

	.phase3_failure_list li .text {
		padding: 0 4rem;
	}

}

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

	.phase3_failure_list li {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		padding-bottom: 2rem;
	}

	.phase3_failure_list li .text {
		width: 100%;
		padding: 0 3rem;
	}

	.phase3_failure_list li .text h4 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
		line-height: 1.5;
	}
	
	.phase3_failure_list li .text p {
		font-size: 1.4rem;
	}
	
	.phase3_failure_list li .image {
		width: 70%;
		margin-bottom: 2rem;
	}

}

/*----------------*/

.phase3_flow_list{
	max-width: 160rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}

.phase3_flow_list li{
	background: #e8e8e8;
	width: 16%;
	margin: 0.3%;
	text-align: center;
	position: relative;
}

.phase3_flow_list li::after{
	content: url(../img/transfer/flow_arrow.png);
	position: absolute;
	right: -2rem;
	top: 35%;
	z-index: 1;
}

.phase3_flow_list li:last-child::after{
	content: none;
}

.phase3_flow_list li .number{
	font-size: 4rem;
	font-family: Impact,Charcoal;
	text-align: left;
	line-height: 1;
	position: absolute;
	margin-top: 1rem;
	margin-left: 1rem;
}

.phase3_flow_list li .icon{
	margin: 3.5rem;
	margin-bottom: 1rem;
}

.phase3_flow_list li .text{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	
	height: 11rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.phase3_flow_list li .text p{
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.5;
}

.phase3_flow_list li:nth-child(1){ background: #e8e8e8; }
.phase3_flow_list li:nth-child(2){ background: #e8e8e8; }
.phase3_flow_list li:nth-child(3){ background: #e8e8e8; }
.phase3_flow_list li:nth-child(4){ background: #e8e8e8; }

.phase3_flow_list li:nth-child(5){ background: #222; color: #fff;}
.phase3_flow_list li:nth-child(6){ background: #222; color: #fff; }
.phase3_flow_list li:nth-child(7){ background: #222; color: #fff; }
.phase3_flow_list li:nth-child(8){ background: #222; color: #fff; }
.phase3_flow_list li:nth-child(9){ background: #222; color: #fff; }
.phase3_flow_list li:nth-child(10){ background: #222; color: #fff; }

.phase3_flow_list li:nth-child(11){ background: #e53a6e; color: #fff; }
.phase3_flow_list li:nth-child(12){ background: #e53a6e; color: #fff; }

.phase3_flow_list_annotation{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;

	text-align: right;
}

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

	.phase3_flow_list {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	
	.phase3_flow_list_annotation{
		margin-left: 2rem;
		margin-right: 2rem;
	}

}

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

	.phase3_flow_list {
		justify-content: center;
	}

	.phase3_flow_list li {
		width: 23%;
		margin: 0.3%;
	}

}

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

	.phase3_flow_list li {
		width: 100%;
		display: flex;
	}

	.phase3_flow_list_annotation {
		max-width: 90%;
		font-size: 1rem;
		margin: 0 2rem 8rem;
	}

	.phase3_flow_list li::after{
		content: url(../img/transfer/flow_arrow_sp.png);
		position: absolute;
		
		right: 0;
		left: -1rem;
		top: auto;
		bottom: -24%;
		
		z-index: 1;
	}


	.phase3_flow_list li .icon {
		margin: 3rem;
		margin-bottom: 1rem;
	}

	.phase3_flow_list li .icon img{
		width: 5rem;
	}

	.phase3_flow_list li .number {
		font-size: 2.5rem;
		font-family: Impact,Charcoal;
		margin-top: 0.5rem;
		margin-left: 0.5rem;
	}

	.phase3_flow_list li .text {
		font-size: 1.8rem;
		line-height: 1.4;
		padding-left: 0rem;
		padding-right: 0rem;
		padding-bottom: 0rem;
		height: 10rem;
		display: flex;
		align-items: center;
		justify-content: left;
		text-align: left;
	}

	.phase3_flow_list li .text p {
		display: none;
	}

}

/*----------------*/



/*-------------------------------------------------------------*/
/* cms CMS導入 */

.co_block.cms_image01{ background: url("../img/cms/image01.jpg") no-repeat right 8rem; }
.co_block.cms_image02{ background: url("../img/cms/image02.jpg") no-repeat left 8rem; }
.co_block.cms_image03{ background: url("../img/cms/image03.jpg") no-repeat right 8rem; }
.co_block.cms_image04{ background: url("../img/cms/image04.jpg") no-repeat left 8rem; }

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

	.co_block.cms_image01{ background-size: 54%; }
	.co_block.cms_image02{ background-size: 54%; }
	.co_block.cms_image03{ background-size: 54%; }
	.co_block.cms_image04{ background-size: 54%; }

}

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

	.co_block.cms_image01,
	.co_block.cms_image02,
	.co_block.cms_image03,
	.co_block.cms_image04{
		padding-top: 49rem; background-size: contain;
	}

	.co_block.cms_image02{ background: url("../img/cms/image02_sp.jpg") no-repeat center 8rem; }

}

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

}

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

	.co_block.cms_image01,
	.co_block.cms_image02,
	.co_block.cms_image03,
	.co_block.cms_image04{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

	.co_block.cms_image04 {
		margin-bottom: 2rem;
	}


}

/*----------------*/

.cms_to_list{
	display: flex;
	justify-content: space-between;
	
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

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

	.cms_to_list {
		margin-left: 2rem;
		margin-right: 2rem;
	}

}

.cms_to_list li{
	border: 0.5rem solid #222;
	background: #e8e8e8;
	width: 38rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.cms_to_list li:first-child{
	margin-left: 0rem;
}

.cms_to_list li:last-child{
	margin-right: 0rem;
}

.cms_to_list li div.image{
	border-bottom: 0.5rem dashed #222;
	height: 18rem;

	display: flex;
	justify-content: center;
	align-items: center;
}

.cms_to_list li div.text{
	padding: 2rem;
}

.cms_to_list li div.text p{
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.5;
}

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

	.cms_to_list li div.image img{
		width: 50%;
	}

	.cms_to_list li div.text p {
		font-size: 2rem;
	}

}

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

	.cms_to_list {
		justify-content: space-around;
		max-width: 94%;
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
	}

	.cms_to_list li {
		margin-left: 0rem;
		margin-right: 0rem;
		margin-bottom: 1rem;
		max-width: 16rem;
		border: 0.3rem solid #222;	}

	.cms_to_list li div.image {
		height: 8rem;
		border-bottom: 0.3rem dashed #222;
	}

	.cms_to_list li div.image img{
		width: 6rem;
	}

	.cms_to_list li div.text p {
		font-size: 1.3rem;
	}

	.cms_to_list li div.text {
		padding: 1.2rem 0.8rem;
	}

}

/*----------------*/

.cms_recommended_list{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

.cms_recommended_list > li{
	/*position: relative;*/
	display: flex;
	padding-bottom: 12rem;
	margin-bottom: 6rem;
}

.cms_recommended_list > li.wordpress{
	background: url(../img/cms/cms01.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.cms_recommended_list > li.concrete5{
	background: url(../img/cms/cms02.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	justify-content: flex-end;
}

.cms_recommended_list > li .text{
	max-width: 100rem;
	height: 38rem;
	padding: 4rem 8rem;
}

.cms_recommended_list > li.wordpress .text{
	background: #e8e8e8;
}

.cms_recommended_list > li.concrete5 .text{
	background: #222222;
	color: #fff;
}

.cms_recommended_list > li .text h4{
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 2.5rem;

	display: flex;
	/*justify-content: center;*/
	align-items: center;
}

.cms_recommended_list > li .text h4 img{
	margin-right: 1rem;
}


.cms_recommended_list > li .text h4 small{
	font-size: 2rem;
	font-weight: bold;
}

.cms_recommended_list > li .text h5{
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 2.5rem;
}

.cms_recommended_list > li .text p{
	max-width: 63rem;
	margin-left: 0;
	margin-bottom: 2rem;
}

.cms_recommended_list > li .text ul{
	display: flex;
}

.cms_recommended_list > li .text ul li{
	display: flex;
	color: #fff;
	font-weight: bold;
	background: #e53a6e;
	padding: 0.6rem 1.8rem;
	margin-right: 0.7rem;
	line-height: 1.5;
	align-items: center;
}

.cms_recommended_list > li .text ul li:last-child{
	margin-right: 0rem;
}

.cms_recommended_list > li .image{
/*
	position: absolute;
	top: 0;
	right: 0;
*/
}

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

	.cms_recommended_list > li .text {
		max-width: 60%;
		height: auto;
		padding: 4rem 4rem;
	}

}

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

	.cms_recommended_list > li.wordpress{
		background-size: 60%;
	}

	.cms_recommended_list > li.concrete5{
		background-size: 60%;
	}

	.cms_recommended_list > li .text h4 {
		font-size: 3rem;
	}

	.cms_recommended_list > li .text h4 small {
		font-size: 1.6rem;
	}

}

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

	.cms_recommended_list > li.wordpress {
		background-size: 100%;
		background-position: top right;
		padding-top: 25rem;
		padding-bottom: 0;
	}

	.cms_recommended_list > li.concrete5 {
		background-size: 100%;
		background-position: top right;
		padding-top: 25rem;
		padding-bottom: 0;
	}

	.cms_recommended_list > li .text {
		max-width: 100%;
		height: auto;
		padding: 4rem 4rem;
	}

}

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

	.cms_recommended_list {
		margin-bottom: 1rem;
	}

	.cms_recommended_list > li.wordpress {
		padding-top: 20rem;
	}

	.cms_recommended_list > li .text h4 {
		font-size: 2.3rem;
		display: block;
	}

	.cms_recommended_list > li .text h4 small {
		font-size: 1.4rem;
	}

	.cms_recommended_list > li .text ul {
		flex-wrap: wrap;
	}

	.cms_recommended_list > li .text ul li {
		margin-right: 0rem;
		margin-bottom: 0.4rem;
		width: 100%;
	}

}


/*----------------*/

.cms_introduction_area{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

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

	.cms_introduction_area {
		margin-bottom: 0;
	}

}

.cms_introduction_area.wordpress{
	margin-bottom: 8rem;
}

.cms_introduction_area h4{
	font-size: 2.5rem;
	max-width: 44rem;
	
	color: #fff;
	background: #222222;
	font-weight: bold;
	padding: 1rem 2rem;
	margin-bottom: 4rem;
}

.cms_introduction_area h4 small{
	font-size: 1.6rem;
	font-weight: bold;
}

.cms_introduction_list{
	display: flex;
}

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

	.cms_introduction_list{
		margin-left: 2rem;
		margin-right: 2rem;
	}

}


.cms_introduction_list > li{
	width: calc(25% - 1.3rem);
	margin-right: 2.5rem;
	background: #eee;
}

.cms_introduction_list > li.none{
	background: #fff;
}

.cms_introduction_list > li:last-child{
	margin-right: 0%;
}

.cms_introduction_list > li .image{

}

.cms_introduction_list > li .image img{
	width: 100%;
	height: auto;
}

.cms_introduction_list > li h5{
	width: 100%;
	background: #222222;
	
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 1rem 2rem;
}

.cms_introduction_list > li ul{
	display: flex;
	flex-wrap: wrap;
	
	margin: 1rem;
}

.cms_introduction_list > li ul li{
	background: #505050;

	width: calc(50% - 1rem);
	margin-right: 1rem;

	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	margin: 0.4rem;
}

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

	.cms_introduction_list {
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	.cms_introduction_list > li {
		flex-wrap: wrap;
		width: calc(33.2555% - 1.3rem);
		margin-right: 2rem;
		margin-bottom: 4rem;
	}

	.cms_introduction_list > li:last-child{
		margin-right: 2rem;
	}

	.cms_introduction_list > li:nth-child(3) {
		margin-right: 0rem;
	}

	.cms_introduction_list > li h5 {
		font-size: 1.8rem;
	}

}

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

	.cms_introduction_list > li {
		width: calc(50% - 2rem);
		margin-right: 2rem;
		margin-bottom: 4rem;
	}

	.cms_introduction_list > li:last-child{
		margin-right: 2rem;
	}

	.cms_introduction_list > li:nth-child(3) {
		margin-right: 2rem;
	}

	.cms_introduction_list > li:nth-child(2) {
		margin-right: 0rem;
	}

}

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

	.cms_introduction_list > li {
		width: 100%;
		margin-right: 0;
	}

	.cms_introduction_list > li:last-child{
		margin-right: 0rem;
	}

	.cms_introduction_list > li:nth-child(3) {
		margin-right: 0rem;
	}

	.cms_introduction_area h4 {
		font-size: 2.2rem;
	}

	.cms_introduction_area h4 small {
		font-size: 1.4rem;
	}

}

/*----------------*/



/*-------------------------------------------------------------*/
/* translation  翻訳サイト制作 */

.co_block.translation_image01{ background: url("../img/translation/image01.jpg") no-repeat right 8rem; }
.co_block.translation_image02{ background: url("../img/translation/image02.jpg") no-repeat left 8rem; }
.co_block.translation_image03{ background: url("../img/translation/image03.jpg") no-repeat right 8rem; }

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

	.co_block.translation_image01{ background-size: 54%; }
	.co_block.translation_image02{ background-size: 54%; }
	.co_block.translation_image03{ background-size: 54%; }

}

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

	.co_block.translation_image01,
	.co_block.translation_image02,
	.co_block.translation_image03	{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.translation_image01,
	.co_block.translation_image02,
	.co_block.translation_image03	{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.phase3_translation_point_list{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

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

.phase3_translation_point_list{
	margin-bottom: 2rem;
}

}

.phase3_translation_point_list > li{
	display: flex;
	/*flex-wrap: wrap;*/
	
	justify-content: space-between;
	align-items: center;

	margin-top: 4rem;
	padding-top: 4rem;
	border-top: 0.1rem dotted #ddd;
}

.phase3_translation_point_list > li:first-child{
	margin-top: 0rem;
	padding-top: 0rem;
	border-top: none;
}

.phase3_translation_point_list > li .text{
	width: 45%;
	margin-right: 5%;
}

.phase3_translation_point_list > li .text .title{
	display: flex;
	align-items: center;
	
	border-bottom: 0.1rem solid #313131;
	margin-bottom: 2rem;
}

.phase3_translation_point_list > li .text .title .point{
	background: #313131;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	min-width: 9rem;
	
	padding-top: 1rem;
	padding-bottom: 4rem;
	
	margin-right: 2rem;
}

.phase3_translation_point_list > li .text .title .point span{
	font-size: 1.1rem;
}

.phase3_translation_point_list > li .text .title .point strong{
	font-size: 5rem;
}

.phase3_translation_point_list > li .text .title .sentence{
	width: 100%;
	height: 12rem;
	position: relative;
}

.phase3_translation_point_list > li .text .title h4{
	font-size: 3.5rem;
	font-weight: bold;
	
	min-height: 8.4rem;
	display: flex;
	align-items: center;
}

.phase3_translation_point_list > li .text .title .alphabet{
	font-size: 1.2rem;
	
	position: absolute;
	bottom: 0;
}

.phase3_translation_point_list > li .text p{
	margin-left: 9rem;
	margin-bottom: 0;
}

.phase3_translation_point_list > li .image{

}

.phase3_translation_point_list > li .image img{
	width: 100%;
}

.phase3_translation_point_list .language_area{
	width: 100%;
	background: #e8e8e8;
	margin-top: 6rem;
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.phase3_translation_point_list .language_area h5{
	max-width: 50rem;
	height: 7rem;
	background: #313131;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	padding-left: 4rem;
	margin-bottom: 5rem;
}

.phase3_translation_point_list .language_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -2.5rem;
	width: 90%;
}

.phase3_translation_point_list .language_area ul li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% / 6) - 2rem);

	font-size: 1.8rem;
	font-weight: bold;
	background: #fff;
	border: 0.2rem solid #222;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
	line-height: 1.5;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.phase3_translation_point_list .language_area ul li.none{
	background: none;
	border: none;
}

.phase3_translation_point_list .language_area ul li small{
	width: 100%;
	text-align: center;
}

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

	.phase3_translation_point_list > li .text {
		width: 85%;
	}

	.phase3_translation_point_list > li .text p {
		font-size: 1.4rem;
	}
	
	
	.phase3_translation_point_list .language_area ul li {
		width: calc((100% / 4) - 2rem);
	}

}

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

	.phase3_translation_point_list > li{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.phase3_translation_point_list > li .image {
		margin-bottom: 2rem;
		width: 80%;
	}

}

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

	.phase3_translation_point_list > li {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.phase3_translation_point_list > li .image{
		width: 100%;
		margin-bottom: 2rem;
	}

	.phase3_translation_point_list > li .text {
		width: 100%;
		margin-right: 0;
	}

	.phase3_translation_point_list > li .text .title {
		width: 95%;
	}


	.phase3_translation_point_list > li .text .title .point {
		min-width: 7rem;
		padding-bottom: 2rem;
	}

	.phase3_translation_point_list > li .text .title .point strong {
		font-size: 4rem;
	}

	.phase3_translation_point_list > li .text .title .alphabet {
		font-size: 1rem;
		line-height: 1.5;
	}

	.phase3_translation_point_list > li .text .title h4 {
		font-size: 2.3rem;
	}

	.phase3_translation_point_list > li .text p {
		margin-left: 1.8rem;
		margin-right: 1.8rem;
	}

	.phase3_translation_point_list .language_area ul {
		width: 94%;
		margin-bottom: -1rem;
	}

	.phase3_translation_point_list .language_area ul li {
		width: calc((100% / 3) - 0.5rem);
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1rem;
		
		height: 6.5rem;
		font-size: 1.4rem;
	}

	.phase3_translation_point_list .language_area ul li small{
		font-size: 1rem;
	}

	.phase3_translation_point_list .language_area ul li.none {
		display: none;
	}

	.phase3_translation_point_list > li .text .title .sentence {
		height: 9rem;
		max-width: 27rem;
	}

}

/*----------------*/

.translation_results_list{
	display: flex;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	max-width: 160rem;
}

.translation_results_list li{
	margin-left: 1rem;
	margin-right: 1rem;
}

.translation_results_list li .point{
	background: #222;
	color: #fff;
	font-size: 1.7rem;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	margin-bottom: 0.2rem;
	text-align: center;
}

.translation_results_list li .image{
	margin-bottom: 2rem;
}

.translation_results_list li .text{

}

.translation_results_list li .text h4{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	border-bottom: 0.1rem solid #222;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.translation_results_list li .text div{
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}

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

}

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

	.translation_results_list {
		flex-wrap: wrap;
		margin-bottom: 8rem;
		
		width: 85%;
	}
	
	.translation_results_list li{
		margin-bottom: 3rem;
	}
	
	.translation_results_list li:last-child{
		margin-bottom: 0rem;
	}


}



/*-------------------------------------------------------------*/
/* system WEBシステム開発 */

.co_block.system_image01{ background: url("../img/system/image01.jpg") no-repeat right 8rem; }

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

	.co_block.system_image01{ background-size: 54%; }

}

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

	.co_block.system_image01{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.system_image01{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.phase3_system_worries{
	background: #e4e5e9;
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	padding-top: 7rem;
}

.phase3_system_worries h5{
	background: #313131;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	height: 7rem;
	
	display: flex;
	align-items: center;
	padding: 0 3rem;
	margin-bottom: 3.5rem;
	width: 70rem;
}

.phase3_system_worries .worries_area{
	display: flex;
}

.phase3_system_worries .worries_area .image{

}

.phase3_system_worries .worries_area .image img{
	width: 100%;
}

.phase3_system_worries .worries_area ul{
	display: flex;
	flex-wrap: wrap;
	width: 65%;
}

.phase3_system_worries .worries_area ul li{
	margin: 1.4rem 2rem;
}

.phase3_system_worries .worries_area ul li:nth-child(4){
	margin-left: 10rem;
}

.phase3_system_worries .worries_area ul li:nth-child(7){
	margin-left: 25rem;
}

.phase3_system_worries .worries_area ul li:nth-child(9){
	margin-left: 10rem;
}

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

	.phase3_system_worries .worries_area .image {
		width: 35%;
	}

	.phase3_system_worries .worries_area ul li {
		width: 30%;
		margin: 0rem 1rem;
	}

	.phase3_system_worries .worries_area ul li img{
		width: 100%;
	}

	.phase3_system_worries .worries_area ul li:nth-child(4),
	.phase3_system_worries .worries_area ul li:nth-child(7),
	.phase3_system_worries .worries_area ul li:nth-child(9){
		margin-left: 1rem;
	}

}

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

	.phase3_system_worries .worries_area ul li {
		margin: 0rem 0.5rem;
	}
	
	.phase3_system_worries .worries_area ul li:nth-child(4),
	.phase3_system_worries .worries_area ul li:nth-child(7),
	.phase3_system_worries .worries_area ul li:nth-child(9){
		margin-left: 0.5rem;
	}

}

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

	.phase3_system_worries .worries_area{
		flex-wrap: wrap;
		flex-flow: column-reverse;
	}

	.phase3_system_worries .worries_area .image {
		width: 50%;
	}

	.phase3_system_worries h5 {
		width: 100%;
	}

	.phase3_system_worries .worries_area ul {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	.phase3_system_worries .worries_area ul li {
		width: 46%;
		margin: 0.5rem 0.5rem;
	}

	.phase3_system_worries .worries_area ul li:nth-child(2) img,
	.phase3_system_worries .worries_area ul li:nth-child(4) img,
	.phase3_system_worries .worries_area ul li:nth-child(6) img,
	.phase3_system_worries .worries_area ul li:nth-child(8) img,
	.phase3_system_worries .worries_area ul li:nth-child(10) img{
		margin-bottom: -10rem;
	}

}

/*----------------*/

.phase3_system_can{
	justify-content: space-between;
	max-width: 160rem;
	background: #e8e8e8;
	padding: 7rem 0 5rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12rem;
	margin-bottom: 8rem;
}

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

	.phase3_system_can{
		margin-bottom: 2rem;
	}

}

.phase3_system_can h5{
	max-width: 50rem;
}

.phase3_system_can ul{
	display: flex;
	width: 80%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	
	flex-wrap: wrap;
}

.phase3_system_can ul li{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	
	border: 0.3rem solid #222;
	background: #fff;
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	margin-bottom: 3rem;
	
	width: calc(20% - 4rem);
	min-width: 20rem;
}

.phase3_system_can ul li.none{
	border: none;
	background: none;
}

.phase3_system_can ul li .image{
	margin-left: auto;
	margin-right: auto;
	
	width: 100%;
	max-width: 7rem;
	text-align: center;
	margin-bottom: 1rem;
}

.phase3_system_can ul li div{
	width: 100%;
}

.phase3_system_can ul li div p{
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

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

	.phase3_system_can ul {
		width: 90%;
	}

	.phase3_system_can ul li {
		min-width: 17rem;
		margin-bottom: 1rem;
	}

}

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

	.phase3_system_can ul li {
		min-width: 22rem;
	}

	.phase3_system_can ul li.none {
		display: none;
	}

}

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

	.phase3_system_can ul {
		width: 94%;
	}

	.phase3_system_can ul li {
		margin-bottom: 0.8rem;
		min-width: 31%;
		padding: 1rem;
		font-size: 1.4rem;
	}

	.phase3_system_can ul li .image {
		max-width: 5rem;
	}

	.phase3_system_can ul li.none {
		display: flex;
	}
	
	.phase3_system_can ul li div p {
		line-height: 1.6;
	}

}

/*----------------*/

.phase3_system_strengths{

}

.phase3_system_strengths li{
	background: url(../img/system/strengths_bg01.jpg) repeat #f3f3f3;
	/*min-height: 42rem;*/
	margin-bottom: 10rem;
}

.phase3_system_strengths li:nth-child(1){
	background: url(../img/system/strengths_bg01.jpg) no-repeat right 75% top #f3f3f3;
}

.phase3_system_strengths li:nth-child(2){
	background: url(../img/system/strengths_bg02.jpg) no-repeat right 5% top #313131;
}

.phase3_system_strengths li:nth-child(3){
	background: url(../img/system/strengths_bg01.jpg) no-repeat right 75% top #f3f3f3;
}

.phase3_system_strengths li:nth-child(4){
	background: url(../img/system/strengths_bg02.jpg) no-repeat right 5% top #313131;
}

.phase3_system_strengths li .area{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	justify-content: space-between;
}

.phase3_system_strengths li:nth-child(2) .area,
.phase3_system_strengths li:nth-child(4) .area{
	flex-direction: row-reverse;
}

.phase3_system_strengths li .area .text{
	max-width: 72rem;
	width: 100%;
	
	margin-top: 4rem;
	margin-right: 8rem;
	margin-bottom: 4rem;
}

.phase3_system_strengths li:nth-child(2) .area .text,
.phase3_system_strengths li:nth-child(4) .area .text{
	max-width: 50%;
}

.phase3_system_strengths li .area .text .point{
	max-width: 19rem;
	height: 9rem;
	background: #313131;
	
	color: #fff;
	font-size: 1.1rem;
	
	padding-top: 1.3rem;
	padding-left: 8rem;
	line-height: 1;
	margin-bottom: 2rem;
}

.phase3_system_strengths li:nth-child(2) .area .text,
.phase3_system_strengths li:nth-child(4) .area .text{
	color: #fff;
}

.phase3_system_strengths li:nth-child(2) .area .text .point,
.phase3_system_strengths li:nth-child(4) .area .text .point{
	background: #fff;
	
	color: #313131;
}

.phase3_system_strengths li .area .text .point strong{
	font-size: 5rem;
	width: 100%;
}

.phase3_system_strengths li .area .text h4{
	font-size: 3.5rem;
	font-weight: bold;
	
	margin-left: 8rem;
	margin-bottom: 2rem;
	line-height: 1.5;
}

.phase3_system_strengths li .area .text p{
	margin-left: 8rem;
	margin-bottom: 0;
}

.phase3_system_strengths li .area .image_area{
	max-width: 80rem;
	width: 100%;
}

.phase3_system_strengths li .area .image_area img{
	width: 100%;

	margin-top: -2rem;
	margin-bottom: -2rem;
}

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

	.phase3_system_strengths li .area .text{
		margin-right: 4rem;
		max-width: 44rem;
	}
	
	.phase3_system_strengths li:nth-child(2) .area .text,
	.phase3_system_strengths li:nth-child(4) .area .text {
		max-width: 44%;
	}
	
	.phase3_system_strengths li .area .text .point{
		padding-left: 4rem;
	}

	.phase3_system_strengths li .area .text h4{
		margin-left: 4rem;
		font-size: 3.5rem;
		font-feature-settings: "palt";
	}

	.phase3_system_strengths li .area .text p{
		margin-left: 4rem;
		font-size: 1.4rem;
	}

}

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

	.phase3_system_strengths li .area .image_area {
		max-width: 80rem;
		width: 65%;
	}

	.phase3_system_strengths li .area {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.phase3_system_strengths li:nth-child(2) .area,
	.phase3_system_strengths li:nth-child(4) .area {
		flex-direction: column-reverse;
	}

	.phase3_system_strengths li:nth-child(1){
		background: url(../img/system/strengths_bg01.jpg) no-repeat right 0% top #f3f3f3;
	}

	.phase3_system_strengths li:nth-child(2){
		background: url(../img/system/strengths_bg02.jpg) no-repeat right 0% top #313131;
	}

	.phase3_system_strengths li:nth-child(3){
		background: url(../img/system/strengths_bg01.jpg) no-repeat right 0% top #f3f3f3;
	}

	.phase3_system_strengths li:nth-child(4){
		background: url(../img/system/strengths_bg02.jpg) no-repeat right 0% top #313131;
	}

	.phase3_system_strengths li .area .text {
		max-width: 100%;
	}

	.phase3_system_strengths li:nth-child(2) .area .text,
	.phase3_system_strengths li:nth-child(4) .area .text {
		max-width: 100%;
	}

	.phase3_system_strengths li .area .text p {
		margin-right: 4rem;
	}

}

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

	.phase3_system_strengths {
		margin: 0 0rem 8rem;
	}

	.phase3_system_strengths li .area .image_area {
		width: 100%;
	}
	
	.phase3_system_strengths li .area .text h4 {
		font-size: 2.4rem;
	}

	.phase3_system_strengths li .area .text .point {
		height: 7.5rem;
		font-size: 1rem;
	}

	.phase3_system_strengths li .area .text .point strong {
		font-size: 4rem;
	}

}


/*-------------------------------------------------------------*/
/* app アプリ開発 */

.co_block.app_image01{ background: url("../img/app/image01.jpg") no-repeat right 8rem; }
.co_block.app_image02{ background: url("../img/app/image02.jpg") no-repeat left 8rem; }
.co_block.app_image03{ background: url("../img/app/image03.jpg") no-repeat right 8rem; }


.co_block.app_image02 .inner p .pcr{
	display: inline;
}

.co_block.app_image02 .inner p .spr{
	display: none;
}


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

	.co_block.app_image02{ background-size: 60%; }

}

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

	.co_block.app_image01{ background-size: 65%; }
	.co_block.app_image02{ background-size: 60%; }
	.co_block.app_image03{ background-size: 60%; }

}

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

	.co_block.app_image01,
	.co_block.app_image02,
	.co_block.app_image03{
		padding-top: 49rem; background-size: contain;
	}

	.co_block.app_image01{
		padding-top: 42rem;
		background: url(../img/app/image01.jpg) no-repeat right 5rem top 0rem #f0f0f0;
		background-size: contain;
		margin-bottom: 14rem;
	}

	.co_block.app_image02{
		padding-top: 41rem;
		background: url(../img/app/image02.jpg) no-repeat right -4rem top 0rem #ffd622;
		background-size: contain;
	}

	.co_block.app_image02 .inner p .pcr{
		display: none;
	}

	.co_block.app_image02 .inner p .spr{
		display: inline;
	}

	.co_block.app_image03{
		padding-top: 56rem;
		background-size: contain;
	}

}

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

}

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

	.co_block.app_image01{ background: url("../img/app/image01_sp.jpg") no-repeat right 8rem; }
	.co_block.app_image02{ background: url("../img/app/image02_sp.jpg") no-repeat left 8rem; }


	.co_block.app_image01,
	.co_block.app_image02,
	.co_block.app_image03{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

	.co_block.app_image01{
		padding-top: 28rem;
		background-position: left 0 top 0;
		margin-bottom: 6rem;
	}

	.co_block.app_image02{
		padding-top: 28rem;
		background-position: left 0 top 0;
	}

	.co_block.app_image03{
		padding-top: 26rem;
	}

}

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

	.co_block.app_image01{
		padding-top: 25rem;
		background-position: left 0 top 0;
		margin-bottom: 6rem;
	}

	.co_block.app_image02{
		padding-top: 25rem;
		background-position: left 0 top 0;
	}

	.co_block.app_image03{
		padding-top: 23.5rem;
	}

}

/*----------------*/

.phase3_arrow_area .app{

}

.phase3_arrow_area .app img{
	width: max-content;
}

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

	.phase3_arrow_area .app{
		margin-bottom: 2rem;
	}

	.phase3_arrow_area .app img{
		width: 100%;
	}

}

/*----------------*/

.phase3_necessary_list{
	max-width: 160rem;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}

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

	.phase3_necessary_list{
		margin-bottom: 8rem;
	}

}

.phase3_necessary_list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	padding-bottom: 2.5rem;
	border-bottom: 0.1rem dotted #838383;
	margin-bottom: 6rem;
}

.phase3_necessary_list li:last-child{
	padding-bottom: 0rem;
	border-bottom: none;
	margin-bottom: 0rem;
}

.phase3_necessary_list li .text{
	width: 50%;
	padding: 0 8rem;
	
	position: relative;
}

.phase3_necessary_list li .text::before{
	position: absolute;
	content: "";
	border-left: 0.3rem solid #313131;
	height: 100%;
	left: 4rem;
	z-index: -1;
}

.phase3_necessary_list li .text div{
	display: flex;
	align-items: center;
	
	margin-left: -4rem;
	background: #fff;
}

.phase3_necessary_list li .text span.material-icons{
	font-size: 4.2rem;
	margin-left: -0.6rem;
}

.phase3_necessary_list li .text span.block{
	background: #222;
	color: #fff;
	display: flex;
	align-items: center;
	padding-left: 1.5rem;
	margin-right: 1rem;
	width: 13rem;
	height: 3rem;
	font-weight: bold;
}

.phase3_necessary_list li .text strong{
	font-size: 5rem;
	line-height: 1.2;
}

.phase3_necessary_list li .text h4{
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 3rem;
	line-height: 5rem;
	margin-top: 1.2rem;
}

.phase3_necessary_list li .text p{
	line-height: 2;
}

.phase3_necessary_list li .image{
	width: 50%;
}

.phase3_necessary_list li .image img{
	width: 100%;
}

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

	.phase3_necessary_list li .text {
		padding: 0 4rem;
	}
	
	.phase3_necessary_list li .text div {
		margin-left: 0rem;
	}

	.phase3_necessary_list li .text h4 {
		font-size: 3rem;
		margin-left: 3rem;
		margin-bottom: 2rem;
	}

	.phase3_necessary_list li .text p {
		font-size: 1.4rem;
		margin-left: 3rem;
	}

}

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

	.phase3_necessary_list li {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.phase3_necessary_list li .text {
		width: 100%;
		padding: 0 3rem;
	}

	.phase3_necessary_list li .text::before {
		left: 3rem;
	}

	.phase3_necessary_list li .text h4 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
		line-height: 1.5;
	}
	
	.phase3_necessary_list li .text p {
		font-size: 1.4rem;
	}
	
	.phase3_necessary_list li .image {
		width: 70%;
		margin-bottom: 2rem;
	}

}



/*-------------------------------------------------------------*/
/* logo ロゴデザイン制作 */

.co_block.logo_image01{ background: url("../img/logo/image01.jpg") no-repeat right 8rem; }
.co_block.logo_image02{ background: url("../img/logo/image02.jpg") no-repeat left 8rem; }
.co_block.logo_image03{ background: url("../img/logo/image03.jpg") no-repeat right 8rem; }

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

	.co_block.logo_image01{ background-size: 60%; }
	.co_block.logo_image02{ background-size: 60%; }
	.co_block.logo_image03{ background-size: 60%; }

}

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

	.co_block.logo_image01,
	.co_block.logo_image02,
	.co_block.logo_image03{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.logo_image01,
	.co_block.logo_image02,
	.co_block.logo_image03{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

	.co_block.logo_image02{
		padding-top: 22.5rem;
	}
}

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

	.co_block.logo_image02{
		padding-top: 20rem;
	}

}


/*----------------*/

.phase3_logo_commitment{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
}

.phase3_logo_commitment li{
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
}

.phase3_logo_commitment li:nth-child(2),
.phase3_logo_commitment li:nth-child(4){
	flex-direction: row-reverse;
}

.phase3_logo_commitment li .text{
	width: 50%;
	margin-right: 8rem;
}

.phase3_logo_commitment li:nth-child(2) .text,
.phase3_logo_commitment li:nth-child(4) .text{
	margin-left: 8rem;
	margin-right: 0rem;
}


.phase3_logo_commitment li .text .title{
	width: 100%;
	background: #222;
	color: #fff;
	display: flex;
	align-items: center;
	
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.5;
	
	margin-bottom: 4rem;
	
	height: 12rem;
}

.phase3_logo_commitment li .text .title .number{
	display: flex;
	align-items: center;
	justify-content: center;
	/*flex-wrap: wrap;*/
	
	background: #fff;
	color: #222;
	font-size: 5rem;
	line-height: 1;
	border: 0.5rem solid #222;
	
	max-width: 13rem;
	height: 100%;
	margin-right: 2.5rem;
}

.phase3_logo_commitment li .text .title .number div{
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}

.phase3_logo_commitment li .text .title .number small{
	width: 100%;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}

.phase3_logo_commitment li .text .image{
	display: none;
}

.phase3_logo_commitment li .text p{
	margin-left: 8rem;
}

.phase3_logo_commitment li .image{
	width: 50%;

}

.phase3_logo_commitment li .image img{
	width: 100%;
}


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

	.phase3_logo_commitment li:nth-child(2) .text p,
	.phase3_logo_commitment li:nth-child(4) .text p{
		margin-right: 4rem;
	}

	.phase3_logo_commitment li .text .title {
	    font-size: 2.1vw;
	}

}

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

	.phase3_logo_commitment li .text .title {
	    font-size: 2.0vw;
	}

}

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

	.phase3_logo_commitment li .text {
		margin-right: 4rem;
	}

	.phase3_logo_commitment li:nth-child(2) .text,
	.phase3_logo_commitment li:nth-child(4) .text {
		margin-left: 4rem;
	}

	.phase3_logo_commitment li .text .title {
		/*font-size: 3rem;*/
	}

	.phase3_logo_commitment li .text p {
		font-size: 1.4rem;
		margin-left: 4rem;
		margin-right: 4rem;
	}

}

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

	.phase3_logo_commitment {
		width: 90%;
	}

	.phase3_logo_commitment li {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		margin-bottom: 6rem;
	}
	
	.phase3_logo_commitment li:nth-child(2),
	.phase3_logo_commitment li:nth-child(4) {
		flex-direction: column-reverse;
	}
	
	.phase3_logo_commitment li .text {
		width: 100%;
		margin-right: 0rem;
	}
	
	.phase3_logo_commitment li .text .title {
        font-size: 3rem;
    }

	.phase3_logo_commitment li:nth-child(2) .text,
	.phase3_logo_commitment li:nth-child(4) .text {
		margin-left: 0rem;
	}
	
	.phase3_logo_commitment li .text .image{
		width: 50%;
		margin-bottom: 2rem;

		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.phase3_logo_commitment li > .image {
		display: none;
	}

}


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

	.phase3_logo_commitment li .text .title {
		/*font-size: 2.4rem;*/
		/*font-size: 2.2rem;*/
		font-size: 2.0rem;
		/*height: 10rem;*/
		height: 12rem;
        padding-right: 2rem;
	}

	.phase3_logo_commitment li .text .title .number {
		max-width: 10rem;
		min-width: 10rem;
		margin-right: 1.5rem;
		font-size: 4.5rem;
	}

	.phase3_logo_commitment li .text .title .number small {
		font-size: 0.9rem;
	}

	.phase3_logo_commitment li .text p {
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.phase3_logo_commitment li:nth-child(2) .text p,
	.phase3_logo_commitment li:nth-child(4) .text p{
		margin-right: 2rem;
	}

	.phase3_logo_commitment li .text .image {
		width: 70%;
	}

}

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

	.phase3_logo_commitment li .text .title {
		font-size: 1.8rem;
	}
	
	.phase3_logo_commitment li .text .title .number {
        max-width: 9rem;
        min-width: 9rem;
		margin-right: 1.5rem;
        font-size: 4.0rem;
		line-height: 1.2;
    }
    
	.phase3_logo_commitment li .text .title .number small {
        font-size: 0.8rem;
    }

}

/*----------------*/


.phase3_logo_results{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-wrap: wrap;
	
	border-top: 0.1rem solid #b2b2b2;
	border-left: 0.1rem solid #b2b2b2;
}

.phase3_logo_results li{
	width : calc(100% / 5) ;
	
	display: flex;
	justify-content: center;
	align-items: center;

	border-right: 0.1rem solid #b2b2b2;
	border-bottom: 0.1rem solid #b2b2b2;
}

.phase3_logo_results li:nth-child(6),
.phase3_logo_results li:nth-child(7),
.phase3_logo_results li:nth-child(8),
.phase3_logo_results li:nth-child(9),
.phase3_logo_results li:nth-child(10){
	/*border-bottom: none;*/
}

.phase3_logo_results li:nth-child(15){
	background: #000;
}

.phase3_logo_results li img{
	width: 100%;
	max-width: 25rem;
}

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

	.phase3_logo_results {
		max-width: 90%;
	}

}

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

	.phase3_logo_results {
		margin-bottom: 8rem;
	}

	.phase3_logo_results li {
		width: calc(100% / 2);
		/*padding-top: 0.5rem;*/
		/*padding-bottom: 0.5rem;*/
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	.phase3_logo_results li:nth-child(9),
	.phase3_logo_results li:nth-child(10){
		/*border-bottom: none;*/
	}

}

/*----------------*/

.phase3_logo_option{
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.phase3_logo_option div{
	max-width: 75rem;
	width: 50%;
}

.phase3_logo_option div h4{
	text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

.phase3_logo_option div img{
	width: 100%;
}

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

    .phase3_logo_option {
        max-width: 90%;
    }

    .phase3_logo_option div {
		width: 48%;
	}

}

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

    .phase3_logo_option div {
		width: 100%;
	}

    .phase3_logo_option div:first-child {
		width: 100%;
		margin-bottom: 8rem;
	}

}

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

	.phase3_logo_option div h4 {
	    font-size: 2.0rem;
	    font-weight: 600;
	    margin-bottom: 1.5rem
	}

}

/*-------------------------------------------------------------*/
/* dtp DTP制作 */

.co_block.dtp_image01{ background: url("../img/dtp/image01.jpg") no-repeat right 8rem; }
.co_block.dtp_image02{ background: url("../img/dtp/image02.jpg") no-repeat left 8rem; }

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

	.co_block.dtp_image01{ background-size: 60%; }
	.co_block.dtp_image02{ background-size: 60%; }

}

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

	.co_block.dtp_image01,
	.co_block.dtp_image02{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.dtp_image01,
	.co_block.dtp_image02{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.phase3_dtp_can{
	display: flex;
	justify-content: space-between;
	
	max-width: 160rem;
	background: #e8e8e8;
	padding: 7rem 0 5rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12rem;
	margin-bottom: 8rem;
}

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

	.phase3_dtp_can{
		margin-bottom: 2rem;
	}

}

.phase3_dtp_can h5{
	max-width: 50rem;
}

.phase3_dtp_can ul{
	display: flex;
	width: 70%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	
	flex-wrap: wrap;
}

.phase3_dtp_can ul li{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	
	border: 0.3rem solid #222;
	background: #fff;
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 2rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	margin-bottom: 2rem;
	
	width: calc(20% - 2rem);
	min-width: 20rem;
}

.phase3_dtp_can ul li.none{
	border: none;
	background: none;
}

.phase3_dtp_can ul li .image{
	margin-left: auto;
	margin-right: auto;
	
	width: 100%;
	max-width: 11rem;
	text-align: center;
	margin-bottom: 1rem;
}

.phase3_dtp_can ul li div{
	width: 100%;
}

.phase3_dtp_can ul li div p{
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

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

	.phase3_dtp_can ul {
		width: 90%;
	}

	.phase3_dtp_can ul li {
		min-width: 17rem;
		margin-bottom: 1rem;
	}

}

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

	.phase3_dtp_can {
		flex-wrap: wrap;
	}

	.phase3_dtp_can ul li {
		min-width: 16rem;
	}

	.phase3_dtp_can ul li.none {
		display: none;
	}

}

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

	.phase3_dtp_can ul li {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-bottom: 1rem;
		min-width: 47%;
	}

	.phase3_dtp_can ul li.none {
		display: flex;
	}

	.phase3_dtp_can ul li .image{
		max-width: 8rem;
	}

	.phase3_dtp_can ul li div p {
		font-size: 1.4rem;
	}

}

/*----------------*/

.phase3_dtp_system{
	margin-bottom: 6rem;
}

.phase3_dtp_system li{
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.phase3_dtp_system li:nth-child(1){ background: #fff; }
.phase3_dtp_system li:nth-child(2){ background: #313131; color: #fff; }
.phase3_dtp_system li:nth-child(3){ background: #fff; }
.phase3_dtp_system li:nth-child(4){ background: #313131; color: #fff; }

.phase3_dtp_system li .block{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.phase3_dtp_system li:nth-child(1) .block{  }
.phase3_dtp_system li:nth-child(2) .block{ flex-direction: row-reverse; }
.phase3_dtp_system li:nth-child(3) .block{  }
.phase3_dtp_system li:nth-child(4) .block{ flex-direction: row-reverse; }


.phase3_dtp_system li .block .text{
	max-width: 72rem;
	margin-right: 8rem;
}

.phase3_dtp_system li:nth-child(1) .block .text{  }
.phase3_dtp_system li:nth-child(2) .block .text{ margin-left: 8rem; margin-right: 0rem; }
.phase3_dtp_system li:nth-child(3) .block .text{  }
.phase3_dtp_system li:nth-child(4) .block .text{ margin-left: 8rem; margin-right: 0rem; }

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

	.phase3_dtp_system li:nth-child(1) .block .text{ margin-left: 4rem; }
	.phase3_dtp_system li:nth-child(2) .block .text{ margin-right: 4rem; }
	.phase3_dtp_system li:nth-child(3) .block .text{ margin-left: 4rem; }
	.phase3_dtp_system li:nth-child(4) .block .text{ margin-right: 4rem; }

}


.phase3_dtp_system li .block .text h4{
	font-size: 5rem;
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid #222;
	margin-bottom: 2rem;
}

.phase3_dtp_system li:nth-child(1) .block .text h4{  }
.phase3_dtp_system li:nth-child(2) .block .text h4{ border-bottom: 0.1rem solid #fff; }
.phase3_dtp_system li:nth-child(3) .block .text h4{  }
.phase3_dtp_system li:nth-child(4) .block .text h4{ border-bottom: 0.1rem solid #fff; }

.phase3_dtp_system li .block .text h5{
	font-size: 3.5rem;
	font-weight: bold;
	margin-left: 8rem;
	margin-bottom: 5rem;
}

.phase3_dtp_system li .block .text p{
	margin-left: 8rem;
	margin-bottom: 0;
}

.phase3_dtp_system li .block .image{

}

.phase3_dtp_system li .block .image img{
	width: 100%;
}

.dtp .modal-header{
	display: none;
}

.dtp .modal-body{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.dtp .modal-body img{
	width: 100%;
	max-width: max-content;
	max-width: -moz-max-content;
	max-width: -webkit-max-content;
	max-width: -o-max-content;
	max-width: -ms-max-content;
	
	height: auto;
}

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

	.phase3_dtp_system li .block {
		max-width: 90%;
	}

	.phase3_dtp_system li .block .text {
		max-width: 45rem;
	}
	
	.phase3_dtp_system li .block .text h5 {
		margin-left: 0rem;
		margin-bottom: 3rem;
	}

	.phase3_dtp_system li .block .text{
		margin-right: 4rem;
	}

	.phase3_dtp_system li:nth-child(1) .block .text{  }
	.phase3_dtp_system li:nth-child(2) .block .text{ margin-left: 4rem; margin-right: 0rem; }
	.phase3_dtp_system li:nth-child(3) .block .text{  }
	.phase3_dtp_system li:nth-child(4) .block .text{ margin-left: 4rem; margin-right: 0rem; }

	.phase3_dtp_system li .block .text p{
		margin-left: 0rem;
	}

}

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

	.phase3_dtp_system li {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.phase3_dtp_system li .block {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		max-width: 85%;
	}
	
	.phase3_dtp_system li:nth-child(1) .block{  }
	.phase3_dtp_system li:nth-child(2) .block{ flex-direction: column-reverse; }
	.phase3_dtp_system li:nth-child(3) .block{  }
	.phase3_dtp_system li:nth-child(4) .block{ flex-direction: column-reverse; }

	.phase3_dtp_system li .block .image {
		margin-bottom: 2rem;
	}
	
	.phase3_dtp_system li .block .text {
		margin-right: 0rem;
	}

	.phase3_dtp_system li:nth-child(1) .block .text{ margin-left: 0rem; }
	.phase3_dtp_system li:nth-child(2) .block .text{ margin-left: 0rem; margin-right: 0rem; }
	.phase3_dtp_system li:nth-child(3) .block .text{ margin-left: 0rem; }
	.phase3_dtp_system li:nth-child(4) .block .text{ margin-left: 0rem; margin-right: 0rem; }

	.phase3_dtp_system li .block .text h4 {
		font-size: 3rem;
	}

	.phase3_dtp_system li .block .text h5 {
		font-size: 2.4rem;
	}

	.phase3_dtp_system li .block .text p {
		font-size: 1.4rem;
	}

}

/*----------------*/

.phase3_dtp_results{
	background: #e8e8e8;
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
	margin-bottom: 16rem;
}

.phase3_dtp_results .title{
	display: flex;
	align-items: center;
	margin-bottom: 6rem;
	font-weight: bold;
}

.phase3_dtp_results .title h5{
	width: 25%;
	height: 7rem;
	background: #222;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 3rem;
	margin-right: 3rem;
	margin-bottom: 0;
}

.phase3_dtp_results{
	background: #e8e8e8;
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.phase3_dtp_pamphlet{
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	max-width: 129rem;
}

.phase3_dtp_pamphlet li{
	width: calc(25% - 2.3rem);
	display: flex;
	justify-content: center;
	margin-right: 3rem;
	margin-bottom: 3rem;
}

.phase3_dtp_pamphlet li:nth-child(4){
	margin-right: 0rem;
}

.phase3_dtp_pamphlet li:nth-child(5){
	/*margin-bottom: 0rem;*/
}

.phase3_dtp_pamphlet li:nth-child(6){
	/*margin-bottom: 0rem;*/
}

.phase3_dtp_pamphlet li:nth-child(8){
	margin-right: 0rem;
	/*margin-bottom: 0rem;*/
}

.phase3_dtp_pamphlet li:nth-child(12){
	margin-right: 0rem;
}

.phase3_dtp_pamphlet li:nth-child(16){
	margin-right: 0rem;
}

.phase3_dtp_pamphlet li.wide{
	/*width: 63rem;*/
	width: 48.5%;
}

.phase3_dtp_pamphlet li img{
	width: 100%;
	max-width: 30rem;
}

.phase3_dtp_pamphlet li.wide img{
	width: 100%;
	max-width: 63rem;
}

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

	.phase3_dtp_pamphlet li {
		width: calc(25% - 2.48rem);
	}

}

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

	.phase3_dtp_results{
		padding-top: 4rem;
		padding-bottom: 4rem;
		margin-bottom: 8rem;
	}

	.phase3_dtp_pamphlet {
		justify-content: space-around;
	}

	.phase3_dtp_pamphlet li {
		width: calc(45% - 2rem);
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3rem;
	}
	
	.phase3_dtp_pamphlet li:nth-child(5){
		margin-bottom: 3rem;
	}
	
	.phase3_dtp_pamphlet li:nth-child(6){
		margin-bottom: 3rem;
	}

	.phase3_dtp_pamphlet li.wide {
		width: 90%;
	}

}


/*-------*/

.phase3_dtp_card{
	display: flex;
	align-items: flex-start;


	margin-left: auto;
	margin-right: auto;
	/*max-width: 129rem;*/
	max-width: 86%;
	flex-wrap: wrap;
	margin-bottom: -4rem;
}

.phase3_dtp_card.top{
	margin-bottom: 4rem;
}

.phase3_dtp_card li{
	/*width: calc(20% - 1.4rem);*/
	width: calc(20% - 3rem);
	display: flex;
	justify-content: center;
	margin-right: 3rem;
	margin-bottom: 4rem;
}

.phase3_dtp_card li:nth-child(5){
	margin-right: 0rem;
	margin-bottom: 0rem;
}

.phase3_dtp_card li.wide{
	/*width: 14.85%;*/
}

.phase3_dtp_card li.wide a{
	width: 80%;
}

.phase3_dtp_card li img{
	width: 100%;
	height: auto;
	/*max-width: 28rem;*/
}

@media screen and ( max-width: 1024px ){
	
	.phase3_dtp_results .title h5 {
		width: 35%;
	}

	.phase3_dtp_pamphlet {
		max-width: 94%;
	}

	.phase3_dtp_card {
		max-width: 94%;
	}

}

@media screen and ( max-width: 768px ){
	
	.phase3_dtp_results .title h5 {
		width: 45%;
	}

	.phase3_dtp_pamphlet {
		max-width: 94%;
	}

	.phase3_dtp_card {
		max-width: 94%;
	}

}

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

	.phase3_dtp_results .title {
		flex-wrap: wrap;
		margin-bottom: 4rem;
	}
	
	.phase3_dtp_results .title h5 {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.phase3_dtp_results .title div {
		width: 100%;
		text-align: center;
	}
	
	.phase3_dtp_card {
		max-width: 90%;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.phase3_dtp_card li {
		width: 43%;
		display: flex;
		justify-content: space-around;
		margin-right: 0;
		margin-bottom: 3rem;
	}
	
	.phase3_dtp_card li.wide {
		width: 35%;
	}

	.phase3_dtp_card li.wide a{
		width: 97%;
	}

}


/*-------------------------------------------------------------*/
/* photo カメラマン撮影 */

.co_block.photo_image01{ background: url("../img/photo/image01.jpg") no-repeat right 8rem; }
.co_block.photo_image02{ background: url("../img/photo/image02.jpg") no-repeat left 8rem; }

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

	.co_block.photo_image01{ background-size: 60%; }
	.co_block.photo_image02{ background-size: 60%; }

}

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

	.co_block.photo_image01,
	.co_block.photo_image02{
		padding-top: 49rem; background-size: contain;
	}

	.co_block.photo_image02{ background: url("../img/photo/image02_sp.jpg") no-repeat left 8rem;; background-size: contain; }


}

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

}

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

	.co_block.photo_image01,
	.co_block.photo_image02{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.photo_category_area{
	justify-content: space-between;
	max-width: 160rem;
	background: #e8e8e8;
	padding: 7rem 0 5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem;
}

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

	.photo_category_area{
		margin-bottom: 2rem;
	}

}

.photo_category_area h5{
	max-width: 50rem;
}

.photo_category_area ul{
	display: flex;
	width: 90%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	
	flex-wrap: wrap;
}

.photo_category_area ul li{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	
	line-height: normal;
	max-width: 20rem;
	margin: 2.5rem;
}

.photo_category_area ul li.none{
	display: none;
}

.photo_category_area ul li img{
	width: 100%;
}

.photo_category_area ul li .image{
	margin-left: auto;
	margin-right: auto;
}

.photo_category_area ul li p{
	font-weight: bold;
	margin-bottom: 0;
}

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

	.photo_category_area ul {
		flex-wrap: wrap;
	}

	.photo_category_area ul li {
		max-width: 17rem;
		margin: 0.5rem;
	}

}

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

	.photo_category_area ul li {
		max-width: 20rem;
		margin: 0.5rem;
		margin-bottom: 2rem;
	}

	.photo_category_area ul li.none{
		display: flex;
		width: 20rem;
	}

}

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

	.photo_category_area ul li {
		max-width: 16rem;
		margin: 0rem;
		margin-bottom: 1rem;
	}

}

/*----------------*/

.phase3_photo_work{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
}

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

	.phase3_photo_work {
		margin-bottom: 0rem;
	}

}

.phase3_photo_work li{
	display: flex;
	align-items: center;
	margin-bottom: 6rem;
}

.phase3_photo_work li:nth-child(2){
	flex-direction: row-reverse;
}

.phase3_photo_work li .text{
	margin-left: 8rem;
	margin-right: 8rem;
	
	max-width: 63rem;
}

.phase3_photo_work li .text .number{
	background: #e8e8e8;
	display: flex;
	width: 30rem;
	height: 6rem;
	align-items: center;
	margin-bottom: 2rem;
}

.phase3_photo_work li .text .number div{
	font-weight: bold;
	background: #222;
	color: #fff;
	
	height: 6rem;
	width: 15rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.phase3_photo_work li .text .number strong{
	font-size: 5rem;

	height: 6rem;
	width: 15rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.phase3_photo_work li .text h4{
	font-size: 3.5rem;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 5rem;
}

.phase3_photo_work li .images{

}

.phase3_photo_work li .images img{
	width: 100%;
}

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

	.phase3_photo_work li .text {
		margin-left: 4rem;
		margin-right: 4rem;
		max-width: 40rem;
	}

}

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

	.phase3_photo_work li .text {
		max-width: 32rem;
	}

}

@media screen and ( max-width: 559px ){
	
	.phase3_photo_work li {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	.phase3_photo_work li:nth-child(2) {
		flex-direction: column-reverse;
	}
	
	.phase3_photo_work li .text .number {
		background: #e8e8e8;
		height: 4rem;
	}
	
	.phase3_photo_work li .text .number div {
		height: 4rem;
		font-size: 1.4rem;
	}

	.phase3_photo_work li .text .number strong {
		font-size: 3.5rem;
		height: 4rem;
	}

	.phase3_photo_work li .text h4 {
		font-size: 2.4rem;
		margin-bottom: 1rem;
	}
	
	.phase3_photo_work li .images {
		width: 80%;
		margin-bottom: 2rem;
	}

	.phase3_photo_work li .text p {
		font-size: 1.4rem;
		margin-bottom: 0rem;
	}

}

/*----------------*/

.phase3_photo_sample{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 0;
}

.phase3_photo_sample li{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width : calc(100% / 3) ;
	overflow: hidden;
}

.phase3_photo_sample li img{
	transition: .5s;
	width: 100%;
}

.phase3_photo_sample li img:hover{
	transform: scale(1.1, 1.1);
}


.phase3_photo_sample_image{
}

.phase3_photo_sample_image img{
	width: 100%;
}

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

	.phase3_photo_sample {
		margin-left: 0;
		margin-right: 0;
	}

}

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

	.phase3_photo_sample {
		margin-bottom: 0rem;
	}

}



/*----------------*/
/*----------------*/


/*-------------------------------------------------------------*/
/* diagnose ホームページ診断 */

.co_block.xxx_image01{ background: url("../img/xxx/image01.jpg") no-repeat right 8rem; }
.co_block.xxx_image02{ background: url("../img/xxx/image02.jpg") no-repeat left 8rem; }

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

}

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

	.co_block.xxx_image01,
	.co_block.xxx_image02{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.xxx_image01,
	.co_block.xxx_image02{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.diagnose_point_list{
	justify-content: space-between;
	max-width: 160rem;
	background: url(../img/diagnose/point.jpg) no-repeat right top #467de4;
	padding: 7rem 0 5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem;
}

.diagnose_point_list h5{
	max-width: 50rem;
}

.diagnose_point_list ul{
	display: flex;
	width: 75%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}

.diagnose_point_list ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	
	border: 0.3rem solid #222;
	background: #fff;
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 3rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	max-width: 25rem;
	max-height: 20rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.diagnose_point_list ul li .image{
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

.diagnose_point_list ul li p{
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

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

	.diagnose_point_list ul {
		flex-wrap: wrap;
		width: 95%;
	}

	.diagnose_point_list ul li {
		max-width: 22rem;
		margin-bottom: 0rem;
		padding-bottom: 2rem;
		padding-left: 1rem;
		padding-right: 1rem;
		margin-left: 0rem;
		margin-right: 0rem;
	}

}

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

	.diagnose_point_list ul {
		margin-bottom: -4rem;
		width: 75%;
	}

	.diagnose_point_list ul li {
		max-width: 25rem;
		margin-bottom: 4rem;
	}

}

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

	.diagnose_point_list {
		background: url(../img/diagnose/point.jpg) no-repeat center top #467de4;
		padding: 15rem 0 5rem;
		background-size: 50%;
	}

	.diagnose_point_list ul {
		margin-bottom: -2rem;
		width: 94%;
	}

	.diagnose_point_list ul li {
		margin-bottom: 2rem;
		max-width: 16rem;
	}
	
	.diagnose_point_list ul li .image {
		max-width: 6rem;
	}
	
	.diagnose_point_list ul li p {
		font-size: 1.4rem;
	}

}

/*----------------*/

.diagnose_number{
	background: #222;
	width: 14rem;
	height: 14rem;
	font-size: 5.3rem;
	font-weight: bold;
	color: #fff;
	border-radius: 14rem;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem;
}

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

	.diagnose_number {
		width: 10rem;
		height: 10rem;
		font-size: 3.5rem;
	}

}

/*-----*/

.diagnose_flow_image{
	max-width: 64rem;

	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
}

.diagnose_flow_image img{
	width: 100%;
}

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

	.diagnose_flow_image {
		max-width: 90%;
		margin-bottom: 4rem;
	}

}

/*-----*/

.arrow_box{
	position:relative;
	max-width: 110rem;
	width: 100%;
	height: 10rem;
	background:#FFFFFF;
	padding:10px;
	text-align:center;
	border:3px solid #222222;
	color:#222222;
	font-size: 3rem;
	font-weight:bold;

	display: flex;
	justify-content: center;
	align-items: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8rem;
}
.arrow_box:after,.arrow_box:before{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	top:100%;
	left:50%;
}
.arrow_box:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-width:16px;
	border-bottom-width:16px;
	border-left-width:16px;
	border-right-width:16px;
	margin-left: -16px;
	border-top-color:#FFFFFF;
}
.arrow_box:before{
	border-color: rgba(34, 34, 34, 0);
	border-top-width:19px;
	border-bottom-width:19px;
	border-left-width:19px;
	border-right-width:19px;
	margin-left: -19px;
	margin-top: 3px;
	border-top-color:#222222;
}

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

	.arrow_box{
		width: 94%;
	}

}

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

	.arrow_box{
		font-size: 2.4rem;
	}

}

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

	.arrow_box {
		font-size: 2rem;
		line-height: 1.5;
		margin-bottom: 6rem;
	}


}

/*----------------*/

.diagnose_select_list{
	display: flex;
	justify-content: space-around;
	align-items: center;
	
	max-width: 110rem;
	margin-left: auto;
	margin-right: auto;
}

.diagnose_select_list li{
	width: 30%;
	display: flex;
	justify-content: center;
}

.diagnose_select_list li a{
	max-width: 30rem;
	width: 100%;
	height: 7.5rem;

	display: flex;
	justify-content: center;
	align-items: center;
	
	border: 0.2rem solid #222;
	border-radius: 7.5rem;
	font-size: 2.5rem;
	overflow: hidden;
}

.diagnose_select_list li a::before{
	border-radius: 7.5rem;
}

.diagnose_select_list li .button::before{
	background: #e53a6e;
}

.diagnose_select_list li a:hover{
	border: 0.3rem solid #e53a6e;
	background: #e53a6e;
}


.diagnose_select_list li a:hover{
	background: #e53a6e;
	border: 0.2rem solid #e53a6e;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

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

	.diagnose_select_list {
		width: 94%;
	}

}

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

	.diagnose_select_list li {
		width: 32%;
	}

	.diagnose_select_list li a {
		height: 6rem;
		border-radius: 6rem;
		font-size: 1.8rem;
	}

}

/*----------------*/

.diagnose_result{
	width: 100%;
	padding-top: 6rem;
	color: #fff;
	
	position: relative;
	margin-bottom: 8rem;
}

.diagnose_result::after{
	position: absolute;
	content: "";
	width: 100%;
	background: #222;
	height: 46rem;
	padding-top: 6rem;
	color: #fff;
	top: 0;
	z-index: -1;
}

.diagnose_result .type01{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

.diagnose_result .type02{
	text-align: center;
	font-size: 4.5rem;
	font-weight: bold;
}

.diagnose_result .type03{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 3rem;
}

.diagnose_result .type04{
	text-align: center;
	margin-bottom: 4rem;
}

.diagnose_result .type05{
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}

.diagnose_result .type05 img{
	width: 100%;
}

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

	.diagnose_result {
		padding-top: 4rem;
	}

	.diagnose_result .type02 {
		/*font-size: 3rem;*/
		font-size: 2.3rem;
	}

	.diagnose_result .type04 {
		margin-left: 2rem;
		margin-right: 2rem;
		line-height: 1.5;
	}

}

/*----------------*/

.arrow_box_result{
	position:relative;
	max-width: 50rem;
	width:100%;
	/*height:28rem;*/
	height: auto;
	background:#E53A6E;
	padding: 3.5rem;
	text-align:center;
	color:#fff;
	font-size: 3rem;
	font-weight:bold;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11rem;
}

.arrow_box_result.perfect{
	max-width: 100rem;
}


.arrow_box_result:after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(229, 58, 110, 0);
	border-top-width: 3rem;
	border-bottom-width: 3rem;
	border-left-width: 3rem;
	border-right-width: 3rem;
	margin-left: -3rem;
	border-top-color:#E53A6E;
	top: 100%;
	left: 50%;
}

.arrow_box_result span{
	font-size: 10rem;
}

.arrow_box_result div{
	width: 100%;
	line-height: 1.5;
}


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

	.arrow_box_result.perfect{
		max-width: 65rem;
	}

}

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

	.arrow_box_result{
		font-size: 2.2rem;
		height: auto;
		min-height: 22rem;
	}

	.arrow_box_result span{
		font-size: 7rem;
	}

	.arrow_box_result div{
		font-size: 2rem;
	}

}

/*----------------*/

.diagnose_recommendation{
	max-width: 160rem;
	margin-left: auto;
	margin-right: auto;
	background: #e8e8e8;
}

.diagnose_recommendation .title{
	width: 100%;
	height: 8rem;
	background: #222;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-bottom: 0.3rem solid #fff;
	
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
}

.diagnose_recommendation .diagnose_recommendation_area{
	border-top: 1rem solid #e53a6e;

	width: 100%;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.diagnose_recommendation .diagnose_recommendation_area ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	width: 90%;
	margin-left: auto;
	margin-right: auto;

	margin-bottom: -4rem;
}

.diagnose_recommendation .diagnose_recommendation_area ul li{
	width: 22%;
	background: #aaa;
	font-size: 2rem;
	height: 18rem;

	display: flex;
	margin-left: 2rem;
	margin-right: 2rem;
	margin-bottom: 4rem;
	
	position: relative;
	transition: .5s;
}

.diagnose_recommendation .diagnose_recommendation_area ul li:hover{
	opacity: 0.6;
}

.diagnose_recommendation .diagnose_recommendation_area ul li.renewal{ background: url(../img/diagnose/recommendation01.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.hp{ background: url(../img/diagnose/recommendation02.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.web{ background: url(../img/diagnose/recommendation03.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.transfer{ background: url(../img/diagnose/recommendation04.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.seo{ background: url(../img/diagnose/recommendation05.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.ad{ background: url(../img/diagnose/recommendation06.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.system{ background: url(../img/diagnose/recommendation07.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.app{ background: url(../img/diagnose/recommendation08.jpg); background-size: cover; }
.diagnose_recommendation .diagnose_recommendation_area ul li.dtp{ background: url(../img/diagnose/recommendation09.jpg); background-size: cover; }

.diagnose_recommendation .diagnose_recommendation_area ul li::after{
	content: "";
	position: absolute;
	
	border: 0.1rem solid #fff;
/*
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	transition: .5s;
	background: rgba(0,0,0,.5);
*/
	width: 24rem;
	height: 6rem;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: .5s;
	background: rgba(0,0,0,.5);
	margin: auto;
}

.diagnose_recommendation .diagnose_recommendation_area ul li:hover::after{
	/*
	content:'\E89E';
	font-family: "Material Icons";
	*/
	font-weight: normal;
	font-size: 3rem;
	
	border: 0.1rem solid #fff;
/*
	width: 90%;
	height: 90%;
*/
}

.diagnose_recommendation .diagnose_recommendation_area ul li a{
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 2;
}

.diagnose_recommendation .diagnose_recommendation_area ul li a:hover{
	text-decoration: none;
}

.diagnose_recommendation .diagnose_recommendation_area ul li a div{
	line-height: 1.2;
}

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

	.diagnose_recommendation .diagnose_recommendation_area ul li {
		width: 30%;
		height: 16rem;
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
	}

}

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

	.diagnose_recommendation .title {
		height: 10rem;
		font-size: 2.2rem;
	}

	.diagnose_recommendation .diagnose_recommendation_area ul li {
		width: 90%;
		height: 12rem;
		margin-left: 0rem;
		margin-right: 0rem;
		margin-bottom: 2rem;
	}

}



/*-------------------------------------------------------------*/
/* glossary WEB用語集 */

.co_block.glossary_image01{ background: url("../img/glossary/image01.jpg") no-repeat right 8rem; }

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

	.co_block.glossary_image01{ background-size: 60%; }

}

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

	.co_block.glossary_image01{
		padding-top: 49rem; background-size: contain;
	}

}

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

}

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

	.co_block.glossary_image01{
		padding-top: 20rem;
		background-size: contain;
		background-position: left 0;
	}

}

/*----------------*/

.category_list.glossary {
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
}

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

	.category_list.glossary {
		margin-bottom: 8rem;
	}

}

.category_list.glossary .list {
	width: 100%;
	max-width: 100%;
	margin-bottom: 2rem;
}

.category_list.glossary .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 120rem;
}

.category_list.glossary .list ul li{
	width: 30%;
	max-height: 7.5rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5rem;
}

.category_list.glossary .list ul li a{
	display: flex;
	border: 0.2rem solid #222;

	width: 100%;
	max-width: 35rem;
	height: 7.5rem;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.category_list.glossary .bt{
	max-width: inherit;
	height: auto;
	margin: 0 auto;
}

.category_list.glossary .bt form{
	display: flex;
}

.category_list.glossary .bt .search-field{
	border: 0.2rem solid #222;
	margin-right: 2rem;
	width: 40rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.category_list.glossary input[type="search"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.category_list.glossary input[type="search"]::-webkit-search-decoration {
  display: none;
}
.category_list.glossary input[type="search"]::focus {
  outline-offset: -2px;
}

.category_list.glossary .search_bt_wrap {
	margin-bottom: 0rem;
}

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

	.category_list.glossary .list ul li {
		width: 45%;
		margin-bottom: 1.5rem;
	}

	.category_list.glossary .list ul li a{
		font-size: 1.5rem;
	}


	.category_list.glossary .bt form {
		flex-wrap: wrap;
	}

	.category_list.glossary .bt .search-field {
		border: 0.2rem solid #222;
		margin-right: 2rem;
		margin-left: 2rem;
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
		height: 6rem;
		margin-bottom: 2rem;
	}

	.category_list.glossary .bt .reule{
		text-align: center;
		margin-top: 0.5rem;
	}

}

/*----------------*/

.glossary_list{
	max-width: 108rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
}

.glossary_list li{
	width: 100%;
	
	
	border-bottom: 0.1rem dotted #838383;
	
}

.glossary_list li .area{
	padding-left: 2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	
	border-left: 1rem solid #313131;
}

.glossary_list li .area .category{
	display: flex;
	align-items: center;
	
	width: 20rem;
	height: 3.5rem;
	color: #fff;
	background: #313131;
	
	padding-left: 1.5rem;
	margin-bottom: 1.5rem;
}

.glossary_list li .area h4{
	font-size: 2.5rem;
	font-weight: bold;
}

.glossary_list li .area p{
	margin-bottom: 0;
	font-size: 1.4rem;
	color: #9a9a9a;
}

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

	.glossary_list{
		max-width: 90%;
	}

}

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

	.glossary_list li .area h4{
		font-size: 2.2rem;
	}
	
	.glossary_list li .area .category {
		font-size: 1.4rem;
	}
	
	.glossary_list li .area p {
		font-size: 1.2rem;
	}

}


/*-------------------------------------------------------------*/
/*IEハック*/

_:-ms-lang(x)::-ms-backdrop, .phase3_arrow_area div.catch_box { display: -ms-inline-flexbox; }
_:-ms-lang(x)::-ms-backdrop, .diagnose_number { padding-top: 2rem; }

_:-ms-lang(x)::-ms-backdrop, .arrow_box { padding-top: 2rem; }
_:-ms-lang(x)::-ms-backdrop, .diagnose_select_list li .button { padding-top: 1rem; }

_:-ms-lang(x)::-ms-backdrop, .phase3_photo_work li .text .number strong { margin-top: 2rem; }
_:-ms-lang(x)::-ms-backdrop, .phase3_photo_work li .text .number div { padding-top: 1rem; }

_:-ms-lang(x)::-ms-backdrop, .phase3_logo_results li { width: calc(100% /5.01); }

_:-ms-lang(x)::-ms-backdrop, #pamphlet03 img { width: 57.9rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet04 img { width: 57.9rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet07 img { width: 81.5rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet09 img { width: 57.9rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet10 img { width: 57.9rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet12 img { width: 57.9rem ; }
_:-ms-lang(x)::-ms-backdrop, #pamphlet13 img { width: 57.9rem ; }

_:-ms-lang(x)::-ms-backdrop, #card01 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card02 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card03 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card04 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card05 img { width: 77rem ; }
_:-ms-lang(x)::-ms-backdrop, #card06 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card07 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card08 img { width: 62rem ; }
_:-ms-lang(x)::-ms-backdrop, #card09 img { width: 38.2rem ; }

_:-ms-lang(x)::-ms-backdrop,  {  }
_:-ms-lang(x)::-ms-backdrop,  {  }