@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　outline
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.bg-wrap {
    background-image: url(../img/outline/body_bg.jpg);
		background-color: #FFF;
}

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

/* sec-coutline
-----------------------------------------------------------------*/
.sec-outline{
 	padding: 120px 0 40px;
	background: url(../img/common/cont_upper_bg.png) no-repeat left top;
	background-size: 100% auto;	
}
.sec-outline h1{
  margin-bottom: 80px;
  text-align: center;
}
.sec-outline h2 {
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 30px;
	letter-spacing: .2em;
}
.sec-outline dl {
	padding: 60px 7% 80px;
	background: var(--light);
	line-height: 2;
	letter-spacing: .15em;
	margin-bottom: 80px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.sec-outline dl > div {
	display: flex;
	padding: 32px 0;
	border-bottom: 1px solid #E2E2E2;
}
.sec-outline dl dt {
	flex-shrink: 0;
	min-width: 14em;
	width: 34.78%;
}







/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.bg-wrap {
    background-image: url(../img/outline/body_bg_sp.jpg);
}

/* sec-coutline
-----------------------------------------------------------------*/
	.sec-outline{
		padding: 80px 0 0;
	}
	.sec-outline h1{
		margin-bottom: 40px;
	}
	.sec-outline h2 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
  .sec-outline dl {
    margin-bottom: 40px;
    padding: 30px 20px 40px;
    line-height: 1.8;
  }
  .sec-outline dl > div {
    display: block;
    padding: 20px 0;
  }
  .sec-outline dl dt {
    min-width: none;
    width: 100%;
    margin-bottom: 5px;
  }



}