@charset "UTF-8";

/* =================================================================
guide
=================================================================*/

/*  コンテンツ
-------------------------------------------------------------*/
.support-contents {padding: 0 0 15rem}
@media screen and (max-width:767px) {
    .support-contents {padding: 0 0 4rem}
}
.support-block {width: 96rem}
@media screen and (max-width:767px) {
    .support-block {width: 100%}
}
.support-block+.support-block {margin: 5rem 0 0}
.support-block__title {display: flex; align-items: center; font-size: 4rem; font-weight: 300; color: #000; border-bottom: 1px solid}
@media screen and (max-width:767px) {
    .support-block__title {font-size: 1.8rem; padding: 0 0 1rem}
}
.support-block__title .arrow {margin: 0 2rem 0 auto}
@media screen and (max-width:767px) {
    .support-block__title .arrow {height: 1.2rem; margin: 0 0.5rem 0 auto}
}
.support-block__desc {font-size: 2rem; padding: 2rem 0 0}
@media screen and (max-width:767px) {
    .support-block__desc {font-size: 1.4rem}
}
.support-nav__list {display: flex; width: 75rem; flex-wrap: wrap; justify-content: space-between; padding: 4rem 0 8rem}
@media screen and (max-width:767px) {
    .support-nav__list {width: 100%}
}
.support-nav__item {display: flex; align-items: center; width: 35rem; padding: 2rem 0 1.5rem; border-bottom: 1px solid; font-size: 2rem; line-height: 1; cursor: pointer}
@media screen and (max-width:767px) {
    .support-nav__item {width: 100%; font-size: 1.8rem}
}
.support-nav__item .arrow {margin: 0 0 0 auto}
.support-detail+.support-detail {margin: 6rem 0 0}
.support-detail__wrap {padding: 0 0 14rem}
@media screen and (max-width:767px) {
    .support-detail__wrap {padding: 0 0 4rem}
}
.support-detail__page-title {font-size: 5rem; font-weight: 300; margin: 0 0 2rem; line-height: 1}
@media screen and (max-width:767px) {
    .support-detail__page-title {font-size: 2.4rem; margin: 0 0 1.5rem}
}
.support-detail__title {font-size: 3.4rem; font-weight: 300; margin: 0 0 2rem; line-height: 1}
@media screen and (max-width:767px) {
    .support-detail__title {font-size: 2.2rem; margin: 0 0 1.5rem}
}
.support-detail__lead {font-size: 2.4rem; margin: 0 0 3rem}
@media screen and (max-width:767px) {
    .support-detail__lead {font-size: 1.5rem}
}
.support-detail__list {border-top: 1px solid; width: 96rem}
@media screen and (max-width:767px) {
    .support-detail__list {width: 100%}
}
.support-detail-item {border-bottom: 1px solid; overflow: hidden}
.support-detail-item.is-open .arrow {transform: rotate(180deg)}
.support-detail-item__label {display: flex; align-items: center; padding: 1.8rem 1.8rem 1.8rem 1rem; font-size: 2rem; cursor: pointer}
@media screen and (max-width:767px) {
    .support-detail-item__label {padding: 1.4rem 1.8rem 1.4rem 1rem; font-size: 1.8rem}
}
.support-detail-item .arrow {margin: 0 0 0 auto; transform: rotate(0); transition: transform 0.6s cubic-bezier(0.4, 0, 0.1, 1)}
.support-detail-item .outer {height: 0}
.support-detail-item__contents {padding: 1rem 1rem 5rem; font-size: 1.8rem}
@media screen and (max-width:767px) {
    .support-detail-item__contents {font-size: 1.4rem; padding: 0rem 1rem 4rem}
}
.support-block__title {display: flex; align-items: center; font-size: 4.45rem; font-weight: 300; color: #000; margin-top: 0.6rem; letter-spacing: -0.1px; border-bottom: none}
@media screen and (max-width:767px) {
    .support-block__title {margin-top: 0; font-size: 2.8rem}
}
@media screen and (max-width:767px) {
    .support-block__title.title-min {margin-top: 0; font-size: 2.3rem}
}
.support-block__title .arrow {margin: 0 2rem 0 auto}
@media screen and (max-width:767px) {
    .support-block__title .arrow {height: 1.2rem; margin: 0 0.5rem 0 auto}
}
.support-block__breadcrumb {display: block; padding-top: 12px; padding-bottom: 6px; font-size: 1.5rem; color: #959595}
@media screen and (max-width:767px) {
    .support-block__breadcrumb {font-size: 1.2rem; padding-top: 1px; padding-bottom: 0}
}
.support-block__breadcrumb a {transition: color 0.2s; color: #959595}
.support-block__breadcrumb a:not(:last-child) {white-space: nowrap}
.support-block__breadcrumb a:not([href]) {color: #000}
.support-block__breadcrumb a:hover {color: #000}
.support-block__breadcrumb a, .support-block__breadcrumb span {display: inline; line-height: 1.4; margin-right: 3px}
.support-block__head {font-size: 3.3rem; font-weight: 500; margin-left: -2px}
.support-block__head br {display: none}
@media screen and (max-width:767px) {
    .support-block__head {font-size: 2.26rem; margin-left: 0}
    .support-block__head br {display: block}
}
.support-block__desc {font-size: 2rem; padding: 3.8rem 1rem 0 0; line-height: 1.6; letter-spacing: 0px}
@media screen and (max-width:767px) {
    .support-block__desc {padding: 1.9rem 0rem 0 0; line-height: 1.55; font-size: 1.5rem}
}
.support-block__desc img {max-width: 100%; height: auto}
.support-block__desc img.alignleft {margin-right: auto; margin-left: 0}
.support-block__desc img.aligncenter {margin-right: auto; margin-left: auto}
.support-block__desc img.alignright {margin-left: auto; margin-right: 0}
.support-block__desc a {display: inline-block; color: #000; text-decoration: underline; transition: opacity 0.2s}
.support-block__desc a:hover {opacity: 0.6}
.support-block__desc ol, .support-block__desc ul:not(.step) {margin: 0; padding-left: 2rem}
@media screen and (max-width:767px) {
    .support-block__desc ol, .support-block__desc ul:not(.step) {padding-left: 0.7rem}
}
.support-block__desc ol li, .support-block__desc ul:not(.step) li {position: relative; list-style-type: none; padding-left: 2rem}
@media screen and (max-width:767px) {
    .support-block__desc ol li, .support-block__desc ul:not(.step) li {padding-left: 1.5rem}
}
.support-block__desc ul:not(.step) li::before {content: '・'; transform: scale(1); position: absolute; top: 0px; left: -1px; text-align: center; width: 2rem; pointer-events: none}
@media screen and (max-width:767px) {
    .support-block__desc ul:not(.step) li::before {font-weight: 700; left: -3px; width: 1.5rem}
}
.support-block__desc ol:not(.step) li::before {transform: scale(0.9); position: absolute; top: 0px; left: -1.2rem; text-align: center; width: 4rem; pointer-events: none}
@media screen and (max-width:767px) {
    .support-block__desc ol:not(.step) li::before {left: -1rem; width: 2.5rem}
}
.support-block__desc ol:not(.step) li:nth-child(1)::before {content: "1."}
.support-block__desc ol:not(.step) li:nth-child(2)::before {content: "2."}
.support-block__desc ol:not(.step) li:nth-child(3)::before {content: "3."}
.support-block__desc ol:not(.step) li:nth-child(4)::before {content: "4."}
.support-block__desc ol:not(.step) li:nth-child(5)::before {content: "5."}
.support-block__desc ol:not(.step) li:nth-child(6)::before {content: "6."}
.support-block__desc ol:not(.step) li:nth-child(7)::before {content: "7."}
.support-block__desc ol:not(.step) li:nth-child(8)::before {content: "8."}
.support-block__desc ol:not(.step) li:nth-child(9)::before {content: "9."}
.support-block__desc ol:not(.step) li:nth-child(10)::before {content: "10."}
.support-block__desc ol:not(.step) li:nth-child(11)::before {content: "11."}
.support-block__desc ol:not(.step) li:nth-child(12)::before {content: "12."}
.support-block__desc ol:not(.step) li:nth-child(13)::before {content: "13."}
.support-block__desc ol:not(.step) li:nth-child(14)::before {content: "14."}
.support-block__desc ol:not(.step) li:nth-child(15)::before {content: "15."}
.support-block__desc ol:not(.step) li:nth-child(16)::before {content: "16."}
.support-block__desc ol:not(.step) li:nth-child(17)::before {content: "17."}
.support-block__desc ol:not(.step) li:nth-child(18)::before {content: "18."}
.support-block__desc ol:not(.step) li:nth-child(19)::before {content: "19."}
.support-block__desc ol:not(.step) li:nth-child(20)::before {content: "20."}
.support-block__desc ol:not(.step) li:nth-child(21)::before {content: "21."}
.support-block__desc ol:not(.step) li:nth-child(22)::before {content: "22."}
.support-block__desc ol:not(.step) li:nth-child(23)::before {content: "23."}
.support-block__desc ol:not(.step) li:nth-child(24)::before {content: "24."}
.support-block__desc ol:not(.step) li:nth-child(25)::before {content: "25."}
.support-block__desc ol:not(.step) li:nth-child(26)::before {content: "26."}
.support-block__desc ol:not(.step) li:nth-child(27)::before {content: "27."}
.support-block__desc ol:not(.step) li:nth-child(28)::before {content: "28."}
.support-block__desc ol:not(.step) li:nth-child(29)::before {content: "29."}
.support-block__desc ol:not(.step) li:nth-child(30)::before {content: "30."}
.support-block__desc ol:not(.step) li:nth-child(31)::before {content: "31."}
.support-block__desc ol:not(.step) li:nth-child(32)::before {content: "32."}
.support-block__desc ol:not(.step) li:nth-child(33)::before {content: "33."}
.support-block__desc ol:not(.step) li:nth-child(34)::before {content: "34."}
.support-block__desc ol:not(.step) li:nth-child(35)::before {content: "35."}
.support-block__desc ol:not(.step) li:nth-child(36)::before {content: "36."}
.support-block__desc ol:not(.step) li:nth-child(37)::before {content: "37."}
.support-block__desc ol:not(.step) li:nth-child(38)::before {content: "38."}
.support-block__desc ol:not(.step) li:nth-child(39)::before {content: "39."}
.support-block__desc ol:not(.step) li:nth-child(40)::before {content: "40."}
.support-block__desc ol:not(.step) li:nth-child(41)::before {content: "41."}
.support-block__desc ol:not(.step) li:nth-child(42)::before {content: "42."}
.support-block__desc ol:not(.step) li:nth-child(43)::before {content: "43."}
.support-block__desc ol:not(.step) li:nth-child(44)::before {content: "44."}
.support-block__desc ol:not(.step) li:nth-child(45)::before {content: "45."}
.support-block__desc ol:not(.step) li:nth-child(46)::before {content: "46."}
.support-block__desc ol:not(.step) li:nth-child(47)::before {content: "47."}
.support-block__desc ol:not(.step) li:nth-child(48)::before {content: "48."}
.support-block__desc ol:not(.step) li:nth-child(49)::before {content: "49."}
.support-block__desc ol:not(.step) li:nth-child(50)::before {content: "50."}
.support-block__desc ol:not(.step) li:nth-child(51)::before {content: "51."}
.support-block__desc ol:not(.step) li:nth-child(52)::before {content: "52."}
.support-block__desc ol:not(.step) li:nth-child(53)::before {content: "53."}
.support-block__desc ol:not(.step) li:nth-child(54)::before {content: "54."}
.support-block__desc ol:not(.step) li:nth-child(55)::before {content: "55."}
.support-block__desc ol:not(.step) li:nth-child(56)::before {content: "56."}
.support-block__desc ol:not(.step) li:nth-child(57)::before {content: "57."}
.support-block__desc ol:not(.step) li:nth-child(58)::before {content: "58."}
.support-block__desc ol:not(.step) li:nth-child(59)::before {content: "59."}
.support-block__desc ol:not(.step) li:nth-child(60)::before {content: "60."}
.support-block__desc ol:not(.step) li:nth-child(61)::before {content: "61."}
.support-block__desc ol:not(.step) li:nth-child(62)::before {content: "62."}
.support-block__desc ol:not(.step) li:nth-child(63)::before {content: "63."}
.support-block__desc ol:not(.step) li:nth-child(64)::before {content: "64."}
.support-block__desc ol:not(.step) li:nth-child(65)::before {content: "65."}
.support-block__desc ol:not(.step) li:nth-child(66)::before {content: "66."}
.support-block__desc ol:not(.step) li:nth-child(67)::before {content: "67."}
.support-block__desc ol:not(.step) li:nth-child(68)::before {content: "68."}
.support-block__desc ol:not(.step) li:nth-child(69)::before {content: "69."}
.support-block__desc ol:not(.step) li:nth-child(70)::before {content: "70."}
.support-block__desc ol:not(.step) li:nth-child(71)::before {content: "71."}
.support-block__desc ol:not(.step) li:nth-child(72)::before {content: "72."}
.support-block__desc ol:not(.step) li:nth-child(73)::before {content: "73."}
.support-block__desc ol:not(.step) li:nth-child(74)::before {content: "74."}
.support-block__desc ol:not(.step) li:nth-child(75)::before {content: "75."}
.support-block__desc ol:not(.step) li:nth-child(76)::before {content: "76."}
.support-block__desc ol:not(.step) li:nth-child(77)::before {content: "77."}
.support-block__desc ol:not(.step) li:nth-child(78)::before {content: "78."}
.support-block__desc ol:not(.step) li:nth-child(79)::before {content: "79."}
.support-block__desc ol:not(.step) li:nth-child(80)::before {content: "80."}
.support-block__desc ol:not(.step) li:nth-child(81)::before {content: "81."}
.support-block__desc ol:not(.step) li:nth-child(82)::before {content: "82."}
.support-block__desc ol:not(.step) li:nth-child(83)::before {content: "83."}
.support-block__desc ol:not(.step) li:nth-child(84)::before {content: "84."}
.support-block__desc ol:not(.step) li:nth-child(85)::before {content: "85."}
.support-block__desc ol:not(.step) li:nth-child(86)::before {content: "86."}
.support-block__desc ol:not(.step) li:nth-child(87)::before {content: "87."}
.support-block__desc ol:not(.step) li:nth-child(88)::before {content: "88."}
.support-block__desc ol:not(.step) li:nth-child(89)::before {content: "89."}
.support-block__desc ol:not(.step) li:nth-child(90)::before {content: "90."}
.support-block__desc ol:not(.step) li:nth-child(91)::before {content: "91."}
.support-block__desc ol:not(.step) li:nth-child(92)::before {content: "92."}
.support-block__desc ol:not(.step) li:nth-child(93)::before {content: "93."}
.support-block__desc ol:not(.step) li:nth-child(94)::before {content: "94."}
.support-block__desc ol:not(.step) li:nth-child(95)::before {content: "95."}
.support-block__desc ol:not(.step) li:nth-child(96)::before {content: "96."}
.support-block__desc ol:not(.step) li:nth-child(97)::before {content: "97."}
.support-block__desc ol:not(.step) li:nth-child(98)::before {content: "98."}
.support-block__desc ol:not(.step) li:nth-child(99)::before {content: "99."}
.support-block__desc ul.step {display: block; list-style: none; padding-left: 0; margin: 0}
.support-block__desc ul.step li {position: relative; margin-bottom: 3.15rem; padding-left: 8.9rem}
@media screen and (max-width:767px) {
    .support-block__desc ul.step li {padding-left: 6.9rem; margin-bottom: 2.05rem}
}
.support-block__desc ul.step li strong:first-child {position: absolute; left: 0; top: 0.1rem; width: 8.8rem; word-break: break-all}
@media screen and (max-width:767px) {
    .support-block__desc ul.step li strong:first-child {width: 6.8rem}
}
.support-block__desc blockquote {background-color: #f5f5f5; margin-left: 0; margin-right: 0; padding: 1.8rem; font-size: 1.6rem}
.support-block__desc table {display: block; white-space: nowrap; border: none; margin: 1.5rem 0; box-sizing: border-box}
@media screen and (min-width:768px) {
    .support-block__desc table {-ms-overflow-style: none}
}
@media screen and (max-width:767px) {
    .support-block__desc table {display: flex; overflow-x: scroll; border: none; -webkit-overflow-scrolling: touch; position: relative; left: -20px; padding-left: 20px; max-width: 100vw; width: 100vw}
    .support-block__desc table+table {margin: 1rem 0 0}
    .support-block__desc table::after {content: ''; display: block; width: 20px; min-width: 20px; height: 100%; pointer-events: none}
}
.support-block__desc table tbody {border: none; display: table; font-size: 1.75rem}
@media screen and (min-width:768px) {
    .support-block__desc table tbody {width: 100%}
}
@media screen and (max-width:767px) {
    .support-block__desc table tbody {font-size: 1.1rem}
}
.support-block__desc table tbody td {padding: 0.55rem 1.33rem 0.45rem; white-space: pre-wrap; border: solid 1px black}
@media screen and (max-width:767px) {
    .support-block__desc table tbody td {padding: 0.45rem 1rem}
}
.support-block__desc table tbody td:first-child {border-left: none}
.support-block__desc table tbody td:last-child {border-right: none}
.support-block__noresult {padding-top: 1.8rem; font-size: 1.8rem}
.support-search {width: 100%}
@media screen and (max-width:767px) {
    .support-search {padding-top: 10px}
}
.support-search__form {display: flex; justify-content: space-between; height: 45px}
@media screen and (max-width:767px) {
    .support-search__form {height: 38px}
}
.support-search__input {border-radius: 0px; border-width: 0 0 1px 0; padding: 2px 11px 0; font-size: 1.77rem; width: calc(100% - 118px); background: none; outline: none; -webkit-appearance: none}
.support-search__input::-webkit-search-cancel-button {-webkit-appearance: none}
@media screen and (max-width:767px) {
    .support-search__input {padding: 6px 0px 0 4px; border-width: 0 0 2px 0; font-size: 1.27rem; width: calc(100% - 87px)}
}
.support-search__submit {position: relative; width: 100px; margin-top: 10px; height: 35px; border-radius: 18px; border: solid 1px #000; display: flex; justify-content: center; align-items: center; padding-top: 2px; cursor: pointer; font-size: 1.6rem; transition: 0.2s; overflow: hidden}
@media screen and (max-width:767px) {
    .support-search__submit {padding-top: 0px; font-size: 1.4rem; margin-top: 0px; width: 76px; height: 38px}
}
.support-search__submit:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); display: block; width: 100%; height: 0; padding-top: 100%; background: #fff; border-radius: 50%; transition: transform 0.25s cubic-bezier(0.74, 0.11, 0.17, 0.51); z-index: 1}
.support-search__submit svg {position: relative; z-index: 2; margin-right: 4px}
@media screen and (max-width:767px) {
    .support-search__submit svg {margin-right: 5px; top: -1px}
}
.support-search__submit input {pointer-events: none; cursor: pointer; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; opacity: 0}
.support-search__submit span {position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.support-search__input:not(:-moz-placeholder-shown)+.support-search__submit {background: #000; color: #fff}
.support-search__input:not(:-ms-input-placeholder)+.support-search__submit {background: #000; color: #fff}
.support-search__input:not(:placeholder-shown)+.support-search__submit {background: #000; color: #fff}
.support-search__input:not(:-moz-placeholder-shown)+.support-search__submit:hover {color: #000}
.support-search__input:not(:-ms-input-placeholder)+.support-search__submit:hover {color: #000}
.support-search__input:not(:placeholder-shown)+.support-search__submit:hover {color: #000}
.support-search__input:not(:-moz-placeholder-shown)+.support-search__submit:hover:after {transform: translate(-50%, -50%) scale(1)}
.support-search__input:not(:-ms-input-placeholder)+.support-search__submit:hover:after {transform: translate(-50%, -50%) scale(1)}
.support-search__input:not(:placeholder-shown)+.support-search__submit:hover:after {transform: translate(-50%, -50%) scale(1)}
.support-search__input:not(:-moz-placeholder-shown)+.support-search__submit input {pointer-events: auto}
.support-search__input:not(:-ms-input-placeholder)+.support-search__submit input {pointer-events: auto}
.support-search__input:not(:placeholder-shown)+.support-search__submit input {pointer-events: auto}
.guide-list__item__label {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.85rem 2rem 1.8rem 1rem; border-top: 1px solid #000; font-size: 2rem; line-height: 1; cursor: pointer; color: #000; transition: opacity 0.2s}
@media screen and (max-width:767px) {
    .guide-list__item__label {padding: 1.45rem 1rem 1.35rem 0.9rem; width: 100%; font-size: 1.8rem}
}
.guide-list__item__label span {max-width: calc(100% - 35px); line-height: 1.4}
@media screen and (max-width:767px) {
    .guide-list__item__label span {max-width: calc(100% - 30px); line-height: 1.5}
}
.guide-list__item__label svg {transform: rotateX(0) translateY(0); transition: 0.2s}
.guide-list__item__label:hover {opacity: 0.6}
.guide-list__item__label:hover svg {transform: rotateX(0deg) translateY(3px)}
.guide-list__item.is-open .guide-list__item__label svg {transform: rotateX(180deg) translateY(0); transition: 0.2s}
.guide-list__item.is-open .guide-list__item__label:hover {opacity: 0.6}
.guide-list__item.is-open .guide-list__item__label:hover svg {transform: rotateX(180deg) translateY(3px)}
.guide-list__outer {overflow: hidden; height: 0}
.guide-list__inner {font-size: 1.75rem; border-bottom: solid 1px #000; padding: 1.2rem 0;}
@media screen and (max-width:767px) {
    .guide-list {padding-top: 0.3rem}
}
.guide-list__item__label {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.85rem 2rem 1.8rem 1rem; border-top: 1px solid #000; font-size: 2rem; line-height: 1; cursor: pointer; color: #000; transition: opacity 0.2s}
@media screen and (max-width:767px) {
    .guide-list__item__label {padding: 1.45rem 1rem 1.35rem 0.9rem; width: 100%; font-size: 1.8rem}
}
.guide-list__item__label span {max-width: calc(100% - 35px); line-height: 1.4}
@media screen and (max-width:767px) {
    .guide-list__item__label span {max-width: calc(100% - 30px); line-height: 1.5}
}
.guide-list__item__label svg {transform: rotateX(0) translateY(0); transition: 0.2s}
.guide-list__item__label:hover {opacity: 0.6}
.guide-list__item__label:hover svg {transform: rotateX(0deg) translateY(3px)}
.guide-list__item.is-open .guide-list__item__label svg {transform: rotateX(180deg) translateY(0); transition: 0.2s}
.guide-list__item.is-open .guide-list__item__label:hover {opacity: 0.6}
.guide-list__item.is-open .guide-list__item__label:hover svg {transform: rotateX(180deg) translateY(3px)}
.guide-list__outer {overflow: hidden; height: 0}
@media screen and (max-width:767px) {
    .guide-list__inner {padding: 2.1rem 1.3rem; line-height: 1.6; font-size: 1.47rem}
}
.guide-list__desc {padding-top: 1.4rem; padding-bottom: 0.2rem}
@media screen and (max-width:767px) {
    .guide-list__desc {padding: 0.6rem 0.7rem 0.3rem}
}
.guide-list__link {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1.32rem 1rem; cursor: pointer; color: #000; transition: opacity 0.2s}
@media screen and (max-width:767px) {
    .guide-list__link {padding: 1.3rem 0.7rem 1rem 0.8rem; width: 100%; font-size: 1.45rem}
}
.guide-list__link:not(:last-child) {border-bottom: 1px solid #000}
.guide-list__link__title {display: flex; max-width: calc(100% - 35px); line-height: 1.4}
@media screen and (max-width:767px) {
    .guide-list__link__title {max-width: calc(100% - 30px); line-height: 1.5}
}
.guide-list__link__title span:nth-child(1) {white-space: nowrap; padding-right: 0.4rem}
.guide-list__link svg {transform: translateX(0); transition: 0.2s}
.guide-list__link:hover {opacity: 0.6}
.guide-list__link:hover svg {transform: translateX(5px)}