@charset "UTF-8";
@media print, all and (min-width: 768px) { .hr-main_ttl02 + .hr-about_lead01, .hr-main_ttl02 + .hr-about_lead02 { margin-top: 60px; } }

@media screen and (max-width: 767px) { .hr-main_ttl02 + .hr-about_lead01, .hr-main_ttl02 + .hr-about_lead02 { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-main_ttl02 + .hr-about_list01 { margin-top: 51px; } }

@media screen and (max-width: 767px) { .hr-main_ttl02 + .hr-about_list01 { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-main_ttl02 + .hr-about_link02 { margin-top: 20px; } }

@media screen and (max-width: 767px) { .hr-main_ttl02 + .hr-about_link02 { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-main .ul_num01 > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .hr-main .ul_num01 > li .p_lin01 { width: 100%; } }

.hr-about_bg01 { position: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }

@media print, all and (min-width: 768px) { .hr-about_bg01 { background-image: url(/theme-images/about/bg01_pc.jpg); } }

@media screen and (max-width: 767px) { .hr-about_bg01 { background-image: url(/theme-images/about/bg01_sp.jpg); } }

.hr-about_bg01 ~ * { position: relative; }

.hr-about_area01 { background: #fff; }

@media print, all and (min-width: 768px) { .hr-about_area01 { margin: 136px 0 -100px; padding: 100px 0; } }

@media screen and (max-width: 767px) { .hr-about_area01 { margin: 136px 0 -75px; padding: 70px 0 75px; } }

@media print, all and (min-width: 768px) { .hr-about_block01 { margin-top: 240px; } }

@media screen and (max-width: 767px) { .hr-about_block01 { margin-top: 100px; } }

@media print, all and (min-width: 768px) { .hr-about_block02 { margin-top: 100px; } }

@media screen and (max-width: 767px) { .hr-about_block02 { margin-top: 50px; } }

@media print, all and (min-width: 768px) { .hr-about_block03 { margin-bottom: -100px; } }

.hr-about_block04 { background: #f1f1f1; }

@media print, all and (min-width: 768px) { .hr-about_block04 { padding: 60px 0; } }

@media screen and (max-width: 767px) { .hr-about_block04 { padding: 60px 0; } }

.hr-about_block04 + .hr-about_row01 { margin-top: 0; }

.hr-about_switch01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid; border-bottom: 1px solid; font-family: "Jost", "Noto Sans JP", sans-serif; color: #808080; }

.hr-about_switch01 > a { display: block; width: 100%; letter-spacing: 0.1em; line-height: 1; font-weight: 400; cursor: pointer; }

@media print, all and (min-width: 768px) { .hr-about_switch01 > a { padding: 17px 70px 15px; font-size: 20px; text-align: right; }
  .hr-about_switch01 > a + a { text-align: left; } }

@media screen and (max-width: 767px) { .hr-about_switch01 > a { padding: 8px 0 6px; font-size: 14px; text-align: center; } }

.hr-about_switch01 > a.isCurrent { background: #808080; color: #fff; pointer-events: none; }

.hr-about_switch01 > a:hover { opacity: 0.5; }

.hr-about_lead01 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_lead01 { max-width: 1240px; padding: 0 20px; }
  .hr-about_lead01::after { content: ""; display: block; clear: both; } }

@media screen and (max-width: 767px) { .hr-about_lead01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 84%; } }

@media print, all and (min-width: 768px) { .hr-about_lead01 > div { float: left; } }

@media screen and (max-width: 767px) { .hr-about_lead01 > div { -webkit-box-ordinal-group: -4; -ms-flex-order: -5; order: -5; width: 100%; } }

@media print, all and (min-width: 768px) { .hr-about_lead01 > div + div { margin-top: 24px; } }

@media screen and (max-width: 767px) { .hr-about_lead01 > div + div { margin-top: 18px; } }

.hr-about_lead01 > figure { line-height: 0; }

@media print, all and (min-width: 768px) { .hr-about_lead01 > figure { float: right; width: 30.5%; margin-left: 6.167%; }
  .hr-about_lead01 > figure ~ div { width: 63.333%; } }

@media screen and (max-width: 767px) { .hr-about_lead01 > figure { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; width: 80.953%; margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-about_lead01 + .hr-about_steps01 { margin-top: 60px; } }

@media screen and (max-width: 767px) { .hr-about_lead01 + .hr-about_steps01 { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-about_lead01 + .hr-about_list02 { margin-top: 60px; } }

@media screen and (max-width: 767px) { .hr-about_lead01 + .hr-about_list02 { margin-top: 30px; } }

.hr-about_lead02 { margin: 0 auto; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_lead02 { max-width: 1240px; padding: 0 20px; }
  .hr-about_lead02::after { content: ""; display: block; clear: both; } }

@media screen and (max-width: 767px) { .hr-about_lead02 { width: 84%; } }

.hr-about_note01 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_note01 { max-width: 1240px; padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_note01 { width: 84%; } }

.hr-about_note02 { background: #e6e6e6; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_note02 { padding: 30px calc(50% - 600px); }
  .hr-about_note02 p { padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_note02 { padding: 20px 0; } }

@media print, all and (min-width: 768px) { .hr-about_row01 { margin-top: 80px; } }

@media screen and (max-width: 767px) { .hr-about_row01 { margin-top: 30px; } }

.hr-about_row01 > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media print, all and (min-width: 768px) { .hr-about_row01 > li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .hr-about_row01 > li:nth-child(odd) > dl { padding-left: 6.667%; padding-right: calc(50vw - 620px); } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_row01 > li:nth-child(odd) > dl { padding-left: 80px; } }

@media print, all and (min-width: 768px) { .hr-about_row01 > li:nth-child(odd) > dl > * { padding-right: 20px; }
  .hr-about_row01 > li:nth-child(even) > dl { padding-left: calc(50vw - 620px); padding-right: 6.667%; } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_row01 > li:nth-child(even) > dl { padding-right: 80px; } }

@media print, all and (min-width: 768px) { .hr-about_row01 > li:nth-child(even) > dl > * { padding-left: 20px; } }

@media screen and (max-width: 767px) { .hr-about_row01 > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .hr-about_row01 > li + li { margin-top: 30px; } }

.hr-about_row01 > li > div { position: relative; line-height: 0; overflow: hidden; }

@media print, all and (min-width: 768px) { .hr-about_row01 > li > div { width: 50vw; min-height: 520px; } }

@media screen and (max-width: 767px) { .hr-about_row01 > li > div { position: relative; height: 72.223vw; } }

.hr-about_row01 > li > div > figure { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media print, all and (min-width: 768px) { .hr-about_row01 > li > div > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .hr-about_row01 > li > div > figure > img { max-width: none; } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_row01 > li > div > figure > img { width: 100%; max-height: none; } }

.hr-about_row01 > li > div > figure > img { position: relative; z-index: 3; }

.hr-about_row01 > li > div > figure > div, .hr-about_row01 > li > div > figure > iframe, .hr-about_row01 > li > div > figure > video { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

.hr-about_row01 > li > div > figure .js-videoPlay > img, .hr-about_row01 > li > div > figure .js-videoStart > img { position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: inherit; }

.hr-about_row01 > li > div > figure .js-videoStart::after { content: ""; position: absolute; background-color: #808080; background-image: url(/theme-images/main/movie01.png); background-position: center center; background-repeat: no-repeat; background-size: contain; border-radius: 50%; width: 40px; height: 40px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.hr-about_row01 > li > div > figure > video { background: #000; z-index: -1; }

.hr-about_row01 > li > div > figure.isCurrent > img, .hr-about_row01 > li > div > figure.isCurrent > .img { display: none; }

.hr-about_row01 > li > div > figure.isCurrent > video { z-index: 5; pointer-events: auto; }

@media print, all and (min-width: 768px) { .hr-about_row01 > li > dl { width: 50vw; } }

@media screen and (max-width: 767px) { .hr-about_row01 > li > dl { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } }

.hr-about_row02 { border-top: none; }

@media print, all and (min-width: 768px) { .hr-about_row02 { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
  .hr-about_row02.pd02 > li { padding: 10px 0; }
  .hr-about_row02.pd02 > li dt { width: 25.5%; } }

@media print, all and (min-width: 768px) { .hr-about_row03.col02 > li:last-child { margin-bottom: 0 !important; } }

@media print, all and (min-width: 768px) { .hr-about_row03.col02 > li > dl { padding-top: 2.778%; } }

@media screen and (max-width: 767px) { .hr-about_row03.col02 > li > dl { -webkit-box-ordinal-group: -9; -ms-flex-order: -10; order: -10; margin-top: 0 !important; padding: 43px 0 32px; }
  .hr-about_row03.col02 > li > dl > div > dd { margin-top: -10px; } }

.hr-about_row03.col02 > li > div { pointer-events: all; }

@media screen and (max-width: 767px) { .hr-about_row03.col02 > li > div { height: 111.112vw; } }

.hr-about_row03.col02 > li > div + dl { background: #fff; }

.hr-about_row03.col02 > li + li { margin-top: 0 !important; }

.hr-about_row03 > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; }

@media print, all and (min-width: 768px) { .hr-about_row03 > li { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 800px; }
  .hr-about_row03 > li:last-child figure { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .hr-about_row03 > li:last-child figure img { max-width: 100%; }
  .hr-about_row03 > li + li { margin-top: -1px; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .hr-about_row03 > li + li { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-about_row03 > li:last-child { margin-bottom: 100px; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li:last-child { margin-bottom: 50px; } }

.hr-about_row03 > li > figure { position: absolute; top: 50%; line-height: 0; overflow: hidden; pointer-events: none; }

@media print, all and (min-width: 768px) { .hr-about_row03 > li > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .hr-about_row03 > li > figure > img { max-width: none; } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_row03 > li > figure > img { width: 100%; max-height: none; } }

@media print, all and (min-width: 768px) { .hr-about_row03 > li > figure ~ div figure { display: none; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li > figure { display: none; } }

.hr-about_row03 > li > div { position: relative; line-height: 0; overflow: hidden; pointer-events: none; }

@media print, all and (min-width: 768px) { .hr-about_row03 > li > div { width: 50vw; }
  .hr-about_row03 > li > div + dl { background: #fff; padding-left: 0; padding-right: calc(50vw - 580px); }
  .hr-about_row03 > li > div + dl > div { padding-left: 18.966%; padding-right: 0; } }

@media screen and (-ms-high-contrast: none) { .hr-about_row03 > li > div { min-height: 800px; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li > div { position: relative; height: 53.334vw; } }

.hr-about_row03 > li > div > figure { position: absolute; top: 50%; }

@media print, all and (min-width: 768px) { .hr-about_row03 > li > div > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .hr-about_row03 > li > div > figure > img { max-width: none; } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_row03 > li > div > figure > img { width: 100%; max-height: none; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li > div > figure { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } }

.hr-about_row03 > li > dl { position: relative; }

@media print, all and (min-width: 768px) { .hr-about_row03 > li > dl { width: 50vw; padding: 6.945% 0 2.778% calc(50vw - 580px); }
  .hr-about_row03 > li > dl > div { padding-right: 20.69%; } }

@media screen and (max-width: 767px) { .hr-about_row03 > li > dl { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } }

.hr-about_row04 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_row04 { max-width: 1240px; padding: 0 20px; } }

.hr-about_row04 > li { display: block; border-bottom: 1px solid #e2e2e2; }

.hr-about_row04 > li:first-child { border-top: 1px solid #e2e2e2; }

.hr-about_panel01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_panel01 { max-width: 1077px; margin: 96px auto 0; padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_panel01 { width: 88%; margin: 50px auto 0; } }

.hr-about_panel01 > li { display: block; }

@media print, all and (min-width: 768px) { .hr-about_panel01 > li { width: 30.473%; min-width: 236px; }
  .hr-about_panel01 > li:nth-child(n+4) { margin-top: 70px; } }

@media screen and (max-width: 767px) { .hr-about_panel01 > li { width: 48.182%; }
  .hr-about_panel01 > li:nth-child(n+3) { margin-top: 15px; } }

.hr-about_panel01 > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; height: 100%; text-decoration: none; color: inherit; }

.hr-about_panel01 > li > a span { font-family: "Jost", sans-serif; color: #000; }

.hr-about_panel01 > li > a small { display: block; letter-spacing: 0.1em; }

@media print, all and (min-width: 768px) { .hr-about_panel01 > li > a small { margin-bottom: 10px; font-size: 0.728em; } }

@media screen and (max-width: 767px) { .hr-about_panel01 > li > a small { margin-bottom: 5px; font-size: 0.84em; } }

.hr-about_panel01 > li > a > figure { -ms-flex-negative: 0; flex-shrink: 0; position: relative; line-height: 0; overflow: hidden; }

.hr-about_panel01 > li > a > figure::after { content: ""; position: absolute; border: 1px solid #fff; left: 0; right: 0; top: 0; bottom: 0; }

.hr-about_panel01 > li > a > figure > img { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -o-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }

.hr-about_panel01 > li > a > p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; letter-spacing: 0.05em; line-height: 1; }

@media print, all and (min-width: 768px) { .hr-about_panel01 > li > a > p { padding: 25px 0 26px; font-size: 22px; } }

@media screen and (max-width: 767px) { .hr-about_panel01 > li > a > p { padding: 11px 0; font-size: 12.5px; } }

.hr-about_panel01 > li > a:hover { opacity: 0.5; }

.hr-about_panel01 > li > a:hover > figure > img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.hr-about_panel02 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_panel02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 1240px; padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_panel02 { width: 88%; } }

.hr-about_panel02 > li { display: block; }

@media print, all and (min-width: 768px) { .hr-about_panel02 > li { width: 31%; } }

@media screen and (max-width: 767px) { .hr-about_panel02 > li + li { margin-top: 25px; } }

.hr-about_panel02 > li > a { display: block; text-decoration: none; color: inherit; }

.hr-about_panel02 > li > a > figure { line-height: 0; overflow: hidden; }

.hr-about_panel02 > li > a > figure > img { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -o-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }

@media screen and (max-width: 767px) { .hr-about_panel02 > li > a > figure > img { width: 100%; } }

.hr-about_panel02 > li > a:hover { opacity: 0.5; }

.hr-about_panel02 > li > a:hover > figure > img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

@media print, all and (min-width: 768px) { .hr-main_ttl01 + .hr-about_panel02 { margin-top: 45px; } }

@media screen and (max-width: 767px) { .hr-main_ttl01 + .hr-about_panel02 { margin-top: 25px; } }

.hr-about_panel03 { border: 1px solid; }

@media print, all and (min-width: 768px) { .hr-about_panel03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.hr-about_panel03 > dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f5f5f5; border-bottom: 1px solid; letter-spacing: 0.05em; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_panel03 > dt { -ms-flex-negative: 0; flex-shrink: 0; height: 3em; font-size: 18px; } }

@media screen and (max-width: 767px) { .hr-about_panel03 > dt { height: 2.308em; font-size: 13px; } }

@media print, all and (min-width: 768px) { .hr-about_panel03 > dd { height: 100%; } }

.hr-about_panel04 { background: #f5f5f5; border-top: 1px solid #e2e2e2; }

@media print, all and (min-width: 768px) { .hr-about_panel04 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px 20px 10px; } }

@media all and (min-width: 768px) and (max-width: 1199px) { .hr-about_panel04 { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (-ms-high-contrast: none) { .hr-about_panel04 { display: block; padding-left: 30px; } }

@media screen and (max-width: 767px) { .hr-about_panel04 { padding: 30px 0; } }

@media print, all and (min-width: 768px) { .hr-about_panel04 > div { padding: 20px 40px 20px 0; } }

@media screen and (max-width: 767px) { .hr-about_panel04 > div { width: 84%; margin: 0 auto; } }

.hr-about_panel04 > div p { padding-left: 1em; text-indent: -1em; }

@media print, all and (min-width: 768px) { .hr-about_panel04 > div p + p { margin-top: 16px; } }

@media screen and (max-width: 767px) { .hr-about_panel04 > div p + p { margin-top: 8px; } }

.hr-about_panel04 > div div { margin-top: 2em; }

@media print, all and (min-width: 768px) { .hr-about_panel04 > ul { -ms-flex-negative: 0; flex-shrink: 0; max-width: 700px; padding: 15px 0; } }

@media screen and (max-width: 767px) { .hr-about_panel04 > ul { width: 84%; margin: 25px auto 0; } }

.hr-about_grid01 { display: -ms-grid; display: grid; width: 100%; height: 100%; line-height: 0; }

.hr-about_grid01.r1 { -ms-grid-rows: (1fr)[1]; grid-template-rows: repeat(1, 1fr); }

.hr-about_grid01.r1 > div:not(.re2)::after { content: ""; }

.hr-about_grid01.c1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }

.hr-about_grid01.c1 > div:not(.ce2) > div::after { content: ""; }

.hr-about_grid01 > div.rs1 { -ms-grid-row: 1; grid-row-start: 1; }

.hr-about_grid01 > div.cs1 { -ms-grid-column: 1; grid-column-start: 1; }

.hr-about_grid01 > div.re2 { grid-row-end: 2; }

.hr-about_grid01 > div.ce2 { grid-column-end: 2; }

.hr-about_grid01.r2 { -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); }

.hr-about_grid01.r2 > div:not(.re3)::after { content: ""; }

.hr-about_grid01.c2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }

.hr-about_grid01.c2 > div:not(.ce3) > div::after { content: ""; }

.hr-about_grid01 > div.rs2 { -ms-grid-row: 2; grid-row-start: 2; }

.hr-about_grid01 > div.cs2 { -ms-grid-column: 2; grid-column-start: 2; }

.hr-about_grid01 > div.re3 { grid-row-end: 3; }

.hr-about_grid01 > div.ce3 { grid-column-end: 3; }

.hr-about_grid01.r3 { -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); }

.hr-about_grid01.r3 > div:not(.re4)::after { content: ""; }

.hr-about_grid01.c3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

.hr-about_grid01.c3 > div:not(.ce4) > div::after { content: ""; }

.hr-about_grid01 > div.rs3 { -ms-grid-row: 3; grid-row-start: 3; }

.hr-about_grid01 > div.cs3 { -ms-grid-column: 3; grid-column-start: 3; }

.hr-about_grid01 > div.re4 { grid-row-end: 4; }

.hr-about_grid01 > div.ce4 { grid-column-end: 4; }

.hr-about_grid01.r4 { -ms-grid-rows: (1fr)[4]; grid-template-rows: repeat(4, 1fr); }

.hr-about_grid01.r4 > div:not(.re5)::after { content: ""; }

.hr-about_grid01.c4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); }

.hr-about_grid01.c4 > div:not(.ce5) > div::after { content: ""; }

.hr-about_grid01 > div.rs4 { -ms-grid-row: 4; grid-row-start: 4; }

.hr-about_grid01 > div.cs4 { -ms-grid-column: 4; grid-column-start: 4; }

.hr-about_grid01 > div.re5 { grid-row-end: 5; }

.hr-about_grid01 > div.ce5 { grid-column-end: 5; }

.hr-about_grid01.r5 { -ms-grid-rows: (1fr)[5]; grid-template-rows: repeat(5, 1fr); }

.hr-about_grid01.r5 > div:not(.re6)::after { content: ""; }

.hr-about_grid01.c5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); }

.hr-about_grid01.c5 > div:not(.ce6) > div::after { content: ""; }

.hr-about_grid01 > div.rs5 { -ms-grid-row: 5; grid-row-start: 5; }

.hr-about_grid01 > div.cs5 { -ms-grid-column: 5; grid-column-start: 5; }

.hr-about_grid01 > div.re6 { grid-row-end: 6; }

.hr-about_grid01 > div.ce6 { grid-column-end: 6; }

@media screen and (-ms-high-contrast: none) { .hr-about_grid01 > div.rs1.re2 { -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; }
  .hr-about_grid01 > div.rs1.re3 { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / 3; }
  .hr-about_grid01 > div.rs1.re4 { -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 4; }
  .hr-about_grid01 > div.rs1.re5 { -ms-grid-row: 1; -ms-grid-row-span: 4; grid-row: 1 / 5; }
  .hr-about_grid01 > div.rs1.re6 { -ms-grid-row: 1; -ms-grid-row-span: 5; grid-row: 1 / 6; }
  .hr-about_grid01 > div.cs1.ce2 { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; }
  .hr-about_grid01 > div.cs1.ce3 { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / 3; }
  .hr-about_grid01 > div.cs1.ce4 { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; }
  .hr-about_grid01 > div.cs1.ce5 { -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column: 1 / 5; }
  .hr-about_grid01 > div.cs1.ce6 { -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 1 / 6; }
  .hr-about_grid01 > div.rs2.re2 { -ms-grid-row: 2; grid-row: 2 / 2; }
  .hr-about_grid01 > div.rs2.re3 { -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; }
  .hr-about_grid01 > div.rs2.re4 { -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / 4; }
  .hr-about_grid01 > div.rs2.re5 { -ms-grid-row: 2; -ms-grid-row-span: 3; grid-row: 2 / 5; }
  .hr-about_grid01 > div.rs2.re6 { -ms-grid-row: 2; -ms-grid-row-span: 4; grid-row: 2 / 6; }
  .hr-about_grid01 > div.cs2.ce2 { -ms-grid-column: 2; grid-column: 2 / 2; }
  .hr-about_grid01 > div.cs2.ce3 { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; }
  .hr-about_grid01 > div.cs2.ce4 { -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / 4; }
  .hr-about_grid01 > div.cs2.ce5 { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2 / 5; }
  .hr-about_grid01 > div.cs2.ce6 { -ms-grid-column: 2; -ms-grid-column-span: 4; grid-column: 2 / 6; }
  .hr-about_grid01 > div.rs3.re2 { -ms-grid-row: 3; -ms-grid-row-span: -1; grid-row: 3 / 2; }
  .hr-about_grid01 > div.rs3.re3 { -ms-grid-row: 3; grid-row: 3 / 3; }
  .hr-about_grid01 > div.rs3.re4 { -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; }
  .hr-about_grid01 > div.rs3.re5 { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row: 3 / 5; }
  .hr-about_grid01 > div.rs3.re6 { -ms-grid-row: 3; -ms-grid-row-span: 3; grid-row: 3 / 6; }
  .hr-about_grid01 > div.cs3.ce2 { -ms-grid-column: 3; -ms-grid-column-span: -1; grid-column: 3 / 2; }
  .hr-about_grid01 > div.cs3.ce3 { -ms-grid-column: 3; grid-column: 3 / 3; }
  .hr-about_grid01 > div.cs3.ce4 { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / 4; }
  .hr-about_grid01 > div.cs3.ce5 { -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3 / 5; }
  .hr-about_grid01 > div.cs3.ce6 { -ms-grid-column: 3; -ms-grid-column-span: 3; grid-column: 3 / 6; }
  .hr-about_grid01 > div.rs4.re2 { -ms-grid-row: 4; -ms-grid-row-span: -2; grid-row: 4 / 2; }
  .hr-about_grid01 > div.rs4.re3 { -ms-grid-row: 4; -ms-grid-row-span: -1; grid-row: 4 / 3; }
  .hr-about_grid01 > div.rs4.re4 { -ms-grid-row: 4; grid-row: 4 / 4; }
  .hr-about_grid01 > div.rs4.re5 { -ms-grid-row: 4; -ms-grid-row-span: 1; grid-row: 4 / 5; }
  .hr-about_grid01 > div.rs4.re6 { -ms-grid-row: 4; -ms-grid-row-span: 2; grid-row: 4 / 6; }
  .hr-about_grid01 > div.cs4.ce2 { -ms-grid-column: 4; -ms-grid-column-span: -2; grid-column: 4 / 2; }
  .hr-about_grid01 > div.cs4.ce3 { -ms-grid-column: 4; -ms-grid-column-span: -1; grid-column: 4 / 3; }
  .hr-about_grid01 > div.cs4.ce4 { -ms-grid-column: 4; grid-column: 4 / 4; }
  .hr-about_grid01 > div.cs4.ce5 { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / 5; }
  .hr-about_grid01 > div.cs4.ce6 { -ms-grid-column: 4; -ms-grid-column-span: 2; grid-column: 4 / 6; }
  .hr-about_grid01 > div.rs5.re2 { -ms-grid-row: 5; -ms-grid-row-span: -3; grid-row: 5 / 2; }
  .hr-about_grid01 > div.rs5.re3 { -ms-grid-row: 5; -ms-grid-row-span: -2; grid-row: 5 / 3; }
  .hr-about_grid01 > div.rs5.re4 { -ms-grid-row: 5; -ms-grid-row-span: -1; grid-row: 5 / 4; }
  .hr-about_grid01 > div.rs5.re5 { -ms-grid-row: 5; grid-row: 5 / 5; }
  .hr-about_grid01 > div.rs5.re6 { -ms-grid-row: 5; -ms-grid-row-span: 1; grid-row: 5 / 6; }
  .hr-about_grid01 > div.cs5.ce2 { -ms-grid-column: 5; -ms-grid-column-span: -3; grid-column: 5 / 2; }
  .hr-about_grid01 > div.cs5.ce3 { -ms-grid-column: 5; -ms-grid-column-span: -2; grid-column: 5 / 3; }
  .hr-about_grid01 > div.cs5.ce4 { -ms-grid-column: 5; -ms-grid-column-span: -1; grid-column: 5 / 4; }
  .hr-about_grid01 > div.cs5.ce5 { -ms-grid-column: 5; grid-column: 5 / 5; }
  .hr-about_grid01 > div.cs5.ce6 { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / 6; } }

.hr-about_grid01 > div { position: relative; }

.hr-about_grid01 > div::before, .hr-about_grid01 > div::after { position: absolute; left: 0; right: 0; pointer-events: none; z-index: 5; }

.hr-about_grid01 > div::before { top: 0; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div::before { border-top: 2px solid #fff; } }

@media screen and (max-width: 767px) { .hr-about_grid01 > div::before { border-top: 1px solid #fff; } }

.hr-about_grid01 > div::after { bottom: 0; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div::after { border-bottom: 2px solid #fff; } }

@media screen and (max-width: 767px) { .hr-about_grid01 > div::after { border-bottom: 1px solid #fff; } }

.hr-about_grid01 > div:not(.rs1)::before { content: ""; }

.hr-about_grid01 > div:not(.cs1) > div::before { content: ""; }

.hr-about_grid01 > div > div { position: relative; height: 100%; }

.hr-about_grid01 > div > div::before, .hr-about_grid01 > div > div::after { position: absolute; top: 0; bottom: 0; pointer-events: none; z-index: 5; }

.hr-about_grid01 > div > div::before { left: 0; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div > div::before { border-left: 2px solid #fff; } }

@media screen and (max-width: 767px) { .hr-about_grid01 > div > div::before { border-left: 1px solid #fff; } }

.hr-about_grid01 > div > div::after { right: 0; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div > div::after { border-right: 2px solid #fff; } }

@media screen and (max-width: 767px) { .hr-about_grid01 > div > div::after { border-right: 1px solid #fff; } }

.hr-about_grid01 > div > div > a { display: block; position: relative; height: 100%; overflow: hidden; cursor: pointer; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div > div > a > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.hr-about_grid01 > div > div > a > figure > img { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; -o-transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; transition: transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 1000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }

@media print, all and (min-width: 768px) { .hr-about_grid01 > div > div > a > figure > img { max-width: none; } }

@media print, all and (min-width: 768px) and (min-width: 1441px) { .hr-about_grid01 > div > div > a > figure > img { width: 100%; max-height: none; } }

.hr-about_grid01 > div > div > a > figure > figcaption { position: absolute; width: 0; height: 0; overflow: hidden; -webkit-user-select: none; pointer-events: none; }

.hr-about_grid01 > div > div > a:hover { opacity: 0.5; }

.hr-about_grid01 > div > div > a:hover > figure > img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

@media print, all and (min-width: 768px) { .hr-about_table01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; line-height: 1.875em; font-size: 16px; } }

@media screen and (max-width: 767px) { .hr-about_table01 { line-height: 1.905em; font-size: 10.5px; } }

.hr-about_table01 > div { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media print, all and (min-width: 768px) { .hr-about_table01 > div:first-child { height: 100%; }
  .hr-about_table01 > div:first-child > dt, .hr-about_table01 > div:first-child > dd { padding-top: 23px; padding-bottom: 20px; }
  .hr-about_table01 > div:last-child { -ms-flex-negative: 0; flex-shrink: 0; }
  .hr-about_table01 > div:last-child > dt, .hr-about_table01 > div:last-child > dd { padding-bottom: 23px; } }

@media screen and (max-width: 767px) { .hr-about_table01 > div:first-child > dt, .hr-about_table01 > div:first-child > dd { padding-top: 5.5px; padding-bottom: 10px; }
  .hr-about_table01 > div:first-child > dd { min-height: 7.62em; }
  .hr-about_table01 > div:last-child > dt, .hr-about_table01 > div:last-child > dd { padding-bottom: 5.5px; } }

.hr-about_table01 > div > dt { -ms-flex-negative: 0; flex-shrink: 0; border-right: 1px solid; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_table01 > div > dt { width: 120px; } }

@media screen and (max-width: 767px) { .hr-about_table01 > div > dt { width: 51px; } }

@media print, all and (min-width: 768px) { .hr-about_table01 > div > dd { padding-left: 30px; }
  .hr-about_table01 > div > dd:last-child { padding-right: 10px; } }

@media screen and (max-width: 767px) { .hr-about_table01 > div > dd { padding-left: 16px; }
  .hr-about_table01 > div > dd:last-child { padding-right: 15px; } }

.hr-about_table01 > div > dd > p { padding-left: 1.2em; text-indent: -1.2em; }

.hr-about_steps01 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_steps01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1240px; padding: 0 20px; } }

@media all and (min-width: 768px) and (max-width: 1199px) { .hr-about_steps01 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 767px) { .hr-about_steps01 { width: 84%; } }

.hr-about_steps01 > dl { position: relative; }

@media print, all and (min-width: 768px) { .hr-about_steps01 > dl { width: 46.667%; } }

@media all and (min-width: 768px) and (max-width: 1199px) { .hr-about_steps01 > dl { width: 560px; }
  .hr-about_steps01 > dl:nth-child(2) { margin-top: 80px; } }

@media print, all and (min-width: 768px) { .hr-about_steps01 > dl:last-child { margin-top: 140px; } }

@media all and (min-width: 768px) and (min-width: 1200px) { .hr-about_steps01 > dl:last-child { margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 767px) { .hr-about_steps01 > dl:nth-child(2) { margin-top: 70px; } }

.hr-about_steps01 > dl:nth-child(2)::before { content: ""; position: absolute; background-image: url(/theme-images/about/heatproof/card04_icon.png); background-position: center center; background-repeat: no-repeat; background-size: contain; pointer-events: none; }

@media print, all and (min-width: 768px) { .hr-about_steps01 > dl:nth-child(2)::before { width: 40px; height: 40px; left: -60px; top: 0; bottom: 0; margin: auto 0; } }

@media all and (min-width: 768px) and (max-width: 1199px) { .hr-about_steps01 > dl:nth-child(2)::before { top: -60px; } }

@media all and (max-width: 1199px) { .hr-about_steps01 > dl:nth-child(2)::before { left: 0; right: 0; margin: 0 auto; } }

@media screen and (max-width: 767px) { .hr-about_steps01 > dl:nth-child(2)::before { width: 30px; height: 30px; top: -50px; } }

@media screen and (max-width: 767px) { .hr-about_steps01 > dl:last-child { margin-top: 58px; } }

.hr-about_steps01 > dl:last-child::before { content: ""; position: absolute; background-image: url(/theme-images/about/heatproof/card05_icon.png); background-position: center center; background-repeat: no-repeat; background-size: contain; left: 0; right: 0; margin: 0 auto; pointer-events: none; }

@media print, all and (min-width: 768px) { .hr-about_steps01 > dl:last-child::before { width: 80px; height: 80px; top: -110px; } }

@media screen and (max-width: 767px) { .hr-about_steps01 > dl:last-child::before { width: 40px; height: 40px; top: -49px; } }

.hr-about_steps01 > dl > dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media print, all and (min-width: 768px) { .hr-about_steps01 > dl > dd { padding: 30px; } }

@media screen and (max-width: 767px) { .hr-about_steps01 > dl > dd { padding: 16px; } }

.hr-about_list01 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_list01 { max-width: 1240px; padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_list01 { width: 84%; } }

@media print, all and (min-width: 768px) { .hr-about_list01 > ol + ol { margin-top: 31px; } }

@media print, all and (min-width: 768px) { .hr-about_list01 + .hr-about_note01 { margin-top: 60px; } }

@media screen and (max-width: 767px) { .hr-about_list01 + .hr-about_note01 { margin-top: 27px; } }

.hr-about_list02 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_list02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1240px; padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_list02 { width: 84%; } }

@media print, all and (min-width: 768px) { .hr-about_list02 > dl { width: 48.334%; }
  .hr-about_list02 > dl:nth-child(n+3) { margin-top: 40px; } }

@media screen and (max-width: 767px) { .hr-about_list02 > dl:nth-child(n+2) { margin-top: 20px; } }

@media print, all and (min-width: 768px) { .hr-about_list02 + .hr-about_lead02 { margin-top: 51px; } }

@media screen and (max-width: 767px) { .hr-about_list02 + .hr-about_lead02 { margin-top: 25px; } }

.hr-about_list03 { line-height: 0; text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_list03 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

@media screen and (-ms-high-contrast: none) { .hr-about_list03 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

@media screen and (max-width: 767px) { .hr-about_list03.flx { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .hr-about_list03.flx > li + li { margin-top: 0; margin-left: 10px; } }

.hr-about_list03 > li { display: block; }

@media print, all and (min-width: 768px) { .hr-about_list03 > li { max-width: 320px; height: 220px; margin: 5px 0; } }

.hr-about_list03 > li > a { display: block; }

.hr-about_list03 > li > a:hover { opacity: 0.5; }

.hr-about_list03 > li figure { position: relative; height: 100%; }

.hr-about_list03 > li figure > figcaption { position: absolute; background: #fff; left: 0; right: 0; bottom: 0; letter-spacing: 0.05em; }

@media print, all and (min-width: 768px) { .hr-about_list03 > li figure > figcaption { padding: 0 0.5em; line-height: 1.875em; font-size: 14px; } }

@media screen and (max-width: 767px) { .hr-about_list03 > li figure > figcaption { padding: 0.477em 0.5em; line-height: 1.905em; font-size: 10.5px; } }

@media print, all and (min-width: 768px) { .hr-about_list03 > li + li { margin-left: 20px; } }

@media screen and (max-width: 767px) { .hr-about_list03 > li + li { margin-top: 10px; } }

.hr-about_desc01 > dt { text-align: center; }

@media print, all and (min-width: 768px) { .hr-about_desc01 > dt { padding: 20px 0 15px; line-height: 1.45em; font-size: 20px; }
  .hr-about_desc01 > dt > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc01 > dt > p:first-of-type { margin-top: -0.225em; }
  .hr-about_desc01 > dt > p:last-of-type { margin-bottom: -0.225em; } }

@media screen and (max-width: 767px) { .hr-about_desc01 > dt { padding: 18px 0 16px; line-height: 1.116em; font-size: 13px; }
  .hr-about_desc01 > dt > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc01 > dt > p:first-of-type { margin-top: -0.057em; }
  .hr-about_desc01 > dt > p:last-of-type { margin-bottom: -0.057em; } }

@media print, all and (min-width: 768px) { .hr-about_desc01 > dd { line-height: 1.5em; font-size: 16px; }
  .hr-about_desc01 > dd > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc01 > dd > p:first-of-type { margin-top: -0.25em; }
  .hr-about_desc01 > dd > p:last-of-type { margin-bottom: -0.25em; } }

@media screen and (max-width: 767px) { .hr-about_desc01 > dd { line-height: 1.62em; font-size: 10.5px; }
  .hr-about_desc01 > dd > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc01 > dd > p:first-of-type { margin-top: -0.309em; }
  .hr-about_desc01 > dd > p:last-of-type { margin-bottom: -0.309em; } }

@media print, all and (min-width: 768px) { .hr-about_desc02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; } }

@media screen and (max-width: 767px) { .hr-about_desc02 { width: 84%; margin: 0 auto; } }

@media screen and (max-width: 767px) { .hr-about_desc02 > dt { margin-top: 30px; } }

@media print, all and (min-width: 768px) { .hr-about_desc02 > dd { margin-top: 37px; } }

@media screen and (max-width: 767px) { .hr-about_desc02 > dd { margin-top: 20px; } }

.hr-about_desc02 > dd strong { display: block; letter-spacing: 0.1em; font-size: 1.125em; font-weight: 500; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media print, all and (min-width: 768px) { .hr-about_desc02 > dd a { margin: 28px auto 0; } }

@media screen and (max-width: 767px) { .hr-about_desc02 > dd a { margin: 30px auto 0; } }

.hr-about_desc03 { position: relative; }

@media print, all and (min-width: 768px) { .hr-about_desc03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 767px) { .hr-about_desc03 { padding: 25px !important; } }

@media print, all and (min-width: 768px) { .hr-about_desc03 > dt { -ms-flex-negative: 0; flex-shrink: 0; width: 23.75%; padding-right: 10px; } }

@media screen and (-ms-high-contrast: none) { .hr-about_desc03 > dt { padding: 12px 0; } }

@media screen and (max-width: 767px) { .hr-about_desc03 > dt + dd { margin-top: 10px; } }

@media print, all and (min-width: 768px) { .hr-about_desc03 > dd { width: 100%; padding-right: 10px; }
  .hr-about_desc03 > dd .a_lnk01 { font-size: 12px; } }

@media print, all and (min-width: 768px) { .hr-about_desc03 > dd:nth-of-type(2) { -ms-flex-negative: 0; flex-shrink: 0; width: auto; } }

@media screen and (max-width: 767px) { .hr-about_desc03 > dd:nth-of-type(2) { margin-top: 12px; }
  .hr-about_desc03 > dd:nth-of-type(2) a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .hr-about_desc03 > dd:nth-of-type(2) a::after { display: block; position: static; width: 11px; height: 11px; margin-left: 4px; -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } }

.hr-about_desc03 > dd a { color: inherit; }

@media screen and (max-width: 767px) { .hr-about_desc03 > dd a { text-decoration: underline; } }

.hr-about_desc03 > dd a:hover { opacity: 0.5; }

@media print, all and (min-width: 768px) { .hr-about_desc04 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; }
  .hr-about_desc04.col02 { background: transparent !important; }
  .hr-about_desc04.col02 > div > dt, .hr-about_desc04.col02 > div > dd { color: #fff; } }

@media screen and (max-width: 767px) { .hr-about_desc04 { margin-top: 25px; font-size: 10.5px; } }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div { padding: 0 20px; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div { padding: 0 30px; } }

.hr-about_desc04 > div > dt { letter-spacing: 0.05em; line-height: 1; font-weight: 300; color: #898989; }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dt { margin-bottom: 0.806em; font-size: 4.5em; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div > dt { margin-bottom: 0.639em; font-size: 3.429em; } }

.hr-about_desc04 > div > dd > .p_def01 { position: relative; }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dd > .p_def01 { padding-left: 1.5em; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div > dd > .p_def01 { padding-left: 1.096em; } }

.hr-about_desc04 > div > dd > .p_def01::before { content: "ー"; position: absolute; }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dd > .p_def01::before { left: 0.125em; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div > dd > .p_def01::before { left: 0; } }

.hr-about_desc04 > div > dd > .p_def01 > p { width: 100%; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dd > .p_def01 > p + p { margin-top: 1em; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div > dd > .p_def01 > p + p { margin-top: 0.762em; } }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dd > p { max-width: 480px; } }

@media print, all and (min-width: 768px) { .hr-about_desc04 > div > dd + dd { margin-top: 1.875em; } }

@media screen and (max-width: 767px) { .hr-about_desc04 > div > dd + dd { margin-top: 1.667em; } }

.hr-about_desc05 > dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

@media print, all and (min-width: 768px) { .hr-about_desc05 > dt { padding: 24px 20px 24px 0; line-height: 1.364em; font-size: 22px; }
  .hr-about_desc05 > dt > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc05 > dt > p:first-of-type { margin-top: -0.181em; }
  .hr-about_desc05 > dt > p:last-of-type { margin-bottom: -0.181em; } }

@media screen and (max-width: 767px) { .hr-about_desc05 > dt { padding: 0 8%; line-height: 1.5em; font-size: 14px; }
  .hr-about_desc05 > dt > p { line-height: inherit !important; font: inherit !important; }
  .hr-about_desc05 > dt > p:first-of-type { margin-top: -0.25em; }
  .hr-about_desc05 > dt > p:last-of-type { margin-bottom: -0.25em; } }

.hr-about_desc05 > dt::after { content: "＋"; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 1em; }

@media print, all and (min-width: 768px) { .hr-about_desc05 > dt::after { margin-left: 5.424%; font-size: 0.728em; } }

@media screen and (max-width: 767px) { .hr-about_desc05 > dt::after { margin-left: 7.302%; font-size: 0.715em; } }

.hr-about_desc05 > dt.isActive::after { content: "－"; }

.hr-about_desc05 > dt:hover { opacity: 0.5; }

.hr-about_desc05 > dt > p { margin-right: auto; }

@media screen and (max-width: 767px) { .hr-about_desc05 > dt > p { padding: 6.667% 0; } }

.hr-about_desc05 > dt > figure { -ms-flex-negative: 0; flex-shrink: 0; line-height: 0; }

@media print, all and (min-width: 768px) { .hr-about_desc05 > dt > figure { width: 80px; } }

@media screen and (max-width: 767px) { .hr-about_desc05 > dt > figure { width: 15.874%; padding: 7.937% 0; } }

@media print, all and (min-width: 768px) { .hr-about_desc05 > dt > figure + figure { margin-left: 20px; } }

@media screen and (max-width: 767px) { .hr-about_desc05 > dt > figure + figure { margin-left: 5px; } }

.hr-about_desc05 > dd { display: none; }

.hr-about_card01 { width: 100%; line-height: 0; text-align: center; }

.hr-about_card01 > img { width: 100%; }

.hr-about_card01 > figcaption { background: #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.05em; }

@media print, all and (min-width: 768px) { .hr-about_card01 > figcaption { height: 42px; line-height: 1; font-size: 16px; } }

@media screen and (max-width: 767px) { .hr-about_card01 > figcaption { padding: 0.62em 0; line-height: 1.381em; font-size: 10.5px; } }

.hr-about_card01_caption { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; }

@media print, all and (min-width: 768px) { .hr-about_card01_caption { margin-left: 20px; } }

@media screen and (max-width: 767px) { .hr-about_card01_caption { margin-left: 16px; } }

.hr-about_card01_caption > figure { line-height: 0; }

.hr-about_card01_caption > figure > img { width: 100%; }

@media print, all and (min-width: 768px) { .hr-about_card01_caption > div { padding: 4.717% 0 0 15.724%; } }

@media screen and (max-width: 767px) { .hr-about_card01_caption > div { padding: 4.572% 0 0; text-align: justify; } }

.hr-about_card01_caption + .hr-about_card01 { -ms-flex-negative: 0; flex-shrink: 0; }

@media print, all and (min-width: 768px) { .hr-about_card01_caption + .hr-about_card01 { width: 160px; } }

@media screen and (max-width: 767px) { .hr-about_card01_caption + .hr-about_card01 { width: 32.029%; }
  .hr-about_card01_caption + .hr-about_card01 figcaption { min-height: 4em; } }

@media print, all and (min-width: 768px) { .hr-about_card01 + .hr-about_card01 { margin-left: 8px; } }

@media screen and (max-width: 767px) { .hr-about_card01 + .hr-about_card01 { margin-left: 5px; } }

@media print, all and (min-width: 768px) { .hr-about_link01 { margin-top: 100px; } }

@media screen and (max-width: 767px) { .hr-about_link01 { margin-top: 50px; font-size: 10.5px; } }

.hr-about_link01 > a { margin: 0 auto; }

.hr-about_link02 { margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-about_link02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1200px; } }

@media screen and (max-width: 767px) { .hr-about_link02 { font-size: 10.5px; } }

@media print, all and (min-width: 768px) { .hr-about_link02 > a { margin: 40px 20px 0; } }

@media screen and (max-width: 767px) { .hr-about_link02 > a { margin: 0 auto; }
  .hr-about_link02 > a + a { margin-top: 20px; } }

@media print, all and (min-width: 768px) { .hr-about_map { max-width: 800px; margin: 100px auto 0; } }

@media screen and (max-width: 767px) { .hr-about_map { width: 88vw; margin: 35px auto 0; } }

@media print, all and (min-width: 768px) { .hr-about_map > * + * { margin-top: 30px; } }

@media screen and (max-width: 767px) { .hr-about_map > * + * { margin-top: 20px; } }

.hr-about_map > figure { position: relative; }

@media print, all and (min-width: 768px) { .hr-about_map > figure { height: 400px; } }

@media screen and (max-width: 767px) { .hr-about_map > figure { height: 48vw; } }

.hr-about_map > figure > iframe { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

@media print, all and (min-width: 768px) { .hr-about_video { max-width: 800px; margin: 100px auto 0; } }

@media screen and (max-width: 767px) { .hr-about_video { width: 88vw; margin: 35px auto 0; } }

.hr-about_video > figure { position: relative; width: 0; height: 0; padding: 28.125% 50%; }

.hr-about_video > figure.isCurrent > iframe { opacity: 1; }

.hr-about_video > figure.isCurrent > img { opacity: 0; pointer-events: none; }

.hr-about_video > figure > iframe, .hr-about_video > figure > img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

.hr-about_video > figure > iframe { opacity: 0; }

.hr-about_video > figure > img { cursor: pointer; }

.hr-about_video > figure > img:hover { opacity: 0.5; }

.js-slick05_slider .slick-slide .p_def01 span::before { content: "ー"; margin-right: 0.2em; }