<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.g-box{
  position: relative;
}
.g-box .g-txt{
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  background: #6ab329;
  color: #fff;
  margin: 0;
  padding: 0.25em 0.5em;
  font-size: 15px;
}
.im-green{
  color: #6ab329;
  font-size: 16px;
  margin-top: 1em;
}
.im-red{
  color: #da4009;
  font-size: 24px;
  margin-top: 0.5em;
  line-height: 1em;
  padding-left: 0.5em;
}
.im-txt{
  margin-top: 0.5em;
  padding-left: 1em;
}
.im-txt li{
  display: flex;
  flex-wrap: wrap;
}
.im-txt li .im-ttl{
  width: 50%;
  font-size: 15px;
}
.im-txt li .im-amount{
  width: 50%;
  font-size: 15px;
}
@media (min-width: 768px) {
  .g-box .g-txt{
    font-size: 17px;
  }
  .im-green{
  font-size: 18px;
  }
  .im-red{
  font-size: 26px;
  }
  .im-txt li .im-ttl{
  width: 25%;
  font-size: 17px;
  }
  .im-txt li .im-amount{
  width: 75%;
  font-size: 17px;
  }
}
.profile_img {
    display: flex;
}
.profile_img &gt; *:nth-child(2) {
    flex-grow: 1;
    margin-left: 20px;
}
.profile_img .kanji {
    margin: 0;
    font-size: 16px;
    border-bottom: 1px #000000 solid;
    font-weight: 700;
}
.profile_img .furi {
    margin: 0;
    font-size: 14px;
}
@media (min-width: 768px) {
    .profile_img &gt; *:nth-child(2) {
        margin-left: 40px;
    }
    .profile_img .kanji {
        font-size: 24px;
    }
    .profile_img .furi {
        font-size: 18px;
    }
}
.toc_list li.ml1em {
    margin-left: 1em;
}
.point_ttl {
    text-align: center;
}
.point_ttl .txt {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 0.5em;
}
.point_ttl .txt:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(../img/compensation_ico_27.webp) no-repeat center / contain;
}
.point_ttl .txt:after {
    content: "";
    display: block;
    width: 2em;
    height: 2px;
    position: absolute;
    background-color: #000000;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 768px) {
    .point_ttl .txt {
        font-size: 22px;
    }
}
.talk {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.talk.right {
    flex-direction: row-reverse;
}
.talk .photo {
    flex: 0 0 25%;
    max-width: 25%;
}
.talk .photo .frame {
    position: relative;
}
.talk .photo .frame:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    border: 2px #d5d5d5 solid;
    width: 100%;
    height: 100%;
    border-radius: 1000px;
}
@media (min-width: 768px) {
    .talk .photo {
        flex: 0 0 10%;
        max-width: 10%;
        position: relative;
    }
}
.talk .photo .person {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    clip-path: circle(50% at 50% 50%);
}
.talk .photo .person.type01 {
    background-image: url(../img/compensation_img_16.webp);
}
.talk .photo .person.type02 {
    background-image: url(../img/compensation_img_04.webp);
    background-size: 100% auto;
}
.talk .txt {
    flex: 0 0 calc(75% - 30px);
    max-width: calc(75% - 30px);
    position: relative;
}
.talk .txt .balloon {
    background-color: #f5f5f5;
    padding: 0.8em;
    position: relative;
    border-radius: 10px;
}
.talk .photo .frame:before {
    content: "";
    display: block;
    background-color: #f5f5f5;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50px;
    right: -30px;
    transform: translateY(-50%);
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.talk.right .photo .frame:before {
    right: auto;
    left: -30px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (min-width: 768px) {
    .talk .txt {
        flex: 0 0 calc(90% - 30px);
        max-width: calc(90% - 30px);
        position: relative;
    }
}
.bnr {
    display: inline-block;
    margin-top: 40px;
    text-align: center;
}
.hosyo_box {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.hosyo_box .hosyo_box_inner {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
.hosyo_box .ttl {
    background-color: #d9d9d9;
    text-align: center;
    font-weight: 700;
    padding: 0.5em;
}
.hosyo_box .icons {
    display: flex;
    justify-content: space-between;
}
.hosyo_box .icons &gt; * {
    flex: 0 0 calc(50% - 10px);
}
@media (min-width: 768px) {
    .hosyo_box .icons &gt; * img {
        max-width: 50%;
    }
    .pc-col3 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pc-col3 &gt; div {
        width: 32%;
        box-sizing: border-box;
    }
    .pc-col3 &gt; div img {
        max-width: 50%;
    }
}
.check_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.check_table th,
.check_table td {
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
    border: 1px #999 solid;
}
.check_table th {
    width: 45px;
}
@media (min-width: 768px) {
    .check_table {
        font-size: 16px;
    }
    .check_table th {
        width: 65px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.check_table.type01 tr td:nth-of-type(1) {
    width: 70px;
}
.check_table.type01 tr td:nth-of-type(3) {
    width: 70px;
}
@media (min-width: 768px) {
    .check_table.type01 tr td:nth-of-type(3) {
        width: 140px;
    }
}

.check_table.type02 {
    table-layout: fixed;
}
.check_table.type02 th {
    border-right: none;
}
.check_table.type02 td {
    /* border-left: none; */
    padding-left: 0;
}
.check_table.type02 .icons {
    display: inline-block;
    vertical-align: middle;
    max-width: 45%;
    margin-right: 5%;
}
.check_table.type02 .icons img {
    vertical-align: bottom;
    margin-right: 2%;
}
.check_table.type02 .icons.dob img {
    max-width: 48%;
}

.check_table .checkmark {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    border: 1px #999 solid;
    vertical-align: middle;
    box-sizing: border-box;
}
.check_table .checkmark.checked {
    background: #ffffff;
    border: 1px solid #da4009;
    position: relative;
}
.check_table .checkmark.checked::before {
    position: absolute;
    content: '';
    width: 25px;
    aspect-ratio: 28 / 22;
    background: url(../img/icon_check.webp) no-repeat center / contain;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
}
.check_table.type02.type02_01 td {
    padding: 0;
}
.check_table.type02.type02_01 td .check_ttl {
    padding: 5px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #999;
}
.check_table.type02.type02_01 td .check_ttl.check {
    background-color: #fde9e3;
}
.check_table.type02.type02_01 td figure {
    padding: 0px;
    max-width: 60%;
    margin-right: 0;
}
.check_table.type02.type02_01 .icons.dob img {
    max-width: 100%;
}
.check_table.type01 tr td.required span,
.check_table.type01 tr td.a_set span {
    border: 1px solid #da4009;
    background-color: #ffffff;
    color: #da4009;
    padding: 0 5px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}
.check_table.type01 tr td:nth-of-type(1) {
    border-right: none;
    width: 50px;
}
.check_table.type01 tr td:nth-of-type(2) {
    border-left: none;
    border-right: none;
    padding-left: 0;
    padding-right: 0;
}
.check_table.type01 tr td:nth-of-type(3) {
    border-left: none;
    width: 90px;
}
@media (min-width: 768px) {
    .check_table.type01 tr td:nth-of-type(3) {
        width: 120px;
    }
}
.check_table.type01 th.check,.check_table.type01 td.check {
    background-color: #fde9e3;
}
.check_table.type01 figure {
    background-color: #ffffff;
    border: 1px solid #999;
}
.check_table.type01 .checkmark {
    border: 1px solid #da4009;
}

.check_table.type01 tr th,
.check_table.type01 tr td {
    border-color: #da4009;
}
.check_table.type01 tr td {
    padding: 5px;
}
.bo_box_gray.fz-14 p {
    font-size: 14px;
    margin-top: 0;
}
@media (min-width: 768px) {
    .bo_box_gray.fz-14 p {
        font-size: 16px;
    }
}
.bo_box_gray.fz-14 p .c_fontXL {
    font-size: 350%;
}
.bo_box_gray.fz-14.orange_box {
    border-color: #da4009;
}
.bo_box_gray.fz-14.orange_box p {
    color: #da4009;
}
.c_colorOrange {
    color: #da4009;
}
.bo_box_gray.fz-14 p .c_fontM {
    font-size: 200%;
}
@media (min-width: 768px) {
    .d-md-flex {
        display: flex;
        justify-content: space-between;
    }
    .d-md-flex .f_left,
    .d-md-flex .f_right {
        width: 49%;
    }
}
</pre></body></html>