@charset "utf-8";

/**
 *
 *  事業紹介
 *　summary
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:url(../images/summary/bg_pagettl.jpg);
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/


/* intro
-----------------------------------------------------------------*/
#Summary .intro{
	padding: 50px 0 75px;	
}
#Summary .intro .lead{
	margin-bottom: 30px;
}
#Summary .intro .txt-lead{
	margin-bottom: 30px;
}
#Summary .intro .btn{
	width: 440px;
	margin: 0 auto;
	border:1px solid #DFDFE8;
	background:#F9F9FB;
	text-align:left;
}
#Summary .intro .btn a{
	display:block;
	padding: 18px 25px 18px 55px;
	background:url(../images/common/arw_bg_w01_pc.png) no-repeat 25px center;
	color:#3D3D3D;
}
#Summary .intro .btn a:hover{
	color:#4573B9;	
}
#Summary .intro .btn span{
	font-size:93%;	
}

/* 汎用クラス
------------------------------------------------------------------*/
.sec .main{
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	margin-bottom: 35px;
	background:#F4F4F7;
}
.sec .main .txt-area{
	padding: 10px 95px 0;
}
.sec .main .txt-area h3{
	margin-bottom: 25px;
}
.sec .main .txt-area .txt{
	line-height:1.8;	
}
.sec .sub-area{
	margin-bottom: 75px;	
}
.sec .sub-area li{
	display:table;
	width: 100%;
	margin-bottom: 15px;
	border:1px solid #DFDFE8;	
}
.sec .sub-area h4{
	display:table-cell;
	vertical-align:middle;
	width: 250px;
	border-right:1px solid #DFDFE8;	
	background:#F4F4F7;
	color:#5A84C3;
	text-align:center;
}
.sec .sub-area li p{
	display:table-cell;
	vertical-align:middle;
	padding: 30px 35px;	
}




/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	
/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl:after{
	content:"";
	background:url(../images/summary/bg_pagettl_sp.jpg) no-repeat right top;
	background-size:auto 100px;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/


/* intro
-----------------------------------------------------------------*/
#Summary .intro{
	padding: 40px 0 45px;	
}
#Summary .intro .lead{
	margin-bottom: 15px;
}
#Summary .intro .txt-lead{
	margin-bottom: 20px;
}
#Summary .intro .btn{
	width: 100%;
	font-size:92%;
}
#Summary .intro .btn a{
	display:block;
	padding: 15px 13px 15px 35px;
	background:url(../images/common/arw_bg_w01_sp.png) no-repeat 13px center;
	background-size:15px auto;
	color:#3D3D3D;
}
#Summary .intro .btn a:hover{
	color:#4573B9;	
}
#Summary .intro .btn span{
	font-size:90%;	
}


/* 汎用クラス
------------------------------------------------------------------*/
.sec .main{
	display:block;
	margin-bottom: 25px;
	background:none;
}
.sec .main .txt-area{
	padding: 0;
}
.sec .main .txt-area h3{
	margin-bottom: 22px;
	padding: 22px 0;
	background:#F4F4F7;
}
.sec .sub-area{
	margin-bottom: 60px;	
}
.sec .sub-area li{
	display:block;
	width: 100%;
	margin-bottom: 15px;
}
.sec .sub-area h4{
	display:block;
	width: 100%;
	padding: 10px 15px;
	border-right:none;	
	border-bottom:1px solid #DFDFE8;	
	text-align:left;
}
.sec .sub-area li p{
	display:block;
	padding: 10px 15px;	
}


.sec05 .sub-area{
	margin-bottom: 20px;	
}


}