@charset "utf-8";
.h1_wrap{max-width: 1380px;}
.page_head{margin-bottom: 88px;}
h2.pre{margin: 95px 0 36px;}
#caption{
	font-size: 1.2rem;
    line-height: 2rem;
    margin: 10px 0 30px;
	text-align: center;
}
.ad_slide.slick-slider{
	width:var(--vw-100);
	margin:93px calc(50% - var(--vw-50)) 0;
}
.ad_slide .slick-slide{
	margin:0 15px;
}
.ad_point_list{
	display:flex;
	padding:0;
	margin:105px auto 120px;
}
.ad_point_item{
	position:relative;
	width:calc(100%/3);
	text-align:center;
	list-style:none;
	margin:0;
}
.ad_point_item:not(:last-child)::after{
	position:absolute;
	content:'';
	width:1px;
	height:150px;
	background:#ccc;
	top:0px;
	right:0;
	bottom:0;
	margin:auto;
}
.ad_point_head{
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:5.4rem;
	font-weight:500;
	margin:0 0 40px;
}
.ad_point_num{
	font-size:3rem;
	letter-spacing:3px;
	line-height:4.2rem;
	color:var(--color-blue);
	margin:0;
}
.ad_point_num span{
	position:relative;
	font-family:'Roboto', sans-serif;
	font-size:9rem;
	letter-spacing:0;
	line-height:6rem;
	font-weight:500;
	top:3px;
}
.ad_point_note{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:4.2rem;
	margin:5px 0 0;
}
.support_list{
	padding:0;
	margin:0;
}
.support_item{
	padding:30px 30px 29px 82px;
	margin:0;
	border-top:1px solid #ccc;
	list-style:none;
}
.support_item:last-child{margin-bottom:0;}
.support_txt{
	margin:10px 0 0;
}
.support_h3{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.96rem;
	font-weight:500;
	margin:0 0 16px;
	padding:0;
	background:none;
	border:none;
}
.support_h3::before{
	position:absolute;
	content:attr(data-num);
	font-family:var(--font-Roboto-Condensed);
	font-size:2rem;
	letter-spacing:2px;
	line-height:3.5rem;
	font-weight:normal;
	top:5px;
	left:-51px;
}
.support_txt{
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:3.2rem;
	margin:0;
}
.worries_box{
	text-align:center;
	padding:65px 0 0;
	margin:-65px 0 0;
	background:#F5F5F5;
}
.worries_top{
	padding:0 30px;
}
.worries_h2{
	font-size:3.6rem;
	letter-spacing:3.6px;
	line-height:5.4rem;
	font-weight:500;
	padding:0;
	margin:0 0 37px;
	background:none;
}
.worries_list{
	padding:0;
	margin:0;
}
.worries_item{
	max-width:560px;
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height:2.7rem;
	padding:11px 15px;
	margin:22px auto 0;
	background:#fff;
	border-radius:63px;
	list-style:none;
}
.worries_bottom{
	position:relative;
	text-align:center;
	padding:171px 30px 88px;
	margin:172px auto 0;
	background:var(--color-blue);
}
.worries_bottom::before{
	position:absolute;
	content:'';
	width:461px;
	height:208px;
	background:url(/img/common/pic_business_persons.png) no-repeat center/100%;
	top:-130px;
	left:0;
	right:0;
	margin:auto;
}
.worries_copy{
	position:relative;
	display:inline-block;
	font-size:2.6rem;
	letter-spacing:2.6px;
	line-height:4.1rem;
	color:#fff;
	margin:0;
	border-bottom:2px solid #fff;
}
.worries_copy::before{
	position:absolute;
	content:'';
	width:31px;
	height:34px;
	background:url(/img/common/arrow_d_white.svg) no-repeat center/100%;
	top:-55px;
	left:0;
	right:0;
	margin:auto;
}

.ad_service_box{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:30px;
}
.ad_service_item{
	padding:36px 40px 33px;
	border:1px solid #ddd;
}
.ad_service_item h3{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.96rem;
	padding:0;
	margin:0 0 18px;
	background:none;
}
.ad_service_item li{margin:0;}
.ad_service_item > *:last-child{margin-bottom:0;}
.example_h4{
	padding:0;
	margin:40px 0 10px;
	border:none;
}
.example_box{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:74px;
	margin:20px 0 0;
}
.example_item{
	position:relative;
	background:#F5F5F5;
	border-radius:8px;
	padding:20px;
}
.example_item:nth-child(1)::after{
	position:absolute;
	display:flex;
	align-items:center;
	content:'or';
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:2.7rem;
	font-weight:500;
	top:0;
	bottom:0;
	right:-51px;
	margin:auto;
}
.example_item img{
	width:274px;
	max-width:100%;
	margin:auto;
}
.delivery_table th{white-space:nowrap;}
.works_list.advantage{
	margin:40px 0 55px;
}
.works_link{text-decoration: none;}
.related_fields{
	padding:58px 30px 80px;
	margin:60px 0 0;
	background:#F5F5F5;
}
.related_fields_h3{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.96rem;
	font-weight:500;
	text-align:center;
	padding:0;
	margin:0 0 22px;
	background:none;
}
.related_fields_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:20px;
	padding:0;
	margin:0;
}
.related_fields_item{
	margin:0;
	list-style:none;
}
.related_fields_link{
	position:relative;
	display:block;
	width:100%;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
	font-weight:500;
	color:#333 !important;
	text-decoration:none;
	text-align:left;
	padding:13px 20px 14px;
	margin:0;
	background:#fff;
	border:1px solid #ccc;
	border-radius:24px;
	transition:color 0.3s,background-color 0.3s,border-color 0.3s;
}
.related_fields_link.center{
	margin-right:auto;
	margin-left:auto;
}
.related_fields_link:hover{
	color:#fff !important;
	background-color:var(--color-blue);
	border-color:var(--color-blue);
}
.related_fields_link::before,
.related_fields_link::after{
	position:absolute;
	display:flex;
	align-items:center;
	content:url(/img/common/arrow_r_blue.svg);
	margin:auto;
	top:0;
	bottom:0;
	right:20px;
	transition:opacity .3s;
}
.related_fields_link::after{opacity:0;content:url(/img/common/arrow_r_white.svg);}
.related_fields_link:hover::before{opacity:0;}
.related_fields_link:hover::after{opacity:1;}

.flow_list{
	display:grid;
	grid-gap:30px;
	grid-template-columns:repeat(auto-fit, calc((100% - 60px) / 3));
	padding:0;
}
.flow_item{
	border-radius:10px;
	border:1px solid #ccc;
	padding:26px 20px;
	list-style:none;
	position:relative;
}
.flow_item:not(:last-child)::after{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(/img/advantage/arrow_r_blue.svg) center no-repeat;
	position:absolute;
	right:-32px;
	top:calc(50% - 15px);
}
.flow_item h3{
	min-height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	margin:0 0 20px;
	background:none;
	padding:0;
}
.flow_item ul{margin:20px 0 0;}
.flow_item ul li{
	font-size:1.4rem;
	margin:10px 0 0;
	line-height:2.1rem;
}
.flow_item img{
	display:block;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
}
.content_area,.pickup_service_in {
	max-width: 1140px;
    padding: 0 20px 30px;
    margin: auto;
}
.point_in {
	border: 2px solid #0090D9;
	padding: 40px 20px;
	margin:15px auto 62px;
	max-width: 1100px;
}
.point_head {
	font-size:2.6rem;
	letter-spacing:2.6px;
	margin: 0 0 20px 0;
	font-weight: 500;
}
.point_text {
	font-size:1.7rem;
	letter-spacing:1.7px;
	line-height: 2.5rem;
}
.content_point {
	max-width: 1100px;
	margin: auto;
}
.point_list {
	margin: 0 0 0 -25px;
}
.point_item {
	list-style: none;
}
.point_h3 {
	font-size: 2rem;
	font-weight: 500;
	padding: 0 0 18px 15px;
}
.point_h3::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 2px;
	height: 16px;
	background-color: #333;
}
.flex_point {
	display: flex;
	justify-content: space-between;
}
.flex_point_image {
	width: 334px;
	margin: 0;
	padding: 0;
}
.flex_point_text {
	width: calc(100% - 334px - 3%);
	margin: 0;
	padding: 0;
	letter-spacing: 1.5px;
	font-size: 1.5rem;
	line-height: 3rem;
}
.flex_point_text ul {
	margin-top: 10px;
}
.flex_point_text li {
	font-size: 1.5rem;
	list-style-type: disc;
	margin: 0;
}


.area_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:40px 30px;
	padding:0;
	margin:35px auto 0;
	position:relative;
}
.area_list_box{border:1px solid #008BD2;}
.area_list_box p{
	background:#008BD2;
	color:#fff;
	font-size:2rem;
	font-weight:500;
	text-align:center;
	padding:8px 10px;
	margin:0 !important;
}
.area_list_box ul{
	padding:25px 20px 2px 40px;
}
.area_list_box ul li{
	list-style:disc;
	font-size:1.6rem;
	letter-spacing: 0.64px;
    line-height: 2.4rem;
	margin-bottom:10px;
}

.solution_bg_list{
	margin:20px auto 77px;
	border-radius: 10px;
	padding:25px 36px 20px;
	background:#F5F5F5;
}
.solution_bg_list ul{
	max-width:820px;
	margin:auto;
}
.solution_bg_list li{
    background: url(/img/lp/lp-hp/icon_checkmark.svg) 0 27px no-repeat;
    background-size: 39px;
    padding: 28px 0 25px 58px;
    border-bottom: 2px solid #ddd;
    font-size: 1.8rem;
    letter-spacing: 1.8px;
    line-height: 3.2rem;
    list-style: none;
	margin: 0;
}
.solution_bg_list li strong{
	display:block;
	font-weight:500;
	font-size:2.5rem;
	letter-spacing:1.25px;
	margin-bottom:10px;
}
.solution_bg_list li:last-child{border-bottom:none;}

.solution_web{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 30px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.solution_web_img{border: 1px solid #CCCCCC;}
.solution_web_txt h3{
	background: none;
    padding: 0;
    font-size: 1.8rem;
    letter-spacing: 1.8px;
    line-height: 5.4rem;
	margin: 5px 0 0;
}
.solution_web_txt p{line-height: 2.9rem;}

.point_in ul{
	max-width: 740px;
    margin: auto;
    padding-left: 43px;
}
.point_in li{
    font-size: 2rem;
    letter-spacing: 2px;
    line-height: 4.2rem;
	margin-bottom: 6px;
}

.pickup_service{
	background: #F5F5F5;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	padding: 1px 20px 38px;
    margin-top: 100px;
}
.pickup_service_in h2{margin-bottom: 19px;}
.pickup_service_in p{margin-bottom: 24px;}
.bg_round{
	background: #fff;
    padding: 17px 60px 50px;
	margin-bottom: 30px;
}
.bg_round h3{
	letter-spacing: 2px;
	padding-left: 11px;
}

.service_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:40px 24px;
	padding:0;
	margin:26px auto 40px;
	max-width:1100px;
	position:relative;
}
.service_list_box{
	position:relative;
	border-bottom:1px solid #888;
	border-top:1px solid #888;
	padding:52px 20px 14px;
}
.service_list_box:nth-child(1)::before,
.service_list_box:nth-child(2)::before{
	content:'';
	display:block;
	position:absolute;
	right:-12px;
	top:24px;
	width:1px;
	height:calc(100% - 48px);
	background:#888;
}
.service_list_box img{
	display:block;
	margin:0 auto 20px;
	max-width:100%;
}
.service_list_box p{
	text-align: center;
	font-size: 2rem;
    letter-spacing: 2px;
    line-height: 2.89rem;
	margin-bottom: 29px;
}
.service_list_box li{
	font-size: 1.4rem;
	letter-spacing: 1.4px;
	line-height: 2.4rem;
	margin-bottom: 8px;
}

.link_btn{margin: auto;}
.link_btn a{text-decoration: none;}

@media screen and (max-width:1100px){
.related_fields_list{
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:20px;
}
}

@media screen and (max-width:1024px){
.ad_service_item{padding:31px 30px 33px;}
.ad_service_item h3{
	font-size:1.9rem;
	letter-spacing:1.9px;
	line-height:3.18rem;
	margin:0 0 15px;
}
.ad_service_item li{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.3rem;
}
.ad_point_num{font-size:2.5rem;}
.ad_point_num span{font-size:7rem;}

}

@media screen and (max-width:919px){
.flow_list{
	display:block;
	grid-gap:0;
}
.flow_item{
	padding:26px 80px;
}
.flow_item:not(:last-child){margin-bottom:30px;}
.flow_item:not(:last-child)::after{
	background:url(/img/advantage/arrow_d_blue.svg) center no-repeat;
	right:0;
	top:auto;
	width:100%;
	bottom:-32px;
}
.flow_item h3{
	min-height:20px;
	display:block;
	margin:0 0 20px;
}
}



@media screen and (max-width:900px){
.worries_copy{font-size:2.2rem;letter-spacing:2.2px;}
.ad_point_head{margin-bottom:10px;}
}

@media screen and (max-width:850px){
	.solution_web{display:block;margin-bottom: 30px;}
	.solution_web_box{margin-top:30px;}
	.solution_web_txt h4{font-size:2.4rem;letter-spacing:1.2px;}
	.solution_web_txt p{font-size:1.4rem;letter-spacing:1.4px;line-height:2.4rem;}
}

@media screen and (max-width:767px){
.page_head{margin-bottom: 63px;}
h2.pre{
	font-size: 3rem;
	letter-spacing: 3px;
	line-height: 4.16rem;
	margin-top: 80px;
}
.area_list{display: block;}
.area_list_box{margin-bottom: 30px;}

.solution_web_txt h3{
	font-size: 2.4rem;
	letter-spacing: 1.2px;
}
.solution_web_txt{padding:10px 30px 20px;}
.solution_bg_list {
	margin: 29px auto 40px;
	padding: 12px 20px;
}
.solution_bg_list li {
	font-size: 1.3rem;
	letter-spacing: 1.3px;
	line-height: 2rem;
	background-position: 0 19px;
	padding: 22px 0 18px 43px;
	background-size: 30px;
}
.solution_bg_list li strong {
	font-size: 1.7rem;
	letter-spacing: 0;
}
.point_in ul{padding-left: 30px;}
.point_in li{
	font-size: 1.5rem;
	line-height: 1.5;
}
.pickup_service{padding-left: 0;padding-right: 0;}
.pickup_service_in h2{margin-top: 40px;}
.bg_round {padding: 50px 20px;}
.bg_round h3 {margin-top: 0;}

.service_list{display: block;border-top: 1px solid #888;}
.service_list_box{border-top:none;}
.service_list_box:nth-child(1)::before,.service_list_box:nth-child(2)::before{display:none;}
.service_list_box br{display: none;}

.ad_slide.slick-slider{margin-top: 43px;}
.ad_point_list{
	display:block;
	margin:55px auto 72px;
	border-top:1px solid #ccc;
}
.ad_point_item{
	width:100%;
	text-align:left;
	padding:24px 200px 24px 10px;
	border-bottom:1px solid #ccc;
}
.ad_point_item:not(:last-child)::after{display:none;}
.ad_point_head{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:1.6rem;
	margin:0 0 9px;
}
.ad_point_num{
	position:absolute;
	font-size:2rem;
	letter-spacing:2px;
	right:10px;
	top:13px;
	bottom:0;
	margin:auto;
}
.ad_point_num span{font-size:5.5rem;}
.ad_point_note{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.92rem;
}
.support_item{
	display:block;
	padding:25px 20px 60px;
	border-top:2px solid #ccc;
}
.support_h3{
	width:auto;
	font-size:2rem;
	letter-spacing:2px;
	line-height:3.6rem;
	margin:0;
}
.support_h3::before{
	display:block;
	position:relative;
	margin-bottom:4px;
	top:0;
	left:0;
}
.support_txt{
	width:auto;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.95rem;
	margin:10px 0 0;
}
.worries_box{
	padding:30px 0 0;
	margin:30px 0 0;
}
.worries_top{padding:0 18px;}
.worries_h2{
	font-size:2.6rem;
	letter-spacing:2.6px;
	line-height:3.6rem;
	margin:0 0 27px;
}
.worries_item{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:1.95rem;
	text-align:left;
	padding:9px 18px;
	margin:10px auto 0;
}
.worries_bottom{
	padding:131px 10px 38px;
	margin:112px auto 0;
}
.worries_bottom::before{
	width:100%;
	height:132px;
	background-size:auto 100%;
	top:-80px;
}
.worries_copy{
	display:inline;
	font-size:2rem;
	letter-spacing:2px;
	line-height:4rem;
	background:linear-gradient(transparent 100%, #fff 0%);
}
.worries_copy::before{top:-55px;}
.service_list{margin-top:35px;}
.ad_service_box{
	grid-template-columns:1fr;
	grid-gap:20px;
}
.ad_service_item{padding:30px 26px 28px;}
.ad_service_item h3{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
	margin:0 0 12px;
}
.ad_service_item li{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.1rem;
}
.example_box{
	grid-template-columns:1fr;
	grid-gap:61px;
	margin:15px 0 0;
}
.example_item:nth-child(1)::after{
	justify-content:center;
	top:auto;
	bottom:-41px;
	right:0;
	left:0;
}
.example_item{padding:30px 15px;}
.example_h4{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
}
.works_list.advantage{margin:40px 0 55px;}
.related_fields{
	padding:58px 20px 60px;
	margin:60px -20px 0;
}
.related_fields_h3{
	font-size:2rem;
	letter-spacing:2px;
	line-height:3.6rem;
	margin:0 0 22px;
}
.related_fields_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:15px;
}
.related_fields_link{
	padding:13px 28px 14px;
	border-radius:50px;
}

.flow_item{
	padding:26px 20px;
}
.flex_point {
	flex-wrap: wrap;
}
.flex_point_image {
	order: 1;
	width: 100%;
}
.flex_point_text {
	order: 2;
	width: 100%;
	font-size: 1.3rem;
	padding-top: 15px;
}
.flex_point_text li {
	font-size: 1.3rem;
}


.point_head {
	font-size: 2rem;
}
.point_text {
	font-size: 1.5rem;
	line-height: 2.2rem;
}

}

@media screen and (max-width:599px){
.related_fields_list{display:block;}
.related_fields_item{
	margin:15px 0 0;
	list-style:none;
}
}