@charset "utf-8";
/* CSS Document */

/* 
-------------------------------------------------- */
.feature--area .inner .part--content { flex-direction: column; justify-content: center; align-items: center;}


.lead--area .sub { 
	max-width: 670px;
	margin: 1.3em auto 0;
	font-size: 1em !important;
	text-align: left;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.kv--area .kv--mainCopy { width:45%; padding-top: 17.0em;}
	.kv--area .kv--image { margin-top: -25em;}
	
	.lead--area .inner > p { margin-bottom: 2em;}
	.lead--area .inner > p + .sub { margin-bottom: 6em; text-align: center;}
	
	.part--ttl { top:0; transform: translateY(-126%);}
	.feature--area .inner { margin-bottom: 30.6em;}
	.feature--area .inner::before,
	.feature--area .inner:nth-child(odd)::before { height: calc(100% + 15.2em); margin: -10.6em 0 -5.6em;}
	
	.feature--area h2 { margin-bottom:5.4em;}
	.ul--features01 { padding:0 60px;}
	.ul--features01 li { padding:0 1.6em;}
	
	.cv--inner .item { max-width: 197px; left: 2.522388%;}
}
@media (min-width: 1025px) {
/* PC用 */
}
@media (min-width: 1225px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1024px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* iPadMini+SP用 */
	.lead--area .inner > p { margin-bottom: 2em;}
	.lead--area .inner > p + .sub { margin-bottom: 6em; text-align: center;}
	
	.cv--inner .item {
		max-width: 171px;
        margin-right: 5em;
        bottom: 1.5em;
        left: -3.5%;
	}
	.cv--inner .txt { padding-left: 43.313433%;}
	
	.inner01 .ul--features01 {}
	.inner .ul--features01 li { margin-top: 1.3em; padding:0 1.6em;}
	
	.inner01 .feature--bx01,
	.inner03 .feature--bx01 { margin:0 5.3333% 0 10.66666%; padding: .1em 0 3.2em;}
	.inner02 .feature--bx01 { margin:0 10.66666% 0 5.3333%; padding: .1em 0 3.2em;}
	.inner02 .ul--features01 {  padding: 0 11%;}
}
@media (max-width: 480px) {
/* SP用 */
}



/* 
-------------------------------------------------- */
 .kv--area .inner::after { background: #fac9c6;}
 .feature--area .inner::before { background: #fbe0de;}

 .lead--02 span,
 section h2,
 .part--ttl .num,
 .part--ttl h3 span,
 .cv--inner .en { color: #f898a1;}

 .lead--01 span {
	color: #f898a1;
	background: linear-gradient(transparent 66%, #fff 66%);
}
 .lead--02 span {
	color: #f898a1;
	background: linear-gradient(transparent 66%, #fff 66%);
}
 .feature--ttl--icn span { background: #f898a1;}

@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1025px) {
/* PC用 */
}
@media (min-width: 1225px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1024px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* iPadMini+SP用 */
	.kv--area .kv--mainCopy {
        padding: 9.4em 5.3333% 3em 5.3333%;
    }
}
@media (max-width: 480px) {
/* SP用 */
}



/* 
-------------------------------------------------- */

@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1025px) {
/* PC用 */
}
@media (min-width: 1225px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1024px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* iPadMini+SP用 */
}
@media (max-width: 480px) {
/* SP用 */
}



/* 
-------------------------------------------------- */

@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1025px) {
/* PC用 */
}
@media (min-width: 1225px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1024px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* iPadMini+SP用 */
}
@media (max-width: 480px) {
/* SP用 */
}



/* 
-------------------------------------------------- */

@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1025px) {
/* PC用 */
}
@media (min-width: 1225px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1024px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* iPadMini+SP用 */
}
@media (max-width: 480px) {
/* SP用 */
}