@charset "UTF-8";

/* 20240516 add */
.kinou_box h3::after { content:''; display:table; clear:both; height:0; }
.kinou_box h3 a { display:flex; align-items:center; justify-content:center; position: relative; float:right; max-width:240px; width:50%; padding: 10px; border:0; border-radius:5px; color:#fff; line-height:10px; font-size:14px; font-weight:normal; background:#014099; }
.kinou_box h3 a.link_arrow::after { position:relative; top:0.1em; }

.service_box h2.title_main { margin-bottom:30px; }
.service_box h2 + p { margin:0 0 40px; text-align:center; }

#earnings h3 { flex-grow:3; }
#earnings .notice { display:block; position:relative; float:right; top:-80px; padding:8px 16px; border-radius:4px; font-size:14px; font-weight:normal; background:#fff; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); }
#earnings .notice b { display:inline-block; margin:0 4px 0 10px; }
#earnings .notice .labelFull { width: 40px; padding: 5px; border:#fcfcfc 1px solid; color: #fff; text-align: center; background:#014099; }
#earnings .notice .labelLite { width: 40px; padding: 5px; border:#fcfcfc 1px solid; color: #fff; text-align: center; background:#e5006e; }

.bnrBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; max-width:700px; margin:40px auto 0; }
.bnrBox a { display:block; width:48.5%; }
.bnrBox img { width:100%; height:100%; object-fit:cover; }

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
	.service_box > div:nth-of-type(n+2) > section > div:nth-of-type(1) { flex-flow:row wrap !important; justify-content:flex-start; align-items:center; }
	.service_box > div:nth-of-type(n+2) > section > div:nth-of-type(1) > div { width:50px; }
	#earnings h3 { flex-grow:inherit; width:calc(100% - 60px); }
	#earnings .notice { width:100%; top:-140px; margin-bottom:-60px; }
}