@charset "utf-8";

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


.lowpage_title.homepage{ background: url(../img/title/homepage.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.lp{ background: url(../img/title/lp.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.renewal{ background: url(../img/title/renewal.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.ec{ background: url(../img/title/ec.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.seo{ background: url(../img/title/seo.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.web{ background: url(../img/title/web.jpg) no-repeat ; background-position: top center; background-size: cover; }
.lowpage_title.ad{ background: url(../img/title/ad.jpg) no-repeat ; background-position: top center; background-size: cover; }

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

}

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

.co_block{
	width: 100%;
	padding-bottom: 22rem;
	margin-bottom: 16rem;
	display: flex;
}

.co_block.reverse{
	justify-content: flex-end;
}

.co_block.space-between{
	justify-content: space-between;
}

.co_block.figure{
	margin-bottom: 8rem;
}

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

.co_block.service_image_none{
	padding-bottom: 0rem;
	margin-bottom: 8rem;
}


.co_block.homepage01{ background: url("../img/hp/image01.jpg") no-repeat right 8rem; }
.co_block.homepage02{ background: url("../img/hp/image02.jpg") no-repeat left 8rem; }
.co_block.homepage03{ background: url("../img/hp/image03.jpg") no-repeat right 8rem; }
.co_block.homepage04{ background: url("../img/hp/image04.jpg") no-repeat left 8rem; }
.co_block.homepage05{ background: url("../img/hp/image05.jpg") no-repeat right 8rem; }

@media screen and ( max-width: 1600px ){
	.co_block.homepage01,
	.co_block.homepage02,
	.co_block.homepage03,
	.co_block.homepage04,
	.co_block.homepage05{
		background-size: 60%;
	}
}

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

	.co_block{
		padding-bottom: 0rem;
		margin-bottom: 8rem;
	}

	.co_block.homepage01,
	.co_block.homepage02,
	.co_block.homepage03,
	.co_block.homepage04,
	.co_block.homepage05{
		background-size: 100%;
		padding-top: 40rem;
		background-position: top;
	}

	.co_block.figure {
		margin-bottom: 6rem;
	}

}

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

	.co_block.homepage01,
	.co_block.homepage02,
	.co_block.homepage03,
	.co_block.homepage04,
	.co_block.homepage05{
		padding-top: 20rem;
	}

	.co_block .text_area .inner p{
		font-size: 1.4rem;
	}

}


.co_block .text_area{
	width: 50%;
	background: #ababab;
	display: flex;
	justify-content: flex-end;
}

.co_block.w160 .text_area{
	width: 46%;
}

.co_block.reverse .text_area{
	justify-content: flex-start;
}

.co_block .text_area.black{
	background: #222;
	color: #fff;
}

.co_block .text_area.white{
	background: #e8e8e8;
	color: #222;
}

.co_block .text_area .inner{
	max-width: 58rem;
	margin: 0 8rem;
	padding: 8rem 0;
}

.co_block.w160 .text_area .inner{
	max-width: 100%;
}

.co_block .text_area h4{
	margin-bottom: 5rem;
	font-size: 4.5rem;
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 6.2rem;
}


@media screen and ( max-width: 1600px ){
	.co_block .text_area .inner{
		margin: 0 5rem;
		padding: 5rem 0;
	}
}

@media screen and ( max-width: 1300px ){
	.co_block .text_area h4{
		font-size: 4rem;
		line-height: 6.2rem;
	}

	.co_block .text_area .inner p {

	}
}

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

	.co_block {
		padding-bottom: 0rem;
	}
	
	.co_block .text_area{
		width: 60%;
	}


}

@media screen and ( max-width: 768px ){
	.co_block .text_area{
		width: 100%;
		background: #ababab;
		display: flex;
		justify-content: flex-end;
	}

	.co_block .text_area .inner{
		max-width: 100%;
	}

	.co_block .text_area h4{
		margin-bottom: 4rem;
		line-height: normal;
	}

}

@media screen and ( max-width: 700px ){
	.co_block .text_area .inner {
		margin: 0 4rem;
		padding: 4rem 0;
	}
	.co_block .text_area h4{
		margin-bottom: 2rem;
		font-size: 2.2rem;
	}
}

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

.bottom_figure{
	margin: 0 auto 24rem;
}

.bottom_figure_16rem{
	margin: 0 auto 16rem;
}

.bottom_figure_last{
	margin: 0 auto 10rem;
}

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

	.bottom_figure{
		margin: 0 auto 16rem;
	}

	.bottom_figure_last {
		margin: 0 auto 10rem;
	}

}

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

	.bottom_figure{
		margin: 0 2rem 16rem;
	}

	.bottom_figure_last {
		margin: 0 auto 10rem;
	}

}

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

	.bottom_figure{
		margin: 0 2rem 8rem;
	}

}

.homepage01_list{
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 160rem;
}

.homepage01_list li{
	width: 30rem;
	height: 30rem;
}

.homepage01_list li.arrow{
	width: auto;
	height: auto;
}

@media screen and ( max-width: 1600px ){
	.homepage01_list{
		padding: 0 3rem;
	}
}

@media screen and ( max-width: 768px ){
	.homepage01_list{
		padding: 0 3rem;
	}
}

.homepage01_list li > div{
	border: 0.5rem solid #222;
	width: 100%;
	height: 100%;
	border-radius: 30rem;
	display: flex;
	align-items: center;
	justify-content: center;
	
	-moz-transition: -moz-transform 1.5s linear;
	-webkit-transition: -webkit-transform 1.5s linear;
	-o-transition: -o-transform 1.5s linear;
	-ms-transition: -ms-transform 1.5s linear;
	
}

.homepage01_list li > div:hover{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	background: #eee;
}

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

	.homepage01_list li > div:hover{
		transform: none;
		-webkit-transform: none;
		background: #fff;
	}

}

.homepage01_list li > div img{
	margin-bottom: 1.5rem;
}

.homepage01_list li:last-child > div{
	border: 0.5rem solid #e43a6e;
}

.homepage01_list li > div > div{
	display: flex;
	align-items: center;
	flex-flow: column;
}

@media screen and ( max-width: 768px ){
	.homepage01_list li > div > div {
		flex-flow: inherit;
	}
}

.homepage01_list li > div p{
	font-size: 1.2rem;
	color: #959595;
	text-align: center;
}

.homepage01_list li:last-child > div p{
	color: #e38ca6;
	text-align: center;
}

.homepage01_list li  div.step{
	text-align: center;
}

.homepage01_list li > div h5{
	font-size: 2.9rem;
	text-align: center;
	font-weight: bold;
	min-height: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.homepage01_list li:last-child > div h5{
	color: #e43a6e;
}

.homepage01_list li:last-child > div .step{
	color: #e43a6e;
}

.homepage01_list li.arrow span{
	color: #e0e0e0;
	font-size: 8rem;
}

.homepage01_list li.arrow span{
	color: #e0e0e0;
	font-size: 8rem;
}

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

	.homepage01_list li.arrow span {
		font-size: 6rem;
	}
	
	.homepage01_list li > div h5 {
		font-size: 2.5rem;
	}
	
	.homepage01_list li > div p {
		font-size: 1.1rem;
	}

}


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

	.homepage01_list{
		flex-wrap: wrap;
		width: 80%;
		margin: 0 auto 8rem;
	}

	.homepage01_list {
		flex-wrap: wrap;
	}
	
	.homepage01_list li {
		width: 100%;
		height: 20rem;
	}
	
	.homepage01_list li img{
		margin-right: 3rem;
	}

	.homepage01_list li.arrow span {
		font-size: 6rem;
		-moz-transform: rotate(-270deg);
		-webkit-transform: rotate(-270deg);
		-o-transform: rotate(-270deg);
		-ms-transform: rotate(-270deg);
	}

}

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

	.homepage01_list {
		width: 100%;
	}

	.homepage01_list li{
		width: 100%;
		height: 13rem;
	}
	
	.homepage01_list li img{
		margin: 0 !important;
		width: 30%;
	}
	
	.homepage01_list li > div > div > div{
		width: 15rem;
	}

	.homepage01_list li > div h5{
		min-height: auto;
		font-size: 2rem;
		margin-bottom: 0;
	}
	
	.homepage01_list li > div p {
		font-size: 1rem;
		margin-bottom: 0;
	}

}

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

.homepage02_list{
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 160rem;
}

.homepage02_list img	{
	width: 100%;
}

@media screen and ( max-width: 1600px ){
	.homepage01_list{
		padding: 0 3rem;
	}
}

@media screen and ( max-width: 700px ){
	.homepage02_list{
		flex-wrap: wrap;
		width: 80%;
		margin: 0 auto 8rem;
	}
}


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

.homepage03_list{
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 160rem;
	flex-wrap: wrap;
}

.homepage03_list li{
	width: 24%;
	margin-bottom: 6rem;
}

.homepage03_list li img{
	width: 100%;
}

.homepage03_list li .title{
	display: flex;
	width: 90%;
	margin-bottom: 1.5rem;
}

.homepage03_list li .title .left{
	background: #222;
	color: #fff;
	width: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: bold;
}

.homepage03_list li .title .right{
	border: 1px solid #222;
	width: 14rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
}


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

	.homepage03_list li {
		width: 31%;
	}

}

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

	.homepage03_list li {
		width: 46%;
	}

}

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

	.homepage03_list{
		margin: 0 auto 0rem;
		display: none;
	}

	.homepage03_list li {
		width: 85%;
	}

	.homepage03_list li .title .left{
		font-size: 1.8rem;
	}

	.homepage03_list li .title .right{
		font-size: 1.4rem;
	}

}

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

.bottom_text.service{
	font-size: 5rem;
	text-align: center;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 12rem;
}

.bt.service_bt{
	font-size: 3rem;
	max-width: 48rem;
	height: 12rem;
}

.bt.service_bt.price{
	margin-top: 4rem;
}

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

	.bottom_text.service{
		font-size: 4rem;
		margin-left: 3rem;
		margin-right: 3rem;
	}

}

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

	.bottom_text.service {
		font-size: 3.5rem;
	}

	.bt.service_bt {
		margin-left: auto;
		margin-right: auto;
	}
}

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

	.bottom_text.service {
		font-size: 2.3rem;
		width: 80%;
		margin: 0 auto 6rem;
	}
	
	.bt .button {
		font-size: 2rem;
	}

	.bt.service_bt{
		font-size: 3rem;
		max-width: 30rem;
		height: 8rem;
	}

}


/*-------------------------------------------------------------*/
/*LP制作*/


.co_block.lp01{ background: url("../img/lp/image01.jpg") no-repeat right 8rem; }
.co_block.lp02{ background: url("../img/lp/image02.jpg") no-repeat left 5.5rem; padding-bottom: 24rem;}
.co_block.lp03{ background: url("../img/lp/image03.jpg") no-repeat right 8rem; }
.co_block.lp04{ background: url("../img/lp/image04.jpg") no-repeat left 8rem; }
.co_block.lp05{ background: url("../img/lp/image05.jpg") no-repeat right 8rem; }
.co_block.lp06{ background: url("../img/lp/image06.jpg") no-repeat left 8rem; }
.co_block.lp07{ background: url("../img/lp/image07.jpg") no-repeat right 8rem; }
.co_block.lp08{ background: url("../img/lp/image08.jpg") no-repeat left 8rem; }

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

	.co_block.lp02{ padding-bottom: 30rem; }

}

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

	.co_block.lp01,
	.co_block.lp02,
	.co_block.lp03,
	.co_block.lp04,
	.co_block.lp05,
	.co_block.lp06,
	.co_block.lp07,
	.co_block.lp08{ background-size: 54%; }

	.co_block.lp02{ background-size: 70%; padding-bottom: 0rem; }

	.co_block.lp03 .text_area{
		width: 60%;
	}

}

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

	.co_block.lp01,
	.co_block.lp02,
	.co_block.lp03,
	.co_block.lp04,
	/*.co_block.lp05,*/
	.co_block.lp06,
	.co_block.lp07,
	.co_block.lp08{ padding-top: 52rem; background-size: contain; }

	.co_block.lp01{ padding-top: 62rem; }

}

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

	.co_block.lp01,
	.co_block.lp02,
	.co_block.lp03,
	.co_block.lp04,
	/*.co_block.lp05,*/
	.co_block.lp06,
	.co_block.lp07,
	.co_block.lp08{ padding-top: 20rem; background-position: left 0;}

	.co_block.lp01{ padding-top: 27rem; }
	.co_block.lp02{ padding-top: 23rem; }


}

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

.service_s_title{
	max-width: 40rem;
	height: 7rem;
	background: #222;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 0 3rem;
	margin-bottom: 3.5rem;
}

.service_s_title.center{
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
}

.lp_feature_area{
	width: 50%;
}

.lp_feature{
	max-width: 95%;
}

.lp_feature li{
	display: flex;
	width: 100%;
	min-height: 6.5rem;
	margin-bottom: 1.5rem;
}

.lp_feature li h6{
	background: #222;
	color: #fff;
	width: 40%;
	display: flex;
	font-size: 2.5rem;
	font-weight: bold;
	align-items: center;
	padding: 0 2.5rem;
	margin: 0;
	word-break: break-all;
}

.lp_feature li div{
	background: #e8e8e8;
	width: 60%;
	display: flex;
	align-items: center;
	padding: 0 3rem;
}

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

.lp_image02s{
	margin-top: 18rem;
}

@media screen and ( max-width: 1600px ){
	.lp_feature_area {
		margin-left: 3rem;
	}
}

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

	.lp_feature {
		max-width: 100%;
	}

	.lp_feature_area {
		width: 95%;
		margin-top: 5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.service_image_none{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.co_block.w160 .text_area .inner {
		max-width: 100%;
	}
	
		.co_block.w160 .text_area {
		width: 100%;
	}

}

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

	.service_s_title{
		font-size: 2.2rem;
		padding: 0 2rem;
	}


	.lp_feature li {
		flex-wrap: wrap;
	}
	
	.lp_feature li h6 {
		width: 100%;
		font-size: 2rem;
		padding: 1rem 2rem;
	}
	
	.lp_feature li div {
		width: 100%;
		padding: 1rem 2rem;
		font-size: 1.6rem;
	}

}

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

.lp_gole_list ul{
	display: flex;
	justify-content: space-around;
	
	max-width: 160rem;
	margin: 0 auto;
}

.lp_gole_list li{
	border: 0.3rem solid #222;
	display: flex;
	justify-content: space-around;
	width: 78rem;
	padding: 2rem;
}

.lp_gole_list li.near{
	border: 0.3rem solid #e53a6e;
}

.lp_gole_list li h5{
	font-size: 2.3rem;
	font-weight: bold;
	text-align: center;
	margin: 2rem 0;
}

.lp_gole_list li h5 span{
	font-size: 1.8rem;
}

.lp_gole_list li h5 small{
	font-size: 1.3rem;
}


.lp_gole_list li .text{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.lp_gole_list li .result{
	width: 28rem;
	height: 10rem;
	color: #fff;
	background: #222;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	font-size: 2.3rem;
	font-weight: bold;
}

.lp_gole_list li .result.near{
	background: #e53a6e;
}

.lp_gole_list li .result p{
	line-height: 3rem;
	margin: 0;
}

.lp_gole_list li .result p small{
	font-size: 60%;
}

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

	.lp_gole_list li .img img{
		width: 100%;
	}

}


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

.lp_gole_list.clear li:first-child{
	width: 91rem;
}

.lp_gole_list.clear li:last-child{
	width: 65rem;
}

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

	.lp_gole_list li {
		margin: 0 2rem;
	}

}

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

	.lp_gole_list ul {
		margin: 0 3rem;
	}

	.lp_gole_list li {
		flex-wrap: wrap;
		margin: 0 2rem;
	}
	
	.lp_gole_list li h5{
		width: 100%;
	}

}

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

	.lp_gole_list.clear li:last-child {
		width: 100%;
	}

	.lp_gole_list ul {
		flex-wrap: wrap;
	}

	.lp_gole_list li {
		flex-wrap: wrap;
	}
	
	.lp_gole_list li:first-child {
		width: 91rem;
		margin-bottom: 3rem;
	}

	.lp_gole_list li img{
		width: 100%;
	}
	
	.lp_gole_list li .text {
		justify-content: space-around;
		width: 100%;
	}
	
	.lp_gole_list li h5 {
		width: 40%;
	}

}

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

	.lp_gole_list li:first-child{
			margin-bottom: 2rem;
	}

	.lp_gole_list.clear li:first-child{
		width: 100%;
		margin-bottom: 2rem;
	}

	.lp_gole_list li .img img {
		width: auto;
		max-height: 17rem;
	}

	.lp_gole_list li h5 {
		width: 100%;
	}

}

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

.lp_use_title{
	width: 18rem;
	height: 6rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	font-size: 1.8rem;
	font-weight: bold;
}

.lp_use_list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
	margin-left: 3rem;
}

.lp_use_list li{
	border: 0.2rem solid #fff;
	padding: 1rem 3rem;
	font-size: 1.8rem;
	margin: 0 0.8rem 0.8rem 0;
}

.co_block.lp03 {
	padding-bottom: 8rem;
}

.co_block.lp05 {
	justify-content: space-between;
}

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

	.lp_use_list li {
		padding: 1rem 2rem;
		font-size: 1.6rem;
	}

	.co_block.lp03 {
		padding-bottom: 0rem;
	}

	.co_block.lp05 {
		flex-wrap: wrap;
	}

	.co_block.lp05 .text_area{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}

	.co_block.lp05 .img{
		margin-left: auto;
		margin-right: auto;
	}

}

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

	.co_block.lp05 .text_area {
		width: 100%;
	}

	.co_block.lp05 {
		flex-wrap: wrap;
	}
	
	.co_block.lp05 .img{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.co_block.lp05 img{
		width: 100%;
	}

}


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

	.lp_use_list {
		margin-left: 0rem;
	}
	
	.lp_use_list li {
		padding: 0.3rem 1rem;
		font-size: 1.2rem;
	}

	.co_block.lp03 {
		padding-bottom: 0;
	}

}

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

.lp_effect_list{
	display: flex;
	justify-content: space-between;
	max-width: 160rem;
	background: #e8e8e8;
	padding: 7rem 0 5rem;
}

.lp_effect_list .service_s_title{
	width: 30rem;
}

.lp_effect_list ul{
	display: flex;
	width: 80%;
	justify-content: space-around;
}

.lp_effect_list ul li{
	display: flex;
	align-items: center;
	border: 0.3rem solid #222;
	background: #fff;
	line-height: normal;
	padding: 3rem;
}

.lp_effect_list ul li span{
	font-size: 8rem;
	margin-right: 2.5rem;
}

.lp_effect_list ul li p{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0;
}

.lp_effect_list ul li h6{
	font-size: 2.5rem;
	font-weight: bold;
}


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

	.lp_effect_list {
		flex-wrap: wrap;
	}

	.lp_effect_list ul {
		width: 90%;
		margin: 0 auto;
	}

	.lp_effect_list ul li {
		padding: 2rem;
	}
	
	.lp_effect_list ul li h6 {
		font-size: 2rem;
	}
	
	.lp_effect_list ul li p {
		font-size: 1.4rem;
	}

}

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

	.lp_effect_list {
		flex-wrap: wrap;
	}

	.lp_effect_list ul {
		width: 95%;
		margin: 0 auto;
	}
	
	.lp_effect_list ul li {
		flex-wrap: wrap;
		margin: 1rem;
	}
	
	.lp_effect_list ul li div{
		width: 100%;
	}

}

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

	.lp_effect_list ul {
		flex-wrap: wrap;
	}

	.lp_effect_list ul li{
		width: 100%;
		padding: 2rem 3rem;
	}

	.lp_effect_list ul li div{
		text-align: center;
	}

	.lp_effect_list ul li span {
		margin-right: 0;
		font-size: 6rem;
	}

	.lp_effect_list ul li {
		padding: 1rem 3rem;
	}

}

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

.copywriting_area{
	text-align: center;
}

.copywriting_area .caption{
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 3rem;
	min-width: 70rem;
	max-width: 100%;
	font-size: 16px;
	/*background: #e0edff;	*/
	
	border: 0.2rem solid #222;
	box-sizing: border-box;
}

.copywriting_area .caption h5{
	text-align: center;
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 3rem;
}

.copywriting_area .caption .bt{
	border: 0.2rem dashed #222;

	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
}

.copywriting_area .caption:before {
	content: "";
	position: absolute;
	bottom: -43px;
	left: 50%;
	margin-left: -15px;
	border: 22px solid transparent;
	border-top: 22px solid #FFF;
	z-index: 2;
}

.copywriting_area .caption:after {
	content: "";
	position: absolute;
	bottom: -48px;
	left: 50%;
	margin-left: -17px;
	border: 24px solid transparent;
	border-top: 24px solid #555;
	z-index: 1;
}

/**/

.copywriting_list{
	font-weight: bold;
	max-width: 150rem;
	margin: 0 auto;
}

.copywriting_list li{
	display: flex;
	justify-content: space-between;
	border-bottom: 0.2rem solid #fff;
}

.copywriting_list .div_a{
	width: 43%;
	background: #e8e8e8;
	padding: 2rem;
}

.copywriting_list .div_b{
	width: 14%;
	background: #222222;
	color: #fff;
	padding: 2rem;
}

.copywriting_list .div_c{
	width: 43%;
	background: #e8e8e8;
	padding: 2rem;
}

/**/

.copywriting_type{
	display: flex;
	justify-content: space-around;
	margin-bottom: 2rem;
}

.copywriting_type div{
	background: #222;
	color: #fff;
	
	font-size: 5rem;

	width: 8rem;
	height: 8rem;

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8rem;
}

/**/

.copywriting_catch{

}

.copywriting_catch div{
	margin-bottom: 8rem;
}


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

	.copywriting_type div {
		font-size: 3rem;
		width: 6rem;
		height: 6rem;
	}

	.copywriting_area .caption{
		min-width: auto;
		max-width: 100%;
	}

	.copywriting_area .caption .bt {
		font-size: 1.7rem;
	}

	.copywriting_area .caption h5 {
		font-size: 2.8rem;
	}

	.copywriting_list .div_b{
		padding: 1rem;
	}

	.copywriting_list .div_a {
		padding: 1.5rem;
	}

}

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

.tab_wrap{
	max-width: 160rem;
	width:100%;
	margin:80px auto;
}

.tab_wrap input[type="radio"]{display:none;}
.tab_area{
	font-size:0; margin:0 10px;
	display: flex;
	justify-content: space-around;
}

.tab_area label{
	width: 38rem;
	height: 8rem;
	margin:0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:12px 0;
	color:#fff;
	background:#e53a6e;
	text-align:center;
	font-size: 2.5rem;
	font-weight: bold;
	
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-radius: 0.5rem;
	margin-bottom: 8rem;
}

.tab_area label:hover{opacity:0.5;}

.panel_area{
	background:#fff;
	max-width: 58rem;
	max-height: 22rem;
	border: 0.5rem solid #222;
	margin: 0 auto;

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

.panel_area >div div{
	font-size: 2.8rem;
	font-weight: bold;
}

.panel_area >div#panel2 div{
	color: #cb1667;
}

.tab_panel{width:100%; padding:80px 0; display:none; border: 0.2rem;}
.tab_panel p{
	font-size: 2rem;
	font-weight: bold;
	letter-spacing:1px;
	text-align:center;
}

#tab1:checked ~ .tab_area .tab1_label{background:#ffbed2; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#ffbed2; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#ffbed2; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block;}

.copywriting_catch{
	font-size: 2.5rem;
	font-weight: bold;
}

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

	.tab_wrap{
		margin-top: 2rem;
	}

	.tab_area {
		margin: 0 0px;
		justify-content: space-between;
	}

	.tab_area label {
		height: auto;
		font-size: 2rem;
		width: 14rem;
	}

	.panel_area {
		max-height: fit-content;
	}

	.tab_panel {
		padding: 3rem 0;
	}

	.tab_panel p {
		margin: 0 3rem;
	}

	.copywriting_catch{
		font-size: 2rem;
	}

}

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

.service_s_title.lp_support{
	max-width: 55rem;
}


.lp_support_list{
	background: #e8e8e8;
	max-width: 160rem;
	padding: 4.5rem 0;
}

.lp_support_list ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	padding: 0 2.5rem;
}

.lp_support_list ul li{
	background: #fff;
	min-width: 17%;
	max-width: 25rem;
	min-height: 25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 1%;
}

.lp_support_list ul li span{
	font-size: 7rem;
	height: 10rem;
}

.lp_support_list ul li h6{
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: normal;
}

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

	.lp_support_list ul li {
		min-width: 19%;
		margin: 0rem;
	}

}

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

	.lp_support_list ul {
		flex-wrap: wrap;
		justify-content: left;
	}

	.lp_support_list ul li{
		min-width: 30%;
		margin: 1rem;
	}

}


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


	.lp_support_list ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.lp_support_list ul li {
		min-width: 100%;
		margin: 1rem;
		justify-content: space-around;
		min-height: auto;
		flex-direction: row;
		padding: 1rem 0;
	}

	.lp_support_list ul li h6 {
		text-align: center;
	 	   font-size: 2rem;
	}

	.lp_support_list ul li span {
		height: auto;
		font-size: 5.5rem;
	}

}


/*-------------------------------------------------------------*/
/*HPリニューアル*/


.co_block.renewal01{ background: url("../img/renewal/image01.jpg") no-repeat right 8rem; }
.co_block.renewal02{ background: url("../img/renewal/image02.jpg") no-repeat left 8rem; padding-bottom: 12rem;}
.co_block.renewal03{ background: url("../img/renewal/image03.jpg") no-repeat right 8rem; }

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

	.co_block.renewal01,
	.co_block.renewal02,
	.co_block.renewal03{ background-size: 52%; padding-top: 6rem;}

	.co_block.renewal01{ margin-bottom: 0rem;}
	.co_block.renewal02{ padding-bottom: 0rem;}

}

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

	.co_block.renewal01,
	.co_block.renewal02,
	.co_block.renewal03{ background-size: 42%; padding-top: 0rem;}

	.co_block.renewal01{ margin-bottom: 16rem;}
	.co_block.renewal02{ padding-bottom: 0rem;}

}

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

	.co_block.renewal01,
	.co_block.renewal02,
	.co_block.renewal03{ padding-top: 52rem; background-size: contain; }

}

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

	.co_block.renewal01,
	.co_block.renewal02,
	.co_block.renewal03{ padding-top: 22rem; background-position: left 0;}

	.co_block.renewal02{ padding-bottom: 0rem;}

}

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

.timing_list{
	max-width: 160rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.timing_list li{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 28rem;
}

.timing_list li .fukidashi{
	position: relative;
	display: flex;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 25rem;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #555;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}

.timing_list li .fukidashi p{
	margin: 0;
	height: 10rem;
	width: 20rem;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	font-weight: bold;
}

.timing_list li .fukidashi:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}

.timing_list li .fukidashi:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #555;
	z-index: 1;
}

.timing_list li img{
	width: 100%;
	height: auto;
}


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

	.timing_list{
		margin-left: 3rem;
		margin-right: 3rem;
	}

}

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

	.timing_list{
		flex-wrap: wrap;
	}
	
	.timing_list li {
		width: 50%;
	}

}

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

	.timing_list {
		display: none;
	}

	.timing_list li {
		width: 90%;
	}

	.timing_list li img{
		width: auto;
		height: auto;
	}

}


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

.effect_list{
	display: flex;
	max-width: 160rem;
	justify-content: space-around;
	align-items: center;
}

.effect_list li{
	width: 20%;
}

.effect_list li .top_box{
	background: #222;
}

.effect_list li .top_box p{
	color: #fff;
	font-size: 2rem;
	text-align: center;
	width: 100%;
	height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.effect_list li .arrow{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2rem auto;
}

.effect_list li .bottom_box{
	text-align: center;
	background: #e53a6e;
	border: 0.6rem solid #fff;
	color: #fff;
	width: 100%;
	min-height: 15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	position: relative;
	line-height: normal;
	padding: 2rem;
}

.effect_list li .bottom_box:before{
	content: '';
	position: absolute;
	border: 0.6rem solid #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.effect_list li .bottom_box:after{
	content: '';
	position: absolute;
	border: 0.5rem solid #e53a6e;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.effect_list li .bottom_box span{
	font-size: 5rem;
}

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

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

	.effect_list li .bottom_box {
		padding: 1rem;
	}
	
	.effect_list li {
		width: 24%;
	}

}

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

	.effect_list{
		flex-wrap: wrap;
	}
	
	.effect_list li {
		width: 45%;
	}
	
	.effect_list li:nth-child(1) { margin-bottom: 5rem; }
	.effect_list li:nth-child(2) { margin-bottom: 5rem; }

}

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

	.effect_list li {
		width: 80%;
		margin-bottom: 5rem;
	}
	
	.effect_list li:last-child {
		margin-bottom: 0;
	}
}

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

.point5_list{
	max-width: 160rem;
}

.point5_list li{
	width: 100%;
	display: flex;
	margin-bottom: 10rem;
}

.point5_list li:last-child{
	margin-bottom: 0rem;
}

.point5_list li.reverse{
	flex-direction: row-reverse;
}

.point5_list li .text_area{
	width: 50%;
	background: #313131;
	padding: 6rem 7rem 6rem 15rem;
	color: #fff;
}

.point5_list li.reverse .text_area{
	padding: 6rem 15rem 6rem 7rem;
}

.point5_list li .text_area h4{
	font-size: 4.4rem;
	font-weight: bold;
	margin-bottom: 5rem;
}

.point5_list li .text_area p{
	font-size: 1.7rem;
	line-height: 3.5rem;
}

.point5_list li .image_area{
	width: 50%;
	background: #ddd;
	position: relative;
}

.point5_list li.point01 .image_area{ background: url("../img/renewal/point01.jpg") no-repeat;	background-size: cover; }
.point5_list li.point02 .image_area{ background: url("../img/renewal/point02.jpg") no-repeat;	background-size: cover; }
.point5_list li.point03 .image_area{ background: url("../img/renewal/point03.jpg") no-repeat;	background-size: cover; }
.point5_list li.point04 .image_area{ background: url("../img/renewal/point04.jpg") no-repeat;	background-size: cover; }
.point5_list li.point05 .image_area{ background: url("../img/renewal/point05.jpg") no-repeat;	background-size: cover; }

.point5_list li .image_area div{
	font-size: 25rem;
	color: #e53a6e;
	font-weight: bold;
	text-align: right;
	padding: 5rem;
	position: absolute;
	line-height: initial;
	right: 0;
	top: 0;
	line-height: 18rem;
}

.point5_list li.reverse .image_area div{
	left: 0;
	top: 0;
	text-align: left;
}

.point5_list li.wire{
	text-align: center;
	flex-wrap: wrap;
}

.point5_list li.wire img{
	max-width: 69rem;
	width: 100%;
}

.point5_list li.wire h5{
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 3rem;
}

.point5_list li .wire_left{
	width: 50%;
}

.point5_list li .wire_right{
	width: 50%;
}

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

	.point5_list li .text_area {
		padding: 6rem;
	}
	.point5_list li.reverse .text_area {
		padding: 6rem;
	}
}

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

	.point5_list li.point01,
	.point5_list li.point02,
	.point5_list li.point03,
	.point5_list li.point04,
	.point5_list li.point05{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

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

	.point5_list li .text_area{
		width: 100%;
		padding: 5rem;
	}

	.point5_list li.reverse .text_area {
		padding: 5rem;
	}

	.point5_list li .image_area{
		width: 100%;
		height: 30rem;
	}

	.point5_list li .image_area div{
		font-size: 20rem;
	}

	.point5_list li .image_area div img{
		width: 100%;
	}

}

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

	.point5_list li .text_area{
		width: 100%;
		padding: 3.5rem;
	}
	
	.point5_list li.reverse .text_area {
		padding: 3.5rem;
	}

	.point5_list li .text_area h4{
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}

	.point5_list li .image_area div{
		font-size: 13rem;
	}

	.point5_list li.wire h5 {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	.point5_list li .wire_left{
		width: 100%;
		margin-bottom: 5rem;
	}

	.point5_list li .wire_right{
		width: 100%;
	}

	.point5_list li .image_area div {
		padding: 2rem;
		line-height: 12rem;
	}

}

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

.before_afiter_list{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 160rem;
	margin: 0 auto;
}

.before_afiter_list li{
	margin-bottom: 5rem;
	max-width: 55rem;
}

.before_afiter_list li img{
	width: 100%;
}

.before_afiter_list .after_bt{
	display: flex;
	justify-content: center;
	align-items: center;
}

.before_afiter_list .after_bt div{
	color: #fff;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;

	width: 40%;
	height: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
}

.before_afiter_list .after_bt div.before{
	background: #4274c5;

}

.before_afiter_list .after_bt div.after{
	background: #e53a6e;
}

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

	.before_afiter_list li {
		max-width: 45rem;
	}

}

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

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tab-label {
	color: #222;
	background: #dfdfdf;
	/*margin-right: 5px;*/
	padding: 3px 12px;
	order: -1;

	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	width: 40%;
	height: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;

}
.tab-content {
	width: 100%;
	display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #4274c5;
	color: #fff;
}
.tab-switch:checked+.tab-label.after {
	background: #e53a6e;
	color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
	display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}



/*-------------------------------------------------------------*/
/*EC サイト*/

.co_block.ec01{ background: url("../img/ec/image01.jpg") no-repeat right 8rem; }
.co_block.ec02{ background: url("../img/ec/image02.jpg") no-repeat left 8rem; }
.co_block.ec03{ background: url("../img/ec/image03.jpg") no-repeat right 8rem; margin-bottom: 24rem;}
.co_block.ec04{ background: url("../img/ec/image04.jpg") no-repeat left 8rem; }
.co_block.ec05{ background: url("../img/ec/image05.jpg") no-repeat right 8rem; }
.co_block.ec06{ background: url("../img/ec/image06.jpg") no-repeat right 8rem; margin-bottom: 24rem;}
.co_block.ec07{ background: url("../img/ec/image07.jpg") no-repeat left 8rem; }
.co_block.ec08{ background: url("../img/ec/image08.jpg") no-repeat right 8rem; }

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

	.co_block.ec01,
	.co_block.ec02,
	.co_block.ec03,
	.co_block.ec04,
	.co_block.ec05,
	.co_block.ec06,
	.co_block.ec07,
	.co_block.ec08{ background-size: 50%; }

}


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

	.co_block.ec01,
	.co_block.ec02,
	.co_block.ec03,
	.co_block.ec04,
	.co_block.ec05,
	.co_block.ec06,
	.co_block.ec07,
	.co_block.ec08{ padding-top: 43rem; background-size: contain; background-position: top;}

	.co_block.ec03{ margin-bottom: 16rem;}
	.co_block.ec06{ margin-bottom: 16rem;}

}

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

	.co_block.ec01,
	.co_block.ec02,
	.co_block.ec03,
	.co_block.ec04,
	.co_block.ec05,
	.co_block.ec06,
	.co_block.ec07,
	.co_block.ec08{ padding-top: 21rem; background-position: left 0;}

	.co_block.ec02{ padding-bottom: 0rem;}

}

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

.ec_merit{
	background: #e8e8e8;
	flex-direction: column;
	padding: 5rem 0 5rem;
	max-width: 160rem;
}

.ec_merit ul{
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}

.ec_merit ul li{
	width: 30%;
	display: flex;
	border: 0.3rem solid #e43a6e;
	background: #fff;
	padding: 3.5rem 5rem;
	align-items: center;
	margin-bottom: 3rem;
}

.ec_merit ul li span{
	font-size: 6rem;
	color: #e43a6e;
	width: 30%;
}

.ec_merit ul li div{
	width: 70%;
}

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

	.ec_merit ul li {
		width: 31%;
		padding: 2rem 2rem;
	}

}

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

	.ec_merit ul li {
		width: 46%;
		padding: 2rem 2.5rem;
	}

}

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

	.ec_merit ul li {
		width: 95%;
		padding: 2rem 2.5rem;
	}

}

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

.ec_operational{
	max-width: 130rem;
	margin-left: auto;
	margin-right: auto;
}

.ec_operational .service_s_title{
	max-width: 80rem;
}

.ec_operational .table_scroll > ul{
	max-width: 130rem;
}

.ec_operational .table_scroll > ul > li{
	border-bottom: 0.1rem solid #0a0205;

}

.ec_operational .table_scroll > ul li ul{
	display: flex;
}

.ec_operational .table_scroll > ul li ul li{
	padding: 3rem 4rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-weight: bold;
}

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

	.ec_operational .table_scroll > ul li ul li {
		padding: 2rem 2rem;
	}

}

.ec_operational .table_scroll > ul li ul li:nth-child(1){
	width: 26%;
	background: #f3f3f3;
	border-right: 0.1rem solid #0a0205;
}

.ec_operational .table_scroll > ul li ul li:nth-child(2){
	width: 42%;
	border-right: 0.1rem solid #0a0205;
}

.ec_operational .table_scroll > ul li ul li:nth-child(3){
	width: 42%;
}

.ec_operational .table_scroll > ul li ul li:nth-child(3){
	width: 42%;
}

.ec_operational .table_scroll > ul li ul li:nth-child(3) p{
	width: 100%;
	margin-bottom: 0;
	line-height: normal;
}
 
.ec_operational .table_scroll > ul li.th{
	background: #444444;
	color: #fff;
	border-top: 0.4rem solid #0a0205;
}

.ec_operational .table_scroll > ul li.th ul li:nth-child(1){
	background: #444444;
}

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

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

}

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

	.ec_operational .service_s_title {
		height: 10rem;
		line-height: normal;
		align-items: center;
		flex-direction: column;
		padding-top: 1.5rem;
	}

	.ec_operational .service_s_title small{
		font-size: 60%;
	}

	.table_scroll{
		overflow-x: auto;
	}
	
	.ec_operational .table_scroll > ul {
		width: 55rem;
	}

	.ec_operational .table_scroll > ul li ul li {
		padding: 1.5rem 2rem;
	}
	
	.ec_operational .table_scroll > ul li ul li:nth-child(1) {
		width: 30%;
	}
	
	.ec_operational .table_scroll > ul li ul li small {
		font-feature-settings: "palt";
	}

}


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

.ec_consultation{
	max-width: 160rem;
}

.ec_consultation .service_s_title{
	max-width: 60rem;
}

.ec_consultation ul{
	display: flex;
	max-width: 160rem;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ec_consultation ul li{
	display: flex;
	overflow: hidden;
	height: 20rem;
	
	position: relative;
	width: 48%;
	/*max-width: 75rem;*/
	justify-content: center;
	margin-bottom: 2.5rem;
}

.ec_consultation ul li .triangle {
	width: 20rem;
	height: 20rem;
	border: 0.3rem solid;
	border-color: #222222 #222222 transparent transparent;
	
	transform:
		rotate(45deg)
		skew(
			calc((90deg - 60deg) / 2),
			calc((90deg - 60deg) / 2)
		);	
	-ms-transform:
		rotate(45deg)
		skew(
			calc((90deg - 60deg) / 2),
			calc((90deg - 60deg) / 2)
		);	
	/*transform: rotate(45deg);*/
	background: #e8e8e8;
	
	position: absolute;
	top: 0;
	left: 16%;
	z-index: -1;
}

.ec_consultation ul li h6{
	font-size: 2.5rem;
	margin-bottom: 1rem;
	font-weight: bold;
}


.ec_consultation ul li .worries{
	width: 35%;
	background: url("../img/ec/worries.png") no-repeat 50% 50% #e8e8e8;
	border-top: 0.3rem solid #222222;
	border-left: 0.3rem solid #222222;
	border-bottom: 0.3rem solid #222222;
	padding: 3rem;
}

.ec_consultation ul li .resolve{
	width: 65%;
	background: url("../img/ec/resolve.png") no-repeat right 50%;
	padding: 3rem 3rem 3rem 10rem;
	border-top: 0.3rem solid #e43a6e;
	border-right: 0.3rem solid #e43a6e;
	border-bottom: 0.3rem solid #e43a6e;
}

.ec_consultation ul li .resolve  h6{
	color: #e43a6e;
}

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

	.ec_consultation ul li {
		width: 75%;
	}

}


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

	.ec_consultation ul li {
		width: 100%;
	}

}

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

	.ec_consultation ul li {
		width: 100%;
		flex-wrap: wrap;
		height: auto;
	}

	.ec_consultation ul li .worries {
		width: 100%;
		border-right: 0.3rem solid #222222;
		border-bottom: none;
		padding: 2rem;
		background-size: 35%;
	}

	.ec_consultation ul li .resolve {
		width: 100%;
		padding: 2rem;
		border-top: none;
		border-left: 0.3rem solid #e43a6e;
		background: url(../img/ec/resolve.png) no-repeat 50% 50%;
		background-size: 35%;
	}

	.ec_consultation ul li .triangle{
		display: none;
	}

}

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

.ec_planning_list{
	max-width: 145rem;

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

.ec_planning_list li.list{
	width: 30rem;
}

.ec_planning_list li.list h5{
	width: 100%;
	background: #222;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 1.5rem;
}

.ec_planning_list li.symbol span{
	font-size: 9rem;
}

.ec_planning_list li.list .characteristic{
	width: 30rem;
	padding: 0.8rem 2.5rem;
	background: #f0f0f0;
}

.ec_planning_list li.list .characteristic li{
	display: flex;
	align-items: center;
	border-bottom: 0.1rem dotted #8e8e8e;
	padding: 0.55rem 0;
}

.ec_planning_list li.list .characteristic li:last-child{
	border-bottom: none;
}

.ec_planning_list li.list .characteristic li span{
	margin-right: 0.5rem;
	font-size: 1.8rem;
}

.ec_planning_list li.list .user{
	width: 30rem;
	padding: 1.8rem 2.5rem;
	background: #f0f0f0;
}

.ec_planning_list li.list .user li{
	display: flex;
	align-items: center;
	margin-bottom: 0.3rem;
}

.ec_planning_list li.list .user li:last-child{
	border-bottom: none;
}

.ec_planning_list li.list .user li h6{
	background: #222;
	padding: 0.5rem 1rem;
	width: 30%;
	height: 3rem;

	display: flex;
	justify-content: space-around;
	align-items: center;
	font-weight: bold;
	color: #fff;
	font-size: 2rem;
	margin-bottom: 0;
}

.ec_planning_list li.list .user li div{
	background: #fff;
	padding: 0.5rem 1rem;
	width: 70%;
	height: 3rem;

	display: flex;
	justify-content: space-around;
	align-items: center;
	font-weight: bold;
	color: #222;
	font-size: 1.4rem;
	margin-left: 0.3rem;
}

.ec_planning_list li .answer{
	width: 44rem;
	padding: 1.8rem 2.5rem;
	background: #e53a6e;
	color: #fff;
	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30rem;
	flex-direction: column;
}

.ec_planning_list li .answer span{
	font-size: 11rem;
	margin-bottom: 2.5rem;
}

.ec_planning_list li .answer h6{
	font-weight: bold;
	font-size: 2.5rem;
	text-align: center;
	line-height: normal;
}

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

	.ec_planning_list {
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.ec_planning_list li.list {
		width: 27rem;
	}
	.ec_planning_list li.list .characteristic {
		width: 27rem;
	}
	
	.ec_planning_list li.list .user {
		width: 27rem;
	}
	.ec_planning_list li.list .user li h6 {
		width: 35%;
		white-space: nowrap;
	}
	.ec_planning_list li.symbol span {
		font-size: 7rem;
	}
	.ec_planning_list li .answer {
		width: 29rem;
	}
	.ec_planning_list li .answer h6 {
		font-size: 2.3rem;
	}
}

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

	.ec_planning_list {
		flex-wrap: wrap;
	}

	.ec_planning_list > li:nth-child(4) {
		margin-top: 5rem;
	}

	.ec_planning_list li .answer {
		width: 44rem;
		padding: 1.8rem 2.5rem;
		height: 14rem;
		flex-direction: inherit;
		margin-top: 5rem;
	}

}

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

	.ec_planning_list > li:nth-child(4) {
		margin-top: 0;
	}

	.ec_planning_list li .answer {
		width: 100%;
		height: 12rem;
		margin-top: 0rem;
	}
	
	.ec_planning_list li .answer h6 {
		font-size: 1.7rem;
	}

	.ec_planning_list li .answer span {
		font-size: 7rem;
		margin-bottom: 0;
	}
	
	.ec_planning_list li.symbol {
		width: 100%;
		text-align: center;
	}
	
	.ec_planning_list li.symbol span {
		font-size: 6rem;
		transform: rotate(90deg);
	}

	.ec_planning_list li.list {
		width: 100%;
	}
	.ec_planning_list li.list .characteristic {
		width: 100%;
	}
	
	.ec_planning_list li.list .user {
		width: 100%;
	}

}

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

.ec_function_list{
	display: flex;
	max-width: 160rem;
	justify-content: space-around;
	align-items: center;
}

.ec_function_list h5{
	width: 100%;
	background: #222;
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	padding: 1.5rem;
}

.ec_function_list li img{
	width: 100%;
}

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

	.ec_function_list{
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.ec_function_list li{
		width: 24%;
	}
	.ec_function_list h5 {
		font-size: 2rem;
	}

}

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

	.ec_function_list {
		flex-wrap: wrap;
	}

	.ec_function_list li{
		width: 46%;
	}

	.ec_function_list li:nth-child(1),
	.ec_function_list li:nth-child(2){
		margin-bottom: 3rem;
	}

	.ec_function_list li img{
		width: 100%;
	}

}

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

	.ec_function_list{
		/*margin-left: 0;*/
		/*margin-right: 0;*/
	}

	.ec_function_list li {
		width: 48%;
	}

	.ec_function_list h5{
		font-size: 1.5rem;
		padding: 1.5rem 0.8rem;
	}

}

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

.ec_cart_system{
	max-width: 160rem;
}

.ec_cart_system ul.cart{
	display: flex;
	justify-content: space-between;
}

.ec_cart_system ul.cart > li{
	width: 48%;
	background: #e7e7e7;
	position: relative;
	padding: 4rem 3.5rem;
}

.ec_cart_system ul.cart > li:before{
	content: '';
	position: absolute;
	border: 1.3rem solid #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.ec_cart_system ul.cart > li:after{
	content: '';
	position: absolute;
	border: 0.5rem solid #e7e7e7;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.ec_cart_system ul.cart > li h6{
	width: 100%;
	background: #e7e7e7;
	position: relative;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	margin-bottom: 4rem;
}

.ec_cart_system ul.cart > li .data{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5rem;
}

.ec_cart_system ul.cart > li .merit_list{
	font-size: 2rem;
	font-weight: bold;
	margin: 0 2rem;
}

.ec_cart_system ul.cart > li .merit_list .merit{
	color: #e53a6e;
}

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

	.ec_cart_system ul.cart{
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.ec_cart_system ul.cart > li {
		width: 49%;
	}

	.ec_cart_system ul.cart > li .data {
		flex-wrap: wrap;
	}

	.ec_cart_system ul.cart > li .data div{
		text-align: center;
		width: 100%;
		margin-bottom: 2rem;
	}

	.ec_cart_system ul.cart > li h6 {
		font-size: 2rem;
	}

}

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

	.ec_cart_system ul.cart {
		flex-wrap: wrap;
		margin-left: 2rem;
		margin-right: 2rem;
	}
	
	.ec_cart_system ul.cart > li {
		width: 100%;
	}
	
	.ec_cart_system ul.cart > li:nth-child(1) {
		margin-bottom: 4rem;
	}
	
	.ec_cart_system ul.cart > li .merit_list{
		margin: 0 1rem;
	}

}

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

	.ec_cart_system ul.cart{
		margin-left: 0;
		margin-right: 0;
	}

	.ec_cart_system ul.cart > li h6 {
		font-size: 2rem;
		margin-bottom: 3rem;
	}

	.ec_cart_system ul.cart > li .data img{
		width: 100%;
	}

	.ec_cart_system ul.cart > li .data {
		margin-bottom: 1rem;
		flex-wrap: wrap;
	}

	.ec_cart_system ul.cart > li .data p{
		font-size: 1.4rem;
		margin-top: 3rem;
	}

	.ec_cart_system ul.cart > li .merit_list {
		font-size: 1.6rem;
		margin: 0;
	}

}

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

.ec_support_list{
	max-width: 160rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ec_support_list li.box{
	background: #f0f0f0;
	width: 35rem;
	height: 28rem;
}

.ec_support_list li.box h5{
	background: #222;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 2.5rem;
	padding: 2rem 2rem 1.5rem;
}

.ec_support_list li.box h5 small{
	font-size: 30%;
}

.ec_support_list li.box ul{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 1.5rem 3rem 2rem;
}

.bt.ec .button{
	padding: .5em 1.5em;
}

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

	.ec_support_list {
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.ec_support_list li.box {
		width: 20rem;
	}
	
	.ec_support_list li.box ul {
		margin: 1.5rem 2rem 2rem;
	}

}

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

	.ec_support_list{
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.ec_support_list li.arrow{
		display: none;
	}

	.ec_support_list li.box {
		width: 45%;
		margin-bottom: 3rem;
	}


}

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

	.ec_support_list{
		display: none;
		margin-left: 0;
		margin-right: 0;
	}
	
	.ec_support_list li.box ul {
		margin: 1.5rem 6rem 2rem;
	}

	.bt.ec .button{
		padding: .5em 1em;
	}

}


/*-------------------------------------------------------------*/
/*SEO対策*/

.co_block.seo01{ background: url("../img/seo/image01.jpg") no-repeat right 8rem; padding-bottom: 19rem;}
.co_block.seo02{ background: url("../img/seo/image02.jpg") no-repeat left 8rem; padding-bottom: 45rem;}
.co_block.seo03{ background: url("../img/seo/image03.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.seo04{ background: url("../img/seo/image04.jpg") no-repeat left 8rem; }
.co_block.seo05{ background: url("../img/seo/image05.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.seo06{ background: url("../img/seo/image06.jpg") no-repeat left 8rem; }
.co_block.seo07{ background: url("../img/seo/image07.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.seo08{ background: url("../img/seo/image08.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.seo09{ background: url("../img/seo/image09.jpg") no-repeat left 8rem; }

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

	.co_block.seo02{ 
		padding-bottom: 27rem;
		background-size: 60%;
	}

}


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

	.co_block.seo01,
	.co_block.seo02,
	.co_block.seo03,
	.co_block.seo04,
	.co_block.seo05,
	.co_block.seo06,
	.co_block.seo07,
	.co_block.seo08,
	.co_block.seo09{ background-size: 50%; padding-bottom: 0rem;}
	
	.co_block.seo01{ background-position: right 5rem; }
	.co_block.seo02{ background-position: left 4rem; }
	.co_block.seo04{ background-position: left 5rem; }

}

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

	.co_block.seo01,
	.co_block.seo02,
	.co_block.seo03,
	.co_block.seo04,
	.co_block.seo05,
	.co_block.seo06,
	.co_block.seo07,
	.co_block.seo08,
	.co_block.seo09{ padding-top: 33rem; background-size: contain; margin-left: 0; background-position: top; }
	
	.co_block.seo01{ padding-bottom: 0rem;}
	.co_block.seo02{ padding-top: 54rem; padding-bottom: 0rem;}
	.co_block.seo03{ padding-bottom: 0rem;}
	.co_block.seo05{ padding-bottom: 0rem;}
	.co_block.seo07{ padding-bottom: 0rem;}
	.co_block.seo08{ padding-bottom: 0rem;}
	
}

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

	.co_block.seo01,
	.co_block.seo02,
	.co_block.seo03,
	.co_block.seo04,
	.co_block.seo05,
	.co_block.seo06,
	.co_block.seo07,
	.co_block.seo08{ padding-top: 16rem; background-position: left 0;}

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

}

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

.seo_result_list {
	max-width: 150rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.seo_result_list li{
	text-align: center;
}

.seo_result_list div{
	width: 100%;
	background: #e53a6e;
	color: #fff;
	font-size: 2rem;
	padding: 1rem 1.5rem;
	font-weight: bold;
	margin-top: 2rem;
}

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

	.seo_result_list{
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.seo_result_list li img{
		width: 94%;
	}

}

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

	.seo_result_list {
		flex-wrap: wrap;
	}
	
	.seo_result_list li {
		text-align: center;
		width: 100%;
	}
	
	.seo_result_list li:nth-child(2) img{
		transform: rotate(90deg);
	}

	.seo_result_list li img{
		width: auto;
	}

}

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

	.seo_result_list li:nth-child(1) img {
		width: 100%;
	}

	.seo_result_list li:nth-child(2) img {
		width: 10%;
	}

	.seo_result_list li:nth-child(3) img {
		width: 100%;
	}

	.seo_result_list div{
		font-size: 1.8rem;
	}

}

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

.seo_suggestion{
	max-width: 160rem;
	background: #e8e8e8;
	padding: 4rem 15rem;
	
	display: flex;

}

.seo_suggestion > div{
	width: 100%;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.seo_suggestion ul{
	max-width: 80rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.seo_suggestion ul li{
	margin: 1rem;
	width: 30%;
}

.seo_suggestion ul .pick{
	background: #222;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0.2rem 1.2rem 0;
	color: #fff;
	display: table;
}

.seo_suggestion ul .name{
	background: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding: 0.7rem;
	border: 0.3rem solid #222;
	color: #222;
	display: flex;
	width: 100%;
	height: 10rem;
	justify-content: center;
	align-items: center;
}

.seo_suggestion ul .pick{
	background: #222;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0.2rem 1.2rem 0;
	color: #fff;
	display: table;
}

.seo_suggestion ul .name{
	background: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding: 0.7rem;
	border: 0.3rem solid #222;
	color: #222;
	display: flex;
	width: 100%;
	height: 10rem;
	justify-content: center;
	align-items: center;
}

.seo_suggestion .suggestion .pick{
	background: #e53a6e;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 0.2rem 1.2rem 0;
	color: #fff;
	display: table;
}

.seo_suggestion .suggestion .name{
	background: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	padding: 0.7rem;
	border: 0.3rem solid #e53a6e;
	color: #e53a6e;
	display: flex;
	width: 35rem;
	height: 22rem;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	line-height: normal;
}

.seo_suggestion .suggestion .name span{
	font-size: 7.5rem;
}

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

	.seo_suggestion {
		padding: 4rem 6rem;
	}

}

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

	.seo_suggestion{
		padding: 4rem 4rem;
	}

	.seo_suggestion ul li {
		margin: 1rem 0.5rem;
		width: 32%;
	}

	.seo_suggestion .element .arrow{
		width: 20%;
		text-align: center;
	}

}

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

	.seo_suggestion {
		padding: 4rem 4rem;
	}

	.seo_suggestion ul {
		max-width: 100%;
	}

	.seo_suggestion ul li {
		width: 45%;
	}
	
	.seo_suggestion .arrow{
		width: 100%;
		text-align: center;
	}
	
	.seo_suggestion .arrow img{
		transform: rotate(90deg);
	}

	.seo_suggestion .suggestion {
		width: auto;
	}

	.seo_suggestion .element .arrow {
		width: 100%;
	}

}

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

	.seo_suggestion {
		padding: 3rem;
	}

	.seo_suggestion ul li {
		width: 100%;
	}
	
	.seo_suggestion .suggestion .name {
		width: 100%;
	}
	
	.seo_suggestion .suggestion {
		width: 100%;
	}
	
}

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

.seo_example{
	max-width: 150rem;
}

.seo_example h5{
	/*font-size: 3rem;*/
	font-size: 3.2rem; /*20210608調整*/
	
	font-weight: bold;
	text-align: center;
	line-height: normal;
	margin-bottom: 3rem;
}

.seo_example h5 small{
	font-size: 60%;
	font-weight: bold;
}

.seo_example ul{
	display: flex;
	justify-content: space-around;
}

.seo_example ul li{
	width: 48%;
}

.seo_example ul li h6{
	position: relative;
	display: inline-block;
	margin: 1.5em 15%;
	padding: 2rem 2rem;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	font-size: 2.5rem;
	background: #222;
	font-weight: bold;
	width: 70%;
	text-align: center;
}

.seo_example ul li.success h6{
	background: #e53a6e;
}

.seo_example ul li h6:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #222;
}

.seo_example ul li.success h6:before{
	border-top: 15px solid #e53a6e;
}

.seo_example ul li .box{
	border: 0.3rem solid #939393;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4rem 5rem;
	margin-bottom: 5rem;
}

.seo_example ul li.success .box{
	border: 0.3rem solid #e53a6e;
}

.seo_example ul li .box .text_area{
	width: 50%;
}

.seo_example ul li .box .text_area .text{
	font-size: 1.8rem;
	font-weight: bold;
}

.seo_example ul li.success .box .text_area .text{
	color: #e53a6e;
}

.seo_example ul li .box .text_area .none{
	width: 100%;
	height: 2rem;
	background: #dfdfdf;
	margin-bottom: 2rem;
}

.seo_example ul li.success .box .text_area .none{
	background: #e53a6e;
}

.seo_example ul li .box .image_area{
	width: 40%;
	height: 16vw;
	background: #939393;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.seo_example ul li .box .image_area span{
	font-size: 6vw;
}

.seo_example ul li .bottom_text{
	font-size: 2.5rem;
	font-weight: bold;
	width: 100%;
	background: #222;
	color: #fff;
	text-align: center;
	padding: 1rem 2rem;
}

.seo_example ul li.success .bottom_text{
	background: #e53a6e;
}

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

	.seo_example ul {
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.seo_example ul li h6 {
		margin: 1.5em 5%;
		min-width: 120px;
		max-width: 100%;
		font-size: 2.2rem;
		width: 90%;
	}

}

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

	.seo_example ul {
		flex-wrap: wrap;
	}

	.seo_example ul li {
		width: 90%;
	}

	.seo_example ul li:first-child {
		margin-bottom: 5rem;
	}

}

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

	.seo_example h5 {
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}

	.seo_example ul li {
		width: 100%;
	}
	
	.seo_example ul li h6 {
		margin: 1.5em 0%;
		width: 100%;
		font-size: 2rem;
	}

	.seo_example ul li .box {
		padding: 2rem 3rem;
	}

	.seo_example ul li .box .text_area .text{
		font-size: 1.6rem;
		line-height: normal;
	}

	.seo_example ul li .box .text_area .none {
		margin-bottom: 1rem;
	}

	.seo_example ul li .box .image_area {
		height: 30vw;
	}
	
	.seo_example ul li .box .image_area span {
		font-size: 13vw;
	}

	.seo_example ul li .bottom_text {
		font-size: 2rem;
	}

}


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

.seo_plan{
	display: flex;
	justify-content: space-around;
	max-width: 160rem;
}

.seo_plan > li{
	border: 0.3rem solid #222;
	width: 46%;
	padding-bottom: 4rem;
}

.seo_plan h5{
	width: 100%;
	background: #222;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	padding: 2.5rem;
	display: flex;
	align-items: center;
}

.seo_plan h5 span{
	margin-right: 1.5rem;
	font-size: 3rem;
}

.seo_plan > li ul{
	width: 80%;
	margin: 2rem auto 1rem;
}

.seo_plan > li ul li{
	width: 100%;
	display: flex;
	border-bottom: 0.1rem solid #222;
	align-items: baseline;
	font-size: 1.8rem;
	padding: 1rem 0;
}

.seo_plan > li ul li:last-child{
	border-bottom: none;
}

.seo_plan > li ul li strong{
	font-size: 3rem;
}

.seo_plan > li ul li h6{
	font-size: 1.8rem;
	font-weight: bold;
	width: 30%;
}

.seo_plan > li .rule{
	width: 80%;
	margin: 0 auto;
	font-size: 1.4rem;
	font-weight: bold;
}

.seo_plan > li .consultation{
	width: 80%;
	margin: 3rem auto 0;
	font-size: 1.8rem;
	font-weight: bold;
}

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

	.seo_plan {
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.seo_plan > li ul {

	}

	.seo_plan > li ul li {
		width: 100%;
		flex-wrap: wrap;
	}

	.seo_plan.seo_plan > li ul li h6 {
		width: 100%;
	}

	.seo_plan.seo_plan > li ul li div {
		width: 100%;
		text-align: right;
	}

}

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

	.seo_plan {
		flex-wrap: wrap;
	}

	.seo_plan > li {
		width: 100%;
	}

	.seo_plan > li:first-child {
		margin-bottom: 5rem;
	}
	
	.seo_plan > li ul li h6 {
		width: 40%;
	}

	.seo_plan > li ul li div {
		width: 60%;
		text-align: left;
	}

}

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

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

	.seo_plan h5 {
		font-size: 2rem;
		white-space: nowrap;
		padding: 2.5rem 2rem;
		overflow: hidden;
	}

	.seo_plan > li ul {
		width: 85%;
	}

	.seo_plan > li ul li {
		flex-wrap: wrap;
		font-size: 1.6rem;
		width: 100%;
	}

	.seo_plan > li ul li h6{
		width: 100%;
	}
	
	.seo_plan.seo_plan > li ul li div span{
		display: none;
	}

	.seo_plan > li .rule {
		width: 85%;
		font-size: 1.3rem;
	}
	
	.seo_plan > li ul li strong{
		font-size: 2.3rem;
	}

	.seo_plan.bottom_figure_last > li:first-child {
		margin-bottom: 0rem;
	}

}

/*-------------------------------------------------------------*/
/*WEB顧問サービス*/

.co_block.web01{ background: url("../img/web/image01.jpg") no-repeat right 8rem; padding-bottom: 19rem;}
.co_block.web02{ background: url("../img/web/image02.jpg") no-repeat left 8rem; padding-bottom: 23rem;}
.co_block.web03{ background: url("../img/web/image03.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.web04{ background: url("../img/web/image04.jpg") no-repeat left 8rem; }
.co_block.web05{ background: url("../img/web/image05.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.web06{ background: url("../img/web/image06.jpg") no-repeat left 8rem; }
.co_block.web07{ background: url("../img/web/image07.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.web08{ background: url("../img/web/image08.jpg") no-repeat right 8rem; padding-bottom: 13rem;}
.co_block.web09{ background: url("../img/web/image09.jpg") no-repeat left 8rem; }

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

	.co_block.web01,
	.co_block.web02,
	.co_block.web03,
	.co_block.web04,
	.co_block.web05,
	.co_block.web06,
	.co_block.web07,
	.co_block.web08,
	.co_block.web09{ background-size: 50%; }

	.co_block.web01{ padding-bottom: 0rem;}
	.co_block.web02{ padding-bottom: 0rem;}

}


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

	.co_block.web01,
	.co_block.web02,
	.co_block.web03,
	.co_block.web04,
	.co_block.web05,
	.co_block.web06,
	.co_block.web07,
	.co_block.web08,
	.co_block.web09{ padding-top: 33rem; background-size: contain; margin-left: 0; background-position: top; }
	
	.co_block.web01{ padding-bottom: 0rem;}
	.co_block.web02{ padding-top: 46rem; padding-bottom: 0rem;}
	.co_block.web03{ padding-bottom: 0rem;}
	.co_block.web05{ padding-bottom: 0rem;}
	.co_block.web07{ padding-bottom: 0rem;}
	.co_block.web08{ padding-bottom: 0rem;}
	
}

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

	.co_block.web01,
	.co_block.web02,
	.co_block.web03,
	.co_block.web04,
	.co_block.web05,
	.co_block.web06,
	.co_block.web07,
	.co_block.web08{ padding-top: 16rem; background-position: left 0;}

	.co_block.web02{ padding-top: 23rem; }

}

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

.web_service_list{
	max-width: 130rem;
}

.web_service_list li{
	display: flex;
	justify-content: space-between;
	padding-bottom: 7rem;
	margin-bottom: 7rem;
	border-bottom: 0.1rem dotted #ccc;
}

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

.web_service_list li .data_area{
	width: 50%;
}

.web_service_list li .data_area h5{
	font-size: 4rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.web_service_list li .data_area h5 span{
	background: #222;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.5rem;
	height: 5.5rem;
	margin-right: 1.5rem;
}

.web_service_list li .data_area .plan{
	font-size: 2rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin: 2.5rem 0;
}

.web_service_list li .data_area .plan span{
	width: 17rem;
	height: 4.5rem;
	border: 0.2rem solid #222;
	margin-left: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.web_service_list li .data_area .plan span.none{
	border: 0.2rem solid #d3d3d3;
	color: #d3d3d3;
}

.web_service_list li .image_area img{
	width: 100%;
}

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

	.web_service_list{
		margin: 0 3rem 0;
	}

	.web_service_list li .data_area {
		width: 65%;
	}

	.web_service_list li .image_area {
		margin-left: 3rem;
	}

}

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


	.web_service_list{
		margin: 0 3rem 0;
	}

	.web_service_list li{
		padding-bottom: 3.5rem;
		margin-bottom: 3.5rem;
	}

	.web_service_list li .data_area {
		width: 100%;
	}
	
	.web_service_list li .data_area h5{
		font-size: 3.2rem;
	}

	.web_service_list li .image_area {
		width: 80%;
		text-align: center;
		margin-top: 5rem;
		margin-left: 2rem;
		margin-right: auto;
	}
	
	.web_service_list li .data_area .plan span {
		width: 12rem;
		font-size: 1.8rem;
	}

}

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

	.web_service_anchor {
		margin: 0 3rem 5rem;
	}

	.web_service_anchor li{
		border-bottom: 0.1rem dotted #ddd;
	}

	.web_service_anchor li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.web_service_anchor span.number{
		background: #222;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 2rem;
		height: 2rem;
		margin-right: 1rem;
	}

	.web_service_list {
		margin-bottom: 6rem;
		margin-left: 2rem;
		margin-right: 2rem;
	}

	.web_service_list li {
		flex-wrap: wrap;
		padding-top: 6rem;
		margin-top: -5rem;
	}

	.web_service_list li .data_area h5 {
		font-size: 2.5rem;
	}

	.web_service_list li .data_area h5 span {
		width: 4.5rem;
		height: 4.5rem;
	}

	.web_service_list li .data_area .plan {
		font-size: 1.4rem;
	}

	.web_service_list li .data_area .plan span {
		width: 10.5rem;
		height: 4rem;
		margin-left: 1rem;
		font-size: 1.6rem;
	}

	.web_service_list li .image_area {
		width: 100%;
		margin-top: 2rem;
		margin-left: 0rem;
	}

}

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

.web_plan{
	max-width: 130rem;
}

.web_plan ul{
	display: flex;
	border-bottom:;
}

.web_plan ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.web_plan ul li{
	width: 50%;
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	border-bottom: 0.2rem solid #222;
	font-weight: bold;
}

.web_plan ul li:last-child{
	border-left: 0.2rem solid #222;
}

.web_plan ul li h6{
	font-size: 1.8rem;
}

.web_plan ul li strong{
	font-size: 4rem;
}

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

	.web_plan ul{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	
	.web_plan p{
		padding-left: 3rem;
		padding-right: 3rem;
	}

}

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

	.web_plan{
		margin: 0 3rem 10rem;
	}

	.web_plan ul li {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.web_plan ul li h6{
		width: 80%;
	}
	
	.web_plan ul li div{
		width: 80%;
	}

}

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

	.web_plan ul{
		flex-wrap: wrap;
	}

	.web_plan ul li{
		width: 100%;
		line-height: normal;
		padding-top: 1.5rem;
	}

	.web_plan ul li:last-child {
		border-left: none;
	}

	.web_plan ul li strong{
		font-size: 3rem;
	}

}

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

.web_comparison{
	max-width: 130rem;
}

.web_comparison .service_s_title{
	max-width: 40rem;
}

.web_comparison .table_scroll > ul{
	max-width: 130rem;
}

.web_comparison .table_scroll > ul > li{
	border-bottom: 0.1rem solid #0a0205;

}

.web_comparison .table_scroll > ul li ul{
	display: flex;
}

.web_comparison .table_scroll > ul li ul li{
	padding: 3rem 4rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-weight: bold;
	/*font-size: 1.8rem;*/
}

.web_comparison .table_scroll > ul li ul li:nth-child(1){
	width: 30%;
	background: #f3f3f3;
	border-right: 0.1rem solid #0a0205;
}

.web_comparison .table_scroll > ul li ul li:nth-child(2){
	width: 35%;
	border-right: 0.1rem solid #0a0205;
}

.web_comparison .table_scroll > ul li ul li:nth-child(3){
	width: 35%;
}

.web_comparison .table_scroll > ul li ul li:nth-child(3) p{
	width: 100%;
	margin-bottom: 0;
	line-height: normal;
}

.web_comparison .table_scroll > ul li ul li:nth-child(3) span{
	margin-left: 1.8rem;
}
 
.web_comparison .table_scroll > ul li.th{
	background: #444444;
	color: #fff;
	border-top: 0.4rem solid #0a0205;
}

.web_comparison .table_scroll > ul li.th ul li:nth-child(1){
	background: #444444;
}


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

	.web_comparison .table_scroll > ul {
		margin: 0 3rem 10rem;
	}
}

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

	.web_comparison {
		margin: 0 3rem 10rem;
	}
}

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

	.web_comparison .service_s_title {
		height: 7rem;
		line-height: normal;
		align-items: center;
		flex-direction: column;
		padding-top: 1.5rem;
	}

	.web_comparison{
		overflow-x: auto;
	}
	
	.web_comparison .table_scroll > ul {
		margin: 0 0rem 0rem;
		width: 55rem;
	}

	.web_comparison .table_scroll > ul li ul li {
		padding: 1.5rem 2rem;
	}

	.web_comparison .table_scroll > ul li ul li.flex_wrap_none {
		flex-wrap: nowrap;
	}
	
}


/*-------------------------------------------------------------*/
/*インターネット広告代行*/

.co_block.ad01{ background: url("../img/ad/image01.jpg") no-repeat right 8rem; padding-bottom: 19rem; background-size: 65%;}
.co_block.ad02{ background: url("../img/ad/image02.jpg") no-repeat left 8rem; padding-bottom: 0rem; align-items: center;}
.co_block.ad03{ background: url("../img/ad/image03.jpg") no-repeat right 8rem; padding-bottom: 19rem;}
.co_block.ad04{ background: url("../img/ad/image04.jpg") no-repeat left 8rem; padding-bottom: 19rem;}
.co_block.ad05{ background: url("../img/ad/image05.jpg") no-repeat right 8rem; padding-bottom: 25rem;}
.co_block.ad06{ background: url("../img/ad/image06.jpg") no-repeat left 8rem; padding-bottom: 19rem;}
.co_block.ad07{ background: url("../img/ad/image07.jpg") no-repeat right 8rem; padding-bottom: 26rem;}

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

	.co_block.ad01,
	.co_block.ad02,
	.co_block.ad03,
	.co_block.ad04,
	.co_block.ad05,
	.co_block.ad06,
	.co_block.ad07{ background-size: 50%; padding-bottom: 0rem;}

	.co_block.ad01{ padding-bottom: 0rem;}
	.co_block.ad02{ padding-bottom: 0rem;}
	
	.co_block.ad06{ background-position: left 3rem;}
	.co_block.ad07{ background-position: right 0rem;}

}

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

	.co_block.ad01,
	.co_block.ad02,
	.co_block.ad03,
	.co_block.ad04,
	.co_block.ad05,
	.co_block.ad06,
	.co_block.ad07{ padding-top: 33rem; background-size: contain; margin-left: 0; background-position: top; /*margin-bottom: 0;*/}
	
	.co_block.ad01{ padding-top: 42rem; padding-bottom: 0; margin-bottom: 0; background-position: -9rem top; background-color: #f5f5f5;}
	.co_block.ad02{ padding-bottom: 0rem; flex-wrap: wrap; flex-direction: column-reverse; padding-top: 16rem; }
	/*.co_block.ad03{ margin-bottom: 0; }*/
	.co_block.ad07{ padding-top: 50rem; padding-bottom: 8rem;}

}

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

	.co_block.ad01,
	.co_block.ad02,
	.co_block.ad03,
	.co_block.ad04,
	.co_block.ad05,
	.co_block.ad06,
	.co_block.ad07{ padding-top: 16rem; background-position: left 0;}

	.co_block.ad01{ padding-top: 20rem; background-position: -4rem 0;}
	.co_block.ad02{ padding-top: 8rem; }
	.co_block.ad03{ padding-bottom: 0rem; }
	.co_block.ad04{ padding-bottom: 0rem; }
	.co_block.ad05{ padding-bottom: 0rem; }
	.co_block.ad06{ padding-bottom: 0rem; }
}

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

.ad_type_main{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 50rem;
}

.ad_type_main h5{
	width: 100%;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

.ad_type_main img{
	width: 100%;
	max-width: 70rem;
}

.ad_type_list{
	max-width: 160rem;
	display: flex;
	flex-wrap: wrap;
}

.ad_type_list li{
	display: flex;
	flex-wrap: wrap;
	width : calc(100% / 3) ;
	margin-bottom: 6rem;
}

.ad_type_list li img{
	width: 100%;
	max-width: 43rem;
}

.ad_type_list li h5{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 2.5rem;
}

.ad_type_list li div{
	width: 100%;
	text-align: center;
}

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

	.ad_type_main{
		height: 30rem;
	}

	.ad_type_main img {
		max-width: 40rem;
	}

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

	.ad_type_list li img {
		max-width: 30rem;
	}

}

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

	.ad_type_main {
		height: auto;
		width: 60%;
		margin-top: 5rem;
		margin-bottom: 5rem;
	}

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

	.ad_type_list li{
		width : calc(100% / 2.2) ;
	}
	
	.ad_type_list li h5 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

}

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

	.ad_list li{
		white-space: nowrap;
	}

	.ad_type_main {
		margin-bottom: 0rem;
	}

	.ad_type_main h5{
		font-size: 1.6rem;
	}
	
	.ad_type_list li h5 {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

}


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

.ad_flow{
	background: #e8e8e8;
	/*flex-direction: column;*/
	padding: 5rem 0 5rem;
	max-width: 130rem;
	display: flex;
}

.ad_flow .service_s_title{
	width: 28rem;
}

.ad_flow ul{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 auto;
}

.ad_flow ul li{
	width: 28%;
	display: flex;
	border: 0.3rem solid #222;
	border-right: none;
	background: #fff;
	padding: 3rem 3rem;
	align-items: center;
	margin-bottom: 3rem;
	
	position:relative;
}

.ad_flow ul li:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;

	top: auto;
	right: -1.9em;
	border-style: solid;
	border-color: transparent transparent transparent #222;
	border-width: 6.4rem 0 6.4rem 3rem;
	z-index: 10;
	top: 0;
}

.ad_flow ul li:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;

	top: auto;
	right: -1.7em;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6.4rem 0 6.4rem 3rem;
	z-index: 10;
	top: 0;
}

.ad_flow ul li:last-child{
	border-right: 0.3rem solid #222;
}

.ad_flow ul li:last-child:before{
	content: none;
}

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

.ad_flow ul li span{
	font-size: 6rem;
	margin-right: 3rem;
	color: #222;
	width: 30%;
}

.ad_flow ul li div{
	width: 70%;
}

.ad_flow ul li div div{
	font-size: 1.4rem;
	font-weight: bold;
}

.ad_flow ul li div h6{
	font-size: 2rem;
	font-weight: bold;
}

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

	.ad_flow ul li {
		padding: 2rem 1.5rem;
	}

}

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

	.ad_flow {
		display: flex;
		flex-wrap: wrap;
	}

	.ad_flow ul {
		width: 90%;
	}

	.ad_flow ul li {
		width: 32%;
		padding: 2rem 2.5rem;
	}

}

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

	.ad_flow ul li {
		width: 95%;
		padding: 2rem 2.5rem;
		border-right: 0.3rem solid #222;
	}
	
	.ad_flow ul li:before{
		content: none;
	}

	.ad_flow ul li:after{
		content: none;
	}

}

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

.seo_plan.ad_price{

}

.seo_plan.ad_price li{
	align-items: center;
	justify-content: space-between;
}

.seo_plan.ad_price > li ul li h6{
	width: 60%;
}

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

	.seo_plan.ad_price > li ul li h6{
		width: 40%;
	}

}

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

	.seo_plan.ad_price{
		margin-left: auto;
		margin-right: auto;
		max-width: 75%;
	}

	.seo_plan.ad_price li {
		width: 100%;
	}

	.seo_plan.ad_price > li ul li h6{
		width: 70%;
	}

	.seo_plan.ad_price > li ul li div{
		width: 30%;
		text-align: right;
	}

}

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

	.seo_plan.ad_price {
		width: 90%;
		max-width: 90%;
	}

	.seo_plan.ad_price > li ul li h6{
		width: 40%;
	}

	.seo_plan.ad_price > li ul li div{
		width: 60%;
		text-align: right;
	}

}

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

	.seo_plan.ad_price > li ul li h6 {
		width: 65%;
		padding-top: 1.2rem;
	}

	.seo_plan.ad_price > li ul li div {
		width: 100%;
		text-align: right;
	}

}


/*-------------------------------------------------------------*/
/*採用情報*/

.h3_title.recruit_top h3{
	font-size: 5rem;
}

.h3_title.recruit_top p{
	font-size: 2rem;
}

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

.recruit_top_area{
	max-width: 130rem;
	margin: 0 auto;
	overflow: hidden;
}

.recruit_top_area li{
	display: flex;

}

.recruit_top_area li div{
	width: 50%;
}

.recruit_top_area li div.image_area{

}

.recruit_top_area li div.text_area{
	min-height: 35rem;
	padding: 4rem 6rem;
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}

.recruit_top_area li:nth-child(1) div.text_area{
	background: #222;
	color: #fff;
}

.recruit_top_area li:nth-child(2) div.text_area{
	background: #e8e8e8;
}

.recruit_top_area li:nth-child(1) div.image_area{
	background: url("../img/recruit/bg01.jpg") no-repeat;
	background-size: cover;
}

.recruit_top_area li:nth-child(2) div.image_area{
	background: url("../img/recruit/bg02.jpg") no-repeat;
	background-size: cover;
}

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

	.recruit_top_area li div.text_area {
		padding: 4rem 4rem;
	}

}

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

	.h3_title.recruit_top h3 {
		font-size: 2.5rem;
	}

	.h3_title.recruit_top p {
		font-size: 1.5rem;
	}
	
	.recruit_top_area li {
		flex-wrap: wrap;
	}

	.recruit_top_area li:nth-child(1) {
		flex-direction: column-reverse;
	}

	.recruit_top_area li div{
		width: 100%;
	}

	.recruit_top_area li div.text_area{
		font-size: 1.6rem;
	}

	.recruit_top_area li div.image_area{
		min-height: 15rem;
	}


}

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

.recruit_message_area{
	margin-bottom: 24rem;
}

.recruit_message_area h4{
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-top: 8rem;
	margin-bottom: 6rem;
	padding: 0 3rem;
	line-height: normal;
}

.recruit_message_area div{
	padding: 0 3rem;
	text-align: center;
	line-height: 4rem;
}

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

	.recruit_message_area {
		/*margin-bottom: 8rem;*/
		margin-bottom: 0rem;
	}

	.recruit_message_area div{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.recruit_message_area div p{

	}

	.recruit_message_area h4 {
		margin-top: 4rem;
		margin-bottom: 3rem;
	}

	.recruit_message_area div {
		font-size: 1.4rem;
		line-height: 2.7rem;
		text-align: left;
	}

}

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

.recruit_interview_main{
	max-width: 130rem;
	min-height: 53.5rem;
	background: url("../img/recruit/interview_main.jpg") no-repeat;
	background-size: cover;
	margin: 0 auto 9rem;
	display: flex;
	justify-content: center;
	align-items: center;
}


.recruit_interview_main div{
	/*width: 55rem;*/
	/*height: 24rem;*/
	border: 0.2rem solid #fff;
	
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem 6rem;
}

_:-ms-lang(x)::-ms-backdrop, .recruit_interview_main div { margin-top: 14rem; }

.recruit_interview_main div h4{
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.recruit_interview_main div h4 small{
	font-size: 40%;
}


.recruit_interview_list{
	max-width: 130rem;
	margin: 0 auto;
}

.recruit_interview_list li{
	display: flex;
	justify-content: space-between;
}

.recruit_interview_list li .text_area{
	width: 60%;
}

.recruit_interview_list li .text_area .box{
	margin-bottom: 5rem;
}

.recruit_interview_list li .text_area .box h5{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
	
	display: flex;
	align-items: center;
}

.recruit_interview_list li .text_area .box p{
	margin-left: 2.5rem;
}

.recruit_interview_list li .image_area{
	width: 35%;
}

.recruit_interview_list li .image_area div{
	margin-bottom: 5rem;
}

.recruit_interview_list li .image_area img{
	width: 100%;
}


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

	.recruit_interview_list{
		margin: 0 3rem;
	}

	.recruit_interview_main {
		background-position: center;
		background-size: 140%;
	}

}

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

	.recruit_interview_main div{
		padding: 3rem 4rem;
	}
	.recruit_interview_list li {
		flex-wrap: wrap;
	}

	.recruit_interview_list li {
		justify-content: center;
	}
	
	.recruit_interview_list li:first-child {
		flex-flow: wrap-reverse;
	}
	.recruit_interview_list li .text_area{
		width: 80%;
	}

	.recruit_interview_list li .image_area {
		width: 45%;
	}

}

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

.recruit_interview_main {
	min-height: 20rem;
	background: url(../img/recruit/interview_main.jpg) no-repeat center;
	background-size: cover;
	margin: 0 auto 6rem;
}

	.recruit_interview_main div h4{
		font-size: 2.5rem;
	}
	
	.recruit_interview_main div {
		padding: 2rem 3rem;
		margin: 3rem;
	}

	.recruit_interview_list {
		width: 90%;
	}

	.recruit_interview_list li {
		flex-wrap: wrap;
	}
	
	.recruit_interview_list li:first-child {
		flex-direction: column-reverse;
	}

	.recruit_interview_list li .text_area {
		width: 100%;
	}
	
	.recruit_interview_list li .text_area .box h5 {
		font-size: 1.6rem;
	}
	
	.recruit_interview_list li .text_area .box p {
		font-size: 1.4rem;
		width: 85%;
	}
	
	.recruit_interview_list li .image_area {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.recruit_interview_list li .image_area div{
		width: 90%;
	}

}

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

.workplace_list{
	max-width: 160rem;
	margin: 0 auto;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.workplace_list li{
	width: 31%;
	margin: 0 0 4%;
}

.workplace_list li img{
	width: 100%;
}

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

	.workplace_list{
		margin: 0 3rem;
	}

}


.recruit_move{
	background: #222;
	display: flex;
	justify-content: center;
	padding: 6rem;
	margin-bottom: 8rem;
}

.recruit_move video{
	position: inherit;
	top: 0;
	left: 0;
	width: 128rem;
	height: auto;
	min-width: 128rem;
	min-height: 100%;
	transform: none;
}


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

	.recruit_move video {
		width: 100%;
		min-width: 100%;
		min-height: 100%;
	}

}

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

	.recruit_move video{
		position: inherit;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		transform: none;
	}

}

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

	.recruit_move{
		padding: 3rem;
	}

	.workplace_list {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.workplace_list li {
		width: 48%;
		margin: 0 0 3%;
	}

}


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

.bottom_text.service.recruit {
	margin-top: 14rem;
}

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

.recruit_benefits li{
	border: 0.4rem solid #222;
	width: 24%;
	min-height: 36rem;
	margin-bottom: 3rem;
}

.recruit_benefits.pc li:last-child{
	background: url(../img/recruit/benefits.jpg) no-repeat center;
	background-size: cover;
}

.recruit_benefits li .number{
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 5rem;
}

.recruit_benefits li .number small{
	font-weight: bold;
	font-size: 1.6rem;
}

.recruit_benefits li .number p{
	font-size: 5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -5rem;
}

.recruit_benefits li .number p span{
	font-size: 3.5rem;
	margin-right: 2rem;
}

.recruit_benefits li .number p span img{
	width: 3rem;
}

.recruit_benefits li h4{
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	margin: 0 2rem;
}

.recruit_benefits li > p{
	margin: 3rem;
	line-height: normal;
}


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

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

}

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

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

	.recruit_benefits li{
		width: 47%;
	}

}

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

	.recruit_benefits{
		max-width: 70rem;
		margin-left: auto;
		margin-right: auto;
	}

	.recruit_benefits li{
		width: 48%;
		min-height: 36rem;
	}

}

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


	.bottom_text.service.recruit {
		margin-top: 0rem;
	}

	.recruit_benefits{
		margin-left: 2rem;
		margin-right: 2rem;
		margin-bottom: 8rem;
	}

	.recruit_benefits li{
		width: 100%;
		min-height: auto;
		height: auto;
	}
/*
	.recruit_benefits li:last-child{
		display: none;
	}
*/
	.recruit_benefits li h4 {
		font-size: 2.5rem;
	}
	
	.recruit_benefits li > p{
		font-size: 1.4rem;
		height: 11rem;
	}

}

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

	.recruit_benefits li .number p{
		height: 5rem;
	}

}


/*-------------------------------------------------------------*/
/*フォーム調整*/

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

	.profile_area.recruit.form .profile_list li div.occupation{
		flex-wrap: wrap;
	}

	.profile_area.recruit.form .profile_list li div.occupation > span{
		display: flex;
		height: 4rem;
	}


	.profile_area.recruit.form .profile_list li div.resume{
		flex-wrap: wrap;
	}

	.profile_area.recruit.form .profile_list li div.cv{
		flex-wrap: wrap;
	}

	.profile_area.recruit.form .profile_list li div.know{
		flex-wrap: wrap;
	}

}

/* ラジオボタン */

.profile_list input[type="radio"]:checked  + span{
	color: #008f40;
}

.profile_list input[type="radio"] {
	position: relative;
	margin: 0 0.5rem 0 0;
	cursor: pointer;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.3rem;
	border: none;
	vertical-align: middle;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	padding-bottom: 0 !important;
}

.profile_list input[type="radio"]:checked:before {
	transform: scale(1, 1);
}

.profile_list input[type="radio"]:before {
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 2px;
	width: 1.7rem;
	height: 1.7rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	border-radius: 50%;
	background: #008f40;
	border: none;
}

.profile_list input[type="radio"]:after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 2.5rem !important;
	height: 2.5rem !important;
	content: '';
	border: 0.2rem solid #ced4da;
	border-radius: 50%;
}

.profile_list input[type="radio"]:checked:after {
	border: 0.2rem solid #008f40;
}


/* チェックボックス */

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

.profile_list input[type="checkbox"]:checked  + span{
	color: #008f40;
}


.profile_list input[type="checkbox"] {
	position: relative;
	margin: 0 0.5rem 0 0;
	cursor: pointer;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.3rem;
	border: none;
	vertical-align: middle;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	padding-bottom: 0 !important;
}

.profile_list input[type="checkbox"]:checked:before {
	transform: scale(1, 1);
}

.profile_list input[type="checkbox"]:before {
	position: absolute;
	z-index: 1;
	top: 2px;
	left: 2px;
	width: 1.7rem;
	height: 1.7rem;
	border-radius: 0.2rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	background: #008f40;
}

.profile_list input[type="checkbox"]:after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.2rem;
	content: '';
	border: 0.2rem solid #ced4da;
	background: #ffffff;
}

.profile_list input[type="checkbox"]:checked:after {
	border: 0.2rem solid #008f40;
}



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

_:-ms-lang(x)::-ms-backdrop, .homepage03_list li .title .left { padding-top: 0.7rem; }
_:-ms-lang(x)::-ms-backdrop, .homepage03_list li .title .right { padding-top: 0.7rem; }

_:-ms-lang(x)::-ms-backdrop, .lp_feature li h6 { height: 6.5rem; padding-top: 1rem; }
_:-ms-lang(x)::-ms-backdrop, .lp_feature li div { height: 6.5rem; padding-top: 1rem; }
_:-ms-lang(x)::-ms-backdrop, .lp_use_list { width: 56rem; }
_:-ms-lang(x)::-ms-backdrop, .lp_use_list li { padding-top: 1.5rem; }
_:-ms-lang(x)::-ms-backdrop, .tab_panel { padding: 20px 0; }
_:-ms-lang(x)::-ms-backdrop, .scroll-hint-icon { display: none; }

_:-ms-lang(x)::-ms-backdrop, .ec_planning_list li.list .user li h6 { padding-top: 1.2rem; }
_:-ms-lang(x)::-ms-backdrop, .ec_planning_list li.list .user li div { padding-top: 1.2rem; }
_:-ms-lang(x)::-ms-backdrop, .ec_function_list h5 { padding-top: 2rem; }
_:-ms-lang(x)::-ms-backdrop, .ec_support_list li.box h5 { padding-top: 2.5rem; }
_:-ms-lang(x)::-ms-backdrop, .ec_support_list li.box ul { margin-top: 2.5rem; }

_:-ms-lang(x)::-ms-backdrop, .point5_list li.reverse .image_area div { margin-top: 5rem; }
_:-ms-lang(x)::-ms-backdrop, .point5_list li .image_area div { margin-top: 5rem; }

_:-ms-lang(x)::-ms-backdrop, .web_service_list li .data_area h5 span { padding-top: 1.5rem; }
_:-ms-lang(x)::-ms-backdrop, .web_service_list li .data_area .plan span { padding-top: 0.7rem; }

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

_:-ms-lang(x)::-ms-backdrop, .ad_flow ul li::before { top: -4px; }
_:-ms-lang(x)::-ms-backdrop, .ad_flow ul li::after { top: -4px; }

_:-ms-lang(x)::-ms-backdrop, .lp_support_list ul li span{ margin-top: 4rem; }
_:-ms-lang(x)::-ms-backdrop, .tab-content{ max-width: 550px; }



/*safariハック*/
_::-webkit-full-page-media, _:future, :root .homepage01_list li { -webkit-perspective: 30rem; }
_::-webkit-full-page-media, _:future, :root .recruit_move { display: block; }

@media screen and ( max-width: 1440px ){
	_::-webkit-full-page-media, _:future, :root .timing_list { margin-left: 2rem; margin-right: 2rem; }
}

/* Firefoxハック */
_:lang(x)::-moz-placeholder, .point5_list li .text_area h4 { font-size: 4.3rem; }