@charset "UTF-8";




/*----------------------------------------
	seek
-----------------------------------------*/

#seek{
	margin:0 -5rem 15rem 0;
	position: relative;
	padding-top: 100px;
}
#seek h2{
	z-index: 10;
	position: relative;
}
#seek .txt_area{
	max-width: 800px;
	position: relative;
	z-index: 10;
}
#seek p{
	font-weight: 600;
	font-size: 2.0rem;
	margin-bottom: 3rem;
}
#seek .pic{
	position: absolute;
	 top: 0;
  right: 0;
	z-index: 1;
}
#seek .pic::before {
  content: "";         /* 疑似要素に必須 */
  width: 100%;         /* 幅いっぱい */
  height: 100%;        /* 高さいっぱい */
  display: block;      /* 高さを指定するためにブロック要素にする */
  background: linear-gradient(270deg, transparent 0 0%, #efe8e6 60%); /* 徐々に透明にする */
  position: absolute;  /*  */
  top: 0;
  left: 0;
}


/*----------------------------------------
	guideline
-----------------------------------------*/

#guideline{
	margin:0 0 15rem 0;
	padding-top: 100px;
}

#guideline dd{
	flex: 1;
	line-height: 2;
}
#guideline dd li{
	padding: 1rem 0;
}
#guideline dd li:first-child{
	padding:0 0 1rem 0;
}
#guideline dt{
	width: 120px;
	font-weight: 600;
	line-height: 2;
}
#guideline dl{
	display: flex;
	border-bottom: 1px solid #b3aeac;
	padding: 3rem 0;
}
#guideline dl:first-of-type{
	border-top: 1px solid #000;
}
#guideline dl:last-of-type{
	border-bottom: 1px solid #000;
}
#guideline strong{
	font-weight: 600;
}
#guideline small{
	display: block;
	margin: 2rem 0 0 0;
	line-height: 1.7;
	font-size: 1.4rem;
}
#guideline p{
	margin: 2rem 0 0 0;
}
#guideline a{
	color: #ff4e00;
}

/*----------------------------------------
	system
-----------------------------------------*/

#system{
	margin:0 0 15rem 0;
	padding-top: 100px;
}
#system h3{
	font-size: 3.0rem;
	font-weight: 700;
	margin-bottom: 8rem;
}
#system h3 span{
	color: #ff4e00;
	display: block;
	font-size: 4.0rem;
}

#system .system_dtail{
	border-radius: 0 40px 0 40px;
	padding: 4rem;
	margin-top: 5rem;
}
#system .system_dtail h4{
	font-size: 2.4rem;
	font-weight: 600;
	color: #ff4e00;
	margin-bottom: 1.5rem;
}
#system .dt01{
	background:url("../img/rec_systemico01.png")no-repeat right top #dcd2cf;
}
#system .dt02{
	background:url("../img/rec_systemico02.png")no-repeat right top #dcd2cf;
}
#system .dt03{
	background:url("../img/rec_systemico03.png")no-repeat right top #dcd2cf;
}


/*media Queries タブレットサイズ（769px～1200px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1450px) {
	
	
#seek{
	margin:0 -8rem 20rem 0;
}
}/*解像度1200px以下*/


/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	
/*----------------------------------------
	seek
-----------------------------------------*/

#seek{
	margin:0 0 10rem 0;
	position: relative;
	padding-top: 0px;
}
#seek h2{
	z-index: 10;
	position: relative;
}

#seek p{
	font-weight: 600;
	font-size: 1.6rem;
	margin-top: 3rem;
}
#seek .pic_sp{
	margin: 0 auto;
}
#seek .pic_sp img{
	border-radius: 20px;
}

	
/*----------------------------------------
	guideline
-----------------------------------------*/

#guideline{
	margin:0 0 10rem 0;
	padding-top: 0px;
}

#guideline dd{
}
#guideline dd li{
	padding: 1.5rem 0;
	line-height: 1.7;
}
#guideline dd li:first-child{
	padding:0 0 1.5rem 0;
}

#guideline dl{
	display: block;
}

/*----------------------------------------
	system
-----------------------------------------*/

#system{
	margin:0 0 0rem 0;
	padding-top: 0px;
}
#system h3{
	font-size: 2.0rem;
	margin-bottom: 5rem;
}
#system h3 span{
	font-size: 3.0rem;
	line-height: 2;
	margin: 0.5rem 0;
}

#system .system_dtail{
	border-radius: 0 20px 0 20px;
	padding: 12rem 2.5rem 3rem 2.5rem;
	margin-top: 3rem;
}
#system .system_dtail h4{
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 2rem;
}
#system .dt01{
	background:url("../img/rec_systemico01.png")no-repeat center top #dcd2cf;
	background-size: 180px;
}
#system .dt02{
	background:url("../img/rec_systemico02.png")no-repeat center top #dcd2cf;
	background-size: 180px;
}
#system .dt03{
	background:url("../img/rec_systemico03.png")no-repeat center top #dcd2cf;
	background-size: 180px;
}
}/*解像度736px以下*/