@charset "utf-8";

.ui_wide_xs p{
	line-height: 1.7;
}
.mar_bnr {
	background-image: url(/img/business/marketsector/mar_topImg_pc.jpg);
}
.goffice_bnr{
	background-image: url(/img/business/marketsector/goffice/goffice_topImg_pc.jpg);
}
.cons_bnr{
	background-image: url(/img/business/marketsector/construction/cons_topImg_pc.jpg);
}
.event_bnr{
	background-image: url(/img/business/marketsector/event/event_topImg_pc.jpg);
}
.apart_bnr{
	background-image: url(/img/business/marketsector/goffice/apartment/apart_topImg_pc.jpg);
}
.blue_bnr{
	background-color: #ecf8fe;
}
.blue_bnr p,.blue_bnr h1{
	color: #4abcf2;
}
.ui_pt50{
	padding-top: 50px;
}
.ui_pt100{
	padding-top: 100px;
}
.ui_df_jcs{
	justify-content: flex-start;
}
.ui_df_jcs .mar_col_item{
	margin-right: 30px;
}

@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.mar_bnr {
		background-image: url(/img/business/marketsector/mar_topImg_sp.jpg);
	}
	.goffice_bnr{
		background-image: url(/img/business/marketsector/goffice/goffice_topImg_sp.jpg);
	}
	.cons_bnr{
		background-image: url(/img/business/marketsector/construction/cons_topImg_sp.jpg);
	}
	.event_bnr{
		background-image: url(/img/business/marketsector/event/event_topImg_sp.jpg);
	}
	.ui_pt50{
		padding-top: 10px;
	}
	.ui_pt100{
		padding-top: 50px;
	}
}

.mar_h301{
	font-size: 1.5rem;
	color: #54c3f1;
	margin-bottom: 10px;
}
.mar_mgXL{
	margin-bottom: 180px!important;
}
.mar_mgL{
	margin-bottom: 100px!important;
}
.mar_list{
	align-items: center;
	margin-bottom: 80px;
}
.mar_col01{
	width: 38.9%;
}
.mar_col02{
	width: 55.9%;
}
.mar_sup{
	font-size: 0.75rem;
	vertical-align: 0.3em;
}
.mar_sub {
	position: relative;
	bottom: -0.2em;
	margin-right: 1px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	line-height: 1;
}
.mar_btn_more{
	background: linear-gradient(135deg , #66c5f4 0% , #3ba2fc 100%);
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 156px;
	padding: 15px 0;
	border-radius: 25px;
	font-size: 0.875rem;
}
.mar_2_column{
	justify-content: center;
}
.mar_2_column .mar_col_item{
	margin: 0 15px;
	width: 280px;
}
.mar_3_column .mar_col_item{
	width: 280px;
}
.mar_4_column .mar_col_item{
	width: 195px;
}
.ui_df_jcs.mar_4_column{
	flex-wrap: wrap;
}
.ui_df_jcs.mar_4_column .mar_col_item{
	margin-right: 40px;
	margin-bottom: 35px;
}
.ui_df_jcs.mar_4_column .mar_col_item:nth-child(4n+4){
	margin-right: 0;
}
.mar_multi_column{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.mar_multi_column .mar_col_item{
	margin-right: 30px;
	width: 280px;
	margin-bottom: 40px;
}
.mar_multi_column .mar_col_item:nth-child(3n+3){
	margin-right: 0;
}
.mar_link_icon{
	text-decoration: none;
}
.mar_link_icon img{
	width: 8px;
}
.mar_link_icon:hover{
	text-decoration: underline;
}
.event_flow{
	margin-left: -20px;
	margin-right: -20px;
}
.event_flow li{
	max-width: 284px;
	width: 100%;
	height: 284px;
	border-radius: 142px;
	background: #e9f8ff;
	padding-top: 30px;
	text-align: center;
	position: relative;
}
.event_flow li::after{
	position: absolute;
	content: "";
	border: none;
	border-style: solid;
	border-color: #49bcf2 transparent transparent transparent;
	border-width: 12px 12px 0 12px;
	transform: translateY(-50%) rotate(-90deg);
	top: 50%;
	right: -35px;
}
.event_flow li:last-child::after{
	display: none;
}
.event_num{
	margin-bottom: 20px;
}
.event_flow li h3{
	margin-bottom: 10px;
}
.event_flow li p{
	margin-bottom: 10px;
}
.re_btn01{
	border: 1px #4abcf2 solid;
	border-radius: 50px;
	display: inline-block;
	color: #4abcf2;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 55px 18px;
	line-height: 1.3;
	margin-bottom: 80px;
}
.re_linkicon{
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.93rem;
}
.re_linkicon::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #4abcf2;
	border-right: 2px solid #4abcf2;
	transform: translateY(-50%) rotate(45deg);
}
.mar_online li a{
	width: 280px;
	border-radius: 50px;
	display: block;
	background: linear-gradient(130deg , #66c5f4 0% , #3ba2fc 100%);
	color: #fff;
	padding: 35px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}
.mar_online li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.ser_tit{
	position: relative;
	margin-bottom: 30px;
}
.ser_tit p{
	position: absolute;
	font-size: 1.68rem;
	top: calc(50% - 22px);
	left: 0;
	width: 100%;
	text-align: center;
	text-shadow:3px 2px 16px #00182c;
	color: #fff;
	font-weight: bold;
}
.ser_gray_list{
	flex-wrap: wrap;
	align-items: stretch;
}
.ser_gray_list li{
	width: 31.5%;
	background: #f3f3f3;
	border-radius: 20px;
	padding: 40px 25px 40px;
	margin-bottom: 25px;
}
.ser_gray_list li h4{
	text-align: center;
	font-size: 1.25rem;
	margin-bottom: 20px;
}
.ser_illu{
	margin-bottom: 10px;
	text-align: center;
}
.ser_sol li{
	padding: 30px 25px 0;
	min-height: 350px;
}
.ser_sol li h4{
	margin-left: -10px;
	margin-right: -10px;
}
.mar_blue{
	padding: 40px 80px;
	background: #f1fafe;
}
.mar_blue .sub_title_2{
	margin-top: 0;
	margin-bottom: 25px;
}
.mar_col0201_item{
	margin-bottom: 15px;
	width: 48.7%;
}
.mar_multi_column_2{
	margin: 25px 0 80px !important;
	justify-content: center;
}
.mar_multi_column_2 .mar_col_item{
	margin: 0 15px 35px !important;
}
.ser_gray_list2{
	margin: 50px 0 80px !important;
	justify-content: center;
}
.ser_gray_list2 li{
	width: 280px;
	margin: 0 15px 30px;
}
.ser_mb0pc{
	margin-bottom: 0!important;
}

@media only screen and (min-width: 0) and (min-width: 768px) { 
	.mar_jcc{
		justify-content: center;
	}
	.mar_jcc .mar_col_item{
		margin-right: 20px;
	}
	.mar_jcc .mar_col_item:last-of-type{
		margin-right: 0;
	}
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.mar_mgL{
		margin-bottom: 60px !important;
	}
	.mar_mgXL{
		margin-bottom: 110px !important;
	}
	.mar_h301{
		font-size: 1.13rem;
	}
	.mar_list{
		margin-bottom: 70px;
		flex-direction: column;
	}
	.mar_col01{
		width: 75%;
		margin: 0 auto 25px;
	}
	.mar_col02{
		width: 100%;
	}
	.mar_btn_more{
		padding: 12px;
		width: auto;
		font-size: 1rem;
	}
	.mar_2_column,.mar_3_column,.mar_multi_column{
		flex-wrap: wrap;
	}
	.mar_2_column .mar_col_item,.mar_3_column .mar_col_item,.mar_multi_column .mar_col_item{
		margin: 0 10px 35px;
		width: 100%;
	}
	.mar_2_column .mar_col_item:last-child,.mar_3_column .mar_col_item:last-child,.mar_multi_column .mar_col_item:last-child{
		margin-bottom: 0;
	}
	.con_img07{
		margin: 0 27%;
	}
	.mar_link_icon img{
		width: 7px;
	}
	.ui_df{
		display: block;
	}
	.event_flow{
		margin: 0 5vw;
	}
	.event_flow li{
		max-width: 100%;
		width: 82vw;
		height: 82vw;
		border-radius: 50%;
		margin-bottom: 45px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 50px;
	}
	.event_flow li img{
		width: 42px;
	}
	.event_flow li::after{
		top: auto;
		bottom: -30px;
		right: calc(50% - 12px);
		transform: rotate(0deg);
	}
	.event_flow li h3{
		font-size: 1.25rem;
	}
	.mar_col_item{
		width: auto !important;
	}
	.mar_col_item .ui_font_s{
		font-size: 0.75rem;
	}
	.font_s_sp{
		font-size: 0.75rem;
	}
	.mar_blue{
		padding: 30px 5vw;
		margin: 0 10px;
	}
	.mar_col0201_item{
		width: 100%;
		margin-bottom: 20px;
	}
	.mar_4_column{
		display: flex;
		margin: 0 10px;
	}
	.mar_4_column .mar_col_item{
		width: 46.8%!important;
		margin-right: 20px!important;
	}
	.mar_4_column .mar_col_item:nth-child(2n){
		margin-right: 0!important;
	}
	.mar_col_item h4{
		font-size: 0.93rem;
	}
	.mar_4_column h4{
		font-size: 0.875rem;
	}
	.re_btn01{
		font-size: 0.93rem;
		margin-bottom: 70px;
	}
	.ui_marsp{
		margin: 0 10px;
	}
	.re_col_list {
		display: flex;
		flex-wrap: wrap;
	}
	.re_col_list .mar_col_item{
		width: 46.7%!important;
		margin-right: 4%!important;
		margin-bottom: 20px;
	}
	.re_col_list .mar_col_item:nth-child(2n){
		margin-right: 0!important;
	}
	.re_col_list .mar_col_item:nth-child(3),
	.re_col_list .mar_col_item:nth-child(4){
		margin-bottom: 0;
	}
	.mar_multi_column .ui_mb0{
		margin-bottom: 35px!important;
	}
	.mar_online li a{
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
		font-size: 0.93rem;
		padding: 30px 0;
	}
	.mar_online li a::after{
		width: 6px;
		height: 6px;
	}
	.ser_tit p{
		font-size: 1.25rem;
		line-height: 1.5;
	}
	.ser_gray_list {
		margin-top: 30px!important;
	}
	.ser_gray_list li{
		width: 100%;
		margin: 0 0 20px;
		padding: 25px 20px;
	}
	.ser_gray_list li h4{
		font-size: 0.93rem;
	}
	.ser_gray_list li p{
		font-size: 0.75rem;
	}
	.ser_nomar{
		margin: 0 -4vw;
	}
	.ser_sol li{
		min-height: auto;
	}
	.ser_illu{
		margin-bottom: 20px;
	}
	.ser_mb0pc{
		margin-bottom: 20px!important;
	}
	.mar_multi_column .mar_col_item:nth-child(3n+3){
		margin-right: 10px;
	}
	
	
}



/* /business H1 Renewal */
.mar_bnr,
.cons_bnr,
.event_bnr,
.apart_bnr,
.goffice_bnr {
  background-image: none;
}

.blue_bnr {
	background-color: #f3fbff;
}
