@charset "UTF-8";
/* CSS Document */
:root {
	--link-color: #0D6AB6;
  --link-color-border: #B4D8FF;
  --form-outline-focus: #B4D8FF;
  --separator-color: rgba(0, 0, 0, 0.08);
  --button-background-color-hover: #F8F8F8;
  --transition-speed: 0.15s;
  --transition-speed-accordions: 0.25s;
}
a {
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
  transition: all var(--transition-speed);
}

a:focus-visible {
  outline: 2px solid var(--form-outline-focus);
}

main {
  background-color: #ffffff;
  overflow: hidden;
}
.app {
    text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: inline-flex;
}
.app_content {
    max-width: 450px;
    background-color: #fdedda;
    border-right: 1px solid #dcdcdc;
	padding-bottom: 30px;
}
.app_content h3 {
    background-color: #fdedda;
    color: #000;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.center {
  text-align: center !important;
}
.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.btn_top {
  text-align: right;
  padding: 0 20px 20px 0;
  font-size: 14px;
  background: #f3f3f3;
}
.btn_top a span {
  color: #003e70;
}
.btn_top a {
  color: #000;
}
.guide_body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.guide_ttl {
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.guide_ttl table {
  margin: 0 auto;
}
.guide_ttl tbody {
  border: 1px solid #dfdfdf;
}
.guide_ttl tr {
  background-color: #ef8600;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.guide_content {
  background-color: #ffffff;
  padding: 40px 0;
  position: relative;
}
.small {
  font-size: 70%;
}

.print {
  border: 1px solid #003e70;
  position: absolute;
  padding: 10px;
  width: 120px;
  padding-left: 45px;
  color: #003e70;
  top: 40px;
  right: 60px;
}
.print p {
  font-size: 13px;
}
.print::before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  width: 25px;
  height: 26px;
  background-size: 25px 26px;
  transform: translate(0, -50%);
  background: url('../img/print.png') no-repeat;
  content: '';
}
.guide_ttl td:last-child {
  font-size: 22px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  font-weight: bold;
}
.guide_btn_box {
  display: flex;
  max-width: 1000px;
  margin: 30px auto 0;
}
.guide_btn_box a {
  border: 1px solid #003e70;
  padding: 30px 0;
  background-color: #fff;
  color: #003e70;
  width: 41vw;
  max-width: 430px;
  text-align: center;
  height: 11vh;
  position: relative;
  margin: 0 auto;
}
.guide_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}
.guide_btn p {
  font-size: 15px;
}
.guide_btn table {
  margin: 0 auto;
}
.guide_btn_box a:last-child {
  margin-left: 40px;
}
.guide_btn h3 {
  font-size: 20px;
  font-weight: bold;
}
.guide_btn td {
  position: relative;
}
.arrow02 {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 18px;
  height: 8px;
  transform: translate(0, -25%);
}
@media screen and (min-width: 641px) {
  .guide_body {
    gap: 24px;
  }
}
/* -------------------------------
  #guide_menu
---------------------------------*/
#guide_menu {
  max-width: 864px;
	margin: 40px auto;
}

@media screen and (min-width: 641px) {
  #guide_menu {
    margin: 64px auto;
  }
}
.guide_header_txt {
  text-align: center;
  font-size: 18px;
}
.guide_menu {
  max-width: 940px;
  display: flex;
  margin: auto;
}
.guide_menu+.guide_menu{
	margin-top: 30px;
}
@media screen and (max-width: 768px){
	.guide_menu+.guide_menu{
	margin-top: 16px;
}
}
.guide_menubox {
  background-color: #FFFFFF;
  border: 1px solid #EAEAEA;
  width: 455px;
}
.guide_menubox .guide_box2 ul {
  list-style: none;
}
.guide_menubox .guide_box2 li {
  line-height: 2;
  text-indent: 0;
}
.guide_menubox .guide_box2 li::before {
  content: '・';
}
.guide_menubox:last-child {
  margin-left: 30px;
}
@media screen and (max-width: 768px){
	.guide_menubox:last-child {
  margin-left: 16px;
}
}
.guide_box {
  background-color: #3A66BB;
	border-bottom: 1px solid #EAEAEA;
	position: relative;
}
.guide_box::after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url('../img/ic_arrow_right.svg') no-repeat;
  background-size: 9px 15px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 800px){
	.guide_menu:first-of-type .guide_menubox:first-of-type .guide_box::after {
	  position: absolute;
	  top: 70%;
	  right: 16px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 800px){
	.guide_menu:first-of-type .guide_menubox:last-of-type .guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 16px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 800px){
	.guide_menu:last-of-type .guide_menubox:last-of-type .guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 16px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 640px){
	.guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 16px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 640px){
	.guide_menu:first-of-type .guide_menubox:first-of-type .guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 16px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 640px){
	.guide_menu:first-of-type .guide_menubox:last-of-type .guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 15px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
@media screen and (max-width: 640px){
	.guide_menu:last-of-type .guide_menubox:last-of-type .guide_box::after {
	  position: absolute;
	  top: 50%;
	  right: 15px;
	  content: '';
	  display: inline-block;
	  width: 9px;
	  height: 15px;
	  background: url('../img/ic_arrow_right.svg') no-repeat;
	  background-size: 9px 15px;
	  transform: translate(0, -50%);
	}
}
.guide_box:hover {
  opacity: 0.8;
  transition: all 0.3s;
}
.guide_box h3 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.fl {
  float: left;
  padding-right: 30px;
}
.guide_box td:last-child {
  vertical-align: middle;
  padding: 4px 28px 4px 12px;
}
/*.guide_box .ttl {
  width: 390px;
}*/
.guide_box2 ul {
  font-size: 14px;
  list-style: disc;
  text-indent: 14px;
  padding: 20px;
}
@media screen and (max-width: 974px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  #guide_menu {
    padding: 0 24px;
  }
  .guide_box .ttl {
    width: auto !important;
  }
  .guide_ttl td:last-child {
    text-align: left;
    font-size: 1.2em;
  }
  .guide_box h3 {
    font-size: 1em;
  }
  .guide_box td:first-child {
    background-color: #fff;
    vertical-align: middle;
  }
}

@media screen and (max-width: 881px) {
  .guide_content {
    padding: 90px 0 40px;
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .guide_btn {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: initial;
    width: auto;
  }
  .guide_btn_box {
    width: 100%;
  }
  .guide_ttl {
    width: 100%;
  }
  .guide_ttl td:first-child {
    background-color: #fff;
    vertical-align: middle;
  }
  .print {
    top: 20px;
    right: 0;
  }

  .guide_ttl td:last-child {
    text-align: center;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 640px) {
  .guide_menu {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .guide_menubox {
    width: 90%;
    display: block;
    margin: 30px auto;
  }
	.guide_menubox:first-child{
		margin: 0 auto;
	}
  .guide_menubox:last-child {
	  margin: 30px auto 0;
  }
  .guide_box td:last-child {
    width: 80% !important;
  }
}
.guide_menu_ttl{
  width: 100%;
  color: #003e70;
    text-align: center;
  font-size: 2.4rem;
  padding-top: 16px;
  padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.guide_menu_wrap{
  padding: 40px 0 60px;
  background-color: #F6F6F6;
}
@media screen and (max-width: 974px){
	.guide_menu_wrap{
	  padding: 30px 24px 40px;
	}
}
@media screen and (max-width: 768px){
	.guide_menu_wrap{
	  padding: 30px 16px 40px;
	}
}
@media screen and (max-width: 640px){
	.guide_menu_wrap{
	  padding: 30px 0 40px;
	}
    .guide_menu_ttl {
      font-size: 2.0rem;
    }
}

/*----------------------
guide
---------------------*/
#menu01 {
  background: #ffffff;
  padding-bottom: 50px;
}
.menu01_ttl {
  background-color: #003e70;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 30px;
}
.menu01_ttl h3 {
  font-size: 26px;
  font-weight: bold;
}
.menu01_box {
  display: flex;
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  max-width: 1000px;
  margin: 0 auto;
}

.menu01_txt {
  display: block;
  text-indent: 0 !important;
  text-align: center !important;
  margin: 30px auto;
}
.menu01_box h3 {
  color: #003e70;
  text-align: center;
  font-size: 22px;
  padding: 30px 0;
  line-height: 1;
}
.menu01_box table {
  margin: 0 auto;
}
.menu01_box td {
  vertical-align: middle;
}
.menu01_box p {
  font-size: 15px;
  text-align: left;
  text-indent: -15px;
  padding-left: 15px;
}
.menu01_box img {
  display: block;
  text-align: center;
  margin: 20px auto 35px;
}
.menu01_pc {
  padding: 0 30px;
}
.menu01_smpweb {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  padding: 0 30px;
}
.menu01_smpapp {
  position: relative;
  padding: 0 30px;
}

.menu01_1_ttl h3 {
  font-size: 26px;
}

.menu02_ttl {
  background-color: #003e70;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 30px;
}
.menu02_ttl h3 {
  font-size: 26px;
  font-weight: bold;
}
.menu02_box {
border: 1px solid #ffffff;
  background-color: #ffffff;
  max-width: 1000px;
padding-bottom: 24px;
	margin: 0 auto;
  display: block;
  text-align: center;
}
.menu02_box h3 {
  color: #003e70;
  text-align: center;
  font-size: 22px;
  padding: 30px 0;
  line-height: 1;
}
.menu02_box-label {
  border-bottom: none;
  background-color: #fff;
  padding: 10px 50px;
}
.menu02_txt {
  display: block;
  text-indent: 0 !important;
  text-align: center;
  max-width: 680px;
  margin: 30px auto;
}

.menu02_box p {
  font-size: 15px;
  text-align: left;
  text-indent: -15px;
  padding-left: 15px;
}
.menu02_box img {
  display: block;
  text-align: center;
  margin: 20px auto 35px;
}
.menu02_box .small {
  font-size: 70%;
}
.menu02_pc {
  padding: 0 30px;
  display: inline-block;
}
.menu02_box-label {
  border-bottom: none;
  background-color: #fff;
  padding: 10px 50px;
}
.menu02_box-g {
border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  max-width: 1000px;
padding-bottom: 24px;
	margin: 0 auto;
  display: block;
  text-align: center;
}
.menu02_box-g h3 {
  color: #003e70;
  text-align: center;
  font-size: 22px;
  padding: 30px 0;
  line-height: 1;
}

.menu02_box-g p {
  font-size: 15px;
  text-align: left;
  text-indent: -15px;
  padding-left: 15px;
}
.menu02_box-g img {
  display: block;
  text-align: center;
  margin: 20px auto 35px;
}
.menu02_box-g .small {
  font-size: 70%;
}
  .menu02_box-g p {
    text-align: center;
  }
.menu02_box-g .menu03_box{
 background-color: #f6f6f6!important;
max-width:800px;
}
.menu02_txt {
  display: block;
  text-indent: 0 !important;
  text-align: center;
  max-width: 680px;
  margin: 30px auto;
}
.menu02_pc li {
  text-align: left;
  list-style: none;
  font-size: 15px;
  text-indent: -15px;
  padding-left: 15px;
}
.menu02_smpapp {
  padding: 0 30px;
  display: inline-block;
  border-left: 1px solid #cdcdcd;
  vertical-align: top;
}
.menu02_smpapp_2 {
  padding: 0 30px;
  display: inline-block;
  border-left: 1px solid #cdcdcd;
  vertical-align: top;
}
.menu02_smpapp table {
  margin: 0 auto;
}
.menu02_smpapp td {
  vertical-align: middle;
}

.menu02_smpapp_2 table {
  margin: 0 auto;
}
.menu02_smpapp_2 td {
  vertical-align: middle;
}
.menu02_smp {
  padding: 0 30px;
  display: inline-block;
  border-left: 1px solid #cdcdcd;
  vertical-align: top;
}
@media screen and (max-width: 881px) {
  #menu01 {
    width: 90%;
    margin: 0 auto;
  }
  .menu01_box {
    display: block;
    text-align: center;
  }
  .menu01_box p {
    font-size: 15px;
    text-align: center;
    text-indent: 0;
    padding-left: 0;
  }
  .menu01_pc {
    padding: 0 30px;
    border-bottom: 1px solid #cdcdcd;
  }
  .menu01_smpweb {
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    padding: 0 30px;
  }
  .menu01_smpapp {
    border-bottom: none;
    padding: 0 30px;
  }
  .menu01_1_ttl h3 {
    font-size: 1.3em;
  }
  .menu02_tips {
    width: 90%;
  }
  .menu02_smpapp {
    display: inline;
    border-left: none;
  }
  .menu02_box-label {
    padding: 12px 0px;
  }
  .menu02_box p {
    text-align: center;
  }
  .smp01 {
    left: 31% !important;
  }
  .smp02 {
    left: 27% !important;
  }
}
.smpapp {
  position: relative;
}
.smp01 {
  position: absolute;
  top: 250px;
  left: 15px;
}
.smp02 {
  position: absolute;
  bottom: 225px;
  left: -3px;
  text-align: left !important;
}
.menu02_tips {
  background-color: #fdedda;
  max-width: 900px;
  padding: 25px 50px;
  margin: 40px auto;
}
.tips_ttl {
  border-bottom: 1px solid #000;
  max-width: 800px;
  margin: 0 auto;
}
.tips_ttl h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 10px 0;
  color: #000;
}
.menu02_tips ul {
  list-style: none;
}
.menu02_tips li {
  line-height: 1.5;
  text-indent: 0;
}
.menu02_tips li::before {
  content: '・';
}
.menu03_tips ul {
  list-style: none;
}
.menu03_tips li {
  line-height: 1.5;
  text-indent: 0;
}
.menu03_tips li::before {
  content: '・';
}
.menu02_tips p {
  text-align: left;
  margin: 10px auto;
  max-width: 800px;
}
.menu02_tips img {
  margin-bottom: 0;
}
.menu02_tips table {
  text-align: left;
  margin-top: 20px;
}
.menu02_tips td:first-child {
  padding-right: 10px;
}
.menu02_tips td {
  padding: 5px 0;
  letter-spacing: 0;
  vertical-align: middle;
}
.menu02_tips ul {
  text-indent: 16px;
  margin-top: 20px;
}
.menu02_tips td img {
  margin: 0 !important;
}
.btn {
  background-color: #fff;
  padding: 10px;
  width: 430px;
  margin: 14px auto;
  color: #003e70;
  text-align: center;
  position: relative;
  display: block;
}
.btn p {
  font-size: 16px;
}
.btn p::after {
  position: absolute;
  top: 50%;
  right: 22px;
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url("../img/ic_arrow_right_02.svg") no-repeat;
  background-size: 9px 15px;
  transform: translate(0, -50%);
}
/*R1R2向けCSSには入ってないのでコメントアウト
@media screen and (max-width: 400px) {
	.btn p::after {
	  position: absolute;
	  top: 64%;
	  right: 35%;
	  content: '';
	  display: inline-block;
	  width: 7.43px;
	  height: 13px;
	  background: url("../img/ic_arrow_right_02.svg") no-repeat;
	  background-size: 7.43px 13px;
	  transform: translate(0, -50%);
	}
}
  */
@media screen and (max-width: 369px) {
	.btn p::after {
	  position: absolute;
    top: 50%;
	  right: 6%;
	  content: '';
	  display: inline-block;
	  width: 7.43px;
	  height: 13px;
	  background: url("../img/ic_arrow_right_02.svg") no-repeat;
	  background-size: 7.43px 13px;
	  transform: translate(0, -50%);
	}
}
.btn_jinji {
  background-color: #fff;
  padding: 10px;
  width: 430px;
  margin: 0 auto 30px;
  color: #fff;
  text-align: center;
  position: relative;
  border: 1px solid #013e71;
  display: block;
}
.btn_jinji p {
  font-size: 18px;
  color: #013e71;
  font-weight: bold;
}
.btn_jinji p::after {
  position: absolute;
  top: 50%;
  right: 22px;
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(../img/ic_arrow_right_02.svg) no-repeat;
  background-size: 9px 15px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 881px) {
  .btn {
    width: 90%;
    padding: 20px 30px 20px 20px;
  }

  .guide_btn_box {
    display: block;
  }
  .guide_btn_box a {
    width: 90%;
    display: block;
    height: auto;
    padding: 10px 0;
  }
  .guide_btn_box a:last-child {
    margin: 30px auto 0;
  }
  .btn_jinji {
    width: 90%;
  }
}
@media screen and (max-width: 320px) {
  .guide_btn p {
    padding-bottom: 0;
  }
  .guide_btn h3 {
    font-size: 17px;
  }
}
.guide_btn span{
padding: 2px 4px;
margin: 4px;
background-color: #eb1400;
font-size: 1.2rem;
color: #fff;
font-weight: bold;
}
/*
水色帯
*/
.menu01_1box_txt {
  padding-bottom: 40px;
  font-size: 15px;
  text-align: center;
}
.menu01_1 {
  background: #ffffff;
  padding-bottom: 50px;
}
.menu01_1_ttl {
  background-color: #003e70;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 30px;
}
.menu01_1box {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 50px;
    background: #f6f6f6;
}
.menu01_1box-label {
  border-bottom: none;
  background-color: #fff;
  padding: 10px 50px;
}

@media screen and (max-width: 881px) {
  .menu01_1 {
    width: 90%;
    margin: 0 auto;
  }
  .menu01_1box_txt {
    font-size: 1em;
    text-align: left;
    padding: 0 10px 20px 10px;
  }
}
.follow {
  display: flex;
  max-width: 770px;
  width: 100%;
  margin: 0 auto 30px;
}
.follow a {
  color: #193e6f;
  text-decoration: underline;
}
.follow ul {
  max-width: 260px;
  width: 33.3%;
  border-left: 1px solid #cdcdcd;
  padding: 30px;
}
.follow ul:first-child {
  padding-left: 0;
  border-left: none;
  padding-right: 30px;
}
.follow ul:last-child {
  padding-right: 0;
}
.follow li {
  list-style: none;
}
.follow h4 {
  color: #003e70;
  padding-bottom: 20px;
}
.follow02 {
  display: flex;
  max-width: 810px;
  width: 100%;
  margin: 0 auto 40px;
}
.follow02_box a {
  color: #193e70;
  text-decoration: underline;
}
.follow02_box {
  vertical-align: middle;
  padding: 60px 30px 60px 0;
}
.follow02_box ul {
  padding-bottom: 30px;
}
.follow02_box ul:last-child {
  padding-bottom: 0;
}
.follow02_box li {
  list-style: none;
}
@media screen and (min-width: 881px){
.follow02_box-img{
width: 60%;
}
}
.follow02_box_title-viwer{
font-size: 3.0rem;
font-weight: bold;
color: #003e70;
}
@media screen and (max-width: 880px) {
.follow02_box_title-viwer{
font-size: 2.0rem;
margin: 24px auto 0;
text-align: center;
}
  }
@media screen and (max-width: 881px) {
  .menu01_1box {
    width: 100%;
    padding: 12px 0 24px;
  }
  .follow ul:first-child {
    padding-left: 0;
    border-left: none;
    padding-right: 0;
  }
  .follow {
    display: block;
  }
  .follow ul {
    width: 100%;
    max-width: 90%;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    padding: 30px 0;
    margin: 0 auto;
  }
  .follow ul:last-child {
    border-bottom: none;
  }
  .follow02 {
    display: block;
  }
  .follow02_box {
    vertical-align: middle;
    padding: 60px 30px;
  }
  .follow02 img {
    margin: 0 auto;
    display: block;
  }
}
.guide_content3 {
  margin-bottom: 35px;
}
.small02 {
  font-size: 70%;
  line-height: 1.5;
  text-indent: 0;
  margin-left: -26px;
}
.guide_content3 {
  background-color: #fff;
}
.guide_box3_box ul {
  font-size: 15px;
  text-indent: -25px;
  padding-left: 25px;
  margin-bottom: 20px;
}
.guide_box3_box {
  display: flex;
  background-color: #fff;
  padding: 0 40px 30px;
}
.guide_box3_box img {
  margin: 0 auto 40px;
  display: block;
}
.guide_box3_box li {
  list-style: none;
  padding-bottom: 15px;
}
.guide_content3 h3 {
  background-color: #333333;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  font-weight: bold;
  font-size: 20px;
}
.guide_box4 {
  padding-right: 40px;
  max-width: 430px;
  width: 50%;
}
.guide_box4 a {
  color: #193e6f;
  text-decoration: underline;
}
.guide_box5 {
  border-left: 1px solid #cdcdcd;
  padding-left: 30px;
  max-width: 430px;
  width: 50%;
}
.guide_box5 table {
  margin: 20px auto 0;
}
.guide_box5 td h3 {
  background-color: #fff !important;
  color: #003e70;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  line-height: 1;
}
.guide_box5 td {
  padding-bottom: 0;
}
.guide_box5 td img {
  vertical-align: middle;
  padding: 15px 0;
  margin-bottom: 10px;
}
.guide_box5 td:last-child {
  vertical-align: middle;
}
.guide_box4 p,
.guide_box5 p {
  font-size: 15px;
}
.guide_content4 {
  background-color: #fdedda;
}
.guide_box4_box ul {
  font-size: 15px;
  text-indent: -25px;
  padding-left: 25px;
  margin-bottom: 20px;
}
.guide_box4_box {
  display: flex;
  padding: 0 40px 30px;
}
.guide_box4_box img {
  margin: 0 auto 40px;
  display: block;
}
.guide_box4_box li {
  list-style: none;
}
.guide_content4 h3 {
  background-color: #003e70;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}
.guide_box6 {
  padding-right: 20px;
}
.guide_box7 {
  border-left: 1px solid #cdcdcd;
  padding: 0 30px;
}
.guide_box8 {
  border-left: 1px solid #cdcdcd;
  padding-left: 30px;
}
.guide_box8 table {
  margin: 20px auto 0;
}
.guide_box8 td h3 {
  background-color: #fdedda;
  color: #003e70;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  line-height: 1;
}
.guide_box8 td {
  padding-bottom: 0;
}
.guide_box8 td img {
  vertical-align: middle;
  padding: 15px 0;
  margin-bottom: 10px;
}
.guide_box8 td:last-child {
  vertical-align: middle;
}

.guide_box9 ul,
.guide_box10 ul,
.guide_box11 ul {
  text-indent: 0;
  padding-left: 0;
}
.guide_box9 {
  padding-right: 20px;
  max-width: 260px;
}
.guide_box10 {
  border-left: 1px solid #cdcdcd;
  padding: 0 30px;
  max-width: 300px;
}
.guide_box11 {
  border-left: 1px solid #cdcdcd;
  padding-left: 30px;
  max-width: 260px;
}
.guide_box11 table {
  margin: 20px auto 0;
}
.guide_box11 td h3 {
  background-color: #fff;
  color: #003e70;
  text-align: center;
  margin: 0 auto;
  font-size: 22px;
  line-height: 1;
}
.guide_box11 td {
  padding-bottom: 0;
}
.guide_box11 td img {
  vertical-align: middle;
  padding: 15px 0;
  margin-bottom: 10px;
}
.guide_box11 td:last-child {
  vertical-align: middle;
}

@media screen and (max-width: 881px) {
  .guide_box3_box {
    display: block;
  }
  .guide_box3_box {
    padding: 0 0 30px;
  }
  .guide_box3_box ul {
    width: 90%;
    margin: 0 auto;
  }
  .guide_box3_box img {
    padding: 0 20px;
  }
  .guide_content3 {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
  }
  .guide_content4 {
    width: 90%;
    margin: 0 auto;
  }
  .guide_box4 {
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #cdcdcd;
    padding: 0;
  }
  .guide_box4_box {
    display: block !important;
    padding: 0 20px 0;
  }
  .guide_box5 {
    border-left: none;
    padding-left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .guide_box6 {
    padding-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  .guide_box7 {
    border-left: none;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 30px;
  }
  .guide_box8 {
    border-left: none;
    padding-left: 0;
    padding-bottom: 30px;
  }
  .guide_box9 {
    padding-right: 0;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #cdcdcd;
    max-width: 100%;
  }
  .guide_box10,
  .guide_box11 {
    border-left: none;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
  }
  .guide_box10 {
    border-bottom: 1px solid #cdcdcd;
    max-width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .guide_content3 h3 {
    padding: 15px 10px;
    font-size: 18px;
  }
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb30 {
  margin-bottom: 30px;
}
.note {
  text-align: center;
  font-size: 12px;
}
.guide_ttl02 {
  color: #003e70;
  text-align: center;
  margin: 30px auto;
  font-size: 22px;
  line-height: 1;
}
.pt30 {
  padding-top: 30px;
}
.mb10 {
  margin-bottom: 10px !important;
}
.guide_ttl02 {
  color: #003e70;
  text-align: center;
  margin: 30px auto;
  font-size: 22px;
  line-height: 1;
}

.device {
  background-color: #fff;
  margin-bottom: 40px;
  padding: 40px 20px;
}
.device img {
  display: block;
  margin: 0 auto;
}
.device_box {
  display: flex;
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.device_list {
  max-width: 290px;
  width: 33.3%;
  padding: 0 20px 30px 20px;
  border-left: 1px solid #dcdcdc;
  margin-top: 30px;
}
.device_list:first-child {
  border-left: none;
}
.device_list a {
  color: #003e70;
  text-decoration: underline;
}
.device_list h4 {
  padding: 10px 0;
  text-align: center;
  color: #2665c1;
  font-size: 22px;
}
.device_list h3 {
  background-color: #2665c1;
  color: #fff;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 18px;
  margin-bottom: 10px;
}
.device_list p {
  font-size: 15px;
  padding-bottom: 30px;
  position: relative;
}
@media screen and (max-width: 881px) {
  .device_box {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .device {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
  }
  .device_list {
    max-width: 100%;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #cdcdcd;
  }
  .device_list:last-child {
    border-bottom: none;
  }
}
.appicon_txt {
  padding: 20px 0 0 70px;
  vertical-align: middle;
}
.appicon_01::before {
  position: absolute;
  top: 40px;
  left: 0;
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../guide_10/img/guide10_app01.png) no-repeat;
  background-size: 60px 60px;
  transform: translate(0, -50%);
}
.appicon_02::before {
  position: absolute;
  top: 40px;
  left: 0;
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../guide_10/img/guide10_app02.png) no-repeat;
  background-size: 60px 60px;
  transform: translate(0, -50%);
}
.app_note {
  background-color: #3165c1;
  max-width: 250px;
  color: #fff;
  padding: 10px 5px;
  margin-bottom: 10px;
}
.app_note_list li::before {
  content: '●';
  color: #3165c1;
}
.app_content h3 {
  background-color: #fdedda;
  color: #000;
}
.app {
  text-align: center;
}
.app img:first-child {
  padding-right: 20px;
}
.app_download {
  display: flex;
  width: 100%;
  background-color: #fdedda;
}
.pb0 {
  padding-bottom: 0 !important;
}
.app_content {
  max-width: 450px;
  background-color: #fdedda;
  border-right: 1px solid #dcdcdc;
  padding:10px 16px 16px;
    margin: 16px 0;
}
@media screen and (max-width: 881px) {
  .app_content {
    width: 100%;
    max-width: 100%;
    border-right: none;
	text-align: center;
  }
  .app_note {
    max-width: 100%;
    text-align: center;
  }
  .app img:first-child {
    padding-right: 20px;
    margin: 20px auto 0;
  }
}
.menu03_box {
    background-color: #FFF;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    text-align: left;
}
.menu02_smp ul {
  padding-bottom: 20px;
}
.menu02_smp li {
  list-style: none;
  font-size: 15px;
  text-indent: -15px;
  padding-left: 15px;
}
.menu02_smp .txt {
  color: #2665c1;
  font-size: 15px;
}
.menu02_smp td {
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
}
.border_r {
  border-right: 1px solid #dcdcdc;
}
.menu_tips {
  border: 1px solid #003e70;
  padding: 30px;
  width: 620px;
  margin: 0 auto 40px;
  text-align: center;
}
.menu_tips li {
  text-align: left;
  list-style: none;
  font-size: 15px;
  text-indent: -16px;
}
.menu_tips li::before {
  content: '●';
  color: #3165c1;
}
.menu04_box {
  margin: 10px auto;
  width: 900px;
}
.menu04_box ul {
  width: 600px;
  text-align: left;
  margin: 30px auto;
  list-style: none;
}
.menu05_box {
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  max-width: 1000px;
  margin: 0 auto;
}
.border_none {
  border: none !important;
}
.txt {
  text-align: center;
  margin: 30px auto;
  font-size: 15px;
}
.menu03_txt {
  width: 800px;
  text-align: left !important;
  margin: 30px auto;
  text-indent: 0 !important;
  font-size: 15px;
  text-align: center;
  padding-left: 0 !important;
}
.menu03_tips {
  background-color: #fdedda;
  max-width: 1000px;
  padding: 25px 100px;
  margin: 0 auto;
}
.menu03_tips ul {
  text-indent: 16px;
  margin-top: 20px;
}
@media screen and (max-width:767px){
  .menu03_box {
    max-width: 100%;
    display: block;
  }
}
@media screen and (max-width: 881px) {
  .menu02_smp {
    padding: 0 30px;
    display: inline-block;
    border-top: 1px solid #cdcdcd;
	 border-left: 1px solid #f6f6f6;
  }
  .menu_tips {
    width: 90%;
  }
  .menu04_box {
    margin: 10px auto;
    width: 100%;
  }
  .menu04_box ul {
    width: 90%;
  }
  .menu02_tips {
    width: 90%;
    padding: 25px;
  }
  .menu02_tips li {
    line-height: 1.5;
    text-indent: -16px;
    padding-left: 16px;
  }
  .menu02_tips td img {
    margin: 0 auto !important;
  }
  .menu02_tips td:first-child {
    padding-right: 0;
    width: 100%;
  }
  .menu02_tips td {
    width: 100%;
    display: block;
  }
  .menu02_tips td img {
    padding: 0;
  }
  .menu03_tips {
    background-color: #fdedda;
    max-width: 90%;
    padding: 25px 20px;
    margin: 0 auto 20px;
    width: 90%;
  }
  .menu03_txt {
    width: 90%;
  }
  .menu03_tips li {
    padding-bottom: 10px;
    text-indent: -17px;
    padding-left: 10px;
  }
  .txt {
    padding: 0 10px;
  }
}
.btn-top
{
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1;
}
.btn-circle {
  display: inline-block;
  text-decoration: none;
  background: #003e70;
  color: #FFF;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #002E53;
  transition: .4s;
}
/* -------------------------------
  houjin-hero
---------------------------------*/
.guide-hero {
  margin: 0 auto;
/*  padding-left: 96px;*/
  max-width: 864px;
  min-height: 200px;
  position:relative;
}
@media screen and (min-width: 1528px) {
  .guide-hero {
    min-height: initial;
    height: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .guide-hero {
    padding-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .guide-hero {
    padding-left: 24px;
    min-height: 100%;
  }
}
.guide-hero__main-text {
  color: #fff;
  font-size: 3.2rem;
    line-height: 1.5;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0%, -50%);
      width: max-content;
}
@media screen and (max-width: 974px) {
  .guide-hero__main-text {
    font-size: 2.8rem;
      left: 32px;
  }
}
@media screen and (max-width: 624px) {
  .guide-hero__main-text {
    font-size: 2.4rem;
    top: 24px;
      left: 50%;
      transform: translate(-50%, 0%);
      width: calc(100% - 32px);
      text-align: center;
  }
}

.guide-hero__sub-text {
  display: inline-block;
  margin-top: 82px;
  padding: 4px 16px 3px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.2;
}
@media screen and (max-width: 1279px) {
  .guide-hero__sub-text {
    margin-top: 96px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .guide-hero__sub-text {
    margin-top: 204px;
    padding: 6px 16px 5px;
    font-size: 1.6rem;
  }
}
.guide-hero__figure-wrap--bottom {
  background: #f1f1f1;
  text-align: center;
  padding-right: 16px;
  padding-left: 16px;
}
.guide-hero__figure {
  display: inline-block;
  max-width: 467px;
  width: 100%;
}
.guide-hero__figure img {
  width: 100%;
}
@media screen and (max-width: 1279px) {
  .guide-hero__figure {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .guide-hero__figure-wrap--bottom {
    padding-top: 16px;
  }
}

/* -------------------------------
  guide-hero
---------------------------------*/
.guide-hero__text-label {
  color: #333333;
  display: block;
  font-weight: 700;
}
.guide-hero__sub-text-cap {
  display: block;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
      line-height: 1.5;
  margin-top: 8px;
}
@media screen and (max-width: 1279px) {
 .guide-hero__sub-text-cap {
  font-size: 1.4rem;
 }
}
@media screen and (max-width: 768px) {
  .guide-hero__sub-text-cap {
  font-size: 1.4rem;
 }
}
@media screen and (max-width: 500px) {
 .guide-hero {
  padding-left: 11%;
  padding-right: 11%;
 }
 .guide-hero__sub-text-cap {
  font-size: 1.4rem;
 }
}
@media screen and (max-width: 768px) {
 .guide-hero {
  padding-left: 24px;
  padding-right: 24px;
  }
}

.guide-head-inner {
  background: #f1f1f1 url("../../guide_r3/img/fast_bg_lg.jpg") no-repeat top center;
background-size: cover;
  width: 100%;
    height: 200px;
    overflow: hidden;
}
@media screen and (max-width: 624px){
	.guide-head-inner {
    background: #f1f1f1 url("../../guide_r3/img/fast_bg_lg.jpg") no-repeat top 100% center;
		width: 100%;
    height: 260px;
      background-size: cover;
    }
}
@media screen and (max-width: 500px){
	.guide-head-inner {
    background: #f1f1f1 url("../../guide_r3/img/fast_bg_lg.jpg") no-repeat top 100% center;
		width: 100%;
    height: 260px;
		background-size: cover;
	}

}
.guide-hero .guide-plan-detail-bottom {
    margin: 40px auto 0;
    max-width: 1440px;
    padding: 0 16px;
}

.guide-hero__illust {
  width: 292px;
  height: 252px;
  background-image: url("../../guide_r3/img/hero_illust.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 10px;
  right: 0px;
}

@media screen and (max-width: 624px) {
  .guide-hero__illust {
    width: 197px;
    height: 170px;
    top: 130px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
/* -------------------------------
  .guide-hero__movie
---------------------------------*/

.guide-hero__movie {
  position: absolute;
  bottom: -16px;
  right: 0px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  background-color: #003e70;
  color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.24);
  border: 0px;
  padding-block:initial;
  padding-inline: initial;
  padding: 16px;
  max-width: 400px;
  width: calc(100% - 48px);
  cursor: pointer;
  animation: 0.8s forwards blackout;
}

@keyframes blackout {
  0% {
    opacity: 0;
    right: -50px;
  }
  100% {
    opacity: 1;
    right: 24px;
  }
}

.guide-hero__movie:hover .guide-hero__movie--tumbnail {
  opacity: 0.8;
}

.guide-hero__movie--tumbnail {
  width: 88px;
  aspect-ratio: 16/9;
}

.guide-hero__movie--meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-weight: 700;
  text-align: left;
}

.guide-hero__movie--label {
  font-size: 12px;
  line-height: 150%;
}

.guide-hero__movie--text {
  font-size: 16px;
  line-height: 150%;
}

.guide-hero__movie--supplement {
  font-size: 11px;
  font-weight: normal;
  line-height: 100%;
}

@media screen and (min-width: 624px){
  .guide-hero__movie {
    bottom: -48px;
    right: 24px;
    width: 400px;
  }
  .guide-hero__movie--tumbnail {
    width: 142px;
  }
  .guide-hero__movie--label {
    font-size: 13px;
  }
  .guide-hero__movie--text {
    font-size: 18px;
  }
}

@media screen and (min-width: 974px){
  .guide-hero__movie {
    bottom: -48px;
    right: 0px;
  }
  @keyframes blackout {
    0% {
      opacity: 0;
      right: -50px;
    }
    100% {
      opacity: 1;
      right: 0px;
    }
  }
}

@media screen and (min-width: 1528px) {
  .guide-hero__movie {
    bottom: -32px;
    right: 0px;
  }
}

/* -------------------------------
  .guide-modal
---------------------------------*/

.guide-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 100;
  cursor: pointer;
}

.guide-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.guide-player::before {
  content: "";
  position: absolute;
  right: 0px;
  top: -16px;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 2px;
  height: 32px;
  border-right: 2px solid #ffffff;
}

.guide-player::after {
  content: "";
  position: absolute;
  right: 0px;
  top: -16px;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 2px;
  height: 32px;
  border-right: 2px solid #ffffff;
}

@media screen and (min-width: 624px){
  .guide-player::before {
    right: -16px;
    top: -16px;
  }
  .guide-player::after {
    right: -16px;
    top: -16px;
  }
}

/* -------------------------------
  .guide_news
---------------------------------*/
.guide_news{
max-width: 1015px;
margin:64px auto;
}
@media screen and (max-width: 974px){
	.guide_news{
		margin:40px auto;
	}
}
@media screen and (max-width: 767px){
	.guide_news{
		margin:40px auto;
	}
}
.guide_news_inner{
	padding: 48px 40px;
	background-color: #f6f6f6;
}
@media screen and (max-width: 974px){
	.guide_news_inner{
		margin: 0 24px;
	}
}
@media screen and (max-width:767px){
	.guide_news_inner{
		margin: 0 24px;
		padding: 30px 24px 40px;
	}
}
.guide_news_title{
padding-bottom: 16px;
	color: #333333;
	font-weight: bold;
	font-size: 2.0rem;
}
.guide_news_txt{
	color: #f48600;
	font-weight: 500;
	font-size: 1.6rem;
}
.guide_news_txt a,.yomikonashi-text a{
color: #3A66BB;
}
.guide_news_txt span,.yomikonashi-text span{
	text-decoration: underline;
}
.youtube {
padding: 0 48px;
  width: 100%;
  aspect-ratio: 16 / 9;
}
@media screen and (max-width:768px){
.youtube {
padding: 0 24px;
}
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.guide_anchor-area {
  max-width: 864px;
  margin: 32px auto 24px auto;
}

@media screen and (min-width: 624px) {
  .guide_anchor-area {
    margin: 48px auto 48px auto;
  }
}

.guide_anchor {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: initial;
}

@media screen and (max-width: 974px) {
  .guide_anchor {
    padding: 0 24px;
  }
}

@media screen and (max-width: 640px) {
  .guide_anchor {
    padding: 0 24px;
    flex-direction: column;
  }
}
.guide_anchor-link {
  width: 100%;
  min-height: 56px;
  padding: 4px 24px 4px 16px;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  border: 1px solid #003e70;
  font-size: 16px;
  font-weight: bold;
  color: #003e70;
  position: relative;
}

@media screen and (max-width: 974px) {
  .guide_anchor-link {
    font-size: 14px;
  }
}

@media screen and (max-width: 640px) {
  .guide_anchor-link {
    justify-content: inherit;
    font-size: 14px;
    min-height: 48px;
  }
}
.guide_anchor-link::after {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  background-image: url('../img/chevron.svg');
}

.guide_anchor-method::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../img/method.svg');
}

.guide_anchor-story::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../img/story.svg');
}
.guide_anchor-guide::before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url('../img/guide.svg');
}

.guide_menu_icon {
  width: 24px;
  height: 24px;
}

.icon_method {
  content: '';
  background-image: url('../img/method.svg');
}

.icon_story {
  content: '';
  background-image: url('../img/story.svg');
}

.icon_guide {
  content: '';
  background-image: url('../img/guide.svg');
}
/* -------------------------------
  #yomikonashi
---------------------------------*/

#yomikonashi{
	max-width: 1015px;
	margin: 64px auto;
}
@media screen and (max-width: 974px){
	#yomikonashi{
		margin: 64px 24px 100px;
	}
}
@media screen and (max-width: 768px) {
  #yomikonashi{
		padding: 0 24px;
	  margin: 40px auto 100px;
	}
}
#yomikonashi .yomikonashi_wrap {
    padding: 40px 58px 60px;
    background-color: #F6F6F6;
}
@media screen and (max-width: 974px) {
  #yomikonashi .yomikonashi_wrap {
		padding: 30px 24px 40px;
	}
}
@media screen and (max-width: 768px) {
  #yomikonashi .yomikonashi_wrap {
		padding: 30px 15px 40px;
	}
}
#yomikonashi h4 {
    background-color: #333333;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    font-weight: bold;
    font-size: 20px;
}
#yomikonashi .yomikonashi_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 640px){
	#yomikonashi .yomikonashi_img{
		flex-direction: column;
	}
}
#yomikonashi .yomikonashi_img p:first-of-type{
	width: 51%;
}
@media screen and (max-width: 640px){
	#yomikonashi .yomikonashi_img p:first-of-type{
		width: 100%;
	}
}
#yomikonashi .yomikonashi_img p:last-of-type{
	width: 48%;
}
@media screen and (max-width: 640px){
	#yomikonashi .yomikonashi_img p:last-of-type{
		width: 100%;
	}
	#yomikonashi .yomikonashi_img p+p{
		margin-top: 10px;
	}
}
#yomikonashi .yomikonashi-text{
	background-color: #FFF;
	padding: 24px 24px 60px;
	text-align: center;
	font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  #yomikonashi .yomikonashi-text{
		padding: 24px 16px 40px;
	}
}
#yomikonashi .yomikonashi-text>p{
	margin-bottom: 24px;
}
#yomikonashi .yomikonashi_content1{
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #yomikonashi .yomikonashi_content1{
		margin-bottom: 30px;
	}
}
#yomikonashi .movie{
	display: flex;
	flex-wrap: wrap;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 880px){
	#yomikonashi .movie{
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 640px){
	#yomikonashi .movie{
		flex-direction: column;
	}
}
#yomikonashi .movie-item+.movie-item{
	margin-left: 3.5%;
}
@media screen and (max-width: 640px){
	#yomikonashi .movie-item+.movie-item{
		margin-left: 0%;
		margin-top: 30px;
	}
}
#yomikonashi .movie .number{
	color: #2665C1;
	text-decoration: none;
}
#yomikonashi .movie p{
	margin-bottom: 16px;
}
#yomikonashi .movie-item{
	width: 31%;
}
@media screen and (max-width: 640px){
	#yomikonashi .movie-item{
		width: 100%;
	}
}
#yomikonashi .movie-item img{
	cursor: pointer;
}

.guide_section {
  max-width: 864px;
    margin: 40px auto 40px auto;
  padding: 0 24px;
}
.guide_heading-3 {
  padding: 0 16px;
}
.guide_string {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

.guide_grid-item {
  padding: 16px 0;
}

.guide_grid-item + .guide_grid-item {
  padding: 16px 0 16px 0;
  border-top: 1px solid var(--separator-color);
}
.guide_grid-small--item {
  padding: 16px 0;
}
.guide_grid-small--item + .guide_grid-small--item {
  border-top: 1px solid var(--separator-color);
}
.guide_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.guide_grid-small {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.guide_card {
  display: flex;
  gap: 16px;
}
.guide_card-small {
  display: flex;
  gap: 16px;
}
.guide_card-meta {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 0px;
}
.guide_thumbnail {
  flex: 0 0 88px;
}
.guide_picture-inner {
  position: relative;
  display: block;
}
.guide_picture-ratio {
  object-fit: cover;
  position: relative;
  inset: 0;
  display: block;
  aspect-ratio: 1.6;
  width: 100%;
  height: 100%;
}

.guide_picture-ratio--story {
  object-fit: cover;
  position: relative;
  inset: 0;
  display: block;
  aspect-ratio: 1.333;
  width: 100%;
  height: 100%;
}

.guide_card-image {
  width: 100%;
}
.guide_list-thumbnail {
  flex: 0 0 88px;
}
.guide_list-image {
  width: 100%;
}
.guide_card-heading {
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.65;
  flex: 1 1 auto;
}
.guide_card-subheading {
  color: #757575;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.65;
}

.guide_card-small {
  flex-direction: initial;
}
@media (any-hover: hover) {
  .guide_card:hover {
    opacity: 1;
  }
  .guide_card:hover .guide_card-heading {
    text-decoration: underline;
  }
  .guide_card-small:hover {
    opacity: 1;
  }
  .guide_card-small:hover .guide_card-heading {
    text-decoration: underline;
  }
}
@media screen and (min-width: 641px) {
  .guide_grid-item {
      padding: 24px 0;
    }
  
    .guide_grid-item+.guide_grid-item {
      padding: 24px 0 24px 0;
      border-top: 1px solid var(--separator-color);
    }
  
    .guide_grid-small--item {
      padding: 24px 0;
    }
  .guide_section {
    margin: 48px auto 64px auto;
  }
  .guide_string {
    font-size: 1.6rem;
  }
  .guide_grid-item:nth-child(-n+3){
    border-top: 0;
  }
  .guide_grid-small--item:nth-child(-n+2){
    border-top: 0;
  }
  .guide_card {
    flex-direction: column-reverse;
  }
  .guide_card-small {
    flex-direction: row-reverse;
    }
  .guide_grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    column-gap: 32px;
  }
  .guide_grid-small {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
    column-gap: 32px;
  }
  .guide_card-heading {
    font-size: 1.6rem;
    }
  .guide_list-thumbnail {
    flex: 0 0 calc(30% - 16px);
  }
  .guide_thumbnail {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 975px) {
  .guide_section {
    margin: 48px auto 64px auto;
    padding: 0;
  }
}

.guide_button__inner {
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  padding: 4px 32px;
  appearance: none;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  height: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  transition: all 0.15s;
  border: 1px solid #0068BC;
  color: #0068BC;
}

.guide_button__inner:focus-visible{
  outline: 2px solid var(--form-outline-focus);
}

.guide_button__inner::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 14px;
  display: inline-block;
  width: 9px;
  height: 15px;
  transform: translate(0px, -50%);
  background: url(../img/ic_arrow_right_03.svg) no-repeat;
  background-size: cover;
  background-position: center;
}
/* ******************************************************
modal
****************************************************** */
.modal-window {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.modal-overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  box-sizing: border-box;
  text-align: center;
}
.modal-close {
  position: absolute;
  top: 1.5em;
  right: 1.25em;
}
.modal-close img {
  display: block;
  margin: auto;
  width: 55px;
  height: 55px;
}
@media screen and (max-width:768px){
	.modal-close img {
	  display: block;
	  margin: auto;
	  width: 40px;
	  height: 40px;
	}
}
.flx-modal a {
  display: block;
  width: 45%;
  padding: .5em 0;
  background-color: #2C2C2C;
  text-decoration: none;
  font-size: 128.6%;
  font-weight: bold;
  color: #fff;
}
.modal-movie .modal-close {
  top: -1.0em;
  right: -3em;
  z-index: 1;
}
@media screen and (max-width:768px){
.modal-movie .modal-close {
  right: -1.5em;
	top: -1.5em;
}
}
@media screen and (max-width:580px){
	.modal-movie .modal-close {
	  right: -1em;
		top: -1.5em;
	}
}
@media screen and (min-width: 768px), print {
  .modal-overlay {
    cursor: pointer;
  }
  .modal-close {
    top: 24px;
    right: 38px;
  }
  .modal-movie .modal-close {
    top: -1.9em;
	  right: -2em;
  }
}
.modal-content-txt-area{
	line-height: 0;
}

/* ******************************************************
article
****************************************************** */
.article {
  letter-spacing: 0;
}
.article-container {
  padding: 0 16px;
  margin: 0 auto;
  max-width: 640px;
}
.article-header {
  padding: 16px 0;
}
.article-header__row {
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
}
.article-heading {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
.article-heading--line {
  border-left: 4px solid rgba(0,0,0,.52);
  padding-left: 12px;
}
.article-heading__3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 20px 0 0;
  border-top: 4px solid rgba(0,0,0,.08);
  margin-top: 32px;
  margin-bottom: 24px;
}
.article-heading__3.article-heading__3--sm {
  font-size: 1.6rem;
  padding: 16px 0 0;
  margin-top: 16px;
  margin-bottom: 0;
}
.article-table-of-contents + section > .article-heading__3 {
  margin-top: 16px;
}
.article-heading__4 {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 32px;
  margin-bottom: 24px;
}
.article-details__content > * > *:first-child > .article-heading__4 {
  margin-top: 0;
}
.article-heading__4 > * {
  flex-shrink: 1;
}
.article-heading__4.article-heading--line {
  margin-top: 32px;
  margin-bottom: 32px;
}
.article-note .article-heading__4.article-heading--line {
  margin-top: 4px;
  margin-bottom: 16px;
}
.article-note .article-heading__4 {
  margin-top: 8px;
}
.article-subtitle {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.68);
}
.article-section__increment-reset {
  counter-reset: heading;
}
.article-section__increment {
  counter-increment: heading;
}
.article-section__increment-item:before {
  content: counter(heading);
  color: #fff;
  background-color: #003E70;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  padding: 8px;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.article-string {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  margin-block: 16px;
}
.article-string__sm {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
}
.article-embedded {
  position: relative;
}
.article-embedded + .article-string,
.article-string + .article-string {
  margin-top: 24px;
}
.article-table-of-contents + .article-string {
  margin-top: 16px;
}
.article-table-of-contents + .article-string  + .article-string {
  margin-top: 16px;
}
.article-note .article-string:last-of-type {
  margin-bottom: 0;
}
.article-link {
  color: var(--link-color);
  text-decoration: underline;
}
.article-section {
  margin: 24px auto;
}
.article-note {
  padding: 12px;
  margin: 16px auto;
  background-color: #F8F8F8;
}
.article-note__heading {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.65;
  margin-bottom: 8px;
  color: #7F6507;
}
.article-note__heading.article-note__heading--md {
  font-size: 1.6rem;
}
.article-note__string {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
  margin-block: 8px;
}
.article-note__string:last-child {
  margin-bottom: 0;
}
.article-note + .article-note {
  margin-top: 24px;
}
.article-note--info {
  background-color: #F4F9FF;
}
.article-note--recommend {
  background-color: #FFF8E4;
  color: rgba(0, 0, 0, 0.68);
  font-size: 1.4rem;
  line-height: 1.65;
}
.article-tools {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}
.article-tools__row {
  display: inline-flex;
  gap: 4px
}
.article-button {
  display: inline-flex;
  align-items: center;
  align-self: center;
  background-color: #fff;
  color: rgba(0, 0, 0, .86);
  justify-content: center;
  appearance: none;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
  padding: 8px 16px;
  text-align: center;
}
.article-button:focus {
  outline: var(--form-outline-focus) solid 2px;
  opacity: 1;
}
.article-button--sm {
  font-size: 1.2rem;
  padding: 4px;
}
.article-button--tool {
  font-size: 1.2rem;
  line-height: 1.65;
}
.article-button--block {
  display: flex;
  width: 100%;
}
.article-button--outline {
  border: 1px solid var(--separator-color);
}
.article-button__copy-group {
  position: relative;
}
.article-button__feedback {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.65;
  word-break: keep-all;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
  border-radius: 2px;
  transition: opacity var(--transition-speed) ease-out, visibility var(--transition-speed) ease-out;
}
.article-button__feedback.article-button__feedback--visible {
  visibility: visible;
  opacity: 1;
}
.article-table-of-contents {
  background-color: #F8F8F8;
  padding: 16px;
}
.article-table-of-contents__heading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.article-table-of-contents__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.article-table-of-contents__heading + .article-table-of-contents__list {
  margin-top: 16px;
}
.article-table-of-contents__item {
  display: flex;
  align-items: center;
}
.article-table-of-contents__anchor {
  display: flex;
  color: var(--link-color);
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: underline;
}
.article-picture,
.article-figure,
.article-video {
  display: block;
  text-align: center;
  margin: 24px auto;
  max-width: 500px;
}
.article-picture--full,
.article-figure--full,
.article-video--full {
  max-width: 100%;
}
.article-picture--full img,
.article-figure--full img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.article-video {
  width: 100%;
}
.article-video__inner {
  aspect-ratio: 16 / 9;
  width: 100%;
  position: relative;
  background-color: #e8e8e8;
  overflow: hidden;
}
.article-video__short {
  aspect-ratio: 9 / 16;
  width: 100%;
  position: relative;
  background-color: #e8e8e8;
  overflow: hidden;
}
.article-video__square {
  aspect-ratio: 1 / 1;
  width: 100%;
  position: relative;
  background-color: #e8e8e8;
  overflow: hidden;
}
.article-video__inner iframe, 
.article-video__short iframe, 
.article-video__square iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.article-picture__link {
  display: inline-block;
}
.article-picture__inner {
  position: relative;
  display: block;
}
.article-picture__ratio {
  object-fit: cover;
  position: relative;
  inset: 0;
  display: block;
  aspect-ratio: 1.6;
  width: 100%;
  height: 100%;
}
.article-picture__img {
  width: 100%;
  max-width: 100%;
}
.article-figure__group {
  display: inline-block;
}
.article-figure__picture + .article-figure__picture {
  margin-top: 24px;
}
.article-figure__picture + .article-figure__caption,
.article-link + .article-figure__caption,
.article-video__inner + .article-video__caption,
.article-video__short + .article-video__caption,
.article-video__square + .article-video__caption {
  color: rgba(0, 0, 0, 0.52);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  margin-top: 8px;
  text-align: left;
}
.article-picture__logo {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin: 8px auto;
  justify-content: center;
}
.article-picture + .article-picture__caption {
  margin-top: -16px;
}
.article__img {
  max-width: 100%;
  margin: 0 auto;
}
.article__img--border {
  border: 1px solid var(--separator-color);
}
.article-app {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.article-app__header {
  flex: 0 0 auto;
}
.article-app__body {
  flex: 1 1 auto;
}
.article-app__actions {
  display: flex;
  gap: 16px;
  margin: 16px 0 8px;
}
.article-app__header {
  display: flex;
  gap: 16px;
}
.article-app__header-image {
  flex: 0 0 auto;
}
.article-app__header-string {
  flex: 1 1 auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}
.article-details {
  margin: 24px auto;
}
.article-details__summary {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--separator-color);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  background-color: #F3F3F3;
}
.article-details__summary::-webkit-details-marker {
  display:none;
}
.article-details[open] .article-details__summary {
  background-color: #fff;
}
.article-details__summary::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.article-details__summary::after {
  content: "";
  flex: 0 0 auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform var(--transition-speed);
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.191406%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209.19141L12%2015.62L17%209.19141H7Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.52%22%2F%3E%3C%2Fsvg%3E');
  z-index: 1;
}
.article-details[open] .article-details__summary::after {
  transform: rotate(-180deg);
  transform-origin: center;
}
.article-details__content {
  padding-top: 24px;
}
.article-details__content:not([data-transition='open']) {
  display: grid;
  grid-template-rows: 0fr;
  transition: var(--transition-speed-accordions) grid-template-rows ease-out;
}
.article-details[data-transition='open'] .article-details__content {
  grid-template-rows: 1fr;
}
.article-details__content > div {
  overflow: hidden;
}
.article-details__content > * > *:first-child {
  margin-top: 0;
}
.article-details__description {
  margin: 24px auto;
}
.article-details__actions {
  margin-top: 24px;
}
.article-embedded {
  position: relative;
  border: 1px solid var(--link-color-border);
  border-radius: 4px;
  margin: 24px auto;
  padding: 12px;
  transition: all var(--transition-speed);
}
.article-embedded + .article-embedded {
  margin: 8px auto;
}
.article-embedded:first-of-type {
  margin-bottom: 8px;
}
.article-embedded:last-child {
  margin-bottom: 24px;
}
.article-embedded__trigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  z-index: 1;
  transition: all var(--transition-speed);
}
.article-embedded__trigger:focus {
  outline: var(--form-outline-focus) solid 2px;
}
.article-embedded__trigger:active {
  opacity: 0;
}
.article-embedded__link {
  display: inline-flex;
  align-items: center;
  color: var(--link-color);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.65;
  flex: 1 1 100%;
  margin-bottom: 8px;
}
.article-embedded__heading {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
}
.article-embedded__grid {
  display: flex;
  row-gap: 8px;
  column-gap: 16px;
  flex-wrap: wrap;
}
.article-embedded__content {
  flex: 1 1 calc(100% - 112px);
}
.article-embedded__thumbnail {
  flex: 0 1 96px;
}
.article-separator {
  border: none;
  height: 0;
  border-top: 2px solid var(--separator-color);
  margin: 32px 0;
}
.article-ol {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  padding-left: 2rem;
  margin: 24px auto;
}
.article-note .article-ol {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
  padding-left: 2rem;
  margin: 0px auto 16px;
}
.article-biography__grid {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-bottom: 16px;
}
.article-biography__heading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8;
}
.article-biography__subtitle {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
}
.article-biography__thumbnail {
  text-align: center;
  flex: 0 0 120px;
  margin: 0 auto;
}
.article-related {
  display: flex;
  flex-wrap: wrap;
}
.article-related__trigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  z-index: 1;
}
.article-related__trigger:focus {
  outline: var(--form-outline-focus) solid 2px;
  opacity: 1;
}
.article-related__trigger:active {
  opacity: 0;
}
.article-related__item {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  flex: 1 1 100%;
  position: relative;
}
.article-related__item + .article-related__item {
  border-top: 1px solid var(--separator-color);
}
.article-related__heading {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.65;
  flex: 1 1 auto;
}
.article-related__thumbnail {
  flex: 0 0 114px;
}
.article-related__img {
  width: 100%;
  max-width: 114px;
}
.article-credit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 auto 16px;
}
.article-credit__string {
  font-size: 1.2rem;
  font-size: 400;
  line-height: 1.65;
  color: rgba(0,0,0,.52);
}
.view__flex--lg .primary-btn + .primary-btn {
  margin-top: 12px;
  margin-left: 0;
}
i.icon,
span.icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.icon::before,
.icon.icon--trailing::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform var(--transition-speed);
  flex: 0 0 auto;
}
.icon::before {
  margin-right: 4px;
}
.icon.icon--responsive::before,
.icon.icon--responsive::after {
  width: 100%;
  padding-top: 100%;
  aspect-ratio: 1;
  height: 0;
}
.icon.icon--trailing:not(.icon--leading)::before {
  display: none;
  margin-right: 0;
}
.icon.icon--only::before {
  margin-right: 0;
}
.icon.icon--only.icon--trailing:not(.icon--leading)::before {
  margin-right: 0;
}
.icon.icon--copy::before,
.icon.icon--trailing.icon--copy::after  {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.2927%2012.0959L12.3522%2013.1639L10.938%2014.5893L9.87844%2013.5214C8.31591%2011.9464%208.31397%209.39426%209.87532%207.82053L14.122%203.54016C15.6831%201.96664%2018.2195%201.97248%2019.7834%203.54878L20.4774%204.24831C22.0414%205.8247%2022.0451%208.38306%2020.4862%209.95436L17.302%2013.1639L15.8877%2011.7385L19.072%208.52892C19.8489%207.74582%2019.847%206.46384%2019.0632%205.67375L18.3692%204.97422C17.5849%204.18371%2016.3148%204.18078%2015.5362%204.96559L11.2895%209.24597C10.5097%2010.032%2010.5107%2011.3078%2011.2927%2012.0959ZM12.7046%2012.0937L11.6451%2011.0257L13.0593%209.6003L14.1189%2010.6683C15.6814%2012.2432%2015.6833%2014.7954%2014.122%2016.3691L9.87532%2020.6495C8.31418%2022.223%205.77782%2022.2171%204.21393%2020.6408L3.51991%2019.9413C1.95314%2018.3621%201.95071%2015.808%203.51855%2014.2277L6.69535%2011.0257L8.10956%2012.4512L4.93276%2015.6532C4.14658%2016.4456%204.1478%2017.7233%204.93413%2018.5159L5.62815%2019.2154C6.41243%2020.0059%207.68247%2020.0088%208.4611%2019.224L12.7078%2014.9437C13.4876%2014.1577%2013.4866%2012.8819%2012.7046%2012.0937Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.86%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--x::before,
.icon.icon--trailing.icon--x::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%201.13477H1V23.3094H23V1.13477ZM18.7317%204.83049L13.3891%2011.0901H13.3888L19.1994%2019.6136H14.926L11.0131%2013.8739L6.11424%2019.6136H4.84814L10.451%2013.0494L4.84814%204.83049H9.12158L12.8267%2010.2656L17.4657%204.83049H18.7317ZM11.0873%2012.3034L11.655%2013.1218V13.1221L15.5216%2018.6966H17.4663L12.728%2011.8651L12.1603%2011.0467L8.51508%205.79115H6.57043L11.0873%2012.3034Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.86%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--facebook::before,
.icon.icon--trailing.icon--facebook::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.9973%201.12695C5.92127%201.12695%201%206.04822%201%2012.1242C1%2017.2819%204.55211%2021.6093%209.34142%2022.797V15.4839H7.07048V12.1242H9.34142V10.6781C9.34142%206.9335%2011.035%205.20143%2014.7081%205.20143C15.4009%205.20143%2016.6051%205.3389%2017.0945%205.47637V8.5226C16.836%208.49511%2016.3797%208.48411%2015.8243%208.48411C14.0207%208.48411%2013.3279%209.16594%2013.3279%2010.942V12.1297H16.924L16.3082%2015.4894H13.3334V23.0445C18.7771%2022.3846%2023%2017.7493%2023%2012.1242C22.9945%206.04822%2018.0732%201.12695%2011.9973%201.12695Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.86%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--share::before,
.icon.icon--trailing.icon--share::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.7099%207.88648L11%204.57027V18.2695H13V4.57027L16.2901%207.88648L17.7099%206.47787L12.7099%201.43819L12%200.722656L11.2901%201.43819L6.2901%206.47787L7.7099%207.88648ZM9%2011.206H6V21.3012H18V11.206H15V9.20598H18.5C19.3359%209.20598%2020%209.8868%2020%2010.71V21.7973C20%2022.6204%2019.3359%2023.3012%2018.5%2023.3012H5.5C4.66413%2023.3012%204%2022.6204%204%2021.7973V10.71C4%209.8868%204.66413%209.20598%205.5%209.20598H9V11.206Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.86%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--chevron-down::before,
.icon.icon--trailing.icon--chevron-down::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.02941%209.63167L6.96875%2010.6923L11.9991%2015.7227L17.0294%2010.6923L15.9688%209.63167L11.9991%2013.6013L8.02941%209.63167Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.86%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--external-link::before,
.icon.icon--trailing.icon--external-link::after {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.3333%203.12435V1.79102H15V6.45768H13.6667V4.06435L7.11334%2010.6177L6.17334%209.67768L12.7267%203.12435H10.3333ZM3.33333%2013.4577H12.6667V9.79102H14V13.4577C14%2014.191%2013.4%2014.791%2012.6667%2014.791H3.33333C2.59333%2014.791%202%2014.191%202%2013.4577V4.12435C2%203.39102%202.59333%202.79102%203.33333%202.79102H7V4.12435H3.33333V13.4577Z%22%20fill%3D%22%230D6AB6%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--checked::before,
.icon.icon--trailing.icon--checked::after  {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.4077%203.90685L13.7492%204.65943L6.74919%2012.6594L6.04522%2013.464L5.2894%2012.7079L2.29294%209.71057L1.58594%209.00335L3.00036%207.58935L3.70736%208.29656L5.94801%2010.5379L12.244%203.34242L12.9025%202.58984L14.4077%203.90685Z%22%20fill%3D%22%237F6507%22%2F%3E%3C%2Fsvg%3E');
}
.icon.icon--triangle-down::before,
.icon.icon--trailing.icon--triangle-down::after  {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.191406%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209.19141L12%2015.62L17%209.19141H7Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.52%22%2F%3E%3C%2Fsvg%3E');
}
.logo {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}
.logo.logo--nkd {
  width: 100%;
  max-width: 188px;
  aspect-ratio: 188 / 19;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20189%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.16805%2015.9641C1.317%2017.3015%201.76279%2019.0711%203.92417%2019.0711H12.9344C15.5146%2019.0711%2017.6084%2016.9772%2017.6084%2014.3971V9.95275L16.96%207.69681L15.8118%209.31784V14.4106C15.8118%2016.0046%2014.5149%2017.2879%2012.9344%2017.2879H4.70767C3.97821%2017.2879%203.72154%2016.7746%204.18084%2015.9371C4.18084%2015.9371%207.11221%2010.9794%207.28782%2010.7092C7.54449%2010.304%208.04431%2010.2634%208.28746%2010.6552C8.49009%2010.9794%209.81394%2012.8706%209.81394%2012.8706C10.1111%2013.3029%2010.5434%2013.5596%2011.0027%2013.5596C11.489%2013.5731%2011.9213%2013.3299%2012.232%2012.8976C12.2663%2012.8491%2012.3652%2012.7098%2012.5154%2012.4982C13.7863%2010.708%2018.7321%203.74182%2019.324%202.73913C19.7563%202.00967%2019.0268%201.42879%2018.2974%202.27984C17.5544%203.18492%2013.1641%209.07469%2011.6511%2011.1415C11.3539%2011.5468%2010.8676%2011.7494%2010.4218%2011.1145C10.0976%2010.6552%209.03044%209.07469%209.03044%209.07469C8.55764%208.39925%208.07133%208.26417%207.73361%208.26417C7.47695%208.26417%206.99063%208.35873%206.59888%208.98013L2.16805%2015.9641ZM5.4375%204.0089H12.8267L14.9746%202.68505C14.3532%202.37435%2013.6643%202.21225%2012.9348%202.21225H5.42399C2.84384%202.21225%200.75%204.30609%200.75%206.88624V10.439C0.75%2010.9389%201.15522%2011.3441%201.65508%2011.3441C2.15494%2011.3441%202.56016%2010.9389%202.56016%2010.439V6.88624C2.56016%205.29222%203.85699%204.0089%205.4375%204.0089Z%22%20fill%3D%22%23E3322B%22%2F%3E%3Cpath%20d%3D%22M13.3125%204.73895L20.1614%200.510742L18.0405%208.27821L17.0139%204.71193L13.3125%204.73895Z%22%20fill%3D%22%23E3322B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M53.0827%2010.5336C53.3934%2010.6552%2053.7311%2010.7092%2054.0959%2010.7092C55.2306%2010.7092%2056.3653%2010.1148%2057.0272%209.68256V10.0743H64.43V9.57449C66.1861%2010.7092%2067.9017%2010.9929%2068.7392%2010.2634L69.104%209.93922L68.6447%209.79062C64.7947%208.56134%2062.6739%204.88699%2061.9444%203.36051L61.8633%203.21191H59.6614L59.5939%203.40104C58.959%205.33277%2056.622%208.83151%2053.0962%2010.0203L52.3803%2010.2634L53.0827%2010.5336ZM27.1052%2017.626H24.9844V4.11738H35.6292V17.6125H33.4273V16.6264H27.1052V17.626ZM27.1053%2015.1806H33.4408V10.412H27.1053V15.1806ZM33.4408%208.99358H27.1053V5.56238H33.4408V8.99358ZM65.3752%2018.2338L64.362%2016.8694L54.3386%2017.4233V16.0049L56.6756%2015.9508L58.7019%2012.7358H54.3251V11.4389H67.2529V12.7358H60.9849L58.9586%2015.8968L63.6056%2015.7887L61.7684%2013.8975L63.2543%2012.9384L67.2529%2016.7208L65.3752%2018.2338ZM63.3621%208.80392H58.1883C58.9595%208.0992%2059.6391%207.01494%2060.2013%206.11795L60.2281%206.07518C60.2978%205.96798%2060.3654%205.86078%2060.4308%205.75696C60.5302%205.59912%2060.6248%205.44907%2060.7144%205.31869C60.8071%205.44508%2060.9051%205.59248%2061.0082%205.7478C61.0705%205.8415%2061.1347%205.93807%2061.2007%206.03465L61.2278%206.07518C61.8221%206.98026%2062.5651%208.10147%2063.3621%208.80392Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M85.8803%2017.8283H87.8931V7.39959L88.528%208.68292L88.8657%208.49379V9.57449H98.5514V8.21011H94.7825V7.50766H97.3897V6.3189H94.7825V5.60294H98.0651V4.34664H94.7825V3.21191H92.5941V4.34664H89.3385V5.60294H92.5941V6.3189H90.014V7.50766H92.5941V8.22362H89.352L89.987%207.85889L88.6496%205.50838L87.8931%205.90013V3.21191H85.8668V6.49452L84.5295%206.29189L84.516%206.60258C84.4889%207.92643%2084.2458%209.07467%2083.8675%209.76361L83.6784%2010.1148L84.0837%2010.1689H84.2053C84.3539%2010.1689%2085.34%2010.1283%2085.8803%209.06116V17.8283ZM71.1424%2017.8552H73.1822V12.3977L74.6006%2013.8566L75.8164%2012.141L73.4524%2010.4119C74.2223%209.34476%2074.8573%208.18301%2075.2895%207.04829L75.5192%206.06216H73.1822V3.29288H71.1424V6.07567H68.8864V7.31846H72.8715C72.1015%209.58791%2070.3048%2011.6412%2068.0219%2012.857L67.5085%2013.1272L68.0489%2013.3433C68.265%2013.4379%2068.5217%2013.4784%2068.8054%2013.4784C69.6969%2013.4784%2070.6426%2013.0731%2071.1424%2012.7084V17.8552ZM74.479%2017.4094H83.4352V16.018H80.1526V9.34476H83.0705V7.98038H80.1526V3.29288H78.0317V7.96688H75.1004V9.33125H78.0317V16.018H74.479V17.4094ZM94.0659%2017.8685L94.6738%2017.3551C95.0791%2017.0039%2095.3357%2016.396%2095.3357%2015.7071V14.9506H91.9991V17.8009H89.9863V9.9659H97.389V15.7071C97.389%2017.3957%2096.511%2017.7604%2094.8764%2017.8279L94.0659%2017.8685ZM91.9996%2013.8163H95.3363V13.1004H91.9996V13.8163ZM95.3363%2011.9792H91.9996V11.2497H95.3363V11.9792ZM103.86%2017.8418H101.941V14.343H99.7125V13.2083H101.941V11.9655H99.5369V10.8308H100.712L100.158%208.77746L101.604%208.38571L102.374%2010.7767L102.198%2010.8308H103.373L104.589%208.3722L104.832%208.49377L105.805%208.98009L106.075%209.11517L105.913%209.37184C105.656%209.7771%20105.211%2010.3985%20104.63%2010.8308H106.264V11.9655H103.873V13.2083H106.035V14.343H103.873L103.86%2017.8418ZM106.602%2017.8283H108.521V16.6801C109.061%2017.0583%20109.48%2017.315%20109.844%2017.315C110.263%2017.315%20110.574%2017.0043%20110.952%2016.545C111.614%2017.2204%20112.519%2017.6257%20113.33%2017.6257C113.735%2017.6257%20114.113%2017.5176%20114.424%2017.315L114.816%2017.0583L114.397%2016.8422C113.721%2016.4775%20112.627%2015.6399%20112.006%2014.8969C112.789%2013.3164%20113.195%2010.7093%20113.33%209.64208L113.37%208.95313H108.521V5.06264H111.303V5.94071C111.303%206.61614%20110.912%207.35911%20110.371%207.76437L109.561%208.35875L110.56%208.25068C112.384%208.06156%20113.222%207.29157%20113.222%205.83264V3.87388H106.602V17.8283ZM108.521%2011.2498V16.2345C108.966%2015.8698%20109.358%2015.451%20109.669%2014.9917C109.129%2014.0461%20108.683%2012.4116%20108.521%2011.2498ZM110.209%2010.9392H108.534V10.0881H111.263C111.258%2010.1198%20111.25%2010.1536%20111.242%2010.1894C111.23%2010.2452%20111.217%2010.306%20111.209%2010.3718L111.182%2010.5609C111.047%2011.3309%20110.844%2012.4251%20110.669%2013.0465C110.439%2012.5332%20110.304%2011.7767%20110.236%2011.1823L110.209%2010.9392ZM106.508%208.31791H99.1998V7.18318H101.942V5.6432H99.8887V4.52198H101.942V3.22515H103.86V4.52198H105.9V5.6432H103.86V7.18318H106.494L106.508%208.31791ZM39.8424%2017.842H41.639V13.2896C41.9092%2014.019%2042.1929%2014.9241%2042.328%2015.5996L42.3955%2015.9103L44.0301%2015.3294L43.976%2015.0862C43.8139%2014.3703%2043.4762%2013.3301%2043.0845%2012.3845L42.9899%2012.1549L42.6657%2012.2629L44.1111%2011.628L43.4492%2010.1286L43.6113%2010.2636C44.003%2010.6014%2044.4894%2010.777%2045.0567%2010.777C46.0564%2010.777%2047.0425%2010.2501%2047.5828%209.89891C48.2988%2010.3987%2049.42%2010.8986%2050.4602%2010.8986C51.1761%2010.8986%2051.784%2010.6824%2052.2838%2010.2366L52.7161%209.85839L52.1488%209.76383C50.8654%209.54769%2049.9198%209.18295%2049.1769%208.6291C50.4061%207.41332%2051.3112%205.84632%2051.676%204.29282L51.757%203.95511H43.6653V5.1844H49.3119C49.0688%205.99491%2048.3258%207.23771%2047.7314%207.65648C47.2451%207.30525%2046.6372%206.45421%2046.313%205.80579L46.232%205.6572H44.5434L44.665%206.02193C45.0027%206.99455%2045.6916%207.94016%2046.2049%208.64261C46.232%208.66963%2046.259%208.71015%2046.286%208.75068C45.8402%209.07489%2044.719%209.61523%2043.7599%209.79084L43.3546%209.85839L42.5981%208.14279L41.3959%208.64261C42.0982%207.64308%2042.8006%206.58953%2042.9898%206.30571L42.9899%206.30563L42.9899%206.30561L43.1385%206.07597L41.9767%205.33299L40.2882%207.49437L39.8289%206.88648L41.4769%204.18476L40.2206%203.50932L38.7617%205.84632L38.4375%205.54913L37.4243%206.98105L39.221%209.07489L38.5591%209.95295H37.3973V10.2231C37.3973%2010.6458%2037.4216%2010.8377%2037.4356%2010.9486L37.4378%2010.9661C37.4513%2011.0607%2037.4513%2011.0877%2037.4378%2011.1417L37.3838%2011.4659L37.8566%2011.4524C38.138%2011.4383%2038.5111%2011.4243%2038.8841%2011.4102L38.8845%2011.4102C39.2276%2011.3972%2039.5706%2011.3843%2039.8424%2011.3714V17.842ZM41.6799%2011.263V12.5869L42.5039%2012.3167L41.9906%2011.2225L41.6799%2011.263ZM40.4778%209.91262C40.6939%209.62894%2040.9371%209.30473%2041.1802%208.96701L41.6395%209.89911L40.4778%209.91262ZM52.1625%2017.4497H43.3413V16.2204H46.6509V13.3971H44.1248V12.1543H46.6645V10.6954H48.7043V12.1543H51.4465V13.3971H48.7043V16.2204H52.1625V17.4497ZM37.2759%2016.1127C37.3974%2016.1532%2037.519%2016.1667%2037.6406%2016.1667C38.5187%2016.1667%2039.1536%2015.059%2039.4102%2013.0597L39.4373%2012.8571L37.7892%2012.1817L37.7487%2012.5464C37.5866%2013.9918%2037.3704%2015.0725%2037.1003%2015.748L36.9922%2016.0181L37.2759%2016.1127Z%22%20fill%3D%22%23333333%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M170.433%2014.4115H176.444L177.917%2017.8157H180.24L173.54%202.88867L166.583%2017.8292H168.866L170.433%2014.4115ZM145.253%2010.5072H151.048V10.9665C151.048%2012.0202%20150.927%2012.9523%20150.67%2013.7628C150.427%2014.5193%20150.022%2015.2217%20149.441%2015.8701C148.131%2017.3426%20146.482%2018.072%20144.47%2018.072C142.511%2018.072%20140.822%2017.3561%20139.417%2015.9377C138.013%2014.5193%20137.31%2012.8037%20137.31%2010.8044C137.31%208.76459%20138.026%207.03549%20139.444%205.61708C140.863%204.19867%20142.605%203.48271%20144.645%203.48271C145.739%203.48271%20146.766%203.71236%20147.725%204.15814C148.63%204.60393%20149.535%205.3334%20150.413%206.34654L148.914%207.80548C147.766%206.26549%20146.361%205.50901%20144.699%205.50901C143.213%205.50901%20141.971%206.02234%20140.957%207.04899C139.944%208.06214%20139.444%209.31845%20139.444%2010.8314C139.444%2012.3984%20140.012%2013.6817%20141.133%2014.6949C142.187%2015.6405%20143.321%2016.0998%20144.551%2016.0998C145.591%2016.0998%20146.537%2015.7486%20147.361%2015.0461C148.185%2014.3302%20148.657%2013.4926%20148.752%2012.493H145.253V10.5072ZM118.992%2017.8157V3.76669H121.937C123.355%203.76669%20124.463%203.90178%20125.287%204.18546C126.165%204.45563%20126.962%204.92843%20127.678%205.57685C129.124%206.9007%20129.853%208.6298%20129.853%2010.7912C129.853%2012.9526%20129.097%2014.6952%20127.584%2016.0325C126.827%2016.6945%20126.03%2017.1673%20125.206%2017.4239C124.436%2017.6806%20123.328%2017.8157%20121.91%2017.8157H118.992ZM121.113%2015.83H122.072C123.018%2015.83%20123.815%2015.7354%20124.45%2015.5328C125.085%2015.3167%20125.652%2014.9789%20126.165%2014.5196C127.205%2013.574%20127.732%2012.3312%20127.732%2010.8048C127.732%209.26479%20127.219%208.00848%20126.192%207.06288C125.26%206.21183%20123.896%205.77956%20122.086%205.77956H121.127L121.113%2015.83ZM134.649%2017.8159V3.76689H132.528V17.8159H134.649ZM155.831%2017.8159V3.76689H153.71V17.8159H155.831ZM163.084%205.76597V17.8157H160.964V5.76597H157.735V3.76669H166.299V5.75246H163.084V5.76597ZM175.58%2012.4122L173.5%207.63019L171.311%2012.4122H175.58ZM184.118%2015.8161V3.76638V3.75287H181.997V17.8019H188.252V15.8161H184.118Z%22%20fill%3D%22%23E3322B%22%2F%3E%3C%2Fsvg%3E')
}
@media (any-hover: hover) {
  .article-button:hover {
    background-color: var(--button-background-color-hover);
  }
  .article-table-of-contents__anchor:hover,
  .article-embedded__trigger:hover + .article-embedded__link {
    text-decoration: none;
    opacity: 1;
  }
  .article-embedded__trigger:hover,
  .article-related__trigger:hover {
    opacity: 1;
  }
  .article-embedded:hover {
    background-color: var(--button-background-color-hover);
  }
  .article-related__trigger:hover + .article-related__heading {
    text-decoration: underline;
  }
  .article-link:hover {
    opacity: 1;
    text-decoration: none;
  }
  .article-details__summary:hover,
  .article-details[open] .article-details__summary:hover {
    opacity: 1;
    background-color: #E1E1E1;
  }
  .article-picture__link:hover {
    transition: all var(--transition-speed);
    opacity: 0.5;
  }
}
@media screen and (min-width: 769px) {
  .article-app {
    gap: 24px;
  }
  .article-table-of-contents + section > .article-heading__3 {
    margin-top: 18px;
  }
  .article-tools:last-of-type {
    margin: 20px 0;
  }
  .article-heading,
  .article-heading__3 {
    font-size: 2.4rem;
  }
  .article-heading__4 {
    font-size: 1.8rem;
  }
  .article-section__increment-item:before {
    font-size: 1.4rem;
  }
  .article-details__summary {
    font-size: 1.8rem;
    padding: 16px;
  }
  .article-details__summary:focus {
    outline: var(--form-outline-focus) solid 2px;
  }
  .article-related {
    row-gap: 0;
    column-gap: 32px;
  }
  .article-related__item {
    flex: 1 1 calc(50% - 16px);
  }
  .article-related__item:nth-child(-n+2) {
    border-top: 0;
  }
  .article-related__thumbnail {
    flex-basis: 95px;
  }
  .article-embedded:has(.article-embedded__thumbnail) {
    min-height: 89px;
  }
  .article-embedded__link,
  .article-embedded__content {
    flex-basis: calc(100% - 118px);
  }
  .article-embedded:has(.article-embedded__thumbnail) .article-embedded__link,
  .article-embedded:has(.article-embedded__thumbnail) .article-embedded__content {
    max-width: calc(100% - 118px);;
  }
  .article-embedded__thumbnail {
    position: absolute;
    top: 12px;
    right: 12px;
    flex-basis: 102px;
    max-width: 102px;
  }
  .article-table-of-contents,
  .article-note {
    padding: 24px;
  }
  .article-note {
    margin: 24px auto;
  }
  .article-button {
    font-size: 1.6rem;
  }
  .logo.logo--nkd {
    max-width: 304px;
  }
  .article-biography__grid {
    flex-direction: row-reverse;
    gap: 24px;
  }
  .article-biography__thumbnail {
    flex: 0 0 96px;
  }
  .article-heading__3.article-heading__3--sm {
    padding-top: 24px;
    margin-top: 32px;
  }
  .article-related__heading {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .article-related__item {
    gap: 24px;
  }
  .article-credit {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1280px) {
  .view__flex--lg .primary-btn + .primary-btn {
    margin-top: 0;
    margin-left: 12px;
  }
  .btn-area--footer .primary-btn {
    max-width: calc(50% - 12px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 1376px) {
  .article-tools {
    margin: 20px 0;
  }
  .article-container {
    max-width: 716px;
  }
  .article-heading,
  .article-heading__3 {
    font-size: 2.7rem;
    line-height: 1.35;
  }
  .article-heading__3 {
    margin-bottom: 32px;
  }
  .article-heading__4 {
    font-size: 1.8rem;
    margin-top: 40px;
  }
  .article-heading__4.article-heading--line {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .article-note .article-heading__4.article-heading--line {
    margin-top: 8px;
    margin-bottom: 16px;
  }
  .article-heading__4.article-heading__4--note {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .article-section__increment-item:before {
    font-size: 1.6rem;
    width: 30px;
    height: 30px;
    padding: 12px;
  }
  .article-details__summary,
  .article-table-of-contents__heading {
    font-size: 2rem;
  }
  .article-string {
    font-size: 1.8rem;
  }
  .article-app__header-string {
    font-size: 1.6rem;
  }
  .article-table-of-contents,
  .article-note {
    padding: 28px;
  }
  .article-note.article-note--recommend {
    padding: 16px;
  }
  .article-picture {
    margin: 32px auto;
  }
  .article-related__thumbnail {
    flex-basis: 109px;
  }
  .article-embedded {
    padding: 16px;
  }
  .article-note__heading {
    font-size: 1.6rem;
  }
  .article-note__string {
    font-size: 1.6rem;
  }
  .article-embedded__link,
  .article-embedded__heading {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .logo.logo--nkd {
    max-width: 342px;
  }
  .article-ol {
    font-size: 1.8rem;
  }
  .article-note--info .article-ol {
    font-size: 1.8rem;
    margin: 0px auto 0px;
  }
  .article-biography__heading {
    font-size: 1.8rem;
  }
  .article-biography__subtitle {
    font-size: 1.6rem;
  }
}
/* ******************************************************
utility
****************************************************** */
.view--md {
  display: none;
}
.view--lg{
  display: none;
}
.mr--2 {
  margin-right: 8px;
}
.mt--0 {
  margin-top: 0;
}
.mb--0 {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .view--md {
    display: block;
  }
  .none--md {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .view--lg {
    display: block;
  }
  .view__flex--lg {
    display: flex;
  }
}

/* ******************************************************
Ask! NIKKEI
****************************************************** */

.ask__form {
  display: flex;
  flex-direction: row;
  flex-wrap:nowrap;
  gap: 8px;
  height: 40px;
  margin-bottom: 8px;
}

.ask__form--input {
  flex-grow: 1;
}

.ask__form--input input {
  width: 100%;
  height: 100%;
  padding: 8px 12px;
  border: 1px solid rgba(51, 51, 51, .3);
  font-size: 1.6rem;
  line-height: 1.65;
  border-radius: 2px;
}

.ask__form--input input::placeholder {
  color: #00000085;
}

.ask__form--input input:focus, .ask__form--input input:focus-visible {
  outline: 2px solid #B4D8FF;
}

.ask__form--label {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
  color: #000000AD;
}

.ask__form--button {
  border: 0 solid;
  border-radius: 2px;
  background-color: #003e70;
  height: 100%;
  padding: 8px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.65;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}

.ask__form--button:hover {
  background-color: #05345D;
}