@CHARSET "UTF-8";



/**********************************************************************
* [mainvisual]
**********************************************************************/
.mainvisual {
 position: relative;
}

.main-image img {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

.system-text {
 position: absolute;
 bottom: 20%;
 left: 5%;
}

.system-text h1 {
 padding: 0;
 color: #333;
 font-weight: normal;
}

.system-text h1 .title {
 font-size: 36px;
 margin-bottom: -0.3em;
}

.system-text h1 .index {
 display: block;
 font-size: 14px;
}

@media (min-width: 768px) {
 .system-text {
  left: 8%;
 }
 
 .system-text h1 .title {
  font-size: 42px;
 }

 .system-text h1 .index {
  font-size: 16px
 }
}

@media (min-width: 992px) {
 .system-text {
  left: 10%;
 }

.system-text h1 .title {
  font-size: 63px;
 }

 .system-text h1 .index {
  font-size: 22px;
 }
}

/**********************************************************************
* [Cherish system]
**********************************************************************/
.cherish-system {
 margin: 4% 0;
}

.h2-title {
 color: #67b0e2;
 font-size: 1.5em;
 font-weight: normal;
}

.sub-title {
	 color: #ebafce;
 font-size: 1.2em;
}

.cherish-system .system {
 display: table;
 table-layout: fixed;
 width: 100%;
 margin: 1em 0;
}

.cherish-system .system-title {
		 color: #333;
 display: table-cell;
 width: 30%;
}

.cherish-system .system-cell {
 display: table-cell;
}

.cherish-system .system-cell p {
			 color: #333;
 margin-bottom: 0.3em;
}

.cherish-system .comments {
 font-size: 10px;
}

.cherish-system .pop ul {
 display: flex;
 flex-wrap: wrap;
}

.cherish-system .pop li {
 width: 100%;
}

@media (min-width: 768px) {
 .cherish-system .comments {
  font-size: 12px;
 }

 .cherish-system .pop li {
  width: 50%;
 }
}

/**********************************************************************
* [footer]
**********************************************************************/
footer {
 margin-top: 7%;
}