@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");
/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
/* line 5, ../sass/_content.scss */
.nisa {
  margin-top: 11px;
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #000;
}
/* line 10, ../sass/_content.scss */
.nisa .en {
  font-family: "Montserrat", sans-serif;
}
/* line 13, ../sass/_content.scss */
.nisa img {
  max-width: 100%;
}
/* line 16, ../sass/_content.scss */
.nisa .pc-none {
  display: none;
}
/* line 19, ../sass/_content.scss */
.nisa .nisa_btn {
  margin-top: 48px;
}
/* line 21, ../sass/_content.scss */
.nisa .nisa_btn ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
/* line 25, ../sass/_content.scss */
.nisa .nisa_btn ul li {
  width: calc(50% - 9px);
}
/* line 27, ../sass/_content.scss */
.nisa .nisa_btn ul li a {
  display: inline-flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  width: 100%;
  height: 80px;
  padding: 0 24px;
  background: linear-gradient(30deg, #d94850 30%, #c11e25);
  border-radius: 10px;
  position: relative;
  transition: 0.6s;
}
/* line 41, ../sass/_content.scss */
.nisa .nisa_btn ul li a:hover {
  opacity: 0.6;
}
/* line 44, ../sass/_content.scss */
.nisa .nisa_btn ul li a:after {
  content: url(/other/kojin/tameru/toushin/nisa/img/arrow-wh.svg);
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 0;
}
/* line 57, ../sass/_content.scss */
.nisa .sub_nav ul {
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
/* line 62, ../sass/_content.scss */
.nisa .sub_nav ul li {
  width: 25%;
  border-left: 1px solid #fff;
}
/* line 65, ../sass/_content.scss */
.nisa .sub_nav ul li:first-of-type {
  border-left: none;
}
/* line 68, ../sass/_content.scss */
.nisa .sub_nav ul li a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 56px;
  background: #fce7e2;
  color: #db4952;
  font-weight: 700;
  padding: 0 32px;
  position: relative;
  transition: 0.6s;
}
/* line 80, ../sass/_content.scss */
.nisa .sub_nav ul li a:hover {
  opacity: 0.6;
}
/* line 83, ../sass/_content.scss */
.nisa .sub_nav ul li a:after {
  content: url(/other/kojin/tameru/toushin/nisa/img/arrow.svg);
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 0;
}
/* line 91, ../sass/_content.scss */
.nisa .sub_nav ul li a > span {
  display: inline-flex;
  height: 36px;
  width: 36px;
  background-color: #db4952;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 6px;
  text-align: center;
}
/* line 102, ../sass/_content.scss */
.nisa .sub_nav ul li a > span.sm-text {
  font-size: 12px;
  line-height: 1.2;
}
/* line 110, ../sass/_content.scss */
.nisa .sub_nav + section {
  margin-top: 48px;
}
/* line 112, ../sass/_content.scss */
.nisa .sub_nav + section h3 {
  margin-top: 64px;
}
/* line 114, ../sass/_content.scss */
.nisa .sub_nav + section h3 img {
  max-width: 554px;
  width: 100%;
}
/* line 119, ../sass/_content.scss */
.nisa .sub_nav + section .summary {
  margin-top: 48px;
}
/* line 121, ../sass/_content.scss */
.nisa .sub_nav + section .summary p {
  font-size: 24px;
  font-weight: 700;
  line-height: calc(40 / 24);
  letter-spacing: 0.02em;
}
/* line 126, ../sass/_content.scss */
.nisa .sub_nav + section .summary p span {
  color: #db4952;
}
/* line 130, ../sass/_content.scss */
.nisa .sub_nav + section .summary + p {
  line-height: calc(36 / 16);
  font-size: 16px;
  margin-top: 32px;
}
/* line 136, ../sass/_content.scss */
.nisa .sub_nav + section .example {
  margin-top: 48px;
  padding: 48px 112px;
  border: 1px solid #f9d1c8;
  border-radius: 10px;
}
/* line 141, ../sass/_content.scss */
.nisa .sub_nav + section .example h2 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  display: block;
  width: max-content;
  margin: 0 auto;
  border-bottom: 2px dotted #db4952;
  line-height: 1;
  padding-bottom: 11px;
}
/* line 152, ../sass/_content.scss */
.nisa .sub_nav + section .example img {
  margin-top: 48px;
}
/* line 156, ../sass/_content.scss */
.nisa .sub_nav + section .text-center {
  margin-top: 48px;
  text-align: center;
}
/* line 160, ../sass/_content.scss */
.nisa .sub_nav + section .lg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  font-weight: 700;
  width: calc(100% - 64px);
  height: 150px;
  padding: 0 32px;
  background: linear-gradient(30deg, #d94850 30%, #c11e25);
  border-radius: 10px;
  position: relative;
  transition: 0.6s;
}
/* line 175, ../sass/_content.scss */
.nisa .sub_nav + section .lg-btn:hover {
  opacity: 0.6;
}
/* line 178, ../sass/_content.scss */
.nisa .sub_nav + section .lg-btn:after {
  content: url(/other/kojin/tameru/toushin/nisa/img/arrow-wh-lg.svg);
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 0;
}
/* line 187, ../sass/_content.scss */
.nisa .sub_nav + section + section {
  margin-top: 80px;
}
/* line 189, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray {
  background: #f9f8f7;
  border-radius: 10px;
  padding: 48px 32px;
}
/* line 193, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray + .bg-gray, .nisa .sub_nav + section + section .bg-gray + .sub_nav {
  margin-top: 48px;
}
/* line 197, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title {
  display: flex;
  align-items: center;
}
/* line 200, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title p {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #db4952;
  border-radius: 20px;
  line-height: 1;
  padding: 7px 13px;
  margin-left: 16px;
  color: #db4952;
}
/* line 211, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}
/* line 215, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title h2 span {
  font-size: 44px;
  color: #db4952;
}
/* line 218, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title h2 span.sm {
  font-size: 38px;
}
/* line 223, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .title + p {
  margin-top: 36px;
  line-height: calc(36 / 16);
}
/* line 228, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area {
  margin-top: 32px;
}
/* line 230, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul {
  display: flex;
  justify-content: space-between;
}
/* line 233, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li {
  width: calc((100% - 40px) / 3);
  /*btn*/
}
/* line 235, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .wrap {
  position: relative;
  height: 100%;
}
/* line 238, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .wrap:after {
  content: url(/other/kojin/tameru/toushin/nisa/img/img/fukidashi.svg);
  z-index: 1;
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translate(-50%, -2%);
  line-height: 1;
}
/* line 248, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .message-box {
  background: #ffffff;
  border: 1px solid #dbd6d1;
  border-radius: 10px;
  padding: 24px 16px;
  height: 100%;
}
/* line 255, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .message-box ul li {
  margin-top: 16px;
  padding-left: 16px;
  position: relative;
}
/* line 259, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .message-box ul li:first-of-type {
  margin-top: 0;
}
/* line 262, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li .message-box ul li:before {
  display: inline-block;
  content: url(/other/kojin/tameru/toushin/nisa/img/img/list-style.svg);
  position: absolute;
  left: 0;
  top: 4px;
  line-height: 1;
}
/* line 274, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 56px;
  background: linear-gradient(30deg, #d94850 30%, #c11e25);
  color: #fff;
  font-weight: 700;
  padding: 0 32px;
  position: relative;
  margin-top: 30px;
  border-radius: 10px;
  font-size: 24px;
  transition: 0.6s;
}
/* line 289, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li a:hover {
  opacity: 0.6;
}
/* line 292, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li a:after {
  content: url(/other/kojin/tameru/toushin/nisa/img/arrow-wh.svg);
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 0;
}
/* line 300, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li a > span {
  font-size: 16px;
  display: inline-flex;
  height: 36px;
  width: 36px;
  background-color: #fff;
  color: #db4952;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 6px;
}
/* line 311, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .btn-area > ul > li a > span.sm-text {
  font-size: 12px;
  line-height: 1.2;
}
/* line 320, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail {
  margin-top: 16px;
}
/* line 322, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail table {
  font-size: 14px;
}
/* line 325, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail table tr th {
  background: #a79d95;
  color: #fff;
  padding: 10px 16px;
}
/* line 331, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail table tr th,
.nisa .sub_nav + section + section .bg-gray .detail table tr td {
  text-align: left;
  line-height: 1;
}
/* line 336, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail table tr td {
  padding: 16px;
  border-left: 2px solid #ededed;
  background: #fff;
  line-height: calc(21 / 14);
}
/* line 341, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail table tr td:first-of-type {
  border-left: none;
}
/* line 347, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice {
  font-size: 12px;
  margin-top: 24px;
}
/* line 350, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li {
  padding-left: 28px;
  position: relative;
  margin-top: 12px;
  line-height: calc(21 / 12);
}
/* line 355, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li:before {
  position: absolute;
  left: 0;
}
/* line 359, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li:first-of-type {
  margin-top: 0;
}
/* line 361, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li:first-of-type:before {
  content: "※1";
}
/* line 366, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li:nth-of-type(2):before {
  content: "※2";
}
/* line 371, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .detail .notice li:nth-of-type(3):before {
  content: "※3";
}
/* line 378, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .nisa_btn {
  margin-top: 32px;
}
/* line 380, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .nisa_btn .message {
  text-align: center;
  font-weight: 700;
  background-image: url(/kojin/tameru/toushin/nisa/img/image-03.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom 6px;
  max-width: 276px;
  margin: 0 auto;
  width: 100%;
}
/* line 391, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .nisa_btn a {
  margin-top: 16px;
  font-size: 20px;
  height: 64px;
}
/* line 397, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .link {
  margin-top: 32px;
}
/* line 399, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .link p {
  margin-top: 0;
}
/* line 401, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .link p a,
.nisa .sub_nav + section + section .bg-gray .link p span {
  color: #db4952;
  font-weight: 700;
}
/* line 406, ../sass/_content.scss */
.nisa .sub_nav + section + section .bg-gray .link p .sepa {
  margin: 0 16px;
}
/* line 415, ../sass/_content.scss */
.nisa .scroll-area {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 90px;
  width: 100%;
  background: #fce7e2;
  z-index: 2;
  transition: 0.6s;
  transform: translate(0, 100%);
  overflow: auto;
}
/* line 426, ../sass/_content.scss */
.nisa .scroll-area.on {
  transform: translate(0, 0);
}
/* line 429, ../sass/_content.scss */
.nisa .scroll-area .nisa_btn {
  height: 100%;
  margin-top: 0;
  width: 1000px;
  margin: 0 auto;
  padding-right: 260px;
}
/* line 435, ../sass/_content.scss */
.nisa .scroll-area .nisa_btn ul {
  height: 100%;
  align-items: center;
}
/* line 439, ../sass/_content.scss */
.nisa .scroll-area .nisa_btn ul li a {
  height: 56px;
}


