@charset "utf-8";

#mainarea {
	padding:8% 0 1%;
}
#mainarea h1, #mainarea h2 {
	text-align:center;
	padding:0 10%;
}
#mainarea h1 {
	margin:0 0 23px;
}
#mainarea h1 img, #mainarea h2 img {
	margin:0 auto;
}

#contentsarea.top-contentsarea {
	background-color: #d6effd;
}

#contentsarea.top-contentsarea p,
#contentsarea.top-contentsarea dl {
	font-size: 1.4rem;
	line-height: 1.8;
}

#contentsarea.top-contentsarea .red {
	color: #ff0000;
}

#contentsarea.top-contentsarea .bold {
	font-weight: bold;
}

#contentsarea.top-contentsarea .acenter {
	text-align: center;
}

#contentsarea.top-contentsarea .mb0sp {
	margin-bottom: 0px;
}

#contentsarea.top-contentsarea .mb10sp {
	margin-bottom: 10px;
}

#contentsarea.top-contentsarea .link {
	color: #008258;
	text-decoration: underline;
}

#contentsarea.top-contentsarea .link:hover {
	text-decoration: none;
}

#pointarea {
	position:relative;
	z-index:5;
}
#pointarea h1 {
	position:relative;
	z-index:10;
}
#pointarea h1 img {
	width:100.3% !important;
	max-width:100.3% !important;
}

.point {
	padding: 10px 15px 15px;
}

.point .point-icon {
	background: linear-gradient(180deg, #1ba075 0%, #1ba075 50%, #008258 50%, #008258 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 115px;
	padding: 5px 0;
	margin-right: 20px;
	border-radius: 3px;
}

.point .point-icon p {
	color: #fff;
}

#pointarea .point li .point-icon p {
	font-size: 1.4rem;
}


.point li {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
	font-weight: bold;
}

#pointarea .point li .point-txt {
	width: 77%;
	font-size: 1.6rem;
	line-height: 1.3;
}

.importantnews {
	background-color: #f5f4f0;
	border: 2px solid #008258;
	border-radius: 3px;
	margin: 0 15px 30px;
}

.importantnews .importantnews-ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px;
	font-weight: bold;
	color: #fff;
	background-color: #008258;
}

.importantnews .importantnews-ttl .attention-icon {
	padding: 0 0 0 44px;
	background: url(/ekiren_self_step1/service/img/ico_important.png) no-repeat left center;
	background-size: 32px auto;
}

.importantnews .importantnews-inner {
	padding: 20px;
}

.importantnews .importantnews-inner .pdf img {
	width: 14px;
	height: auto;
	position: relative;
	padding: 0 3px;
	top: 2px;
}

#member-signup {
	padding: 48px 13px;
	margin: 0 15px 50px;
	background-color: #fff;
	border: 1px solid #f5f4f0;

}

/*#member-signup .topbtn{
	margin-bottom: 30px;
}*/

#member-signup .member-signup-ttl {
	font-size: 2.0rem;
	font-weight: bold;
	color: #006f3f;
	text-align: center;
}

#member-signup .attention {
	display: block;
}

#member-signup .attention-ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 7px 15px;
	margin: 23px 0 20px;
	color: #fff;
	font-weight: bold;
	background-color: #008258;
	border-radius: 3px;
}

#member-signup .attention-ttl .attention-icon {
	padding: 0 0 0 32px;
	background: url(/ekiren_self_step1/service/img/ico_important.png) no-repeat left center;
	background-size: 22px auto;
}

#member-signup .attention-inner dl {
	padding-left: 1.1em;
}

#member-signup .attention-inner dl dt {
	position: relative;
}

#member-signup .attention-inner dl dt::before {
	content: '';
	position: absolute;
	top: 7px;
	left: -0.9em;
	width: 9px;
	height: 9px;
	background-color: #71bc4a;
	border-radius: 50%;
}

/* bigger than 640 */
@media screen and (min-width: 640px), print {
#mainarea h1 {
	margin:0 0 40px;
}

#contentsarea.top-contentsarea p,
#contentsarea.top-contentsarea dl {
	font-size: 2.0rem;
	line-height: 1.8;
}

.point {
	padding: 20px 30px 40px;
}


#pointarea .point li .point-txt {
	font-size: 2.2rem;
	line-height: 1.3;
}

#pointarea .point li .point-icon p {
	font-size: 1.6rem;
}


.importantnews {
	margin: 0 30px 55px;
}

.importantnews .importantnews-ttl {
	padding: 10px 30px;
}

.importantnews .importantnews-ttl .attention-icon {
	padding: 0 0 0 60px;
	background: url(/ekiren_self_step1/service/img/ico_important.png) no-repeat left center;
	background-size: 45px auto;
}

.importantnews .importantnews-inner {
	padding: 25px 30px;
}

.importantnews .importantnews-inner .pdf img {
	width: 28px;
	padding: 0 6px;
	top: 4px;
}

#member-signup {
	padding: 53px 28px;
	margin: 0 30px 50px;
}

#member-signup .member-signup-ttl {
	font-size: 2.6rem;
}

/*#member-signup .topbtn{
	margin-bottom: 40px;
}*/

#member-signup .attention-inner dl {
	padding-left: 1.1em;
}

#member-signup .attention-inner dl dt::before {
	top: 9px;
	left: -0.9em;
	width: 14px;
	height: 14px;
}

}

/* bigger than 750 */
@media screen and (min-width: 750px), print {
.btn a .blank {
  padding: 0 0 0 46px;
  background-size: 30px auto;
}

#contentsarea.top-contentsarea p,
#contentsarea.top-contentsarea dl {
	font-size: 1.8rem;
	line-height: 1.8;
}

#contentsarea.top-contentsarea .mb10 {
	margin-bottom: 10px;
}

.point {
	width: 800px;
	margin: 0 auto;
	padding: 12px 0px 40px;
}

#pointarea .point li .point-txt {
	width: auto;
	font-size: 2.4rem;
	line-height: 1.3;
}

#pointarea .point li .point-icon p {
	font-size: 1.8rem;
}

.point .point-icon {
	width: 130px;
	padding: 10px 0;
}

.importantnews {
	width: 1100px;
	margin: 0 auto 60px;
	border: 3px solid #008258;
}

.importantnews .importantnews-ttl {
	padding: 4px 30px 6px;
}

.importantnews .importantnews-ttl .attention-icon {
	padding: 0 0 0 32px;
	background: url(/ekiren_self_step1/service/img/ico_important.png) no-repeat left center;
	background-size: 28px auto;
}

.importantnews .importantnews-inner {
	padding: 25px 30px;
}

.importantnews .importantnews-inner .pdf img {
	width: 14px;
	padding: 0 5px;
	top: 2px;
}

#member-signup {
	width: 1096px;
	padding: 48px 0;
	margin: 0 auto 30px;
	border: 2px solid #f5f4f0;
}

#member-signup .member-signup-ttl {
	font-size: 2.4rem;
}

#member-signup .topbtn{
	margin: 37px 0 0;
}

#member-signup .attention {
	max-width: 800px;
	margin: 30px auto 0;
	display: flex;
	align-items: flex-start;
}

#member-signup .attention-ttl {
	width: 96px;
	margin: 0 19px 0 0 ;
	padding: 2px 0px;
}

#member-signup .attention-ttl .attention-icon {
	padding: 0 0 0 27px;
	background: url(/ekiren_self_step1/service/img/ico_important.png) no-repeat left center;
	background-size: 20px auto;
}

#member-signup .attention-inner dl {
	padding-left: 1.1em;
}

#member-signup .attention-inner dl dt::before {
	top: 9px;
	left: -0.9em;
	width: 12px;
	height: 12px;
}


}

/* bigger than 980 */
@media screen and (min-width: 980px), print {
#mainarea {
  padding:80px 0 0;
}

}


/* bigger than 1100 */
@media screen and (min-width:1100px), print {

}

/* bigger than 1200 */
@media screen and (min-width:1200px), print {

}


/* Print */
@media print {
/*
	#campaignarea {
    padding:5% 0 0;
		page-break-before:always;
	}
*/
/*
	#pointarea ul li {
		padding-top:6% !important;
	}
*/
}

/* mainpage */

.mainpage #contentsarea.top-contentsarea {
   background-color: #e3f7d9;
}

.mainpage #footerinner{
   display: none;
}

/* 2023/01 */
a.underline {
   color: #006f3f;
   text-decoration: underline;
}
a.underline:hover {
   text-decoration: none;
}

.apparea {
   margin: 37px 30px 0;
   padding: 20px;
   background: #f5f4f0;
   display: flex;
   align-items: center;
   box-sizing: border-box;
}

.apparea .appicon {
   width: 100px;
   margin: 0 15px 0 0;
   padding: 0;
   flex-shrink: 0;
}

.apparea .appicon img {
   vertical-align: top;
}

.apparea .apptext {
  margin: 0;
  padding: 0;
}

@media (max-width: 750px) {
  .apparea {
    margin: 30px 0 0;
    padding: 20px 10px;
  }
  .apparea .appicon {
    width: 20%;
  }
  .apparea .apptext {
    margin: 0;
    padding: 0;
  }
}