@charset "UTF-8";
/* =================================================================== file name  : xxx.css
=================================================================== */
.con-intro .box-intro, .con-about { max-width: 1120px; margin: auto; }
@media only screen and (min-width: 1025px) and (max-width: 1120px) { .con-intro .box-intro, .con-about { width: 95%; } }
@media print { .con-intro .box-intro, .con-about { width: 95%; } }
.ie8 .con-intro .box-intro, .con-intro .ie8 .box-intro, .ie8 .con-about { width: 95%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro, .con-about { width: 92%; } }
@media only screen and (max-width: 767px) { .con-intro .box-intro, .con-about { width: 83%; } }

/*Animate */
/* -----------------------------------------------------------
	.con-intro
----------------------------------------------------------- */
.con-intro { background: #edeeee; }
.con-intro .box-intro { padding: 136px 0 156px; max-width: 940px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro { padding: 40px 0 60px; } }
@media only screen and (max-width: 767px) { .con-intro .box-intro { padding: 24px 0 40px; } }
.con-intro .box-intro .txt { line-height: 2; }

/* -----------------------------------------------------------
	.con-about
----------------------------------------------------------- */
.con-about { padding: 100px 0 160px; }
@media only screen and (min-width: 1025px) { .con-about { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-about { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-about { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (max-width: 767px) { .con-about { padding: 20% 0; } }
@media only screen and (min-width: 1025px) { .con-about .box-txt { width: 50%; padding-right: 3%; } }
@media print { .con-about .box-txt { width: 50%; padding-right: 3%; } }
.ie8 .con-about .box-txt { width: 50%; padding-right: 3%; }
.con-about .box-txt h2 { color: #bf1443; font-size: 2.6rem; line-height: 1.3; margin-bottom: 16px; }
@media only screen and (max-width: 767px) { .con-about .box-txt h2 { font-size: 2rem; margin-bottom: 8px; } }
.con-about .box-txt .txt { line-height: 2; }
@media only screen and (min-width: 768px) { .con-about .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; } }
@media print { .con-about .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; } }
.ie8 .con-about .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; }
@media only screen and (min-width: 768px) { .con-about .box-txt .box-list .box { width: 40%; } }
@media print { .con-about .box-txt .box-list .box { width: 40%; } }
.ie8 .con-about .box-txt .box-list .box { width: 40%; }
@media only screen and (max-width: 767px) { .con-about .box-txt .box-list .box { margin-top: 15%; } }
@media only screen and (min-width: 768px) { .con-about .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; } }
@media print { .con-about .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; } }
.ie8 .con-about .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; }
.con-about .box-txt .box-list .box h3 { color: #bf1443; font-size: 2.6rem; line-height: 1.3; margin-bottom: 16px; }
@media only screen and (max-width: 767px) { .con-about .box-txt .box-list .box h3 { font-size: 2rem; margin-bottom: 8px; } }
.con-about .box-txt .box-list .box ul li { line-height: 2; position: relative; padding-left: 0.8em; }
.con-about .box-txt .box-list .box ul li:before { content: "●"; position: absolute; top: 0; left: 0; }
@media only screen and (min-width: 1025px) { .con-about .img { width: 50%; } }
@media print { .con-about .img { width: 50%; } }
.ie8 .con-about .img { width: 50%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-about .img { width: 85%; margin: 100px auto 0; } }
@media only screen and (max-width: 767px) { .con-about .img { margin-top: 15%; } }