@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 client_about
=============================================================*/

/* ---------------------------------------------------------エントリーボタン非表示*/

  #entryBtn .entry01:after {
	  display: none;}

/* ---------------------------------------------------------エントリーボタン非表示　end*/

#mainImg {
  background-image: url(../img/client/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/client/img_main_pc.jpg); } }
.mod_tit01 {
  background: url(../img/common/ico_human.png) left 50% no-repeat;
  background-size: 30px;
  margin-bottom: 30px; }
  @media (min-width: 640px) {
    .mod_tit01 {
	  background: url(../img/common/ico_human.png) left 50% no-repeat;
	  background-size: 45px;
	  margin-bottom: 30px; } }
.mod_tit02.blue {
	  background-color:#d0e3fe;
}
.mod_tit03 {
  margin-bottom: 15px;
  }
    @media (min-width: 640px) {
	.mod_tit03 {
	  margin-bottom: 25px;
	  }}
#client_about h1,#client_about h2,#client_about h3,#client_about h4{
	border-color:#d0e3fe;
}
#client_about h4{
	font-weight:bold;
}
#client_about .txt_blue{
	color:#1153e9;
}
#client_about section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #client_about section {
      margin-bottom: 70px; } }
#client_about section .sec_box {
	margin-bottom:40px;
}
#client_about .mod_box02 h3{
	font-size:16px;
}
  @media (min-width: 640px) {
	#client_about .mod_box02 h3{
		font-size:18px;
	}}

#client_about .mod_box02{
	padding-left:15px;
}

#client_about .mod_column{
	margin-bottom:20px;
}
#client_about section ul.basic_list {
	margin:20px 0;
}
#client_about section ul.basic_list li {
	list-style:disc;
	margin-left:20px;
}
#client_about section .mod_box02 ul.basic_list {
	margin:0;
}
#client_about #sec04 dl {
	margin-bottom:20px;
}
#client_about #sec04 dt {
	color:#123688;
	font-weight:bold;
	padding-left:15px;
	position:relative;
	font-size:16px;
	margin-bottom:5px;
}
  @media (min-width: 640px) {
	#client_about #sec04 dt {
		font-size:18px;
		margin-bottom:10px;
		padding-left:25px;
	}}
#client_about #sec04 dt:before {
	position:absolute;
	content:"・";
	top:0;
	left:0;
}
  @media (min-width: 640px) {
	#client_about #sec04 dt:before {
		left:5px;
	}}
#client_about #sec04 dd {
	padding-left:15px;
}
  @media (min-width: 640px) {
	#client_about #sec04 dd {
	padding-left:25px;
	}}

  @media (min-width: 640px) {
	#client_about #sec05 p {
	overflow:hidden;
	}}


#client_about #sec07 .flow_box {
	display:table;
	background:#ebf3fe;
	width:100%;
	position:relative;
	margin-bottom:40px;
}
  @media (min-width: 640px) {
	#client_about #sec07 .flow_box {
		margin-bottom:80px;
	}}
#client_about #sec07 .flow_box:last-child {
	margin-bottom:0;
}
#client_about #sec07 .flow_box:last-child:after {
	display:none;
}
#client_about #sec07 .flow_box:after {
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 20px solid #f2f2f2;
	bottom:-30px;
	left:50%;
	margin-left:-60px;
}
  @media (min-width: 640px) {
	#client_about #sec07 .flow_box:after {
		position:absolute;
		content:"";
		width: 0;
		height: 0;
		border-left: 110px solid transparent;
		border-right: 110px solid transparent;
		border-top: 40px solid #f2f2f2;
		bottom:-60px;
		left:50%;
		margin-left:-110px;
	}}

#client_about #sec07 .flow_box .step {
	display:table-cell;
	background:#1153e9;
	width:20%;
	text-align:center;
	vertical-align:middle;
}
#client_about #sec07 .flow_box .step img {
	width:60%;
}
  @media (min-width: 640px) {
	#client_about #sec07 .flow_box .step {
		width:125px;
	}}

#client_about #sec07 .flow_box .step_cont {
	display:table-cell;
	padding:10px 15px;
}
  @media (min-width: 640px) {
	#client_about #sec07 .flow_box .step_cont {
	padding:20px;
	}}

#client_about #sec07 .flow_box .step_cont h4 {
	border-bottom:1px solid #333;
	font-size:18px;
	font-weight:bold;
	color:#1153e9;
	padding-bottom:5px;
}
  @media (min-width: 640px) {
	#client_about #sec07 .flow_box .step_cont h4 {
		font-size:28px;
	}}
#client_about #sec07 .flow_box .step_cont p {
	padding:15px 0 0;
	font-size:14px;
}
#client_about #sec07 .flow_box .step_cont .mod_btn02{
	text-align:left;
}
#client_about #sec07 .flow_box .step_cont .mod_btn02 a,#client_about #sec07 .flow_box .step_cont .mod_btn02 .icon{
	font-size:12px;
}
#client_about #sec07 .flow_box .step_cont .mod_btn02 a{
	padding:5px 15px;
}