@charset "UTF-8";

section .col .ttl {
  position: relative;
}
section:nth-of-type(1) .service_type02_03 .col:nth-of-type(1) .ttl {
  line-height: 60px;
}
section:nth-of-type(1) .service_type02_04 .col:nth-of-type(1) .ttl::after {
  background: url(/img/ico_credit_nav.svg) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section:nth-of-type(1) .service_type02_04 .col:nth-of-type(1) .point_box {
  height: 100%;
}
section:nth-of-type(1) .service_type02_04 .col:nth-of-type(2) .ttl::after {
  background: url("/img/ico_management.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section:nth-of-type(1) .service_type02_03 .col:nth-of-type(1) .ttl::after {
  background: url("/img/ico_portfolio.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section:nth-of-type(1) .service_type02_03 .col:nth-of-type(2) .ttl::after {
  background: url("/service/img/ico_service_01.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section .service_type02_02 .col:nth-of-type(1) .ttl::after {
  background: url("/service/img/ico_service_02.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section:nth-of-type(2) * {
  text-align: center;
}
section:nth-of-type(2) .bnr_btn_link {
  background: url("/service/img/bg_service_01.jpg") no-repeat;
  background-size: cover;
}
section:nth-of-type(2) .txt_c {
  font-size: 14px;
  margin-top: 10px;
}
section .service_type02_02 .col:nth-of-type(2) .ttl::after {
  background: url("/service/img/ico_service_03.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section .service_type02_02 .col:nth-of-type(1) .ttl::after {
  background: url("/service/img/ico_service_03.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section .service_type02_02 .col:nth-of-type(2) .ttl::after {
  background: url("/service/img/ico_service_04.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section .service_type02_02:nth-of-type(2) .col:nth-of-type(1) .ttl::after {
  background: url("/service/img/ico_service_05.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}
section .service_type02_02:nth-of-type(2) .col:nth-of-type(2) .ttl::after {
  background: url("/service/img/ico_service_06.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 37px;
}

@media all and (-ms-high-contrast: none) {
  section:nth-of-type(1) .service_type02_04:nth-of-type(1) .col .point_box {
    margin-top: 20px;
  }
}


/* レイアウト構造改善2024.11 */
.f_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex_col{
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.flex_c2 .flex_col{
	width: calc(50% - 15px);
}
.borderbox{
	border: 3px solid #cccccc;
}
.fl_head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(#fff 0%, #f5fce1 100%);
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding: 17px 20px 17px 15px;
}
.fl_head .fl_titl{
	width: calc(100% - 55px);
	font-family: "ヒラギノ明朝 Pro W6", "游明朝", YuMincho, "Hiragino Mincho Pro", "serif";
	font-weight: 600;
	font-size: 22px;
}
.fl_head .fl_ic{
	width: 37px;
	height: auto;
}
.fl_body{
	padding: 15px;
}
.fl_body .point_box{
	margin-bottom: 5px;
}
.fl_btn{
	border: 1px solid #cccccc;
	margin: auto 15px 15px;
	text-align: center;
}
.fl_btn span{
	color: #444444;
	display: block;
	font-size: 14px;
	padding: 15px 0;
	position: relative;
}
.fl_btn span:after{
	background: url(/common/img/ico_tab.png) no-repeat;
	background-size: contain;
	margin-left: 10px;
	vertical-align: middle;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
	height: 6px;
	position: absolute;
	top: 40%;
	right: 20px;
	transform: rotate(-135deg) translateY(-50%);
	width: 6px;
}

@media screen and (max-width: 767px) {
	.f_box{
		display: block;
	}
	.f_box .flex_col{
		width: 100%;
	}
}