/* =================================================================== file name  : formedia.css
=================================================================== */
.pg-lnk, .con-login, .con-document, .con-delivery { max-width: 1121px; margin: auto; }
@media only screen and (min-width: 1025px) and (max-width: 1120px) { .pg-lnk, .con-login, .con-document, .con-delivery { width: 96%; } }
@media print { .pg-lnk, .con-login, .con-document, .con-delivery { width: 96%; } }
.ie8 .pg-lnk, .ie8 .con-login, .ie8 .con-document, .ie8 .con-delivery { width: 96%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .pg-lnk, .con-login, .con-document, .con-delivery { width: 92%; } }
@media only screen and (max-width: 767px) { .pg-lnk, .con-login, .con-document, .con-delivery { width: 89.3%; } }

.con-login .box-login form .btn-basic button:before { content: "\e900"; font-family: 'icomoon'; line-height: 1; color: #fff; background: #d50707; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 1rem; width: 19px; height: 19px; line-height: 20px; text-align: center; display: inline-block; font-weight: normal; }
@media only screen and (max-width: 767px) { .con-login .box-login form .btn-basic button:before { width: 15px; height: 15px; line-height: 16px; } }

/*Animate */
/* -----------------------------------------------------------
	.con-pgtitle
----------------------------------------------------------- */
.con-pgtitle { background-image: url(../images/common/img_title@2x.jpg); }
@media only screen and (max-width: 767px) { .con-pgtitle { background-image: url(../images/common/img_title-sp@2x.jpg); } }

/* -----------------------------------------------------------
	.pg-lnk
----------------------------------------------------------- */
.pg-lnk { margin-bottom: 50px; }
@media only screen and (min-width: 1025px) { .pg-lnk { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } }
@media print { .pg-lnk { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } }
.ie8 .pg-lnk { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
@media only screen and (max-width: 767px) { .pg-lnk { margin-bottom: 30px; } }
.pg-lnk .inpage { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
@media only screen and (max-width: 1024px) { .pg-lnk .inpage { -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } }
.pg-lnk .inpage li { margin-right: 20px; }
@media only screen and (max-width: 1024px) { .pg-lnk .inpage li { margin-right: 5px; margin-bottom: 5px; } }
.pg-lnk .inpage li:last-child { margin-right: 0; }

/* -----------------------------------------------------------
	.con-login
----------------------------------------------------------- */
.con-login { background: #fff; border: 1px solid #e8e6df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-bottom: 90px; }
@media only screen and (max-width: 767px) { .con-login { margin-bottom: 10px; } }
.con-login .title-h3 { text-align: center; padding: 35px 20px; border-bottom: 1px solid #e8e6df; }
.con-login .box-login { padding: 50px; }
@media only screen and (max-width: 767px) { .con-login .box-login { padding: 20px 15px; } }
.con-login .box-login .txt { line-height: 1.8; }
@media only screen and (max-width: 767px) { .con-login .box-login .txt { line-height: 1.7; } }
.con-login .box-login .txt span { font-size: 87.5%; display: block; padding-top: 1em; }
.con-login .box-login form { border: 1px solid #e8e6df; margin: 20px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 50px 30px 30px; text-align: center; }
@media only screen and (max-width: 767px) { .con-login .box-login form { padding: 15px; } }
.con-login .box-login form .txt-error { color: #d50707; text-align: center; margin-bottom: 16px; }
.con-login .box-login form .input { width: 400px; margin: 0 auto 30px; }
@media only screen and (max-width: 767px) { .con-login .box-login form .input { width: 100%; margin-bottom: 15px; } }
.con-login .box-login form .input input, .con-login .box-login form .input textarea, .con-login .box-login form .input select { margin: 0; padding: 18px 20px; background: #fcfaf7; border: 1px solid #e8e6df; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-size: 1.5rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
@media only screen and (max-width: 767px) { .con-login .box-login form .input input, .con-login .box-login form .input textarea, .con-login .box-login form .input select { padding: 15px; font-size: 1.4rem; } }
.con-login .box-login form .btn-basic button { display: inline-block; background: #d50707; color: #fff; text-align: center; padding: 15px 40px; border: 3px solid #fff; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -ms-border-radius: 5rem; border-radius: 5rem; font-weight: bold; cursor: pointer; }
@media only screen and (min-width: 1025px) { .con-login .box-login form .btn-basic button { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-login .box-login form .btn-basic button:hover { color: #fff; transform: scale(1.063); } }
@media print { .con-login .box-login form .btn-basic button { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-login .box-login form .btn-basic button:hover { color: #fff; transform: scale(1.063); } }
.ie8 .con-login .box-login form .btn-basic button { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-login .box-login form .btn-basic button:hover { color: #fff; transform: scale(1.063); }
@media only screen and (max-width: 767px) { .con-login .box-login form .btn-basic button { padding: 15px 25px; } }
.con-login .box-login form .btn-basic button:before { color: #d50707; background: #fff; margin-right: 6px; }
@media only screen and (max-width: 767px) { .con-login .box-login form .btn-basic button:before { margin-right: 5px; } }

/* -----------------------------------------------------------
	.con-document
----------------------------------------------------------- */
.con-document { background: #fff; border: 1px solid #e8e6df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-bottom: 90px; }
@media only screen and (max-width: 767px) { .con-document { margin-bottom: 10px; } }
.con-document .title-h3 { text-align: center; padding: 35px 20px; border-bottom: 1px solid #e8e6df; }
.con-document .box-document { padding: 50px; }
@media only screen and (max-width: 767px) { .con-document .box-document { padding: 20px 15px; } }
.con-document .box-document p { margin-bottom: 20px; }
.con-document .box-document p.pdf { margin-bottom: 0; }

/* -----------------------------------------------------------
	.con-delivery
----------------------------------------------------------- */
.con-delivery { background: #fff; border: 1px solid #e8e6df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-bottom: 90px; }
@media only screen and (max-width: 767px) { .con-delivery { margin-bottom: 60px; } }
.con-delivery .title-h3 { text-align: center; padding: 35px 20px; border-bottom: 1px solid #e8e6df; }
.con-delivery .box-delivery { padding: 50px 50px 0; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery { padding: 20px 15px 0; } }
.con-delivery .box-delivery .title-h4 { margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .title-h4 { margin-bottom: 10px; } }
.con-delivery .box-delivery .box-contact { border: 1px solid #e8e6df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; text-align: center; margin-bottom: 50px; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .box-contact { margin-bottom: 20px; } }
@media only screen and (min-width: 768px) { .con-delivery .box-delivery .box-contact a, .con-delivery .box-delivery .box-contact span { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 40px; } }
@media print { .con-delivery .box-delivery .box-contact a, .con-delivery .box-delivery .box-contact span { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 40px; } }
.ie8 .con-delivery .box-delivery .box-contact a, .ie8 .con-delivery .box-delivery .box-contact span { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 40px; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .box-contact a, .con-delivery .box-delivery .box-contact span { padding: 20px; text-align: center; } }
.con-delivery .box-delivery .box-contact a .name, .con-delivery .box-delivery .box-contact span .name { font-weight: bold; margin-right: 20px; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .box-contact a .name, .con-delivery .box-delivery .box-contact span .name { margin-right: 0; } }
.con-delivery .box-delivery .box-contact a .txt-tel, .con-delivery .box-delivery .box-contact span .txt-tel { font-size: 3.1rem; line-height: 1; font-weight: bold; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .box-contact a .txt-tel, .con-delivery .box-delivery .box-contact span .txt-tel { font-size: 2.5rem; line-height: 1.3; } }
.con-delivery .box-delivery .box-contact a .txt-tel img, .con-delivery .box-delivery .box-contact span .txt-tel img { width: 25px; height: 25px; vertical-align: bottom; display: inline-block; margin-right: 5px; }
@media only screen and (max-width: 767px) { .con-delivery .box-delivery .box-contact a .txt-tel img, .con-delivery .box-delivery .box-contact span .txt-tel img { width: 20px; height: 20px; vertical-align: middle; } }