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

/*============================================================================================================
	quality_management.html
============================================================================================================*/
/*------------------------------------------
	.message
------------------------------------------*/
.message .inner { width: 100%; max-width: 675px; margin: 0 auto; }
.message .tit { color: #333; font-weight: bold; font-size: 15px; margin: 0 auto 20px; }
.message .text { font-size: 13px; }
@media screen and (max-width: 768px) { .message .tit { font-size: 15px; margin: 0 auto 12px; } }

#message01 {padding: 68px 0 93px;}
#message01 .lead + .tit { margin-top: 43px; }
#message01 .lead02 { text-align: center; }

@media screen and (max-width: 768px) { #message01 { padding: 56px 10px 38px; }
  #message01 .lead + .tit { margin-top: 40px; }
  #message01 .lead01 img { width: 94%; max-width: 308px; }
  #message01 .lead02 img { width: 86%; max-width: 284px; } }

#message02 { padding: 74px 0 78px; background: #f4f5f7; }
#message02 .lead { margin-bottom: 43px; }
#message02 .txt { margin-bottom: 48px; }
#message02 .txt:last-of-type { margin-bottom: 0; }
@media screen and (max-width: 768px) { #message02 { padding: 40px 24px; /*background: -moz-linear-gradient(left, transparent 70px, #f4f5f7 70px); background: -webkit-linear-gradient(left, transparent 70px, #f4f5f7 70px); background: linear-gradient(to right, transparent 70px, #f4f5f7 70px);*/ }
  #message02 .tit { margin-bottom: 24px; }
  #message02 .lead { margin-bottom: 40px; }
  #message02 .lead img { width: 94%; max-width: 358px; }
  #message02 .lead img.max { width: 100%; max-width: 675px; }
  #message02 .txt { margin-bottom: 21px; } }

/*------------------------------------------
	#effort
------------------------------------------*/
#effort { padding: 0; }
#effort .topImg { height: 464px; margin: 0 auto 74px; }
#effort .secTit { text-align: center; font-weight: bold; font-size: 32px; letter-spacing: 9px; margin: 0 auto 34px; }
#effort .lead { text-align: center; margin: 0 auto 45px; }
#effort .effortNav { margin: 0 auto 47px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
#effort .effortNav .item { margin: 0 11px; width: 20%; max-width: 120px; position: absolute; top: -90px;}
@media screen and (max-width: 768px) { #effort { padding: 0; }
  #effort .topImg { height: 232px; margin-bottom: 47px; }
  #effort .secTit { font-size: 22px; letter-spacing: 1px; margin-bottom: 16px; }
  #effort .lead { width: 90%; width: calc(100% - 48px); margin: 0 auto 25px; }
  #effort02 .lead { font-size: 20px; }
  #effort .effortNav { width: 90%; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px; }
  #effort .effortNav .item { width: 40%; margin: 0 1.5%; max-width: 80px; top: -75px; }
  #effort .effortNav .item:nth-of-type(n + 4) { margin-top: 2%;} }

.effortBox { margin-bottom: 50px; }
.effortBox:last-of-type { margin-bottom: 0; }
.effortBox .boxTit { text-align: center; margin: 0 auto 50px; width: 100%; max-width: 575px; }
.effortBox .boxTit img { width: 50%; }
.effortBox .effortList .item { overflow: hidden; }
.effortBox .effortList .item:nth-of-type(odd) .imgBox { float: left; }
.effortBox .effortList .item:nth-of-type(odd) .txtBox { float: right; }
.effortBox .effortList .item:nth-of-type(odd) .txtBox .in { margin: 0 auto 0 0; }
.effortBox .effortList .item:nth-of-type(even) .imgBox { float: right; }
.effortBox .effortList .item:nth-of-type(even) .txtBox { float: left; }
.effortBox .effortList .item:nth-of-type(even) .txtBox .in { margin: 0 0 0 auto; }
.effortBox .effortList .item .imgBox { width: 50%; }
.effortBox .effortList .item .txtBox { width: 50%; padding: 40px 80px; display: flex; align-items: center; }
.effortBox .effortList .item .txtBox .in { width: 100%; max-width: 520px; }
.effortBox .effortList .item .txtBox .tit { font-size: 24px; font-weight: bold; margin: 0 auto 32px; }
.effortBox .effortList .item .txtBox .voice { min-height: 97px; padding: 10px 0 0 168px; margin-top: 45px; background: url("../img/ico/ico_staffvoice.svg") no-repeat left top; }
@media screen and (max-width: 768px) { .effortBox { margin-bottom: 32px; }
  .effortBox .boxTit { margin-bottom: 33px; }
  .effortBox .boxTit img { height: 56px; }
  .effortBox .effortList .item { margin: 0 10px 0 0; }
  .effortBox .effortList .item .imgBox { width: 100%; float: none !important; }
  .effortBox .effortList .item .imgBox img { height: auto; object-fit: fill; font-family: inherit; }
  .effortBox .effortList .item .txtBox { float: none !important; width: 100%; display: block; padding: 23px 20px 0 35px; }
  .effortBox .effortList .item .txtBox .in { max-width: none; }
  .effortBox .effortList .item .txtBox .tit { font-size: 20px; margin-bottom: 12px; }
  .effortBox .effortList .item .txtBox .txt { font-size: 15px; line-height: 1.8; }
  .effortBox .effortList .item .txtBox .voice { min-height: 67px; font-size: 13px; line-height: 1.6; padding: 0 0 0 108px; margin-top: 23px; background-size: 100px; } }

/* slick */
.js-effort-slider { overflow: hidden; }
.js-effort-slider .slick-list { padding: 0 15% 0 0; }
.js-effort-slider .slick-prev, .js-effort-slider .slick-next { top: 0; bottom: 0; margin: auto; width: 70px; height: 70px; border-radius: 50%; background: rgba(0, 0, 0, 0.8) url("../img/company/svg/ico_arrow04.svg") no-repeat 16px center; background-size: 8px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.js-effort-slider .slick-prev.slick-disabled, .js-effort-slider .slick-next.slick-disabled { opacity: 0; visibility: hidden; }
.js-effort-slider .slick-prev { left: -35px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.js-effort-slider .slick-next { right: -35px; }

/*# sourceMappingURL=philosophy.css.map */