@charset "UTF-8";
.p-about .crumb_list { padding: 14px 0; }

.p-about .page-visual { background: url(../recruit/about/images/page_img.jpg) no-repeat center center; background-size: cover; }

.p-about .ab-ttl01 { font-size: 25px; line-height: 1.2; letter-spacing: 0em; font-weight: bold; position: relative; z-index: 111; margin: 0 0 0 -55px; }

.p-about .ab-ttl01 span { color: #fff; text-align: center; display: inline-block; vertical-align: top; padding: 11px 32px 11px; border-radius: 30px; border: 1px solid #fff; }

.p-about .sec-about01 { overflow: hidden; padding: 49px 0 50px; }

.p-about .sec-about01 .block01 { padding: 37px 20px 20px; position: relative; }

.p-about .sec-about01 .block01:before { position: absolute; content: ""; left: -100px; right: -100px; top: 0; bottom: 117px; background: url(../recruit/about/images/img01.jpg) no-repeat center center; background-size: cover; }

.p-about .sec-about01 .block01 ul { position: relative; z-index: 21; margin: 40px -20px 0; }

.p-about .sec-about01 .block01 ul li { border-radius: 20px; box-shadow: 0 0 15px rgba(142, 160, 167, 0.15); }

.p-about .sec-about01 .block01 ul li .img { border-radius: 20px 20px 0 0; }

.p-about .sec-about01 .block01 ul li .img img { border-radius: 20px 20px 0 0; }

.p-about .sec-about01 .block01 ul li .info { border-radius: 0 0 20px 20px; background: #fff; padding: 13px 10px 10px; }

.p-about .sec-about01 .block01 ul li .info .ttl01 { color: #384355; font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: bold; }

.p-about .sec-about01 .block01 ul li .info .price { margin: 0; color: #2b426e; font-size: 35px; font-weight: bold; line-height: 1; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; }

.p-about .sec-about01 .block01 ul li .info .price small { font-size: 16px; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-about .sec-about01 .block01 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-about .sec-about01 .block01 ul li { text-align: center; width: 24%; margin: 0 1.33% 0 0; }
  .p-about .sec-about01 .block01 ul li:nth-child(4n) { margin: 0; } }

/* ========== end △ */
.p-about .sec-about01 .block02 { padding: 60px 80px 30px; background: #fff6eb; position: relative; margin: 72px 0 0; }

.p-about .sec-about01 .block02 .ab-ttl01 { position: absolute; left: 21px; top: -33px; margin: 0; }

.p-about .sec-about01 .block02 .ab-ttl01 span { border: 1px solid #ffc174; background: #ffc174; padding: 11px 20px 11px; }

.p-about .sec-about01 .block02 .box { background: #fff; padding: 66px 35px 64px 45px; }

.p-about .sec-about01 .block02 .box-desc { color: #384355; font-size: 22px; line-height: 1.6; text-align: center; margin: 26px 0 0; font-weight: bold; }

.p-about .sec-about01 .block02 .box-desc .year { color: #ffc174; }

.p-about .sec-about01 .block03 { margin: 60px 0 0; }

.p-about .sec-about01 .block03 .date { font-size: 20px; line-height: 1.25; letter-spacing: 0em; font-weight: 500; position: relative; }

.p-about .sec-about01 .block03 .list01 li { position: relative; padding: 43px 25px 47px; }

.p-about .sec-about01 .block03 .list01 li .txt01 { font-size: 30px; line-height: 1.66667; letter-spacing: -0.02em; font-weight: bold; position: relative; }

.p-about .sec-about01 .block03 .list01 li .txt01 .value { color: #ff898d; }

.p-about .sec-about01 .block03 .list01 li .ab-ttl01 { position: absolute; left: 21px; top: -33px; margin: 0; }

.p-about .sec-about01 .block03 .list01 li .ab-ttl01 span { border: 1px solid #ffc174; background: #ffc174; }

.p-about .sec-about01 .block03 .list01 li .box-inner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }

.p-about .sec-about01 .block03 .list01 li .info { padding: 0 0 0 15px; width: calc(100% - 126px); }

.p-about .sec-about01 .block03 .list01 li.box01 { background: #fff0f1; }

.p-about .sec-about01 .block03 .list01 li.box01 .ab-ttl01 span { border: 1px solid #ff898d; background: #ff898d; }

.p-about .sec-about01 .block03 .list01 li.box02 { background: #f3f1f4; }

.p-about .sec-about01 .block03 .list01 li.box02 .ab-ttl01 span { border: 1px solid #ad84c8; background: #ad84c8; }

.p-about .sec-about01 .block03 .list01 li.box02 .txt01 .value { color: #ad84c8; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-about .sec-about01 .block03 .list01 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-about .sec-about01 .block03 .list01 li { width: 49%; margin: 0 2% 50px 0; }
  .p-about .sec-about01 .block03 .list01 li:nth-child(2n) { margin: 0 0 50px; } }

/* ========== end △ */
.p-about .sec-about01 .block03 .list02 li { position: relative; padding: 51px 15px 38px; background: #eaedf4; }

.p-about .sec-about01 .block03 .list02 li .txt01 { font-size: 28px; line-height: 1.78571; letter-spacing: -0.02em; font-weight: bold; position: relative; }

.p-about .sec-about01 .block03 .list02 li .txt01 .value { color: #e32d33; }

.p-about .sec-about01 .block03 .list02 li .icon { text-align: center; }

.p-about .sec-about01 .block03 .list02 li .icon img { width: 82px; }

.p-about .sec-about01 .block03 .list02 li .ab-ttl01 { position: absolute; left: 5px; top: -28px; right: 5px; margin: 0; }

.p-about .sec-about01 .block03 .list02 li .ab-ttl01 span { border: 1px solid #65ca70; background: #65ca70; padding: 11px 2px 11px; width: 100%; }

.p-about .sec-about01 .block03 .list02 li .box-inner { width: 100%; text-align: center; }

.p-about .sec-about01 .block03 .list02 li .info { padding: 5px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-about .sec-about01 .block03 .list02 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-about .sec-about01 .block03 .list02 li { width: 24%; margin: 0 1.33% 50px 0; }
  .p-about .sec-about01 .block03 .list02 li:nth-child(4n) { margin: 0 0 50px; } }

/* ========== end △ */
.p-about .sec-about01 .block03 .list03 li { position: relative; }

.p-about .sec-about01 .block03 .list03 li .box { position: relative; background: #eaedf4; padding: 52px 25px 40px; }

.p-about .sec-about01 .block03 .list03 li .box + .box { margin-top: 50px; }

.p-about .sec-about01 .block03 .list03 li .txt01 { font-size: 28px; line-height: 1.78571; letter-spacing: -0.02em; font-weight: bold; position: relative; }

.p-about .sec-about01 .block03 .list03 li .txt01 .value { color: #e32d33; }

.p-about .sec-about01 .block03 .list03 li .icon { text-align: center; }

.p-about .sec-about01 .block03 .list03 li .icon img { width: 82px; }

.p-about .sec-about01 .block03 .list03 li .ab-ttl01 { position: absolute; left: 5px; top: -28px; right: 5px; margin: 0; }

.p-about .sec-about01 .block03 .list03 li .ab-ttl01 span { border: 1px solid #2b426e; background: #2b426e; padding: 11px 2px 11px; width: 100%; max-width: 275px; }

.p-about .sec-about01 .block03 .list03 li .box-inner { width: 100%; text-align: center; }

.p-about .sec-about01 .block03 .list03 li .info { padding: 5px 0 0; }

.p-about .sec-about01 .block03 .list03 li .box01 { padding-left: 40px; }

.p-about .sec-about01 .block03 .list03 li .box01 .box-inner { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }

.p-about .sec-about01 .block03 .list03 li .box01 .info { padding: 0 0 0 25px; max-width: calc(100% - 82px); text-align: left; }

.p-about .sec-about01 .block03 .list03 li .box02, .p-about .sec-about01 .block03 .list03 li .box03 { padding: 71px 15px 61px; }

.p-about .sec-about01 .block03 .list03 li .box02 .ab-ttl01, .p-about .sec-about01 .block03 .list03 li .box03 .ab-ttl01 { text-align: center; }

.p-about .sec-about01 .block03 .list03 li .box02 .icon, .p-about .sec-about01 .block03 .list03 li .box03 .icon { text-align: center; }

.p-about .sec-about01 .block03 .list03 li .box02 .icon img, .p-about .sec-about01 .block03 .list03 li .box03 .icon img { width: 155px; }

.p-about .sec-about01 .block03 .list03 li .box02 .info, .p-about .sec-about01 .block03 .list03 li .box03 .info { margin: 30px 0 0; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-about .sec-about01 .block03 .list03 { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .p-about .sec-about01 .block03 .list03 li { width: 32%; margin: 0 2% 50px 0; }
  .p-about .sec-about01 .block03 .list03 li:nth-child(3n) { margin: 0 0 50px; } }

/* ========== end △ */
.p-about .sec-about02 { padding: 40px 0 100px; }

.p-about .sec-about02 .block { margin: 0 auto 50px; }

.p-about .sec-about02 .block:last-child { margin-bottom: 0; }

.p-about .sec-about02 .block .ttl01 { color: #2d426e; font-size: 28px; line-height: 1.78571; letter-spacing: 0em; font-weight: bold; position: relative; }

.p-about .sec-about02 .block .desc01 { color: #2d426e; font-size: 16px; line-height: 1.875; letter-spacing: 0em; font-weight: 500; position: relative; }

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) { .p-about .sec-about02 .block { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1080px; }
  .p-about .sec-about02 .block-info { padding: 0 50px 0 0; width: 53%; }
  .p-about .sec-about02 .block-img { width: 47%; } }

/* ========== end △ */
.p-about .sec-about02 .img02 { margin: 100px 0 0; text-align: center; }

/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) { .p-about .ab-ttl01 { font-size: 20px; line-height: 1.4; margin: 0 0 0 -15px; }
  .p-about .ab-ttl01 span { padding: 9px 20px 9px; border-radius: 30px; }
  .p-about .sec-about01 { padding: 25px 0 25px; }
  .p-about .sec-about01 .block01 { padding: 37px 10px 20px; position: relative; }
  .p-about .sec-about01 .block01:before { left: -20px; right: -20px; top: 0; bottom: 120px; }
  .p-about .sec-about01 .block01 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -10px 0; }
  .p-about .sec-about01 .block01 ul li { text-align: center; margin-bottom: 25px; width: 49%; margin: 0 2% 10px 0; }
  .p-about .sec-about01 .block01 ul li:nth-child(2n) { margin: 0; }
  .p-about .sec-about01 .block01 ul li .info { padding: 13px 10px 10px; }
  .p-about .sec-about01 .block01 ul li .info .ttl01 { font-size: 16px; line-height: 1.5625; letter-spacing: 0em; font-weight: bold; }
  .p-about .sec-about01 .block01 ul li .info .price { font-size: 30px; }
  .p-about .sec-about01 .block01 ul li .info .price small { font-size: 16px; }
  .p-about .sec-about01 .block02 { padding: 40px 15px 30px; margin: 35px 0 0; }
  .p-about .sec-about01 .block02 .ab-ttl01 { left: 10px; top: -23px; }
  .p-about .sec-about01 .block02 .ab-ttl01 span { padding: 8px 10px 8px; }
  .p-about .sec-about01 .block02 .box { padding: 20px 10px 20px; }
  .p-about .sec-about01 .block02 .box-desc { font-size: 18px; line-height: 1.5; margin: 15px 0 0; }
  .p-about .sec-about01 .block03 { margin: 60px 0 0; }
  .p-about .sec-about01 .block03 .date { font-size: 20px; line-height: 1.25; letter-spacing: 0em; font-weight: 500; position: relative; }
  .p-about .sec-about01 .block03 .list01 { margin: 0 0 50px; }
  .p-about .sec-about01 .block03 .list01 li { margin: 0 0 40px; padding: 43px 25px 25px; }
  .p-about .sec-about01 .block03 .list01 li:last-child { margin: 0; }
  .p-about .sec-about01 .block03 .list01 li .txt01 { font-size: 24px; line-height: 1.25; letter-spacing: 0em; position: relative; }
  .p-about .sec-about01 .block03 .list01 li .icon img { width: 82px; }
  .p-about .sec-about01 .block03 .list01 li .ab-ttl01 { left: 15px; top: -23px; }
  .p-about .sec-about01 .block03 .list01 li .box-inner { text-align: center; display: block; }
  .p-about .sec-about01 .block03 .list01 li .info { padding: 10px 0 0; width: 100%; }
  .p-about .sec-about01 .block03 .list02 { margin: 0 0 50px; }
  .p-about .sec-about01 .block03 .list02 li { margin: 0 0 40px; padding: 43px 25px 25px; }
  .p-about .sec-about01 .block03 .list02 li:last-child { margin: 0; }
  .p-about .sec-about01 .block03 .list02 li .txt01 { font-size: 24px; line-height: 1.25; letter-spacing: 0em; position: relative; }
  .p-about .sec-about01 .block03 .list02 li .icon { text-align: center; }
  .p-about .sec-about01 .block03 .list02 li .icon img { width: 82px; }
  .p-about .sec-about01 .block03 .list02 li .ab-ttl01 { top: -18px; }
  .p-about .sec-about01 .block03 .list02 li .ab-ttl01 span { padding: 8px 2px 8px; }
  .p-about .sec-about01 .block03 .list02 li .info { padding: 5px 0 0; }
  .p-about .sec-about01 .block03 .list03 li { margin: 0 0 40px; }
  .p-about .sec-about01 .block03 .list03 li:last-child { margin: 0; }
  .p-about .sec-about01 .block03 .list03 li .box { text-align: center; padding: 52px 25px 40px; }
  .p-about .sec-about01 .block03 .list03 li .box + .box { margin-top: 40px; }
  .p-about .sec-about01 .block03 .list03 li .txt01 { font-size: 24px; line-height: 1.25; letter-spacing: 0em; position: relative; }
  .p-about .sec-about01 .block03 .list03 li .icon { text-align: center; }
  .p-about .sec-about01 .block03 .list03 li .icon img { width: 85px; }
  .p-about .sec-about01 .block03 .list03 li .ab-ttl01 { top: -18px; }
  .p-about .sec-about01 .block03 .list03 li .ab-ttl01 span { padding: 8px 2px 8px; }
  .p-about .sec-about01 .block03 .list03 li .box-inner { width: 100%; text-align: center; }
  .p-about .sec-about01 .block03 .list03 li .info { text-align: center; margin: 20px 0 0; }
  .p-about .sec-about01 .block03 .list03 li .box01 { padding-left: 40px; }
  .p-about .sec-about01 .block03 .list03 li .box01 .box-inner { width: 100%; display: block; align-items: center; }
  .p-about .sec-about01 .block03 .list03 li .box01 .info { padding: 0; max-width: 100%; text-align: center; }
  .p-about .sec-about01 .block03 .list03 li .box02, .p-about .sec-about01 .block03 .list03 li .box03 { padding: 52px 25px 40px; }
  .p-about .sec-about01 .block03 .list03 li .box02 .info, .p-about .sec-about01 .block03 .list03 li .box03 .info { margin: 20px 0 0; text-align: center; }
  .p-about .sec-about02 { padding: 30px 0 80px; }
  .p-about .sec-about02 .block { margin: 0 auto 30px; }
  .p-about .sec-about02 .block:last-child { margin-bottom: 0; }
  .p-about .sec-about02 .block .ttl01 { font-size: 22px; line-height: 1.36364; }
  .p-about .sec-about02 .block .desc01 { font-size: 15px; line-height: 1.6; margin: 8px 0 0; }
  .p-about .sec-about02 .block-img { margin: 20px 0 0; text-align: center; }
  .p-about .sec-about02 .img02 { margin: 50px 0 0; } }

/* ========== end △ */

/*# sourceMappingURL=maps/about.css.map */