.con-intro .box-intro { margin-left: auto; margin-right: auto; }
@media only screen and (min-width: 1025px) { .con-intro .box-intro { width: 85.7%; } }
@media print { .con-intro .box-intro { width: 85.7%; } }
.ie8 .con-intro .box-intro, .con-intro .ie8 .box-intro { width: 85.7%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro { width: 92%; } }
@media only screen and (max-width: 767px) { .con-intro .box-intro { width: 89.3%; } }

/*Animate */
/* -----------------------------------------------------------
	.con-intro
----------------------------------------------------------- */
.con-intro .box-intro h2 { margin-bottom: 60px; font-size: 2.4rem; line-height: 1.5; letter-spacing: 0.28em; font-weight: 400; }
@media only screen and (max-width: 767px) { .con-intro .box-intro h2 { font-size: 2rem; letter-spacing: 0.18em; margin-bottom: 24px; } }
.con-intro .box-intro .txt { letter-spacing: 0.18em; line-height: 1.75; margin-bottom: 120px; }
@media only screen and (max-width: 767px) { .con-intro .box-intro .txt { margin-bottom: 80px; letter-spacing: 0.1em; } }
.con-intro .img { text-align: center; width: 100%; }
@media only screen and (max-width: 767px) { .con-intro .img { overflow: hidden; }
  .con-intro .img img { max-width: none; width: 150%; margin-left: -25%; } }

/* -----------------------------------------------------------
	.con-about
----------------------------------------------------------- */
@media only screen and (min-width: 768px) { .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 (min-width: 768px) { .con-about .box-txt { width: 50%; order: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 90px 0; } }
@media print { .con-about .box-txt { width: 50%; order: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 90px 0; } }
.ie8 .con-about .box-txt { width: 50%; order: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 90px 0; }
@media only screen and (max-width: 767px) { .con-about .box-txt { padding: 60px 0; } }
.con-about .box-txt .wrp-txt { width: calc(100% - 7.15vw); }
@media only screen and (max-width: 767px) { .con-about .box-txt .wrp-txt { width: 89.3%; margin: 0 auto; } }
.con-about .box-txt .wrp-txt h2 { text-align: right; padding-right: 40px; margin-bottom: 80px; }
@media only screen and (max-width: 767px) { .con-about .box-txt .wrp-txt h2 { padding-right: 0; margin-bottom: 40px; } }
.con-about .box-txt .wrp-txt h2 span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; font-weight: 400; font-size: 2.4rem; letter-spacing: 0.18em; line-height: 1.75; }
@media only screen and (max-width: 767px) { .con-about .box-txt .wrp-txt h2 span { font-size: 2rem; letter-spacing: 0.1em; } }
.con-about .box-txt .wrp-txt h2 span i { display: inline-block; margin-top: -0.5em; }
.con-about .box-txt .wrp-txt .txt { padding-left: 80px; }
@media only screen and (max-width: 767px) { .con-about .box-txt .wrp-txt .txt { padding-left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-about .box-txt .wrp-txt .txt .tab { display: none; } }
@media only screen and (min-width: 768px) { .con-about .img { width: 50%; order: 1; }
  .con-about .img img { object-fit: cover; height: 100%; } }
@media print { .con-about .img { width: 50%; order: 1; }
  .con-about .img img { object-fit: cover; height: 100%; } }
.ie8 .con-about .img { width: 50%; order: 1; }
.ie8 .con-about .img img { object-fit: cover; height: 100%; }

/* -----------------------------------------------------------
	.con-about
----------------------------------------------------------- */
@media only screen and (min-width: 768px) { .con-history { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-history { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-history { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (min-width: 768px) { .con-history .box-txt { width: 50%; padding-right: 40px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } }
@media print { .con-history .box-txt { width: 50%; padding-right: 40px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; } }
.ie8 .con-history .box-txt { width: 50%; padding-right: 40px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; }
.con-history .box-txt .wrp-txt { margin-left: auto; }
@media only screen and (min-width: 1025px) { .con-history .box-txt .wrp-txt { width: calc(100% - 7.15vw); } }
@media print { .con-history .box-txt .wrp-txt { width: calc(100% - 7.15vw); } }
.ie8 .con-history .box-txt .wrp-txt { width: calc(100% - 7.15vw); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-history .box-txt .wrp-txt { width: calc(100% - 4vw); } }
@media only screen and (max-width: 767px) { .con-history .box-txt .wrp-txt { width: 89.3%; margin: 0 auto 60px; } }
.con-history .box-txt .wrp-txt .title-basic { margin-bottom: 80px; }
@media only screen and (max-width: 767px) { .con-history .box-txt .wrp-txt .title-basic { margin-bottom: 40px; } }
.con-history .box-txt .wrp-txt .box-detail { padding-left: 16.7%; }
@media only screen and (max-width: 767px) { .con-history .box-txt .wrp-txt .box-detail { padding-left: 0; } }
.con-history .box-txt .wrp-txt .box-detail .txt { margin-bottom: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-history .box-txt .wrp-txt .box-detail .txt .tab { display: none; } }
.con-history .box-txt .wrp-txt .box-detail ul { padding-bottom: 25px; }
@media only screen and (min-width: 1025px) { .con-history .box-txt .wrp-txt .box-detail ul li { display: inline-block; }
  .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 174px; } }
@media print { .con-history .box-txt .wrp-txt .box-detail ul li { display: inline-block; }
  .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 174px; } }
.ie8 .con-history .box-txt .wrp-txt .box-detail ul li { display: inline-block; }
.ie8 .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 174px; }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con-history .box-txt .wrp-txt .box-detail ul li { display: block; }
  .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 0; margin-top: 60px; } }
@media print { .con-history .box-txt .wrp-txt .box-detail ul li { display: block; }
  .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 0; margin-top: 60px; } }
.ie8 .con-history .box-txt .wrp-txt .box-detail ul li { display: block; }
.ie8 .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 0; margin-top: 60px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-top: 60px; } }
@media only screen and (max-width: 767px) { .con-history .box-txt .wrp-txt .box-detail ul li { display: inline-block; }
  .con-history .box-txt .wrp-txt .box-detail ul li:not(:first-child) { margin-left: 100px; } }
@media only screen and (min-width: 768px) { .con-history .img { width: 50%; }
  .con-history .img img { object-fit: cover; object-position: 70% top; height: 100%; } }
@media print { .con-history .img { width: 50%; }
  .con-history .img img { object-fit: cover; object-position: 70% top; height: 100%; } }
.ie8 .con-history .img { width: 50%; }
.ie8 .con-history .img img { object-fit: cover; object-position: 70% top; height: 100%; }