@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
    box-sizing: border-box;
    overflow-y: scroll;
    /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;
    /* iOS 8+ */
    scroll-behavior: smooth;
    scroll-padding-top: 200px;
}

body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

body {
    color: #333;
    font-size: 14px;
    padding-right: 0px !important;
    background-color: #f3f4f5;
    overflow-x: hidden;
}

* {
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
}

/* # =================================================================
	 # General elements
	 # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
    display: none;
    height: 0;
}

hr {
    overflow: visible;
    /* Show the overflow in Edge and IE */
}

/*
  * Correct `block` display not defined for any HTML5 element in IE 8/9
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox
  * Correct `block` display not defined for `main` in IE 11
  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
    /* Add the correct display in all browsers */
}

small {
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
    display: none;
    /* Add the correct display in IE */
}

abbr[title] {
    border-bottom: 1px dotted;
    /* Add a bordered underline effect in all browsers */
    text-decoration: none;
    /* Remove text decoration in Firefox 40+ */
}

a {
    background-color: transparent;
    /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

b,
strong {
    font-weight: bolder;
    /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
    font-style: italic;
    /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
    background-color: #ff0;
    color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* # =================================================================
	 # Forms
	 # ================================================================= */
input {
    border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
    cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
    cursor: default;
}

[type=number] {
    width: auto;
    /* Firefox 36+ */
}

[type=search] {
    -webkit-appearance: textfield;
    /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
    /* Safari 8 */
}

textarea {
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold;
    /* Restore the font weight unset by the previous rule. */
}

button {
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}

button,
select {
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}

/* Style select like a standard input */
select {
    /*-moz-appearance: none; /* Firefox 36+ */
    /*-webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend {
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit;
    /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
    -webkit-appearance: textfield;
    /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px;
    /* Correct the outline style in Safari */
}

/* # =================================================================
	 # Specify media element style
	 # ================================================================= */
img {
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
    vertical-align: bottom;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
    /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
	 # Accessibility
	 # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
    [hidden~=screen] {
        display: inherit;
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

/* Specify the progress cursor of updating elements */
[aria-busy=true] {
    cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
    cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
    cursor: default;
}

/* # =================================================================
	 # Selection
	 # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}

/* # =================================================================
   # base
   # ================================================================= */
/* a {
    text-decoration: none;
}

a:link {
    color: blue;
}

a:visited {
    color: navy;
}

a:hover, a:active, a:focus {
    color: red;
} */

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input[type=search] {
    outline: none;
}

select {
    outline: none;
}

.l-header {
    background-color: #fff;
}

.header__wrapper {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.header__wrapper__img img {
    vertical-align: top;
}

.l-container, .l-container--mypage {
    margin: 200px 0 0 0;
}

@media screen and (max-width: 768px) {
    .l-container, .l-container--mypage {
        margin: 180px 0 0 0;
    }
}

.l-container img, .l-container--mypage img {
    vertical-align: top;
}

.l-container--mypage {
    position: relative;
}

@media screen and (max-width: 1000px) {
    .l-container--mypage img {
        background-color: #fff;
    }
}

.l-mypageMenu {
    position: relative;
    width: 1200px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .l-mypageMenu {
        width: 100%;
    }
}

.l-footer {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.header {
    position: relative;
}

.header__alert {
    height: 50px;
    background-color: #6a6a6a;
    color: #fff;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header__alert__close {
    position: absolute;
    right: 5%;
    width: 30px;
}

.header__alert__close img {
    width: 100%;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    max-width: 90%;
    padding: 18px 0 7px 0;
    margin: 0px auto 0px auto;
}

@media screen and (max-width: 1000px) {
    .header__inner {
        align-items: center;
    }
}

.header__site {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 40%;
    max-width: 500px;
}

@media screen and (max-width: 1000px) {
    .header__site {
        margin: auto auto 10px 0;
        width: 40%;
        max-width: auto;
    }
}

@media screen and (max-width: 768px) {
    .header__site {
        width: 60%;
    }
}

.header__site__logo {
    width: 100%;
    height: auto;
    margin: auto auto 5px auto;
}

@media screen and (max-width: 1000px) {
    .header__site__logo {
        height: auto;
        margin: auto auto 5px auto;
    }
}

.header__site__logo img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .header__site__title {
        font-size: 80%;
    }
}

.header__nav {
    display: flex;
    justify-content: flex-end;
    margin: auto auto 15px auto;
}

@media screen and (max-width: 1000px) {
    .header__nav {
        display: none;
    }
}

.header__nav__item {
    margin: 0 20px 0 0;
}

.header__nav__item a {
    color: #333;
}

.header__nav__item:last-child {
    margin: 0;
}

.header__menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__btn {
    display: flex;
    justify-content: space-between;
}

.header__btn__item, .header__btn__item--logout, .header__btn__item--regist, .header__btn__item--login {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 10px auto auto;
}

.header__btn__item a, .header__btn__item--logout a, .header__btn__item--regist a, .header__btn__item--login a {
    display: block;
    width: 200px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 14px;
}
.l-footer .footer__site{
    padding-right: 20px;
}

@media (max-width: 768px) {
    .header__btn__item a, .header__btn__item--logout a, .header__btn__item--regist a, .header__btn__item--login a{
        width: 140px;
    }
    .l-footer .footer__site {
        padding-right: 0px;
    }
    .l-footer .footer__logo{
        width: auto;
    }
}

.header__btn__item--login {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.header__btn__item--login a {
    color: #fff;
}

.header__btn__item--login img {
    margin: auto 10px auto 0;
}

.header__btn__item--regist {
    background: #f07d00;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
}

.header__btn__item--regist a {
    color: #fff;
}

.header__btn__item--regist img {
    margin: auto 10px auto 0;
}

.header__btn__item--logout {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    width: 126px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header__btn__item--logout img {
    margin: auto 10px auto 0;
}

.header__language {
    border: solid 1px #0b77bd;
    border-radius: 9999px;
    display: flex;
    justify-content: space-between;
    padding: 1px;
    position: relative;
}


.header__language::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-right: 5px;
    transform: translateY(-50%);
    z-index: -1;
}

.header__language__icon {
    width: 41px;
}

.header__language__icon img {
    border: solid 1px #f7f7f7;
    border-radius: 9999px;
    width: 100%;
}

.header__language select {
    width: 200px;
    padding: 0px;
    margin: 0;
    text-indent: 1em;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
}

.header__language__sp {
    display: none;
}

@media screen and (max-width: 1000px) {
    .header__language__sp {
        display: block;
        position: absolute;
        right: 60px;
        text-align: center;
        font-size: 90%;
    }
}

.header__language__sp img {
    width: 36px;
    z-index: 0;
    border: solid 1px #dddddd;
    border-radius: 9999px;
}

.header__language__sp select {
    width: 36px;
    height: 36px;
    padding: 0px;
    margin: 0;
    text-indent: 1em;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    border: solid 1px #333;
}

.moviecontainer {
    display: flex;
    z-index: 9999;
}

.moviecontainer .thumbnail {
    cursor: pointer;
}

.moviecontainer img {
    width: 100%;
}

.moviecontainer #modal-video {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    transition: 0.5s;
}

.moviecontainer #modal-video.close {
    filter: opacity(0);
    visibility: hidden;
}

.moviecontainer #modal-video.open {
    filter: opacity(1);
    visibility: visible;
}

.moviecontainer #modal-video iframe {
    width: 64vw;
    height: 36vw;
}

@media screen and (max-width: 1000px) {
    .moviecontainer #modal-video iframe {
        width: 90vw;
        height: 50vw;
    }
}

.footer__outer {
    max-width: 90%px;
    width: 90%;
    margin: auto;
    padding: 0 0 40px 0;
}

@media screen and (max-width: 1000px) {
    .footer__outer {
        max-width: 100%;
    }
}

.footer__inner--top {
    border-bottom: solid 1px #dddddd;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 30px 0;
}

@media screen and (max-width: 1000px) {
    .footer__inner--top {
        flex-direction: column;
    }
}

.footer__inner--bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

@media screen and (max-width: 1000px) {
    .footer__inner--bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

.footer__copyright {
    text-align: right;
    font-size: 90%;
}

@media screen and (max-width: 1000px) {
    .footer__site {
        margin: auto auto 20px auto;
    }
}

.footer__block {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1000px) {
    .footer__block {
        width: 100%;
    }
}

.footer__logo {
    width: 300px;
    margin: auto auto 5px auto;
}

.footer__logo img {
    width: 100%;
}

.footer__title {
    text-align: center;
}

.footer__nav {
    display: flex;
    justify-content: flex-end;
    margin: auto 40px 0 auto;
}

@media screen and (max-width: 1000px) {
    .footer__nav {
        margin: auto 0 0 0;
        font-size: 85%;
    }
}

.footer__nav__item::after {
    content: "｜";
}

.footer__nav__item:last-child::after {
    content: "";
}

.footer__nav__item a {
    color: #333;
}

.footer__sns {
    display: flex;
    justify-content: space-between;
}

.footer__sns__item {
    margin: auto 10px;
}

@media screen and (max-width: 1000px) {
    .footer__address {
        margin: 0 0 60px 0;
        text-align: left;
    }
}

.footer__navSub {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 1000px) {
    .footer__navSub {
        width: 100%;
        font-size: 95%;
    }
}

.footer__navSub__item::after {
    content: "｜";
}

.footer__navSub__item:last-child::after {
    content: "";
}

.footer__navSub__item a {
    color: #333;
}

.adviser {
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .adviser {
        top: 180px;
    }
}

.adviser a {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
    display: block;
    width: 220px;
    height: 60px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 110%;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .adviser a {
        width: auto;
        height: auto;
        padding: 10px 40px 10px 10px;
        font-size: 90%;
    }
}

.adviser__arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.adviser__arrow::before, .adviser__arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .adviser__arrow::before, .adviser__arrow::after {
        right: 10px;
    }
}

.adviser__arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .adviser__arrow::before {
        width: 16px;
        height: 16px;
    }
}

.adviser__arrow::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #5fb2df;
    border-right: 1px solid #5fb2df;
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
    .adviser__arrow::after {
        right: 16px;
    }
}

.adviser-slide {
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 2;
}

@media screen and (max-width: 1000px) {
    .adviser-slide {
        top: 160px;
    }
}

.adviser-slide__btn {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 110%;
    align-items: center;
    transition: all 0.4s;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__btn {
        white-space: nowrap;
        position: absolute;
        top: 0px;
        right: -155px;
        width: auto;
        height: auto;
        padding: 10px 40px 10px 40px;
        font-size: 90%;
    }
}

.adviser-slide__btn a {
    display: block;
    padding: 20px 60px;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__btn a {
        display: inline-block;
        padding: 0px;
    }
}

.adviser-slide__arrow {
    position: absolute;
    right: 0;
    top: 30px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    z-index: 3;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__arrow {
        top: 20px;
    }
}

.adviser-slide__arrow::before, .adviser-slide__arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
    z-index: 3;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__arrow::before, .adviser-slide__arrow::after {
        right: 10px;
    }
}

.adviser-slide__arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 9999px;
    z-index: 3;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__arrow::before {
        width: 16px;
        height: 16px;
    }
}

.adviser-slide__arrow::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #5fb2df;
    border-right: 1px solid #5fb2df;
    transform: rotate(45deg);
    z-index: 3;
}

@media screen and (max-width: 1000px) {
    .adviser-slide__arrow::after {
        right: 16px;
    }
}

.adviser-slide__active {
    right: 0px;
    padding-left: 20px;
    z-index: 3;
}

.gnav__open {
    display: none;
}

@media screen and (max-width: 1000px) {
    .gnav__open {
        display: block;
        position: absolute;
        z-index: 1003;
        top: 12px;
        right: 5px;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
}

.gnav__open span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #0b77bd;
    width: 45%;
}

.gnav__open span:nth-of-type(1) {
    top: 15px;
}

.gnav__open span:nth-of-type(2) {
    top: 23px;
}

.gnav__open span:nth-of-type(3) {
    top: 31px;
}

.gnav__open.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.gnav__open.active span:nth-of-type(2) {
    opacity: 0;
}

.gnav__open.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.gnav__menu {
    display: none;
}

@media screen and (max-width: 1000px) {
    .gnav__menu {
        display: block;
        position: fixed;
        z-index: 1001;
        top: -200%;
        left: 0;
        width: 100%;
        transition: all 0.4s;
        background-color: #fff;
    }
}

.gnav__menu.panelactive {
    top: 0;
}

.gnav__menu .gnav__menu-list {
    position: relative;
    z-index: 1001;
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.gnav__site {
    background: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/gnav_header.png) no-repeat center bottom;
    background-size: cover;
}

@media screen and (max-width: 1000px) {
    .gnav__site {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0px;
        width: 100%;
        position: relative;
        z-index: 1;
    }
}

.gnav__site__block {
    width: 60%;
    margin: 20px;
    padding: 0 0 30px 0;
}

.gnav__site__logo {
    width: 100%;
    height: auto;
    margin: auto auto 10px auto;
}

.gnav__site__logo img {
    width: 100%;
}

.gnav__site__title {
    font-size: 90%;
}

.gnav__nav {
    margin: auto auto 0 auto;
    width: 80%;
    background-color: #fff;
    border-radius: 16px;
    padding: 10px 20px;
    margin: auto auto 20px auto;
    position: relative;
    z-index: 1;
}

.gnav__nav__item {
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
    font-size: 120%;
    text-align: center;
    position: relative;
}

.gnav__nav__item:last-child {
    border-bottom: none;
}

.gnav__nav__item a {
    color: #333;
}

.gnav__navSub {
    margin: auto auto 0 auto;
    padding: 0 0 300px 0;
    width: 80%;
    position: relative;
    z-index: 1;
}

.gnav__navSub__item {
    padding: 20px 0;
    font-size: 120%;
    text-align: center;
    margin: auto auto 20px auto;
    background-color: #fff;
    border-radius: 16px;
    padding: 14px 20px;
}

.gnav__navSub__item:last-child {
    border-bottom: none;
}

.gnav__navSub__item a {
    color: #333;
}

.gnav__bg, .gnav__bg--bottom, .gnav__bg--top {
    display: none;
    position: absolute;
    z-index: 0;
}

@media screen and (max-width: 1000px) {
    .gnav__bg, .gnav__bg--bottom, .gnav__bg--top {
        display: block;
    }
}

.gnav__bg--top {
    top: 50px;
    left: 0;
    width: 100%;
}

.gnav__bg--top img {
    width: 100%;
}

.gnav__bg--bottom {
    bottom: 0;
    right: 0;
    width: 100%;
}

.gnav__bg--bottom img {
    width: 100%;
}

.gnav__arrow {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.gnav__arrow::before, .gnav__arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .gnav__arrow::before, .gnav__arrow::after {
        right: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .gnav__arrow::before {
        box-sizing: border-box;
        background-color: #1bb3e6;
        border-radius: 9999px;
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 1000px) {
    .gnav__arrow::after {
        right: 20px;
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
    }
}

.height {
    height: 0px;
}

.noneScroll {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
}

.hero {
    position: relative;
    margin: 80px 0 0 0;
}

@media screen and (max-width: 768px) {
    .hero {
        margin: 80px 0 0 0;
    }
}

.hero__image {
    position: relative;
}

.hero__image img {
    width: 100%;
}

.hero__image__catch {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 400%;
}

@media screen and (max-width: 768px) {
    .hero__image__catch {
        font-size: 200%;
    }
}

@media screen and (max-width: 768px) {
    .hero__image__catch span {
        display: none;
    }
}

.hero__image__catch br {
    display: none;
}

@media screen and (max-width: 768px) {
    .hero__image__catch br {
        display: block;
    }
}

.hero__language {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translate(-50%);
}

@media screen and (max-width: 1000px) {
    .hero__language {
        bottom: 0px;
        width: 100%;
    }
}

.hero__language__inner {
    border: solid 1px #0b77bd;
    border-radius: 9999px;
    display: flex;
    justify-content: space-between;
    padding: 1px;
    position: relative;
    width: 410px;
    background-color: #fff;
}

@media screen and (max-width: 1000px) {
    .hero__language__inner {
        width: 85%;
        margin: auto;
    }
}

.hero__language__inner::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-right: 5px;
    transform: translateY(-50%);
}

.hero__language__icon {
    width: 41px;
}

.hero__language__icon img {
    border: solid 1px #f7f7f7;
    border-radius: 9999px;
    width: 100%;
}

.hero__language select {
    width: 100%;
    padding: 0px;
    margin: 0;
    text-indent: 1em;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.country {
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
    width: 100%;
    margin: auto;
    position: relative;
    padding: 50px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .country {
        padding: 10px;
    }
}

.country__heading {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: auto auto 40px auto;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .country__heading {
        font-size: 140%;
        margin: 30px auto 40px auto;
    }
}

.country__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 960px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .country__inner {
        width: 100%;
    }
}

.country__item {
    width: 200px;
    background-color: #fff;
    border-radius: 9999px;
    margin: auto auto 28px auto;
}

@media screen and (max-width: 1000px) {
    .country__item {
        width: 47%;
        margin: auto auto 15px auto;
    }
}

.country__item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.country__item__icon {
    width: 46px;
    height: 46px;
    margin: 2px;
}

.country__item__icon img {
    width: 100%;
}

.country__item__name {
    text-align: center;
    margin: auto;
    color: #333;
    text-indent: -2em;
}

.interview {
    position: relative;
}

.interview__contents {
    width: 1120px;
    margin: 60px auto;
    padding: 80px 80px 60px 80px;
    position: relative;
    background-color: #fff;
    border-radius: 26px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .interview__contents {
        padding: 60px 20px 50px 20px;
        width: 90%;
    }
}

.interview__contents::before {
    content: "";
    display: block;
    height: 30px;
    background-color: #35b7c6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .interview__contents::before {
        height: 26px;
    }
}

.interview__contents::after {
    content: "";
    display: block;
    height: 30px;
    background-color: #35b7c6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .interview__contents::after {
        height: 26px;
    }
}

.interview__inner {
    display: flex;
    justify-content: center;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .interview__inner {
        flex-direction: column;
    }
}

.interview__icon {
    margin: auto 40px auto 0;
}

@media screen and (max-width: 1000px) {
    .interview__icon {
        text-align: center;
        margin: auto auto 10px auto;
        width: 30%;
    }
}

.interview__icon img {
    width: 100%;
}

.interview__heading {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: 0 auto 10px auto;
}

@media screen and (max-width: 1000px) {
    .interview__heading {
        font-size: 140%;
    }
}

.interview__text {
    font-size: 160%;
}

@media screen and (max-width: 1000px) {
    .interview__text {
        font-size: 120%;
        text-align: center;
    }
}

.interview__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 40px auto;
}

.interview__btn__item {
    font-size: 110%;
    margin: auto 15px;
}

.interview__btn__item a {
    border-radius: 8px;
    display: block;
    width: 190px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .interview__btn__item a {
        border-radius: 16px;
    }
}

.interview__btn__item img {
    margin: auto 10px auto 0;
}

.interview__visicomi {
    text-align: center;
    margin: auto;
    width: 160px;
}

@media screen and (max-width: 1000px) {
    .interview__visicomi {
        width: 40%;
    }
}

.interview__visicomi img {
    width: 100%;
}

.interview .pattern_1 {
    position: absolute;
    top: -80px;
    right: 0;
}

@media screen and (max-width: 1000px) {
    .interview .pattern_1 {
        width: 120px;
    }
}

.interview .pattern_1 img {
    width: 100%;
}

.interview .pattern_2 {
    position: absolute;
    bottom: -60px;
    left: 0;
}

@media screen and (max-width: 1000px) {
    .interview .pattern_2 {
        width: 120px;
        bottom: -80px;
        left: -20px;
    }
}

.interview .pattern_2 img {
    width: 100%;
}

.industry {
    background: #1bb3e6;
    background: linear-gradient(180deg, #61b9e3 0%, #5fb2df 100%);
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .industry {
        padding: 50px 0 20px 0;
    }
}

.industry__heading {
    color: #fff;
    text-align: center;
    font-size: 200%;
    margin: auto auto 60px auto;
}

@media screen and (max-width: 1000px) {
    .industry__heading {
        font-size: 140%;
    }
}

.industry__inner {
    width: 1280px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
    .industry__inner {
        width: 90%;
    }
}

.industry__item {
    background-color: #fff;
    border-radius: 26px;
    width: 240px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    margin: auto 0 20px 0;
}

@media screen and (max-width: 1000px) {
    .industry__item {
        width: 47.5%;
        margin: 0 0 15px 0;
    }
}

.industry__item a {
    display: block;
    padding: 30px 15px;
}

@media screen and (max-width: 1000px) {
    .industry__item a {
        padding: 25px 10px;
    }
}

.industry__item__icon {
    text-align: center;
    margin: auto auto 24px auto;
}

@media screen and (max-width: 1000px) {
    .industry__item__icon {
        margin: auto auto 10px auto;
    }
}

.industry__item__icon img {
    height: 70px;
}

@media screen and (max-width: 1000px) {
    .industry__item__icon img {
        width: auto;
        height: 70px;
    }
}

.industry__item__title {
    text-align: center;
    color: #333;
    font-weight: normal;
}

@media screen and (max-width: 1000px) {
    .industry__item__title {
        font-size: 100%;
    }
}

.area {
    position: relative;
    z-index: 1;
}

.area__contents {
    background-color: #fff;
    padding: 50px 50px 100px 50px;
    width: 1120px;
    margin: 80px auto;
    border-radius: 26px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .area__contents {
        width: 90%;
        padding: 50px 20px 100px 20px;
    }
}

.area__heading {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: auto auto 50px auto;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .area__heading {
        font-size: 140%;
        margin: auto auto 20px auto;
    }
}

.area__bg, .area__bg--bottom, .area__bg--top {
    position: absolute;
    z-index: 0;
}

.area__bg--top {
    top: 0;
    left: 0;
    width: 348px;
}

@media screen and (max-width: 1000px) {
    .area__bg--top {
        width: 50%;
    }
}

.area__bg--top img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .area__bg--top img {
        border-top-left-radius: 26px;
    }
}

.area__bg--bottom {
    bottom: 0;
    right: 0;
    width: 371px;
}

@media screen and (max-width: 1000px) {
    .area__bg--bottom {
        width: 50%;
    }
}

.area__bg--bottom img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .area__bg--bottom img {
        border-bottom-right-radius: 26px;
    }
}

.area__inner {
    padding: 0 0px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .area__inner {
        justify-content: center;
    }
}

.area__map {
    width: 480px;
    height: 500px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 0 0 0 20px;
}

@media screen and (max-width: 1000px) {
    .area__map {
        width: 100%;
        height: 350px;
        margin: 0 0 0 0px;
    }
}

@media screen and (max-width: 1000px) {
    .area__map img {
        width: 100%;
    }
}

.area__map__btn, .area__map .show {
    width: 250px;
    padding: 14px;
    font-size: 120%;
    display: block;
    border-radius: 16px;
    font-weight: normal;
    color: #a5a5a5;
    border: solid 1px #dddddd;
    background-color: #fff;
    color: #333;
    border: solid 1px #333;
    cursor: pointer;
    text-indent: -1em;
}

@media screen and (max-width: 1000px) {
    .area__map__btn, .area__map .show {
        width: 135px;
        padding: 6px 20px 6px 0;
        font-size: 85%;
        border-radius: 10px;
        text-indent: 0em;
    }
}

.area__map .show {
    background-color: #5fb2df;
    color: #fff;
    border: none;
}

.area__map .arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.area__map .arrow::before, .area__map .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .area__map .arrow::before, .area__map .arrow::after {
        right: 10px;
    }
}

.area__map .arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #5fb2df;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .area__map .arrow::before {
        width: 16px;
        height: 16px;
    }
}

.area__map .arrow::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
    .area__map .arrow::after {
        right: 16px;
    }
}

.area__map .arrow--show {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.area__map .arrow--show::before, .area__map .arrow--show::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .area__map .arrow--show::before, .area__map .arrow--show::after {
        right: 10px;
    }
}

.area__map .arrow--show::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .area__map .arrow--show::before {
        width: 16px;
        height: 16px;
    }
}

.area__map .arrow--show::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #5fb2df;
    border-right: 1px solid #5fb2df;
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
    .area__map .arrow--show::after {
        right: 16px;
    }
}

.area__map .hokkaido {
    position: absolute;
    top: 0;
    left: 70px;
}

@media screen and (max-width: 1000px) {
    .area__map .hokkaido {
        left: 0px;
        top: 30px;
    }
}

.area__map .touhoku {
    position: absolute;
    top: 120px;
    right: -120px;
}

@media screen and (max-width: 1000px) {
    .area__map .touhoku {
        top: 75px;
        right: auto;
        left: 0;
    }
}

.area__map .kanto {
    position: absolute;
    top: 260px;
    right: -130px;
}

@media screen and (max-width: 1000px) {
    .area__map .kanto {
        top: auto;
        right: auto;
        left: 180px;
        bottom: 70px;
    }
}

.area__map .kansai {
    position: absolute;
    top: 220px;
    left: -50px;
}

@media screen and (max-width: 1000px) {
    .area__map .kansai {
        top: auto;
        left: 160px;
        bottom: -15px;
        transform: translate(-50%);
    }
}

.area__map .hokuriku {
    position: absolute;
    top: 120px;
    left: 20px;
}

@media screen and (max-width: 1000px) {
    .area__map .hokuriku {
        top: 120px;
        right: auto;
        left: 0;
    }
}

.area__map .toukai {
    position: absolute;
    bottom: 80px;
    right: -80px;
}

@media screen and (max-width: 1000px) {
    .area__map .toukai {
        bottom: 30px;
        right: auto;
        left: 140px;
    }
}

.area__map .tyugoku {
    position: absolute;
    bottom: 0px;
    left: 230px;
}

@media screen and (max-width: 1000px) {
    .area__map .tyugoku {
        bottom: auto;
        top: 160px;
        left: 0px;
    }
}

.area__map .kyusyu {
    position: absolute;
    bottom: -20px;
    left: -40px;
}

@media screen and (max-width: 1000px) {
    .area__map .kyusyu {
        bottom: -60px;
        left: 0px;
    }
}

.area__select {
    width: 28%;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .area__select {
        display: none;
    }
}

.area__select__inner {
    display: none;
}

.area__select__title {
    font-size: 180%;
    text-align: center;
    font-weight: normal;
    border-bottom: solid 1px #333;
    padding: 0 0 40px 0;
    margin: 0 0 30px 0;
}

.area__select__contents dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto auto 10px auto;
}

.area__select__contents dl dt {
    width: 10%;
    padding: 5px 0 5px 0;
}

.area__select__contents dl dt img {
    width: 100%;
}

.area__select__contents dl dd {
    padding: 5px 5px 5px 15px;
}

.area__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 40px auto;
}

.area__btn__item {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
}

.area__btn__item a {
    border-radius: 8px;
    display: block;
    width: 190px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
}

.area__btn__item img {
    margin: auto 10px auto 0;
}

.area .pattern_1 {
    position: absolute;
    top: 200px;
    left: 0;
}

@media screen and (max-width: 1000px) {
    .area .pattern_1 {
        top: auto;
        bottom: -90px;
        width: 100px;
    }
}

.area .pattern_1 img {
    width: 100%;
}

.area .pattern_2 {
    position: absolute;
    bottom: -90px;
    right: 0;
}

@media screen and (max-width: 1000px) {
    .area .pattern_2 {
        top: auto;
        bottom: 50%;
        width: 150px;
    }
}

.area .pattern_2 img {
    width: 100%;
}

.area__field {
    width: 480px;
    height: 500px;
    position: relative;
    margin: 0 0 0 20px;
}

@media screen and (max-width: 1000px) {
    .area__field {
        width: 100%;
        height: auto;
        margin: 0 0 0 0px;
    }
}

.area__field__inner {
    position: absolute;
}

@media screen and (max-width: 1000px) {
    .area__field__inner {
        position: static;
    }
}

.area__image {
    width: 480px;
    height: 500px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .area__image {
        width: 320px;
        height: auto;
    }
}

.area__image img {
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1000px) {
    .area__image img {
        width: 100%;
    }
}

.area picture {
    position: absolute;
    left: 15px;
}

@media screen and (max-width: 1000px) {
    .area picture img {
        width: 280px;
    }
}

/*モーダルを開くボタン*/
.modal-container {
    display: none;
}

@media screen and (max-width: 1000px) {
    .modal-container {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        padding: 40px 20px;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        box-sizing: border-box;
        z-index: 9999;
    }
}

.modal-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal-container.active {
    opacity: 1;
    visibility: visible;
}

.modal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    width: 90%;
}

.modal-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.modal-content {
    background: #fff;
    text-align: left;
    padding: 30px;
    border-radius: 26px;
}

.entryFooter {
    position: relative;
    overflow: hidden;
}

.entryFooter__contents {
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/entryFooter.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    position: relative;
    height: 610px;
}

@media screen and (max-width: 1000px) {
    .entryFooter__contents {
        height: 360px;
    }
}

.entryFooter__btn {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .entryFooter__btn {
        bottom: 60px;
    }
}

.entryFooter__btn a {
    display: block;
    color: #0b77bd;
    width: 480px;
    height: 80px;
    border: solid 1px #0b77bd;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 140%;
}

@media screen and (max-width: 1000px) {
    .entryFooter__btn a {
        width: 340px;
        height: 55px;
        font-size: 120%;
    }
}

.entryFooter .pattern_1 {
    position: absolute;
    top: 20px;
    right: 380px;
}

@media screen and (max-width: 1000px) {
    .entryFooter .pattern_1 {
        right: -100px;
        top: -20px;
        width: 200px;
    }
}

.entryFooter .pattern_1 img {
    width: 100%;
}

.entryFooter .pattern_2 {
    position: absolute;
    bottom: -40px;
    left: 80px;
}

@media screen and (max-width: 1000px) {
    .entryFooter .pattern_2 {
        top: 20px;
        bottom: auto;
        left: -20px;
        width: 100px;
    }
}

.entryFooter .pattern_2 img {
    width: 100%;
}

.entryFooter .pattern_3 {
    position: absolute;
    bottom: -100px;
    right: 0;
}

@media screen and (max-width: 1000px) {
    .entryFooter .pattern_3 {
        bottom: -40px;
        right: -20px;
        width: 100px;
    }
}

.entryFooter .pattern_3 img {
    width: 100%;
}

.cm {
    background-color: #fff;
    border: solid 4px #0b77bd;
    border-radius: 16px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    width: 220px;
    height: 180px;
    padding: 15px;
}

@media screen and (max-width: 1000px) {
    .cm {
        width: 90%;
        bottom: 0px;
        left: 5%;
        height: auto;
    }
}

.cm__inner {
    position: relative;
}

@media screen and (max-width: 1000px) {
    .cm__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.cm__heading {
    text-align: center;
    margin: auto auto 10px auto;
}

@media screen and (max-width: 1000px) {
    .cm__heading {
        margin: auto;
    }
}

.cm__close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 34px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border: solid 2px #8a8a8a;
    border-radius: 9999px;
    color: #333;
    cursor: pointer;
}

.cm__close img {
    width: 100%;
}

.cm__movie {
    width: 180px;
    height: 100px;
    background-color: #f7f7f7;
}

.search {
    position: relative;
}

.search__contents, .search__contents--list {
    background-color: #fff;
    padding: 50px;
    width: 1120px;
    margin: -80px auto 80px auto;
    border-radius: 26px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .search__contents, .search__contents--list {
        width: 90%;
        padding: 20px;
    }
}

.search__contents--list {
    margin: 0px auto 80px auto;
}

.search__inner, .search__inner--detail {
    padding: 0 50px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .search__inner, .search__inner--detail {
        padding: 0px;
    }
}

.search__inner--detail {
    padding: 50px;
}

@media screen and (max-width: 1000px) {
    .search__inner--detail {
        padding: 30px 0;
    }
}

.search__heading {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: auto auto 50px auto;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .search__heading {
        font-size: 140%;
        margin: 20px auto 10px auto;
    }
}

.search__item {
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
}

.search__item:last-child {
    border: none;
}

@media screen and (max-width: 1000px) {
    .search__item:last-child {
        border-bottom: solid 1px #dddddd;
    }
}

.search__item dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .search__item dl {
        flex-direction: column;
    }
}

.search__item dl dt {
    width: 20%;
    text-align: center;
    font-size: 140%;
}

@media screen and (max-width: 1000px) {
    .search__item dl dt {
        width: 100%;
        text-align: left;
        padding: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .search__item dl dt br {
        display: none;
    }
}

.search__item dl dd {
    width: 80%;
}

@media screen and (max-width: 1000px) {
    .search__item dl dd {
        width: 100%;
    }
}

.search__item dl .search__inside {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .search__item dl .search__inside {
        align-items: flex-start;
        padding: 10px 0;
    }
}

.search__bg, .search__bg--bottom, .search__bg--top {
    position: absolute;
    z-index: 0;
}

.search__bg--top {
    top: 0;
    left: 0;
    width: 260px;
}

@media screen and (max-width: 1000px) {
    .search__bg--top {
        width: 30%;
    }
}

.search__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.search__bg--bottom {
    bottom: 0;
    right: 0;
    width: 360px;
}

@media screen and (max-width: 1000px) {
    .search__bg--bottom {
        width: 30%;
    }
}

.search__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.search label {
    margin: 0;
    width: 30%;
    line-height: 40px;
    cursor: pointer;
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
    .search label {
        width: 40%;
    }
}

.search input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .search input[type=checkbox] {
        margin: 0px 5px auto auto;
    }
}

.search input[type=checkbox]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.search input[type=checkbox]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.search input[type=checkbox]:checked::after {
    opacity: 1;
}

.search input[type=checkbox]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.search__freeword input[type=text] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.search__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto auto auto;
}

@media screen and (max-width: 1000px) {
    .search__btn {
        flex-direction: column;
    }
}

.search__btn__item, .search__btn__item--regist, .search__btn__item--login {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
}

@media screen and (max-width: 1000px) {
    .search__btn__item, .search__btn__item--regist, .search__btn__item--login {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.search__btn__item a, .search__btn__item--regist a, .search__btn__item--login a {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .search__btn__item a, .search__btn__item--regist a, .search__btn__item--login a {
        margin: auto;
        width: 160px;
    }
}

.search__btn__item--login {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.search__btn__item--login a {
    color: #fff;
}

.search__btn__item--login img {
    margin: auto 10px auto 0;
}

.search__btn__item--regist {
    background: #f07d00;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
}

.search__btn__item--regist a {
    color: #fff;
}

.search__btn__btn {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    border-radius: 8px;
}

@media screen and (max-width: 1000px) {
    .search__btn__btn {
        width: 190px;
        margin: auto auto 10px auto;
        border-radius: 16px;
    }
}

.search__btn__btn input[type=submit] {
    width: 190px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 120%;
    background: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/btn_icon_search.png);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 0 0 20px;
}

@media screen and (max-width: 1000px) {
    .search__btn__btn input[type=submit] {
        border-radius: 16px;
    }
}

.search__selectBox {
    border: solid 1px #dddddd;
    padding: 8px 14px;
    border-radius: 12px;
}

@media screen and (max-width: 1000px) {
    .search__selectBox {
        padding: 6px 10px;
    }
}

.search__selectBox__title {
    margin: auto auto 2px auto;
}

.search select {
    min-width: 140px;
    margin: 0;
    text-indent: 1em;
    background-color: transparent;
    border: solid 1px #dddddd;
    padding: 16px;
    border-radius: 12px;
}

@media screen and (max-width: 1000px) {
    .search select {
        min-width: 100px;
    }
}

.search label {
    margin: 0 10px 0;
}

.search__text {
    margin: auto 20px;
}

@media screen and (max-width: 1000px) {
    .search__text {
        margin: auto 5px;
    }
}

.search .pattern_1 {
    position: absolute;
    top: 20px;
    left: 0;
}

@media screen and (max-width: 1000px) {
    .search .pattern_1 {
        top: 100px;
        left: 0;
        width: 100px;
    }
}

.search .pattern_1 img {
    width: 100%;
}

.search .pattern_2 {
    position: absolute;
    top: 45%;
    right: 0;
}

@media screen and (max-width: 1000px) {
    .search .pattern_2 {
        top: auto;
        bottom: -90px;
        width: 100px;
    }
}

.search .pattern_2 img {
    width: 100%;
}

.search .pattern_3 {
    position: absolute;
    bottom: -80px;
    left: 0;
}

@media screen and (max-width: 1000px) {
    .search .pattern_3 {
        top: auto;
        bottom: -90px;
        width: 100px;
    }
}

.search .pattern_3 img {
    width: 100%;
}

.search__label {
    pointer-events: none;
}

@media screen and (max-width: 1000px) {
    .search__label {
        pointer-events: auto;
        cursor: pointer;
        position: relative;
    }
}

.search__item dl dd {
    display: block;
}

@media screen and (max-width: 1000px) {
    .search__item dl dd {
        display: none;
    }
}

/* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
.icon-wrap {
    display: none;
    /* .icon-wrapの中でプラスを中央に位置させるために.iconを親要素に設定 */
    /* プラスアイコン */
    /* ２本の線を.icon-wrapの中央に並行に重ねる */
    /* そのうち1本を縦にする */
    /* プラスアイコンクリック後、マイナスにする */
}

@media screen and (max-width: 1000px) {
    .icon-wrap {
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translatey(-50%);
        width: 38px;
        height: 38px;
    }
}

.icon-wrap .icon {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.icon-wrap .icon:before,
.icon-wrap .icon:after {
    position: absolute;
    content: "";
    display: block;
    transition: all 0.4s;
    background: #333;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 2px;
    transform: translate(-50%, -50%);
}

.icon-wrap .icon:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.icon-wrap .icon.open:before {
    transform: translate(-50%, -50%) rotate(0deg);
}

.jobSlide, .jobSlide--detail {
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
    width: 100%;
    margin: auto;
    position: relative;
    padding: 50px;
    height: 380px;
    z-index: 1;
}

.jobSlide--detail {
    height: auto;
}

.jobSlide__heading {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: auto auto 40px auto;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .jobSlide__heading {
        font-size: 140%;
    }
}

.jobSlide__inner {
    width: 1120px;
    padding: 0;
    margin: auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
    .jobSlide__inner {
        width: 90%;
    }
}

.jobSlide__item {
    margin: auto 10px 10px 10px;
    background-color: #fff;
    border-radius: 26px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.jobSlide__item a {
    display: block;
}

.jobSlide__item__image img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-right-radius: 26px;
    border-top-left-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .jobSlide__item__image img {
        height: 200px;
    }
}

.jobSlide__item__block {
    padding: 15px;
}

.jobSlide__item__title {
    color: #333;
    padding: 0;
    margin: auto auto 0px auto;
    height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .jobSlide__item__title {
        height: 48px;
    }
}

.jobSlide__item__data {
    color: #333;
    border-top: solid 1px #dddddd;
    padding: 20px 0 0;
}

@media screen and (max-width: 768px) {
    .jobSlide__item__data {
        margin: 20px auto auto auto;
    }
}

.jobSlide__item__data__address {
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/data_icon_address.png);
    padding: 0 0 0 20px;
    background-position: 2px center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-repeat: no-repeat;
}

.jobSlide__item__data__salary {
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/data_icon_salary.png);
    padding: 0 0 0 20px;
    background-position: 2px center;
    background-repeat: no-repeat;
}

.prev-arrow {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    z-index: 1;
}

.prev-arrow::before, .prev-arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.prev-arrow::before {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 9999px;
}

.prev-arrow::after {
    left: 15px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    transform: rotate(45deg);
}

.next-arrow {
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
}

.next-arrow::before, .next-arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.next-arrow::before {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 9999px;
}

.next-arrow::after {
    right: 15px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
}

.slide-arrow {
    width: 40px;
    z-index: 1;
}

.list__item {
    width: 1120px;
    margin: auto auto 60px;
    background-color: #fff;
    border-radius: 26px;
    position: relative;
    padding: 40px 130px;
}

@media screen and (max-width: 1000px) {
    .list__item {
        width: 90%;
        padding: 40px 40px;
    }
}

.list__name {
    font-size: 160%;
    padding: 0 0 20px;
    font-weight: normal;
}

@media screen and (max-width: 1000px) {
    .list__name {
        font-size: 120%;
    }
}

.list__name a {
    color: #333;
}

.list__name a:hover {
    color: #333;
}

.list__inner {
    padding: 20px;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1000px) {
    .list__inner {
        flex-direction: column;
        padding: 20px 0px;
    }
}

.list__image {
    width: 47.5%;
}

@media screen and (max-width: 1000px) {
    .list__image {
        width: 100%;
        margin: auto auto 20px auto;
    }
}

.list__image img {
    width: 100%;
}

.list__block {
    width: 47.5%;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .list__block {
        width: 100%;
    }
}

.list__block dl {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px 0;
    font-size: 110%;
}

.list__block dl dt {
    width: 30%;
}

.list__block dl dt img {
    vertical-align: middle;
    margin: -5px 10px auto auto;
}

.list__block dl dd {
    width: 70%;
}

.list__block dl dd span {
    padding: 3px 0 0 0;
    display: block;
}

.list__tagBlock {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (max-width: 1000px) {
    .list__tagBlock {
        flex-direction: column;
    }
}

.list__tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
}

@media screen and (max-width: 1000px) {
    .list__tag {
        padding: 0px 0 20px 0;
    }
}

.list__tag li {
    padding: 8px 20px;
    border: solid 1px #0b77bd;
    border-radius: 9999px;
    color: #0b77bd;
    text-align: center;
    margin: 0 16px 16px 0;
}

@media screen and (max-width: 1000px) {
    .list__tag li {
        margin: 0 10px 10px 0;
        padding: 8px 10px;
    }
}

.list__tag--visikomi {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
}

@media screen and (max-width: 1000px) {
    .list__tag--visikomi {
        padding: 20px 0px 0px 0px;
    }
}

.list__tag--visikomi li {
    padding: 8px 20px 8px 40px;
    border-radius: 9999px;
    color: #fff !important;
    text-align: center;
    margin: 0 0px 16px 0;
    border: solid 1px #35b7c6 !important;
    min-width: 220px;
    background: #35b7c6 url(https://minnano-tokugi.com/file/box/minnanotokugi/img/icon_visikomi.png) no-repeat left 12px center;
    background-size: 24px;
}

@media screen and (max-width: 1000px) {
    .list__tag--visikomi li {
        padding: 8px 10px 8px 20px;
        width: 100%;
        margin: 0 0px 10px 0;
    }
}

.list__tag--visikomi li img {
    width: 20px;
    margin: auto 10px auto auto;
}

.list__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto auto auto;
}

@media screen and (max-width: 1000px) {
    .list__btn {
        flex-direction: column;
    }
}

.list__btn__item, .list__btn__item--detail, .list__btn__item--bookmark-m, .list__btn__item--bookmark {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
}

@media screen and (max-width: 1000px) {
    .list__btn__item, .list__btn__item--detail, .list__btn__item--bookmark-m, .list__btn__item--bookmark {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.list__btn__item a, .list__btn__item--detail a, .list__btn__item--bookmark-m a, .list__btn__item--bookmark a {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .list__btn__item a, .list__btn__item--detail a, .list__btn__item--bookmark-m a, .list__btn__item--bookmark a {
        margin: auto;
        width: 160px;
    }
}

.list__btn__item--bookmark {
    background: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/btn_icon_bookmark.png) no-repeat, linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    background-position: top 40% right 20px;
}

@media screen and (max-width: 1000px) {
    .list__btn__item--bookmark {
        background-position: top 50% right 20px;
    }
}

.list__btn__item--bookmark a {
    color: #fff;
}

.list__btn__item--bookmark img {
    margin: auto 0 auto 10px;
}

.list__btn__item--bookmark-m a {
    color: #fff;
}

.list__btn__item--bookmark-m img {
    margin: auto 10px auto 0;
}

.list__btn__item--detail {
    background: #f07d00;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
}

.list__btn__item--detail a {
    color: #fff;
}

.list__btn .keep_btn[data-keep_check=false] a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    background: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/btn_icon_bookmark.png) no-repeat center right 20px, linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

@media screen and (max-width: 1000px) {
    .list__btn .keep_btn[data-keep_check=false] a {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.list__btn .keep_btn[data-keep_check=false] a a {
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .list__btn .keep_btn[data-keep_check=false] a a {
        margin: auto;
        width: 160px;
    }
}

.list__btn .keep_btn[data-keep_check=false] a img {
    margin: auto 0 auto 10px;
}

.list__btn .keep_btn[data-keep_check=true] a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #8d8d8d 0%, #787878 100%);
}

@media screen and (max-width: 1000px) {
    .list__btn .keep_btn[data-keep_check=true] a {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.list__btn .keep_btn[data-keep_check=true] a a {
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .list__btn .keep_btn[data-keep_check=true] a a {
        margin: auto;
        width: 160px;
    }
}

.list__btn .keep_btn[data-keep_check=true] a img {
    margin: auto 0 auto 10px;
}

.list__btn__detail {
    margin: 60px auto;
    padding: 60px 80px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    border-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .list__btn__detail {
        padding: 20px 20px 40px 20px;
    }
}

.list__btn__detail__heading {
    text-align: center;
    color: #fff;
    font-weight: normal;
    margin: auto auto 40px auto;
}

@media screen and (max-width: 1000px) {
    .list__btn__detail__heading {
        margin: auto auto 20px auto;
    }
}

.list__btn__detail dl {
    display: flex;
    justify-content: space-around;
    border-bottom: solid 1px #dddddd;
}

@media screen and (max-width: 1000px) {
    .list__btn__detail dl {
        flex-direction: column;
    }
}

.list__btn__detail dl dt {
    background-color: #f3f4f5;
    border-right: solid 1px #dddddd;
    width: 30%;
    padding: 20px 20px 15px 20px;
}

@media screen and (max-width: 1000px) {
    .list__btn__detail dl dt {
        width: 100%;
    }
}

.list__btn__detail dl dd {
    background-color: #fff;
    width: 70%;
    padding: 20px 20px 15px 20px;
}

@media screen and (max-width: 1000px) {
    .list__btn__detail dl dd {
        width: 100%;
        border-top: solid 1px #dddddd;
    }
}

.list__bg, .list__bg--bottom, .list__bg--top {
    position: absolute;
    z-index: 0;
}

.list__bg--top {
    top: 0;
    left: 0;
    width: 174px;
}

@media screen and (max-width: 1000px) {
    .list__bg--top {
        width: 20%;
    }
}

.list__bg--top img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .list__bg--top img {
        border-top-left-radius: 26px;
    }
}

.list__bg--bottom {
    bottom: 0;
    right: 0;
    width: 200px;
}

@media screen and (max-width: 1000px) {
    .list__bg--bottom {
        width: 20%;
    }
}

.list__bg--bottom img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .list__bg--bottom img {
        border-bottom-right-radius: 26px;
    }
}

.list__message {
    margin: 60px auto;
}

.list__message__title {
    font-size: 180%;
    text-align: center;
    margin: auto auto 20px auto;
}

.list__message__text {
    font-size: 100%;
    text-align: center;
}

.quicksearch {
    margin: 40px auto;
    width: 1120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: solid 1px #0b77bd;
    background-color: #fff;
    padding: 4px;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .quicksearch {
        width: 90%;
        padding: 0px;
    }
}

.quicksearch__heading {
    font-size: 120%;
    padding: 14px;
    width: 15%;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .quicksearch__heading {
        width: 100%;
    }
}

.quicksearch__heading__icon {
    display: none;
}

@media screen and (max-width: 1000px) {
    .quicksearch__heading__icon {
        display: block;
        background-color: #fff;
        border: solid 1px #dddddd;
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translate(0%, -50%);
        border-radius: 9999px;
        padding: 10px;
        display: flex;
        justify-content: center;
        height: 40px;
        width: 40px;
    }
}

.quicksearch__heading__icon img {
    width: 100%;
}

.quicksearch__pc {
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 85%;
}

@media screen and (max-width: 1000px) {
    .quicksearch__pc {
        display: none;
    }
}

.quicksearch__sp {
    display: none;
}

@media screen and (max-width: 1000px) {
    .quicksearch__sp {
        display: block;
    }
}

.quicksearch__inner {
    display: flex;
    justify-content: space-between;
    margin: 0;
    width: 85%;
}

@media screen and (max-width: 1000px) {
    .quicksearch__inner {
        display: none;
    }
}

.quicksearch__item {
    border: solid 1px #dddddd;
    border-radius: 9999px;
    font-size: 120%;
    padding: 14px 20px;
    cursor: pointer;
    margin: auto 5px;
    width: 33%;
    position: relative;
}

.quicksearch__item__head {
    position: relative;
}

.quicksearch__item__head::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}

.quicksearch__item__select {
    font-size: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quicksearch__btn {
    width: 15%;
    position: relative;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .quicksearch__btn {
        display: none;
    }
}

.quicksearch__btn input[type=submit] {
    color: #fff;
    font-size: 120%;
    width: 100%;
    height: 100%;
    background: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/btn_icon_search.png);
    background-repeat: no-repeat;
    background-position: 20px 50%;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
    padding: 0 0 0 10px;
}

.quicksearch__inside {
    background-color: #fff;
    border-radius: 28px;
    border: solid 1px #dddddd;
    padding: 14px 20px 20px 20px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    width: 540px;
    display: none;
}

.quicksearch__inside__title {
    margin: 0px auto 20px auto;
    position: relative;
}

.quicksearch__inside__title::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}

.quicksearch__inside__contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.quicksearch__inside__contents label {
    margin: 0;
    width: 47.5%;
    line-height: 40px;
    cursor: pointer;
    font-size: 100%;
}

.quicksearch__inside__contents input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .quicksearch__inside__contents input[type=checkbox] {
        margin: 0px 5px auto auto;
    }
}

.quicksearch__inside__contents input[type=checkbox]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.quicksearch__inside__contents input[type=checkbox]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.quicksearch__inside__contents input[type=checkbox]:checked::after {
    opacity: 1;
}

.quicksearch__inside__contents input[type=checkbox]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.quicksearch__bg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0);
    display: none;
}

.quicksearch__open {
    display: block;
}

/*モーダル*/
.quick-container {
    display: none;
}

@media screen and (max-width: 1000px) {
    .quick-container {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        padding: 40px 20px;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        box-sizing: border-box;
        z-index: 9999;
    }
}

.quick-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.quick-container.active {
    opacity: 1;
    visibility: visible;
}

.quick-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    width: 90%;
}

.quick-close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -30px;
    right: -30px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

.quick-content {
    text-align: left;
    border-radius: 26px;
}

.quick-content .search__item dl dd {
    display: block;
}

@media screen and (max-width: 1000px) {
    .quick-content .search__item dl dd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.quick-content .search__contents,
.quick-content .search__contents--list {
    width: 100%;
}

.result {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 40px auto;
    width: 1120px;
}

@media screen and (max-width: 1000px) {
    .result {
        width: 90%;
        justify-content: space-between;
    }
}

.result__count {
    font-size: 120%;
    margin: auto 20px auto auto;
}

@media screen and (max-width: 1000px) {
    .result__count {
        margin: auto 20px auto 0;
    }
}

.result__sort select {
    -webkit-appearance: none;
    border: solid 1px #dddddd;
    background-color: #fff;
    padding: 15px;
    margin: 0;
    border-radius: 9999px;
    min-width: 200px;
}

.title, .title--about, .title--mypage {
    max-width: 1120px;
    width: auto;
    margin: 60px auto;
    font-size: 220%;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .title, .title--about, .title--mypage {
        width: auto;
        font-size: 160%;
        margin: 40px auto;
    }
}

.title--mypage {
    width: auto;
    margin: 0 0 40px;
    text-align: left;
}

@media screen and (max-width: 1000px) {
    .title--mypage {
        display: none;
    }
}

.title--about {
    margin: 20px auto;
}

.pager {
    width: auto;
    margin: auto auto 60px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .pager {
        width: 90%;
        margin: auto auto 40px;
    }
}

.pager ul {
    vertical-align: middle;
}

.pager ul li {
    display: inline-block;
    padding-left: 0;
    margin: 0;
}

.pager ul li a {
    position: relative;
    display: block;
    padding: 8px 12px;
    margin: 4px;
    text-decoration: none;
    color: #333;
}

.pager ul li a:hover {
    opacity: 0.7;
}

.pager ul li span {
    position: relative;
    display: block;
    padding: 8px 12px;
    margin: 4px;
    text-decoration: none;
    border: solid 1px #0b77bd;
    color: #333;
    border-radius: 8px;
}

.detail {
    width: 1120px;
    margin: 60px auto;
}

@media screen and (max-width: 1000px) {
    .detail {
        padding: 0px 0px 0px 0px;
        width: 90%;
    }
}

.detail__main {
    display: grid;
    grid-template-areas: "detailImage detailHeading" "detailImage detailContents";
    grid-template-columns: 50% 50%;
    grid-row-gap: 0px;
    margin: 60px 0;
}

@media screen and (max-width: 1000px) {
    .detail__main {
        margin: 60px 0;
        grid-template-areas: "detailHeading" "detailImage" "detailContents";
        grid-template-columns: 100%;
    }
}

.detail__main__image {
    margin: 0 60px auto 0;
    grid-area: detailImage;
}

@media screen and (max-width: 1000px) {
    .detail__main__image {
        width: 100%;
        margin: 0 60px 60px 0;
    }
}

.detail__main__image .thumbnail {
    margin: auto -5px;
}

.detail__main__image .thumbnail .slick-track {
    transform: unset !important;
}

.detail__main__image .thumbnail .slick-current {
    opacity: 1;
    border: solid 4px #1bb3e6;
    box-sizing: border-box;
}

.detail__main__image .thumbnail-img {
    opacity: 0.3;
    transition: opacity 0.3s linear;
    margin: 5px;
    border: solid 4px #f3f4f5;
    position: relative;
}

.detail__main__image .thumbnail-img img {
    width: 100%;
}

.detail__main__image .thumbnail-img .scale {
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 1;
}

.detail__main__image .slick-current .scale {
    display: none;
}

.detail__main__image .slick-text {
    display: block;
    margin: 10px auto auto auto;
}

.detail__main__image .slider {
    margin: auto auto 20px auto;
}

.detail__main__image .slick-img img {
    width: 100%;
}

.detail__main__heading {
    grid-area: detailHeading;
}

.detail__main__name {
    font-weight: normal;
    margin: auto auto 10px auto;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .detail__main__name {
        font-size: 140%;
    }
}

.detail__main__text {
    margin: auto auto 40px auto;
}

.detail__main__block {
    grid-area: detailContents;
    background-color: #fff;
    border-radius: 26px;
    position: relative;
    padding: 30px 40px;
}

@media screen and (max-width: 1000px) {
    .detail__main__block {
        padding: 30px;
    }
}

.detail__main__block dl {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    font-size: 110%;
    position: relative;
    z-index: 1;
    border-bottom: solid 1px #dddddd;
}

@media screen and (max-width: 1000px) {
    .detail__main__block dl {
        flex-direction: column;
    }
}

.detail__main__block dl:last-child {
    border-bottom: none;
}

.detail__main__block dl dt {
    width: 30%;
    padding: 20px 0;
}

@media screen and (max-width: 1000px) {
    .detail__main__block dl dt {
        width: 100%;
        padding: 20px 0 0px 0;
    }
}

.detail__main__block dl dt img {
    vertical-align: middle;
    margin: -5px 10px auto auto;
}

.detail__main__block dl dd {
    width: 70%;
    padding: 20px 0;
}

@media screen and (max-width: 1000px) {
    .detail__main__block dl dd {
        width: 100%;
    }
}

.detail__main__bg, .detail__main__bg--bottom, .detail__main__bg--top {
    position: absolute;
    z-index: 0;
}

.detail__main__bg--top {
    top: 0;
    left: 0;
    width: 20%;
}

.detail__main__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.detail__main__bg--bottom {
    bottom: 0;
    right: 0;
    width: 20%;
}

.detail__main__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.detail__main__industry {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.detail__main__industry__icon {
    width: 60px;
    margin: 0 10px 0 0;
}

.detail__main__industry__icon img {
    width: 100%;
}

.detail__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto auto auto;
}

@media screen and (max-width: 1000px) {
    .detail__btn {
        flex-direction: column;
    }
}

.detail__btn__item, .detail__btn__item--entry, .detail__btn__item--bookmark-m, .detail__btn__item--bookmark {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
}

@media screen and (max-width: 1000px) {
    .detail__btn__item, .detail__btn__item--entry, .detail__btn__item--bookmark-m, .detail__btn__item--bookmark {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.detail__btn__item a, .detail__btn__item--entry a, .detail__btn__item--bookmark-m a, .detail__btn__item--bookmark a {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .detail__btn__item a, .detail__btn__item--entry a, .detail__btn__item--bookmark-m a, .detail__btn__item--bookmark a {
        margin: auto;
        width: 160px;
    }
}

.detail__btn__item--bookmark {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.detail__btn__item--bookmark a {
    color: #fff;
}

.detail__btn__item--bookmark img {
    margin: auto 0 auto 10px;
}

.detail__btn__item--bookmark-m a {
    color: #fff;
}

.detail__btn__item--bookmark-m img {
    margin: auto 0 auto 10px;
}

.detail__btn__item--entry {
    background: #f07d00;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
}

.detail__btn__item--entry a {
    color: #fff;
}

.detail .keep_btn[data-keep_check=false] a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

@media screen and (max-width: 1000px) {
    .detail .keep_btn[data-keep_check=false] a {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.detail .keep_btn[data-keep_check=false] a a {
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .detail .keep_btn[data-keep_check=false] a a {
        margin: auto;
        width: 160px;
    }
}

.detail .keep_btn[data-keep_check=false] a img {
    margin: auto 0 auto 10px;
}

.detail .keep_btn[data-keep_check=true] a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #8d8d8d 0%, #787878 100%);
}

@media screen and (max-width: 1000px) {
    .detail .keep_btn[data-keep_check=true] a {
        border-radius: 16px;
        margin: auto auto 15px auto;
    }
}

.detail .keep_btn[data-keep_check=true] a a {
    color: #fff;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .detail .keep_btn[data-keep_check=true] a a {
        margin: auto;
        width: 160px;
    }
}

.detail .keep_btn[data-keep_check=true] a img {
    margin: auto 0 auto 10px;
}

.detail__detail {
    margin: 60px auto;
    padding: 60px 80px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    border-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .detail__detail {
        padding: 20px 20px 40px 20px;
    }
}

.detail__detail__heading {
    text-align: center;
    color: #fff;
    font-weight: normal;
    margin: auto auto 40px auto;
}

@media screen and (max-width: 1000px) {
    .detail__detail__heading {
        margin: auto auto 20px auto;
    }
}

.detail__detail dl {
    display: flex;
    justify-content: space-around;
    border-bottom: solid 1px #dddddd;
}

@media screen and (max-width: 1000px) {
    .detail__detail dl {
        flex-direction: column;
    }
}

.detail__detail dl dt {
    background-color: #f3f4f5;
    border-right: solid 1px #dddddd;
    width: 30%;
    padding: 20px 20px 15px 20px;
}

@media screen and (max-width: 1000px) {
    .detail__detail dl dt {
        width: 100%;
    }
}

.detail__detail dl dd {
    background-color: #fff;
    width: 70%;
    padding: 20px 20px 15px 20px;
}

@media screen and (max-width: 1000px) {
    .detail__detail dl dd {
        width: 100%;
        border-top: solid 1px #dddddd;
    }
}

.detail__tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.detail__tag li {
    padding: 8px 20px;
    border: solid 1px #0b77bd;
    border-radius: 9999px;
    color: #0b77bd;
    text-align: center;
    margin: 0 16px 16px 0;
}

@media screen and (max-width: 1000px) {
    .detail__tag li {
        margin: 0 10px 10px 0;
    }
}

.visikomi {
    width: 1120px;
    margin: 60px auto;
    padding: 80px 80px 60px 80px;
    position: relative;
    background-color: #fff;
    border-radius: 26px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .visikomi {
        padding: 60px 20px 50px 20px;
        width: 100%;
    }
}

.visikomi::before {
    content: "";
    display: block;
    height: 30px;
    background-color: #35b7c6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .visikomi::before {
        height: 26px;
    }
}

.visikomi::after {
    content: "";
    display: block;
    height: 30px;
    background-color: #35b7c6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .visikomi::after {
        height: 26px;
    }
}

.visikomi__heading {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 40px auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__heading {
        margin: auto 20px 20px 20px;
    }
}

.visikomi__heading__icon {
    margin: auto 20px auto 0;
}

.visikomi__heading__icon img {
    width: 80px;
}

@media screen and (max-width: 1000px) {
    .visikomi__heading__title {
        text-align: left;
    }
}

.visikomi__contents2 {
    background-color: #35b7c6;
    border-radius: 26px;
    display: flex;
    justify-content: space-between;
    margin: auto auto 60px auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__contents2 {
        flex-direction: column;
    }
}

.visikomi__profile2 {
    width: 50%;
    padding: 30px;
    border-right: solid 1px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .visikomi__profile2 {
        width: 100%;
        border-bottom: solid 1px #fff;
    }
}

.visikomi__profile2__icon {
    width: 30%;
    margin: auto 40px auto auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__profile2__icon {
        width: 50%;
        margin: auto 20px auto auto;
    }
}

.visikomi__profile2__icon img {
    width: 100%;
}

.visikomi__profile2__block {
    width: 70%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .visikomi__profile2__block {
        width: 100%;
    }
}

.visikomi__profile2__name {
    color: #fff;
    font-weight: normal;
    font-size: 120%;
    margin: auto auto 5px 0;
}

.visikomi__profile2__address {
    color: #fff;
    font-size: 120%;
}

.visikomi__tag2 {
    width: 50%;
    padding: 30px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .visikomi__tag2 {
        width: 100%;
    }
}

.visikomi__tag2__heading {
    color: #fff;
    margin: auto auto 20px auto;
}

.visikomi__tag2__list {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.visikomi__tag2__list li {
    list-style: none;
    border: solid 1px #fff;
    border-radius: 9999px;
    margin: 10px;
    padding: 5px 20px;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .visikomi__tag2__list li {
        margin: 5px;
    }
}

.visikomi__tag2__list li::before {
    content: "#";
    display: inline-block;
}

.visikomi__contents {
    background-color: #35b7c6;
    border-radius: 26px;
    display: grid;
    grid-template-areas: "person movie" "tag movie";
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 0;
    margin: auto auto 60px auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__contents {
        grid-template-areas: "person" "tag" "movie";
        grid-template-columns: 1fr;
    }
}

.visikomi__profile {
    grid-area: person;
    padding: 30px;
    border-bottom: solid 1px #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.visikomi__profile__icon {
    width: 30%;
    margin: auto 40px auto auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__profile__icon {
        width: 50%;
        margin: auto 20px auto auto;
    }
}

.visikomi__profile__icon img {
    width: 100%;
}

.visikomi__profile__block {
    width: 70%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .visikomi__profile__block {
        width: 80%;
    }
}

.visikomi__profile__name {
    color: #fff;
    font-weight: normal;
    font-size: 120%;
    margin: auto auto 5px 0;
}

.visikomi__profile__address {
    color: #fff;
    font-size: 120%;
}

.visikomi__tag {
    grid-area: tag;
    padding: 30px;
    text-align: center;
}

.visikomi__tag__heading {
    color: #fff;
    margin: auto auto 20px auto;
}

.visikomi__tag__list {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.visikomi__tag__list li {
    list-style: none;
    border: solid 1px #fff;
    border-radius: 9999px;
    margin: 10px;
    padding: 5px 20px;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .visikomi__tag__list li {
        margin: 5px;
    }
}

.visikomi__tag__list li::before {
    content: "#";
    display: inline-block;
}

.visikomi__movie {
    grid-area: movie;
    padding: 30px;
    border-left: solid 1px #fff;
}

@media screen and (max-width: 1000px) {
    .visikomi__movie {
        border-left: none;
        border-top: solid 1px #fff;
    }
}

.visikomi__movie__heading {
    color: #fff;
    font-weight: normal;
    margin: auto auto 20px auto;
}

@media screen and (max-width: 1000px) {
    .visikomi__movie__heading {
        text-align: center;
    }
}

.visikomi__movie__contents {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.3%;
}

.visikomi__movie__contents iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.visikomi__inner {
    border-top: solid 1px #dddddd;
}

.visikomi__inner__comment {
    border-top: solid 1px #dddddd;
}

.visikomi__title {
    font-weight: normal;
    padding: 20px;
    margin: auto auto 20px auto;
    border-bottom: solid 1px #dddddd;
}

.visikomi__title img {
    margin: auto 10px auto auto;
    vertical-align: middle;
}

.visikomi__block dl {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

@media screen and (max-width: 1000px) {
    .visikomi__block dl {
        flex-direction: column;
        margin: 0px;
    }
}

.visikomi__block dl dt {
    background-color: #cae9ec;
    width: 35%;
    padding: 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #0b77bd;
}

@media screen and (max-width: 1000px) {
    .visikomi__block dl dt {
        width: 100%;
    }
}

.visikomi__block dl dd {
    width: 65%;
    padding: 0 30px;
}

@media screen and (max-width: 1000px) {
    .visikomi__block dl dd {
        width: 100%;
        padding: 10px 0px;
    }
}

.visikomi__logo {
    text-align: center;
    margin: 60px auto auto auto;
    width: 160px;
}

@media screen and (max-width: 1000px) {
    .visikomi__logo {
        width: 40%;
    }
}

.visikomi__logo img {
    width: 100%;
}

.visikomi__comment dl {
    display: flex;
    justify-content: space-between;
    margin: 20px;
    background-color: #cae9ec;
    border-radius: 8px;
}

@media screen and (max-width: 1000px) {
    .visikomi__comment dl {
        flex-direction: column;
    }
}

.visikomi__comment dl dt {
    width: 35%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #0b77bd;
}

@media screen and (max-width: 1000px) {
    .visikomi__comment dl dt {
        width: 100%;
    }
}

.visikomi__comment dl dd {
    width: 65%;
    padding: 20px 30px;
}

@media screen and (max-width: 1000px) {
    .visikomi__comment dl dd {
        width: 100%;
        padding: 0px 20px 20px 20px;
    }
}

.entry {
    position: relative;
}

.entry__inner {
    width: 1120px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .entry__inner {
        width: 90%;
    }
}

.entry__target {
    background-color: #fff;
    position: relative;
    z-index: 1;
    border-radius: 26px;
    display: grid;
    grid-template: "layout1 layout2" "layout1 layout3";
    grid-template-columns: 20% 75%;
    grid-gap: 5%;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .entry__target {
        width: 100%;
        padding: 30px 30px;
    }
}

@media screen and (max-width: 768px) {
    .entry__target {
        grid-template: "layout1 layout2" "layout3 layout3";
    }
}

.entry__bg, .entry__bg--bottom, .entry__bg--top {
    position: absolute;
    z-index: 0;
}

.entry__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .entry__bg--top {
        width: 20%;
    }
}

.entry__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.entry__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .entry__bg--bottom {
        width: 20%;
    }
}

.entry__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.entry__image {
    z-index: 1;
    grid-area: layout1;
}

.entry__image img {
    width: 100%;
}

.entry__title {
    font-weight: normal;
    padding: 0;
    margin: 0;
    grid-area: layout2;
}

@media screen and (max-width: 1000px) {
    .entry__title {
        font-size: 110%;
        line-height: 20px;
    }
}

.entry__number {
    border-top: solid 1px #dddddd;
    display: flex;
    justify-content: flex-start;
    grid-area: layout3;
    padding: 20px 0 0 0;
}

@media screen and (max-width: 1000px) {
    .entry__number {
        padding: 10px 0 0 0;
    }
}

.entry__number__heading {
    padding: 0 40px 0 0;
}

.entry__message {
    text-align: center;
    margin: 40px auto;
}

.entry__form {
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .entry__form {
        width: 100%;
        padding: 20px;
    }
}

.entry__item {
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
}

.entry__item:last-child {
    border: none;
}

.entry__item dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .entry__item dl {
        flex-direction: column;
    }
}

.entry__item dl dt {
    width: 20%;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .entry__item dl dt {
        width: 100%;
        text-align: left;
        padding: 10px;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
}

.entry__item dl dt .required {
    background-color: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 2px 15px;
    font-size: 80%;
    display: inline-block;
    margin: auto auto 5px 0;
}

@media screen and (max-width: 1000px) {
    .entry__item dl dt .required {
        margin: auto auto 0px 0px;
    }
}

@media screen and (max-width: 1000px) {
    .entry__item dl dt .entry__head {
        margin: auto 10px 0px 0;
    }
}

.entry__item dl dt .ruby {
    font-size: 60%;
}

@media screen and (max-width: 1000px) {
    .entry__item dl dt .ruby {
        margin: 0 0 0px 0;
    }
}

.entry__item dl dd {
    width: 80%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .entry__item dl dd {
        width: 100%;
        align-items: flex-start;
        padding: 10px;
    }
}

.entry__item label {
    margin: 0;
    width: 30%;
    line-height: 40px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .entry__item label {
        width: 50%;
    }
}

.entry__item input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .entry__item input[type=checkbox] {
        margin: 0px 5px auto auto;
    }
}

.entry__item input[type=checkbox]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.entry__item input[type=checkbox]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.entry__item input[type=checkbox]:checked::after {
    opacity: 1;
}

.entry__item input[type=checkbox]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.entry__item input[type=radio] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .entry__item input[type=radio] {
        margin: 0px 5px auto auto;
    }
}

.entry__item input[type=radio]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.entry__item input[type=radio]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.entry__item input[type=radio]:checked::after {
    opacity: 1;
}

.entry__item input[type=radio]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.entry__item input[type=text] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.entry__item input[type=email] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.entry__item select {
    min-width: 140px;
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .entry__item select {
        min-width: 100px;
        margin: 5px 0;
    }
}

.entry__item .entry__text {
    margin: auto 10px;
}

.entry__item dd.sex label {
    width: 20%;
}

@media screen and (max-width: 1000px) {
    .entry__item dd.sex label {
        width: 50%;
    }
}

@media screen and (max-width: 1000px) {
    .entry__reverse {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
}

.entry__terms {
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .entry__terms {
        width: 90%;
    }
}

.entry__terms__text {
    margin: 20px auto 20px auto;
}

.entry__terms__link {
    margin: auto auto 20px auto;
}

.entry__terms__link a {
    color: #0b77bd;
}

.entry__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 80px auto;
}

@media screen and (max-width: 1000px) {
    .entry__btn {
        flex-direction: column;
    }
}

.entry__btn input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .entry__btn input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

.entry__btn input[name=back] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #8d8d8d 0%, #787878 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .entry__btn input[name=back] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .entry__btn input + input {
        margin: 10px auto 10px auto;
    }
}

.entry .pattern_1 {
    position: absolute;
    top: -80px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .entry .pattern_1 {
        display: none;
    }
}

.entry .pattern_1 img {
    width: 100%;
}

.entry .pattern_2 {
    position: absolute;
    top: 180px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .entry .pattern_2 {
        display: none;
    }
}

.entry .pattern_2 img {
    width: 100%;
}

.entry .pattern_3 {
    position: absolute;
    top: 700px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .entry .pattern_3 {
        display: none;
    }
}

.entry .pattern_3 img {
    width: 100%;
}

.entry .pattern_4 {
    position: absolute;
    top: 800px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .entry .pattern_4 {
        display: none;
    }
}

.entry .pattern_4 img {
    width: 100%;
}

.entry .pattern_5 {
    position: absolute;
    top: 900px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .entry .pattern_5 {
        display: none;
    }
}

.entry .pattern_5 img {
    width: 100%;
}

.entry__error {
    margin: 0px 0 30px 0;
    border: solid 1px #ff0000;
    background-color: #fffafa;
    color: #ff0000;
    padding: 15px;
    border-radius: 4px;
}

.entry__error li {
    list-style: disc;
    margin: 0 0 0 20px;
}

.entry__thanks {
    margin: 60px 0;
}

.entry__thanks__text {
    font-weight: normal;
    font-size: 140%;
    text-align: center;
}

.entry__thanks__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 40px auto;
}

@media screen and (max-width: 1000px) {
    .entry__thanks__btn {
        flex-direction: column;
    }
}

.entry__thanks__btn a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
    border-radius: 16px;
}

@media screen and (max-width: 1000px) {
    .entry__thanks__btn a {
        border-radius: 16px;
        margin: auto auto 15px auto;
        margin: auto;
        width: 160px;
    }
}

.form {
    position: relative;
}

.form__inner {
    width: 1120px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .form__inner {
        width: 90%;
    }
}

.form__bg, .form__bg--bottom, .form__bg--top {
    position: absolute;
    z-index: 0;
}

.form__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .form__bg--top {
        width: 20%;
    }
}

.form__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.form__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .form__bg--bottom {
        width: 20%;
    }
}

.form__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.form__message {
    text-align: center;
    margin: 40px auto;
}

.form__message .sp {
    display: none;
}

@media screen and (max-width: 1000px) {
    .form__message .sp {
        display: block;
    }
}

.form__form {
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .form__form {
        width: 100%;
        padding: 20px;
    }
}

.form__item {
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
}

.form__item:last-child {
    border: none;
}

.form__item dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .form__item dl {
        flex-direction: column;
    }
}

.form__item dl dt {
    width: 20%;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .form__item dl dt {
        width: 100%;
        text-align: left;
        padding: 10px;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
}

.form__item dl dt .required {
    background-color: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 2px 15px;
    font-size: 80%;
    display: inline-block;
    margin: auto auto 5px 0;
}

@media screen and (max-width: 1000px) {
    .form__item dl dt .required {
        margin: auto auto 0px 0px;
    }
}

@media screen and (max-width: 1000px) {
    .form__item dl dt .form__head {
        margin: auto 10px 0px 0;
    }
}

.form__item dl dt .ruby {
    font-size: 60%;
}

@media screen and (max-width: 1000px) {
    .form__item dl dt .ruby {
        margin: 0 0 0px 0;
    }
}

.form__item dl dd {
    width: 80%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .form__item dl dd {
        width: 100%;
        align-items: flex-start;
        padding: 10px;
    }
}

.form__item label {
    margin: 0;
    width: 30%;
    line-height: 40px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .form__item label {
        width: 50%;
    }
}

.form__item input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .form__item input[type=checkbox] {
        margin: 0px 5px auto auto;
    }
}

.form__item input[type=checkbox]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.form__item input[type=checkbox]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.form__item input[type=checkbox]:checked::after {
    opacity: 1;
}

.form__item input[type=checkbox]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.form__item input[type=radio] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .form__item input[type=radio] {
        margin: 0px 5px auto auto;
    }
}

.form__item input[type=radio]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.form__item input[type=radio]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.form__item input[type=radio]:checked::after {
    opacity: 1;
}

.form__item input[type=radio]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.form__item input[type=text] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.form__item input[type=email] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.form__item input[type=password] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.form__item textarea {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
    height: 200px;
}

@media screen and (max-width: 1000px) {
    .form__item textarea {
        width: 100%;
    }
}

.form__item select {
    min-width: 140px;
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .form__item select {
        min-width: 100px;
    }
}

.form__item .form__text {
    margin: auto 10px;
}

.form__item dd.sex label {
    width: 20%;
}

@media screen and (max-width: 1000px) {
    .form__item dd.sex label {
        width: 50%;
    }
}

@media screen and (max-width: 1000px) {
    .form__reverse {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
}

.form__terms {
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .form__terms {
        width: 90%;
    }
}

.form__terms__text {
    margin: 20px auto 20px auto;
}

.form__terms__link {
    margin: auto auto 20px auto;
}

.form__terms__link a {
    color: #0b77bd;
}

.form__terms__check input[type=checkbox] {
    margin: 0px 5px auto auto;
}

.form__terms__check a {
    color: #0b77bd;
}

.form__btn--regist {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 50px auto;
}

@media screen and (max-width: 1000px) {
    .form__btn--regist {
        flex-direction: column;
    }
}

.form__btn--regist input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--regist input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

.form__btn--regist input[name=back] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--regist input[name=back] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .form__btn--regist input + input {
        margin: 10px auto 10px auto;
    }
}

.form__btn--regist--blue {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 50px auto;
}

@media screen and (max-width: 1000px) {
    .form__btn--regist--blue {
        flex-direction: column;
    }
}

.form__btn--regist--blue input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--regist--blue input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .form__btn--regist--blue input + input {
        margin: 10px auto 10px auto;
    }
}

.form__btn--contact {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 50px auto;
}

@media screen and (max-width: 1000px) {
    .form__btn--contact {
        flex-direction: column;
    }
}

.form__btn--contact input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--contact input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

.form__btn--contact--confirm {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 80px auto;
}

@media screen and (max-width: 1000px) {
    .form__btn--contact--confirm {
        flex-direction: column;
    }
}

.form__btn--contact--confirm input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--contact--confirm input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

.form__btn--contact--confirm input[name=back] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--contact--confirm input[name=back] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .form__btn--contact--confirm input + input {
        margin: 10px auto 10px auto;
    }
}

.form__btn--password {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 80px auto;
}

@media screen and (max-width: 1000px) {
    .form__btn--password {
        flex-direction: column;
    }
}

.form__btn--password input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 220px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .form__btn--password input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
    }
}

.form .pattern_1 {
    position: absolute;
    top: -80px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .form .pattern_1 {
        display: none;
    }
}

.form .pattern_1 img {
    width: 100%;
}

.form .pattern_2 {
    position: absolute;
    top: 180px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .form .pattern_2 {
        display: none;
    }
}

.form .pattern_2 img {
    width: 100%;
}

.form .pattern_3 {
    position: absolute;
    top: 700px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .form .pattern_3 {
        display: none;
    }
}

.form .pattern_3 img {
    width: 100%;
}

.form .pattern_4 {
    position: absolute;
    top: 800px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .form .pattern_4 {
        display: none;
    }
}

.form .pattern_4 img {
    width: 100%;
}

.form .pattern_5 {
    position: absolute;
    top: 900px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .form .pattern_5 {
        display: none;
    }
}

.form .pattern_5 img {
    width: 100%;
}

.form__error {
    margin: 0px 0 30px 0;
    border: solid 1px #ff0000;
    background-color: #fffafa;
    color: #ff0000;
    padding: 15px;
    border-radius: 4px;
}

@media screen and (max-width: 1000px) {
    .form__error {
        margin: 0;
    }
}

.form__error li {
    list-style: disc;
    margin: 0 0 0 20px;
}

.form__thanks {
    margin: 60px 0;
}

.form__thanks__text {
    font-weight: normal;
    font-size: 140%;
    text-align: center;
}

.form__thanks__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 40px auto;
}

@media screen and (max-width: 1000px) {
    .form__thanks__btn {
        flex-direction: column;
    }
}

.form__thanks__btn a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
    border-radius: 16px;
}

@media screen and (max-width: 1000px) {
    .form__thanks__btn a {
        border-radius: 16px;
        margin: auto auto 15px auto;
        margin: auto;
        width: 160px;
    }
}

.swal2-actions .swal2-confirm {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%) !important;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .swal2-actions .swal2-confirm {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .swal2-actions input + input {
        margin: 10px auto 10px auto;
    }
}

.swal2-actions .swal2-cancel {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%) !important;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .swal2-actions .swal2-cancel {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .swal2-actions input + input {
        margin: 10px auto 10px auto;
    }
}

.swal2-actions button[type=button]:nth-child(2) {
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%) !important;
}

.swal2-popup {
    border-radius: 26px !important;
}

.swal2-popup::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 160px;
    height: 160px;
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/pattern_bg_top.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    border-top-left-radius: 26px;
}

.swal2-popup::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 160px;
    height: 160px;
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/pattern_bg_bottom.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: bottom;
    border-bottom-right-radius: 26px;
}

.terms {
    position: relative;
}

.terms__btn {
    display: flex;
    justify-content: center;
    margin: auto auto 60px;
    width: 90%;
}

@media screen and (max-width: 1000px) {
    .terms__btn {
        flex-direction: column;
        margin: auto auto 40px;
    }
}

.terms__btn__item, .terms__btn .show {
    margin: auto 10px;
    width: 250px;
    font-size: 120%;
    display: block;
    border-radius: 16px;
    font-weight: normal;
    background-color: #fff;
    color: #333;
    border: solid 1px #333;
    cursor: pointer;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .terms__btn__item, .terms__btn .show {
        margin: 10px auto;
        width: 80%;
    }
}

.terms__btn__item a, .terms__btn .show a {
    padding: 14px;
    display: block;
    color: #333;
}

.terms__btn .show {
    background-color: #5fb2df;
    color: #fff;
    border: none;
}

.terms__btn .show a {
    color: #fff;
}

.terms__btn .arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.terms__btn .arrow::before, .terms__btn .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow::before, .terms__btn .arrow::after {
        right: 10px;
    }
}

.terms__btn .arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #5fb2df;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow::before {
        width: 16px;
        height: 16px;
    }
}

.terms__btn .arrow::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow::after {
        right: 16px;
    }
}

.terms__btn .arrow--show {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.terms__btn .arrow--show::before, .terms__btn .arrow--show::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow--show::before, .terms__btn .arrow--show::after {
        right: 10px;
    }
}

.terms__btn .arrow--show::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 9999px;
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow--show::before {
        width: 16px;
        height: 16px;
    }
}

.terms__btn .arrow--show::after {
    right: 24px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #5fb2df;
    border-right: 1px solid #5fb2df;
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
    .terms__btn .arrow--show::after {
        right: 16px;
    }
}

.terms__inner {
    width: 1120px;
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .terms__inner {
        width: 90%;
        padding: 40px 40px;
    }
}

.terms__item {
    margin: auto auto 40px;
}

.terms__item__title {
    margin: auto auto 40px;
}

@media screen and (max-width: 1000px) {
    .terms__item__title {
        margin: auto auto 20px;
    }
}

.terms__item__text {
    margin: auto auto 20px;
    font-size: 110%;
}

.terms__item__list__item {
    list-style-type: decimal;
    margin: auto auto 10px 18px;
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
    .terms__item__list__item {
        font-size: 100%;
    }
}

.terms__item__line {
    margin: 20px auto 20px 0px;
}

.terms__item__line__item {
    text-indent: -0.5em;
    padding-left: 1em;
    list-style-type: none;
    margin: 8px auto 8px 0px;
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
    .terms__item__line__item {
        font-size: 100%;
    }
}

.terms__item__line__item::before {
    margin: auto 10px auto auto;
    content: "-";
    display: inline-block;
}

.terms__item__brackets {
    margin: 20px auto 20px 0px;
}

.terms__item__brackets__item {
    text-indent: -0.5em;
    padding-left: 1em;
    list-style-type: none;
    margin: 8px auto 8px 0px;
    font-size: 110%;
    counter-increment: cnt;
}

@media screen and (max-width: 1000px) {
    .terms__item__brackets__item {
        font-size: 100%;
    }
}

.terms__item__brackets__item::before {
    margin: auto 10px auto auto;
    content: "(" counter(cnt) ") ";
    display: inline-block;
}

.terms__sign {
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
    .terms__sign {
        font-size: 100%;
    }
}

.terms .pattern_1 {
    position: absolute;
    top: -80px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .terms .pattern_1 {
        display: none;
    }
}

.terms .pattern_1 img {
    width: 100%;
}

.terms .pattern_2 {
    position: absolute;
    top: 180px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .terms .pattern_2 {
        display: none;
    }
}

.terms .pattern_2 img {
    width: 100%;
}

.terms .pattern_3 {
    position: absolute;
    top: 700px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .terms .pattern_3 {
        display: none;
    }
}

.terms .pattern_3 img {
    width: 100%;
}

.terms .pattern_4 {
    position: absolute;
    top: 800px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .terms .pattern_4 {
        display: none;
    }
}

.terms .pattern_4 img {
    width: 100%;
}

.terms .pattern_5 {
    position: absolute;
    top: 900px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .terms .pattern_5 {
        display: none;
    }
}

.terms .pattern_5 img {
    width: 100%;
}

.qa {
    position: relative;
}

.qa__inner {
    width: 1120px;
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .qa__inner {
        width: 90%;
        padding: 20px;
    }
}

.qa__item {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px;
    margin: auto;
}

.qa__item:last-child {
    border-bottom: none;
}

.qa__item__head {
    position: relative;
    padding: 30px 20px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .qa__item__head {
        padding: 20px 10px;
    }
}

.qa__item__title {
    margin: 0 30px 0 0;
}

.qa__item__answer {
    display: none;
    padding: 20px;
    border-top: 1px solid #dddddd;
}

.qa__item__text {
    padding: 0 0 0 50px;
    word-break: break-all;
}

@media screen and (max-width: 1000px) {
    .qa__item__text {
        padding: 0 0 0 0px;
    }
}

.qa__item__icon {
    font-size: 140%;
    margin: 0 20px 0 0;
    color: #e52f11;
}

.qa__item__btn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #1ebbef;
    border-radius: 9999px;
}

.qa .qa__item__btn::before,
.qa .qa__item__btn::after {
    display: block;
    content: "";
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.qa .qa__item__btn::before {
    width: 2px;
    height: 10px;
}

.qa .qa__item__head.selected .qa__item__btn::before {
    content: normal;
}

.qa__hidden {
    display: block;
}

.qa .pattern_1 {
    position: absolute;
    top: -80px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .qa .pattern_1 {
        display: none;
    }
}

.qa .pattern_1 img {
    width: 100%;
}

.qa .pattern_2 {
    position: absolute;
    top: 180px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .qa .pattern_2 {
        display: none;
    }
}

.qa .pattern_2 img {
    width: 100%;
}

.qa .pattern_3 {
    position: absolute;
    top: 700px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .qa .pattern_3 {
        display: none;
    }
}

.qa .pattern_3 img {
    width: 100%;
}

.qa .pattern_4 {
    position: absolute;
    top: 800px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .qa .pattern_4 {
        display: none;
    }
}

.qa .pattern_4 img {
    width: 100%;
}

.qa .pattern_5 {
    position: absolute;
    top: 900px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .qa .pattern_5 {
        display: none;
    }
}

.qa .pattern_5 img {
    width: 100%;
}

.qa__bg, .qa__bg--bottom, .qa__bg--top {
    position: absolute;
    z-index: 0;
}

.qa__bg--top {
    top: 0;
    left: 0;
    width: 174px;
}

@media screen and (max-width: 1000px) {
    .qa__bg--top {
        width: 20%;
    }
}

.qa__bg--top img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .qa__bg--top img {
        border-top-left-radius: 26px;
    }
}

.qa__bg--bottom {
    bottom: 0;
    right: 0;
    width: 200px;
}

@media screen and (max-width: 1000px) {
    .qa__bg--bottom {
        width: 20%;
    }
}

.qa__bg--bottom img {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .qa__bg--bottom img {
        border-bottom-right-radius: 26px;
    }
}

.mypage {
    position: relative;
    margin: 60px auto;
}

@media screen and (max-width: 1000px) {
    .mypage {
        margin: 60px auto 0px auto;
    }
}

.mypage__inner {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1000px) {
    .mypage__inner {
        width: 90%;
        flex-direction: column;
    }
}

.mypage__main {
    width: 910px;
    margin: 0 0 0 auto;
}

@media screen and (max-width: 1000px) {
    .mypage__main {
        width: 100%;
    }
}

.mypage__bg, .mypage__bg--bottom, .mypage__bg--top {
    position: absolute;
    z-index: -1;
}

.mypage__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .mypage__bg--top {
        width: 20%;
    }
}

.mypage__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.mypage__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .mypage__bg--bottom {
        width: 20%;
    }
}

.mypage__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.mypage__message {
    text-align: left;
    margin: 10px auto 40px auto;
}

@media screen and (max-width: 1000px) {
    .mypage__message {
        text-align: center;
    }
}

.mypage__form {
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .mypage__form {
        width: 100%;
        padding: 20px;
    }
}

.mypage__item {
    border-bottom: solid 1px #dddddd;
    padding: 20px 0;
}

.mypage__item:last-child {
    border: none;
}

.mypage__item dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .mypage__item dl {
        flex-direction: column;
    }
}

.mypage__item dl dt {
    width: 20%;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .mypage__item dl dt {
        width: 100%;
        text-align: left;
        padding: 10px;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
}

.mypage__item dl dt .required {
    background-color: #ff0000;
    color: #fff;
    border-radius: 5px;
    padding: 2px 15px;
    font-size: 80%;
    display: inline-block;
    margin: auto auto 5px 0;
}

@media screen and (max-width: 1000px) {
    .mypage__item dl dt .required {
        margin: auto auto 0px 0px;
    }
}

@media screen and (max-width: 1000px) {
    .mypage__item dl dt .mypage__head {
        margin: auto 10px 0px 0;
    }
}

.mypage__item dl dt .ruby {
    font-size: 60%;
}

@media screen and (max-width: 1000px) {
    .mypage__item dl dt .ruby {
        margin: 0 0 0px 0;
    }
}

.mypage__item dl dd {
    width: 80%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

@media screen and (max-width: 1000px) {
    .mypage__item dl dd {
        width: 100%;
        align-items: flex-start;
        padding: 10px;
    }
}

.mypage__item label {
    margin: 0;
    width: 30%;
    line-height: 40px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .mypage__item label {
        width: 50%;
    }
}

.mypage__item input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .mypage__item input[type=checkbox] {
        margin: 0px 5px auto auto;
    }
}

.mypage__item input[type=checkbox]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.mypage__item input[type=checkbox]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.mypage__item input[type=checkbox]:checked::after {
    opacity: 1;
}

.mypage__item input[type=checkbox]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.mypage__item input[type=radio] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin: 0px 10px auto auto;
    border: none;
}

@media screen and (max-width: 1000px) {
    .mypage__item input[type=radio] {
        margin: 0px 5px auto auto;
    }
}

.mypage__item input[type=radio]::before {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #a3a3a3;
    border-radius: 6px;
}

.mypage__item input[type=radio]:checked::before {
    border: solid 1px #1bb3e6;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

.mypage__item input[type=radio]:checked::after {
    opacity: 1;
}

.mypage__item input[type=radio]::after {
    display: block;
    content: "";
    position: absolute;
    left: 9px;
    top: 8px;
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
}

.mypage__item input[type=text] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.mypage__item input[type=email] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.mypage__item input[type=password] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
}

.mypage__item select {
    min-width: 140px;
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .mypage__item select {
        min-width: 100px;
    }
}

.mypage__item .mypage__text {
    margin: auto 10px;
}

.mypage__item dd.sex label {
    width: 20%;
}

@media screen and (max-width: 1000px) {
    .mypage__item dd.sex label {
        width: 50%;
    }
}

@media screen and (max-width: 1000px) {
    .mypage__reverse {
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
}

.mypage__btn--regist {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 50px auto;
}

@media screen and (max-width: 1000px) {
    .mypage__btn--regist {
        flex-direction: column;
    }
}

.mypage__btn--regist input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .mypage__btn--regist input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

.mypage__btn--regist input[name=back] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 190px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .mypage__btn--regist input[name=back] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        width: 160px;
    }
}

@media screen and (max-width: 1000px) {
    .mypage__btn--regist input + input {
        margin: 10px auto 10px auto;
    }
}

.mypage__btn--password {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 50px auto;
}

@media screen and (max-width: 1000px) {
    .mypage__btn--password {
        flex-direction: column;
    }
}

.mypage__btn--password input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    width: 220px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .mypage__btn--password input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
    }
}

.mypage__error {
    margin: 0px 0 30px 0;
    border: solid 1px #ff0000;
    background-color: #fffafa;
    color: #ff0000;
    padding: 15px;
    border-radius: 4px;
}

@media screen and (max-width: 1000px) {
    .mypage__error {
        margin: 0;
    }
}

.mypage__error li {
    list-style: disc;
    margin: 0 0 0 20px;
}

.mypage__thanks {
    margin: 60px 0;
}

.mypage__thanks__text {
    font-weight: normal;
    font-size: 140%;
    text-align: center;
}

.mypage__thanks__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 40px auto;
}

@media screen and (max-width: 1000px) {
    .mypage__thanks__btn {
        flex-direction: column;
    }
}

.mypage__thanks__btn a {
    border-radius: 16px;
    font-size: 110%;
    margin: auto 15px;
    width: 240px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    color: #fff;
    border-radius: 16px;
}

@media screen and (max-width: 1000px) {
    .mypage__thanks__btn a {
        border-radius: 16px;
        margin: auto auto 15px auto;
        margin: auto;
        width: 160px;
    }
}

.myMenu {
    width: 240px;
    margin: 0 auto 0 0;
    position: absolute;
    top: 60px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .myMenu {
        width: 100%;
        display: flex;
        overflow-x: auto;
        background-color: #fff;
        position: static;
        border-bottom: solid 1px #dddddd;
        padding: 0 20px;
    }
}

.myMenu__inner {
    background-color: #fff;
    border-radius: 16px;
    padding: 10px 20px;
    margin: auto auto 24px auto;
}

@media screen and (max-width: 1000px) {
    .myMenu__inner {
        display: flex;
        padding: 0px;
        margin: 0;
    }
}

.myMenu__item {
    width: 100%;
    padding: 16px 0;
    font-size: 120%;
    display: block;
    background-color: #fff;
    color: #333;
    border-bottom: solid 1px #dddddd;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .myMenu__item {
        padding: 15px 10px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

.myMenu__item a {
    color: #333;
}

.myMenu__item:last-child {
    border-bottom: none;
}

.myMenu .arrow {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.myMenu .arrow::before, .myMenu .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .myMenu .arrow::before, .myMenu .arrow::after {
        display: none;
    }
}

.myMenu .arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #5fb2df;
    border-radius: 9999px;
}

.myMenu .arrow::after {
    right: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #5fb2df;
    border-right: 1px solid #5fb2df;
    transform: rotate(45deg);
}

.myMenu .arrow--show {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

@media screen and (max-width: 1000px) {
    .myMenu .arrow--show {
        border-bottom: solid 4px #5fb2df;
    }
}

.myMenu .arrow--show::before, .myMenu .arrow--show::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

@media screen and (max-width: 1000px) {
    .myMenu .arrow--show::before, .myMenu .arrow--show::after {
        display: none;
    }
}

.myMenu .arrow--show::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #5fb2df;
    border-radius: 9999px;
}

.myMenu .arrow--show::after {
    right: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

.myMenu__withdraw {
    width: 100%;
    padding: 16px 0;
    font-size: 120%;
    display: block;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 16px;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .myMenu__withdraw {
        padding: 15px 10px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        white-space: nowrap;
    }
}

.keep {
    position: relative;
}

.keep__item {
    background-color: #fff;
    position: relative;
    z-index: 1;
    border-radius: 26px;
    display: grid;
    grid-template: "layout1 layout2" "layout1 layout3";
    grid-template-columns: 20% 75%;
    grid-gap: 5%;
    padding: 40px 80px;
    margin: auto auto 40px;
}

@media screen and (max-width: 1000px) {
    .keep__item {
        width: 100%;
        padding: 30px 30px;
    }
}

@media screen and (max-width: 768px) {
    .keep__item {
        grid-template: "layout1 layout2" "layout3 layout3";
    }
}

.keep__item__image {
    z-index: 1;
    grid-area: layout1;
}

.keep__item__image img {
    width: 100%;
}

.keep__item__title {
    font-weight: normal;
    padding: 0;
    margin: 0;
    grid-area: layout2;
}

@media screen and (max-width: 1000px) {
    .keep__item__title {
        font-size: 110%;
        line-height: 20px;
    }
}

.keep__item__title a {
    color: #333;
}

.keep__item__number {
    border-top: solid 1px #dddddd;
    display: flex;
    justify-content: flex-start;
    grid-area: layout3;
    padding: 20px 0 0 0;
}

@media screen and (max-width: 1000px) {
    .keep__item__number {
        padding: 10px 0 0 0;
    }
}

.keep__item__number__heading {
    padding: 0 40px 0 0;
}

.keep__item__close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 200%;
    cursor: pointer;
}

.keep__item__close a {
    color: #333;
}

.keep__bg, .keep__bg--bottom, .keep__bg--top {
    position: absolute;
    z-index: 0;
}

.keep__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .keep__bg--top {
        width: 20%;
    }
}

.keep__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.keep__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .keep__bg--bottom {
        width: 20%;
    }
}

.keep__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.keep__none {
    margin: 60px 0;
}

.keep__none__text {
    font-weight: normal;
    font-size: 140%;
    text-align: center;
}

.myModal, .myModal-withdraw, .myModal-logout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 9999;
}

.myModal::before, .myModal-withdraw::before, .myModal-logout::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.myModal-active {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    display: block;
}

.myModal-body {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 860px;
    width: 90%;
    background: #fff;
    padding: 100px 40px;
    border-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .myModal-body {
        padding: 60px 40px;
    }
}

.myModal-body__bg, .myModal-body__bg--bottom, .myModal-body__bg--top {
    position: absolute;
}

.myModal-body__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .myModal-body__bg--top {
        width: 20%;
    }
}

.myModal-body__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.myModal-body__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .myModal-body__bg--bottom {
        width: 20%;
    }
}

.myModal-body__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.myModal__title {
    margin: auto auto 40px;
}

.myModal__btn {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1000px) {
    .myModal__btn {
        flex-direction: column;
    }
}

.myModal__btn__item, .myModal__btn__btn, .myModal__btn__item--no, .myModal__btn__item--yes {
    margin: auto 10px;
    border-radius: 16px;
}

.myModal__btn__item--yes {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

@media screen and (max-width: 1000px) {
    .myModal__btn__item--yes {
        margin: 0;
    }
}

.myModal__btn__item--yes a {
    font-size: 110%;
    width: 190px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .myModal__btn__item--yes a {
        margin: 0px auto;
        width: 100%;
    }
}

.myModal__btn__item--no {
    background: #f07d00;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
    font-size: 110%;
    width: 190px;
    padding: 15px 0;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 1000px) {
    .myModal__btn__item--no {
        margin: 10px auto;
        width: 100%;
    }
}

.myModal__btn__btn {
    background: #1bb3e6;
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
}

@media screen and (max-width: 1000px) {
    .myModal__btn__btn {
        margin: 0;
    }
}

.myModal__btn__btn a {
    font-size: 110%;
    width: 190px;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    .myModal__btn__btn a {
        margin: 0px auto;
        width: 100%;
    }
}

.about {
    position: relative;
    overflow: hidden;
}

.about__hero {
    background-image: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/entryFooter.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    height: 80vh;
    margin: auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 80px 0;
}

@media screen and (max-width: 1000px) {
    .about__hero {
        padding: 0 20px 80px 20px;
    }
}

.about__hero__heading {
    font-size: 220%;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .about__hero__heading {
        font-size: 160%;
        margin: 0px auto 40px;
    }
}

.about__hero__text {
    font-size: 110%;
    line-height: 30px;
    margin: 0 auto 20px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .about__hero__text {
        font-size: 100%;
        text-align: left;
    }
}

.about__hero__text:last-child {
    margin: 0 auto auto;
}

@media screen and (max-width: 1000px) {
    .about__hero__text br {
        display: none;
    }
}

.about__future {
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
    width: 100%;
    margin: auto;
    position: relative;
    padding: 80px;
    text-align: center;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .about__future {
        padding: 40px 20px 60px 20px;
    }
}

.about__future__heading {
    color: #fff;
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .about__future__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.about__future__inner {
    width: 1160px;
    margin: auto;
    display: grid;
    grid-template: "layout1 layout2 layout3";
    grid-template-columns: 0.5fr 1fr 0.5fr;
    grid-gap: 5%;
}

@media screen and (max-width: 1000px) {
    .about__future__inner {
        width: auto;
        grid-template: "layout1 layout3" "layout2 layout2";
        grid-template-columns: 1fr 1fr;
        row-gap: 3%;
    }
}

.about__future__item, .about__future__item--visicomi, .about__future__item--right, .about__future__item--left {
    background-color: #fff;
    border-radius: 26px;
    padding: 30px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .about__future__item, .about__future__item--visicomi, .about__future__item--right, .about__future__item--left {
        padding: 20px;
    }
}

.about__future__item--left {
    grid-area: layout1;
}

.about__future__item--right {
    grid-area: layout3;
}

.about__future__item--visicomi {
    margin: auto;
    grid-area: layout2;
}

.about__future__item__title {
    font-size: 120%;
}

@media screen and (max-width: 1000px) {
    .about__future__item__title {
        font-size: 110%;
    }
}

.about__future__item__icon {
    width: 50%;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .about__future__item__icon {
        margin: 20px auto;
    }
}

.about__future__item__icon img {
    width: 100%;
}

.about__future__item__logo {
    margin: 20px auto;
}

.about__future__item__text {
    text-align: left;
    line-height: 30px;
}

.about__overview {
    text-align: center;
    height: 410px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .about__overview {
        height: 300px;
        width: 90%;
        margin: auto;
    }
}

.about__overview__heading {
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .about__overview__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.about__overview__btn {
    background-color: #fff;
    border: solid 1px #5fb2df;
    width: 480px;
    margin: 0 auto auto auto;
    border-radius: 16px;
    font-size: 140%;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .about__overview__btn {
        width: 90%;
    }
}

.about__overview__btn a {
    padding: 20px;
    display: block;
    color: #0971bb;
}

.about__flow {
    z-index: 1;
    background: #1bb3e6;
    background: linear-gradient(180deg, #61b9e3 0%, #5fb2df 100%);
    padding: 80px;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .about__flow {
        padding: 40px 20px;
    }
}

.about__flow__heading {
    color: #fff;
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .about__flow__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.about__flow__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 920px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .about__flow__inner {
        width: 100%;
    }
}

.about__flow__item {
    width: 240px;
    min-height: 200px;
    background-color: #fff;
    padding: 20px;
    margin: 0 auto 60px;
    border-radius: 26px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .about__flow__item {
        width: 47%;
        min-height: 180px;
        margin: 0 0 20px;
        padding: 10px;
    }
}

.about__flow__item::before {
    content: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/about_flow_arrow.png);
    display: inline-block;
    position: absolute;
    top: 20%;
    right: -25%;
    transform: scale(0.9);
}

@media screen and (max-width: 1000px) {
    .about__flow__item::before {
        display: none;
    }
}

.about__flow__item:nth-child(3n)::before {
    display: none;
}

.about__flow__item__image {
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .about__flow__item__image {
        width: 50%;
    }
}

.about__flow__item__image img {
    width: 100%;
}

.about__flow__item__text {
    margin: auto auto 0 auto;
}

.about__flow__item__text span {
    font-size: 90%;
}

@media screen and (max-width: 1000px) {
    .about__flow__item__text span {
        font-size: 70%;
    }
}

.about__flow__item__number {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #0971bb;
    font-size: 300%;
    font-weight: bold;
}

@media screen and (max-width: 1000px) {
    .about__flow__item__number {
        font-size: 200%;
    }
}

.about__price {
    padding: 120px 0;
}

@media screen and (max-width: 1000px) {
    .about__price {
        padding: 60px 0;
    }
}

.about__price__heading {
    margin: auto auto 60px;
    font-size: 200%;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .about__price__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.about__price__heading span {
    font-size: 90%;
}

.about__price__inner {
    width: 1120px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1000px) {
    .about__price__inner {
        width: 90%;
        flex-direction: column;
    }
}

.about__price__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 47%;
    background: #fff;
    padding: 60px;
    border-radius: 26px;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .about__price__item {
        width: 100%;
        padding: 40px 40px;
        margin: auto auto 40px;
    }
}

.about__price__item__bg, .about__price__item__bg--bottom, .about__price__item__bg--top {
    position: absolute;
}

.about__price__item__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .about__price__item__bg--top {
        width: 20%;
    }
}

.about__price__item__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.about__price__item__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .about__price__item__bg--bottom {
        width: 20%;
    }
}

.about__price__item__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.about__price__item__title {
    text-align: center;
    font-size: 140%;
    margin: auto auto 40px;
}

@media screen and (max-width: 1000px) {
    .about__price__item__title {
        font-size: 120%;
        margin: auto auto 20px;
    }
}

.about__price__item__text {
    line-height: 30px;
}

@media screen and (max-width: 1000px) {
    .about__message {
        width: 90%;
        margin: auto;
    }
}

.about__message__heading {
    margin: auto auto 60px;
    font-size: 200%;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .about__message__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.about__message__heading span {
    font-size: 90%;
}

.about__message__text {
    font-size: 110%;
    line-height: 30px;
    margin: 0 auto auto;
    text-align: center;
}

.about__contact {
    margin: 100px auto;
}

@media screen and (max-width: 1000px) {
    .about__contact {
        margin: 60px auto;
    }
}

.about .pattern_1 {
    position: absolute;
    top: 100px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_1 {
        top: 300px;
        right: -80px;
        width: 120px;
    }
}

.about .pattern_1 img {
    width: 100%;
}

.about .pattern_2 {
    position: absolute;
    top: 600px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_2 {
        top: 500px;
        left: -80px;
        width: 120px;
    }
}

.about .pattern_2 img {
    width: 100%;
}

.about .pattern_3 {
    position: absolute;
    top: 1350px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_3 {
        top: 620px;
        right: -20px;
        width: 120px;
    }
}

.about .pattern_3 img {
    width: 100%;
}

.about .pattern_4 {
    position: absolute;
    top: 1600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_4 {
        top: 1440px;
        left: -60px;
        width: 100px;
    }
}

.about .pattern_4 img {
    width: 100%;
}

.about .pattern_5 {
    position: absolute;
    top: 2600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_5 {
        top: 1500px;
        left: auto;
        right: -60px;
        width: 120px;
    }
}

.about .pattern_5 img {
    width: 100%;
}

.about .pattern_6 {
    position: absolute;
    top: 3200px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_6 {
        top: 2500px;
        right: -50px;
        width: 100px;
    }
}

.about .pattern_6 img {
    width: 100%;
}

.about .pattern_7 {
    position: absolute;
    top: 3600px;
    left: -30px;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .about .pattern_7 {
        top: 2800px;
        left: -10px;
        width: 120px;
    }
}

.about .pattern_7 img {
    width: 100%;
}

.tokutei__nav {
    width: 1120px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1000px) {
    .tokutei__nav {
        width: 90%;
        flex-direction: column;
        margin: 20px auto;
    }
}

.tokutei__nav__item {
    width: 24%;
    border: solid 1px #dddddd;
    background-color: #fff;
    border-radius: 16px;
    text-align: center;
    margin: 0;
    display: table;
}

@media screen and (max-width: 1000px) {
    .tokutei__nav__item {
        width: 100%;
        margin: auto auto 10px auto;
    }
}

.tokutei__nav__item a {
    display: table-cell;
    vertical-align: middle;
    color: #333;
    font-size: 120%;
    padding: 10px 20px;
}

.tokutei__nav__arrow {
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}

.tokutei__nav__arrow::before, .tokutei__nav__arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.tokutei__nav__arrow::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-color: #1ebbef;
    border-radius: 9999px;
}

.tokutei__nav__arrow::after {
    top: -1px;
    right: 19px;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
}

@media screen and (max-width: 1000px) {
    .tokutei__nav__arrow::after {
        top: 0px;
        right: 20px;
        border-bottom: none;
        border-left: none;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
    }
}

.tokutei__about {
    width: 820px;
    margin: 100px auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__about {
        width: 90%;
        margin: 60px auto;
    }
}

.tokutei__about__heading {
    text-align: center;
    font-size: 220%;
    margin: auto auto 60px;
}

.tokutei__about__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 30px auto;
}

.tokutei__about__text + .tokutei__about__text {
    margin: auto auto auto auto;
}

.tokutei__about__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 60px auto 20px auto;
}

.tokutei__about__item {
    width: 23%;
    min-height: 200px;
    background-color: #fff;
    border-radius: 26px;
    padding: 14px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1000px) {
    .tokutei__about__item {
        width: 46.5%;
        min-height: 180px;
        margin: 0 auto 15px;
    }
}

.tokutei__about__item__icon {
    text-align: center;
    margin: 30px 0 0 0;
    height: 100px;
}

@media screen and (max-width: 1000px) {
    .tokutei__about__item__icon {
        margin: 20px 0 0 0;
        height: 80px;
    }
}

.tokutei__about__item__icon img {
    height: 70px;
}

@media screen and (max-width: 1000px) {
    .tokutei__about__item__icon img {
        height: 60px;
    }
}

.tokutei__about__item__text {
    text-align: center;
    font-weight: normal;
    font-size: 90%;
    margin: auto 0 auto 0;
}

.tokutei__about__note {
    color: #666;
    margin: auto auto 40px auto;
}

.tokutei__about__list {
    margin: auto auto 20px auto;
}

.tokutei__about__list__item {
    padding-left: 0em;
    text-indent: 0em;
}

@media screen and (max-width: 1000px) {
    .tokutei__about__list__item {
        margin: auto auto auto 1em;
        padding-left: 1em;
        text-indent: -1em;
    }
}

.tokutei__about__list__item::before {
    padding-left: 0em;
    content: "ー";
    display: inline-block;
    margin: auto 10px auto auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__about__list__item::before {
        margin: auto 1em auto auto;
    }
}

.tokutei__adoption {
    margin: auto auto 80px;
}

.tokutei__adoption__heading {
    background: #1bb3e6;
    background: linear-gradient(180deg, #61b9e3 0%, #5fb2df 100%);
    text-align: center;
    color: #fff;
    font-size: 220%;
    padding: 30px;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__heading {
        font-size: 160%;
        padding: 20px;
        margin: auto auto 40px;
    }
}

.tokutei__adoption__inner {
    width: 820px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__inner {
        width: 90%;
        margin: 0px auto;
    }
}

.tokutei__adoption__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 30px auto;
}

.tokutei__adoption__list {
    margin: auto auto 20px auto;
}

.tokutei__adoption__list__item {
    padding-left: 0em;
    text-indent: 0em;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__list__item {
        margin: auto auto auto 1em;
        padding-left: 1em;
        text-indent: -1em;
    }
}

.tokutei__adoption__list__item::before {
    padding-left: 0em;
    content: "ー";
    display: inline-block;
    margin: auto 10px auto auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__list__item::before {
        margin: auto 1em auto auto;
    }
}

.tokutei__adoption__note {
    color: #666;
    margin: auto auto 40px auto;
}

.tokutei__adoption__midashi {
    font-size: 110%;
    font-weight: bold;
    margin: auto auto 20px auto;
}

.tokutei__adoption__index__item {
    padding-left: 1em;
    text-indent: -1em;
    margin: auto auto 20px;
}

.tokutei__adoption__image {
    display: flex;
    justify-content: space-between;
    margin: 40px auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__image {
        flex-direction: column;
    }
}

.tokutei__adoption__image__item {
    margin: 0;
    width: 47%;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__image__item {
        width: 100%;
        margin: auto auto 40px;
    }
}

.tokutei__adoption__image__item img {
    width: 100%;
}

.tokutei__adoption__info dl {
    display: flex;
    justify-content: space-between;
}

.tokutei__adoption__info dl dt {
    margin: 10px 0;
    width: 15%;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__info dl dt {
        width: 30%;
    }
}

.tokutei__adoption__info dl dd {
    margin: 10px auto 10px 0;
    width: auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__adoption__info dl dd {
        width: 70%;
    }
}

.tokutei__process {
    margin: auto auto 80px;
}

.tokutei__process__heading {
    text-align: center;
    color: #fff;
    font-size: 220%;
    padding: 30px;
    margin: auto auto 60px;
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
}

@media screen and (max-width: 1000px) {
    .tokutei__process__heading {
        font-size: 160%;
        padding: 20px;
        margin: auto auto 40px;
    }
}

.tokutei__process__inner {
    width: 820px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .tokutei__process__inner {
        width: 90%;
        margin: 0px auto;
    }
}

.tokutei__process__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 20px auto;
}

.tokutei__process__text span.bold {
    font-weight: bold;
    color: #333;
}

.tokutei__process__text span {
    color: #ff0000;
}

.tokutei__process__alert {
    background-color: #fff;
    border: solid 1px #e52f11;
    padding: 30px;
    margin: 40px auto;
    border-radius: 26px;
}

.tokutei__process__note {
    color: #666;
    margin: auto auto 20px;
}

.tokutei__process__table {
    margin: auto auto 40px;
}

.tokutei__process__table table {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .tokutei__process__table table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
}

.tokutei__process__table table tr {
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
}

.tokutei__process__table table tr th {
    border-bottom: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 10px;
}

.tokutei__process__table table tr td {
    background-color: #fff;
    border-bottom: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 15px;
    text-align: center;
}

.tokutei__process__table table tr td a {
    color: #333;
}

.tokutei__process__table table tr td span {
    color: #ff0000;
}

.tokutei__process__table table tr td.name {
    width: 20%;
}

.tokutei__process__table table tr td.season {
    width: 45%;
    text-align: left;
}

.tokutei__process__table table tr td.btn {
    width: 15%;
}

.tokutei__process__table table tr td.btn img {
    margin: auto auto auto 5px;
    width: 24px;
    vertical-align: middle;
}

.tokutei__process__table table tr td.left {
    text-align: left;
}

.tokutei__process__midashi {
    font-size: 110%;
    font-weight: bold;
    margin: auto auto 10px auto;
}

.tokutei__process__block {
    margin: auto auto 40px;
}

.tokutei__process__index {
    margin: auto auto 20px;
}

.tokutei__process__index__item {
    padding-left: 1em;
    text-indent: -1em;
}

.guide {
    position: relative;
    overflow: hidden;
}

.guide__hero {
    width: 100%;
    margin: 60px auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .guide__hero {
        padding: 0 20px 0px 20px;
    }
}

.guide__hero__heading {
    font-size: 220%;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .guide__hero__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.guide__hero__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .guide__hero__text {
        font-size: 100%;
        text-align: left;
        margin: auto auto 40px;
    }
}

.guide__hero__text:last-child {
    margin: 0 auto auto;
}

@media screen and (max-width: 1000px) {
    .guide__hero__text br {
        display: none;
    }
}

.guide__hero__inner {
    display: flex;
    justify-content: space-between;
    width: 1120px;
    flex-wrap: wrap;
    margin: auto;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .guide__hero__inner {
        width: 100%;
    }
}

.guide__hero__item {
    width: 30%;
    margin: 0 0 40px 0;
    background-color: #fff;
    padding: 30px;
    border-radius: 26px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .guide__hero__item {
        margin: 0 0 20px 0;
        width: 100%;
    }
}

.guide__hero__item__icon {
    width: 80px;
    margin: 20px auto 20px auto;
}

.guide__hero__item__icon img {
    width: 100%;
}

.guide__hero__item__icon--visicomi {
    width: 160px;
    margin: 20px auto 20px auto;
}

.guide__hero__item__icon--visicomi img {
    width: 100%;
}

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

.guide__search {
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
    width: 100%;
    margin: auto;
    position: relative;
    padding: 80px;
    text-align: center;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .guide__search {
        padding: 40px 20px 60px 20px;
    }
}

.guide__search__heading {
    color: #fff;
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .guide__search__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.guide__search__inner {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 1120px;
}

@media screen and (max-width: 1000px) {
    .guide__search__inner {
        flex-direction: column;
        width: 100%;
    }
}

.guide__search__item {
    width: 47%;
    background-color: #fff;
    padding: 30px;
    border-radius: 26px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .guide__search__item {
        width: 100%;
        margin: auto auto 20px;
    }
}

.guide__search__item__title {
    margin: auto auto 20px auto;
    font-size: 120%;
}

.guide__search__item__icon {
    margin: auto auto 20px auto;
    width: 40%;
}

@media screen and (max-width: 1000px) {
    .guide__search__item__icon {
        width: 60%;
    }
}

.guide__search__item__icon img {
    width: 100%;
}

.guide__search__item__text {
    text-align: left;
}

.guide__merit {
    z-index: 1;
    background: #1bb3e6;
    background: linear-gradient(180deg, #61b9e3 0%, #5fb2df 100%);
    padding: 80px;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .guide__merit {
        padding: 40px 20px;
    }
}

.guide__merit__heading {
    color: #fff;
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .guide__merit__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.guide__merit__inner {
    display: flex;
    justify-content: space-between;
    margin: auto auto 60px;
    width: 1120px;
}

@media screen and (max-width: 1000px) {
    .guide__merit__inner {
        flex-direction: column;
        width: 100%;
        margin: auto auto 20px;
    }
}

.guide__merit__item {
    width: 30%;
    background-color: #fff;
    padding: 30px;
    border-radius: 26px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .guide__merit__item {
        width: 100%;
        margin: auto auto 20px;
    }
}

.guide__merit__item__text {
    margin: 0px auto 20px auto;
    font-size: 120%;
    text-align: center;
}

.guide__merit__item__icon {
    margin: auto auto 20px auto;
    width: 30%;
}

.guide__merit__item__icon img {
    width: 100%;
}

.guide__merit__item__icon--large {
    margin: 40px auto 20px auto;
    width: 40%;
}

.guide__merit__item__icon--large img {
    width: 100%;
}

.guide__step {
    display: flex;
    justify-content: space-between;
    margin: auto auto 60px;
    width: 1120px;
}

@media screen and (max-width: 1000px) {
    .guide__step {
        flex-wrap: wrap;
        width: 100%;
    }
}

.guide__step__item {
    width: 15%;
    margin: 0;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .guide__step__item {
        width: 40%;
        margin: auto 0 20px;
    }
}

.guide__step__item::before {
    content: url(https://minnano-tokugi.com/file/box/minnanotokugi/img/about_flow_arrow.png);
    display: inline-block;
    position: absolute;
    top: 0%;
    right: -45%;
    transform: scale(0.8);
}

@media screen and (max-width: 1000px) {
    .guide__step__item::before {
        top: 0%;
        right: -45%;
        transform: scale(0.5);
    }
}

@media screen and (max-width: 1000px) {
    .guide__step__item:nth-child(2)::before {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .guide__step__item:nth-child(4)::before {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .guide__step__item:nth-child(5) {
        margin: auto 35% 0px auto;
    }
}

.guide__step__item:nth-child(5)::before {
    display: none;
}

.guide__step__item__icon {
    width: 100%;
    text-align: center;
    margin: 0 auto 20px auto;
}

.guide__step__item__icon img {
    width: 100%;
}

.guide__step__item__title {
    color: #fff;
    margin: auto auto auto 40px;
}

.guide__step__note {
    color: #fff;
    text-align: center;
    font-size: 110%;
}

@media screen and (max-width: 1000px) {
    .guide__step__note {
        width: 90%;
        margin: auto;
    }
}

.guide__qa {
    margin: 120px auto;
}

@media screen and (max-width: 1000px) {
    .guide__qa {
        margin: 60px auto;
    }
}

.guide .pattern_1 {
    position: absolute;
    top: 100px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_1 {
        top: 300px;
        right: -80px;
        width: 120px;
    }
}

.guide .pattern_1 img {
    width: 100%;
}

.guide .pattern_2 {
    position: absolute;
    top: 600px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_2 {
        top: 500px;
        left: -80px;
        width: 120px;
    }
}

.guide .pattern_2 img {
    width: 100%;
}

.guide .pattern_3 {
    position: absolute;
    top: 840px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_3 {
        top: 620px;
        right: -20px;
        width: 120px;
    }
}

.guide .pattern_3 img {
    width: 100%;
}

.guide .pattern_4 {
    position: absolute;
    top: 1600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_4 {
        top: 1440px;
        left: -60px;
        width: 100px;
    }
}

.guide .pattern_4 img {
    width: 100%;
}

.guide .pattern_5 {
    position: absolute;
    top: 2600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_5 {
        top: 1500px;
        left: auto;
        right: -60px;
        width: 120px;
    }
}

.guide .pattern_5 img {
    width: 100%;
}

.guide .pattern_6 {
    position: absolute;
    top: 3200px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_6 {
        top: 2500px;
        right: -50px;
        width: 100px;
    }
}

.guide .pattern_6 img {
    width: 100%;
}

.guide .pattern_7 {
    position: absolute;
    top: 3600px;
    left: -30px;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .guide .pattern_7 {
        top: 2800px;
        left: -10px;
        width: 120px;
    }
}

.guide .pattern_7 img {
    width: 100%;
}

.adv {
    position: relative;
    overflow: hidden;
}

.adv__hero {
    width: 100%;
    margin: 60px auto;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 1000px) {
    .adv__hero {
        padding: 0 20px 0px 20px;
        margin: 0px auto;
    }
}

.adv__hero__heading {
    font-size: 220%;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .adv__hero__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.adv__hero__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .adv__hero__text {
        font-size: 100%;
        text-align: center;
        margin: auto auto 40px;
    }
}

.adv__hero__text:last-child {
    margin: 0 auto auto;
}

@media screen and (max-width: 1000px) {
    .adv__hero__text br {
        display: none;
    }
}

.adv__hero__inner {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    width: 1120px;
    flex-wrap: wrap;
    margin: auto;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .adv__hero__inner {
        flex-direction: column;
        width: 100%;
    }
}

.adv__hero__fukidashi {
    position: relative;
    width: 60%;
    background: #fff;
    padding: 60px;
    text-align: center;
    border-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .adv__hero__fukidashi {
        width: 100%;
        padding: 20px;
        margin: auto auto 40px;
    }
}

.adv__hero__fukidashi::after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    margin-top: -10px;
    left: 100%;
    top: 20%;
    border-style: solid;
    border-width: 25px 0 25px 80px;
    border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 1000px) {
    .adv__hero__fukidashi::after {
        left: 20%;
        top: auto;
        bottom: -40px;
        border-width: 40px 20px 0 20px;
        border-color: #fff transparent transparent transparent;
    }
}

.adv__hero__fukidashi__title {
    text-align: center;
    margin: auto auto 40px;
    font-size: 140%;
}

@media screen and (max-width: 1000px) {
    .adv__hero__fukidashi__title {
        font-size: 110%;
        margin: auto auto 20px;
    }
}

.adv__hero__fukidashi__text {
    text-align: left;
}

.adv__hero__image img {
    width: 90%;
}

.adv__resolution {
    background: #f2905b;
    background: linear-gradient(90deg, #f2905b 0%, #ee7661 100%);
    width: 100%;
    position: relative;
    padding: 80px;
    text-align: center;
    margin: 100px auto;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .adv__resolution {
        margin: 40px auto;
        padding: 40px 20px 60px 20px;
    }
}

.adv__resolution__heading {
    color: #fff;
    margin: auto auto 60px;
    font-size: 200%;
}

@media screen and (max-width: 1000px) {
    .adv__resolution__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.adv__resolution__inner {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 1120px;
}

@media screen and (max-width: 1000px) {
    .adv__resolution__inner {
        flex-direction: column;
        width: 100%;
    }
}

.adv__resolution__item {
    width: 47%;
    background-color: #fff;
    padding: 60px 30px;
    border-radius: 26px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .adv__resolution__item {
        width: 100%;
        margin: auto auto 20px;
    }
}

.adv__resolution__item__title {
    margin: auto auto 40px auto;
    font-size: 140%;
    text-align: center;
}

.adv__resolution__item__text {
    text-align: center;
}

.adv__support {
    margin: 100px auto;
    width: 1120px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .adv__support {
        margin: 60px auto;
        width: 90%;
    }
}

.adv__support__heading {
    font-size: 220%;
    margin: auto auto 60px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .adv__support__heading {
        font-size: 160%;
        margin: auto auto 40px;
    }
}

.adv__support__text {
    font-size: 110%;
    line-height: 30px;
    margin: auto auto 60px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .adv__support__text {
        font-size: 100%;
        text-align: center;
        margin: auto auto 40px;
    }
}

.adv__support__text:last-child {
    margin: 0 auto auto;
}

@media screen and (max-width: 1000px) {
    .adv__support__text br {
        display: none;
    }
}

.adv__support__inner {
    display: flex;
    justify-content: center;
    width: 1120px;
    flex-wrap: wrap;
    margin: auto;
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .adv__support__inner {
        width: 100%;
        flex-direction: column;
    }
}

.adv__support__item {
    width: 30%;
    background-color: #fff;
    padding: 40px;
    border-radius: 26px;
    text-align: center;
    margin: auto 1.5% 40px 1.5%;
}

@media screen and (max-width: 1000px) {
    .adv__support__item {
        width: 100%;
        margin: auto 1.5% 20px 1.5%;
    }
}

.adv__support__item__title {
    font-size: 140%;
    margin: auto auto 20px;
}

.adv__case {
    position: relative;
    z-index: 1;
    margin: auto auto 140px auto;
}

@media screen and (max-width: 1000px) {
    .adv__case {
        margin: auto auto 60px auto;
    }
}

.adv__case__heading {
    background: #1bb3e6;
    background: linear-gradient(180deg, #61b9e3 0%, #5fb2df 100%);
    text-align: center;
    color: #fff;
    font-size: 220%;
    padding: 30px;
    margin: auto auto 60px;
}

.adv__case__inner {
    margin: auto;
    width: 1000px;
}

@media screen and (max-width: 1000px) {
    .adv__case__inner {
        width: 90%;
    }
}

.adv__case__step {
    font-size: 300%;
    margin: auto auto 10px;
}

.adv__case__item {
    display: flex;
    justify-content: space-between;
    margin: auto auto 60px;
    border-left: solid 14px #1ebbef;
    padding: 0 0 30px 30px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .adv__case__item {
        flex-direction: column;
        padding: 0 0 0px 30px;
    }
}

.adv__case__item::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: -14px;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #1ebbef transparent transparent transparent;
}

.adv__case__item:nth-child(7n)::before {
    display: none;
}

.adv__case__item__block {
    width: 45%;
    margin: 0;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__block {
        width: 100%;
        margin: auto auto 20px;
    }
}

.adv__case__item__title {
    border-bottom: solid 1px #dddddd;
    padding: 0 0 20px;
    margin: auto auto 20px;
    font-weight: normal;
}

.adv__case__item__fukidashi {
    width: 45%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__fukidashi {
        width: 100%;
        flex-direction: column;
    }
}

.adv__case__item__fukidashi__text {
    width: 70%;
    border-radius: 26px;
    background-color: #fff;
    padding: 20px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__fukidashi__text {
        width: 100%;
        margin: auto auto 20px;
    }
}

.adv__case__item__fukidashi__text::after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(59, 255, 234, 0);
    margin-top: -10px;
    left: 100%;
    top: 38%;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__fukidashi__text::after {
        left: 50%;
        bottom: -20px;
        top: auto;
        border-width: 20px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
    }
}

.adv__case__item__fukidashi__image {
    width: 30%;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__fukidashi__image {
        width: 50%;
        text-align: left;
        margin: auto 40px auto auto;
    }
}

.adv__case__item__fukidashi__image img {
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .adv__case__item__fukidashi__image img {
        width: 100%;
        height: auto;
    }
}

.adv__contact {
    margin: auto auto 140px auto;
}

@media screen and (max-width: 1000px) {
    .adv__contact {
        margin: auto auto 60px auto;
    }
}

.adv .pattern_1 {
    position: absolute;
    top: 100px;
    right: 0px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_1 {
        top: 300px;
        right: -80px;
        width: 120px;
    }
}

.adv .pattern_1 img {
    width: 100%;
}

.adv .pattern_2 {
    position: absolute;
    top: 600px;
    left: 0;
    width: 180px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_2 {
        top: 500px;
        left: -80px;
        width: 120px;
    }
}

.adv .pattern_2 img {
    width: 100%;
}

.adv .pattern_3 {
    position: absolute;
    top: 840px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_3 {
        top: 700px;
        right: -20px;
        width: 120px;
    }
}

.adv .pattern_3 img {
    width: 100%;
}

.adv .pattern_4 {
    position: absolute;
    top: 1600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_4 {
        top: 1440px;
        left: -60px;
        width: 100px;
    }
}

.adv .pattern_4 img {
    width: 100%;
}

.adv .pattern_5 {
    position: absolute;
    top: 1600px;
    left: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_5 {
        top: 1500px;
        left: auto;
        right: -60px;
        width: 120px;
    }
}

.adv .pattern_5 img {
    width: 100%;
}

.adv .pattern_6 {
    position: absolute;
    top: 1300px;
    right: 0;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_6 {
        top: 2500px;
        right: -50px;
        width: 100px;
    }
}

.adv .pattern_6 img {
    width: 100%;
}

.adv .pattern_7 {
    position: absolute;
    top: 2000px;
    right: -30px;
    width: 170px;
}

@media screen and (max-width: 1000px) {
    .adv .pattern_7 {
        top: 2800px;
        left: -10px;
        width: 120px;
    }
}

.adv .pattern_7 img {
    width: 100%;
}

.login__inner {
    width: 1120px;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .login__inner {
        width: 90%;
    }
}

.login__bg, .login__bg--bottom, .login__bg--top {
    position: absolute;
    z-index: 0;
}

.login__bg--top {
    top: 0;
    left: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .login__bg--top {
        width: 20%;
    }
}

.login__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

.login__bg--bottom {
    bottom: 0;
    right: 0;
    width: 140px;
}

@media screen and (max-width: 1000px) {
    .login__bg--bottom {
        width: 20%;
    }
}

.login__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.login__form {
    margin: auto auto 60px auto;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border-radius: 26px;
    padding: 40px 80px;
}

@media screen and (max-width: 1000px) {
    .login__form {
        width: 100%;
        padding: 20px;
    }
}

.login__item {
    padding: 20px 0;
    text-align: center;
}

.login__item:last-child {
    border: none;
}

.login__item input[type=text] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
    margin: 10px;
}

.login__item input[type=password] {
    border: solid 1px #dddddd;
    padding: 14px;
    border-radius: 8px;
    width: 80%;
    margin: 10px;
}

.login__terms {
    text-align: center;
}

.login__terms__text {
    margin: 20px auto 20px auto;
}

.login__terms__link {
    margin: auto auto 20px auto;
}

.login__terms__link__item a {
    color: #0b77bd;
}

.login__terms__check input[type=checkbox] {
    margin: 0px 5px auto auto;
}

.login__terms__check a {
    color: #0b77bd;
}

.login__btn {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 30px auto 30px auto;
}

@media screen and (max-width: 1000px) {
    .login__btn {
        flex-direction: column;
    }
}

.login__btn input[type=submit] {
    border-radius: 8px;
    font-size: 110%;
    margin: auto 15px;
    background: #1bb3e6;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    min-width: 200px;
}

@media screen and (max-width: 1000px) {
    .login__btn input[type=submit] {
        border-radius: 16px;
        margin: 10px auto 10px auto;
        padding: 15px 30px;
    }
}

.login__text {
    text-align: center;
}

.login__text a {
    color: #0b77bd;
}

.login__error {
    margin: 0px 0 30px 0;
    border: solid 1px #ff0000;
    background-color: #fffafa;
    color: #ff0000;
    padding: 15px;
    border-radius: 4px;
    z-index: 1;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .login__error {
        margin: 0;
    }
}

.login__error li {
    list-style: disc;
    margin: 0 0 0 20px;
}

.contact__btn {
    text-align: center;
    display: flex;
    margin: auto auto 60px;
}

@media screen and (max-width: 1000px) {
    .contact__btn {
        margin: auto auto 30px;
    }
}

.contact__btn a {
    border: solid 1px #0b77bd;
    background: #fff;
    border-radius: 14px;
    color: #0b77bd;
    display: block;
    padding: 20px 40px;
    font-size: 160%;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .contact__btn a {
        width: 90%;
        font-size: 120%;
    }
}

.language {
    position: relative;
}

.language__bg, .language__bg--bottom, .language__bg--top {
    position: absolute;
}

@media screen and (max-width: 1000px) {
    .language__bg--top {
        top: 0;
        left: 0;
        width: 100px;
    }
}

.language__bg--top img {
    width: 100%;
    border-top-left-radius: 26px;
}

@media screen and (max-width: 1000px) {
    .language__bg--bottom {
        bottom: 0;
        right: 0;
        width: 100px;
    }
}

.language__bg--bottom img {
    width: 100%;
    border-bottom-right-radius: 26px;
}

.language__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    z-index: 9999;
    padding: 40px;
}

.language__item a {
    color: #333;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2px auto;
    border: solid 1px #dddddd;
    border-radius: 9999px;
    padding: 5px;
}

.language__item__icon {
    width: 15%;
}

.language__item__icon img {
    width: 100%;
    border: solid 1px #dddddd;
    border-radius: 9999px;
}

.language__item__name {
    width: 80%;
    text-align: left;
}

.modal-language {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 9999;
}

.modal-language::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal-language-active {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    display: block;
}

@media screen and (max-width: 1000px) {
    .modal-language-body {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        max-width: 860px;
        width: 90%;
        background: #fff;
        border-radius: 26px;
    }
}


.btn-message {
    font-size: 110%;
    max-width: 240px;
    width: 100%;
    margin: auto;
}

.btn-message .mod_button_follow {
    border-radius: 16px;
    text-align: center;
    color: #fff;
    padding: 15px 0 15px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: linear-gradient(180deg, #f07d00 0%, #e7470f 100%);
}

.btn-message .mod_button_follow span {
    display: block;
    position: relative;
}

.btn-message .mod_button_follow span:before {
    content: "";
    position: absolute;
    top: 45%;
    left: -34.5px;
    transform: translateY(-50%);
    background-image: url("https://intetour.jp/global/wp-content/themes/intertourglobal/img/svg/messenger.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 27.03px;
    height: 27.95px;
}

.whatsapp-message-box {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0bd561;
/*     box-shadow: 0px 3px 10px rgba(0, 0, 0, .25); */
    position: fixed;
    bottom: 100px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.whatsapp-message-box img {
    width: 100%;
}

.message-box {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    bottom: 25px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    transition: .3s;
}
.message-box:hover,
.whatsapp-message-box:hover{
	opacity: .7;
}
.message-box img {
    width: 100%;
}

.whatsapp-message {
    background: linear-gradient(180deg, #1bb3e6 0%, #0b77bd 100%);
    border-radius: 16px;
    width: 100%;
    max-width: 240px;
    margin: auto;
}

.whatsapp-message a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 110%;
    padding: 15px 0 15px 35px;
    position: relative;
}

.whatsapp-message .icon-whatsapp {
    position: absolute;
    margin-right: 8px;
    z-index: 2;
    border-radius: 50%;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
}

.whatsapp-message .icon-whatsapp:after {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff;
    top: 2px;
    left: 2px;
    z-index: -1;
    border-radius: 50%;
}
.whatsapp-message span{
  position: relative;
}
.whatsapp-message span:before {
    content: "";
    position: absolute;
    background-image: url("/file/box/minnanotokugi/img/icon-whatsapp.png");
    width: 27px;
    height: 27px;
    background-size: 100%;
    top: 50%;
    left: -33px;
    transform: translateY(-50%);
    z-index: 2;
}

.whatsapp-message span:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: -31px;
    transform: translateY(-50%);
    z-index: 1;
}

.whatsapp-message .icon-whatsapp img {
    width: 28px;
}

.list__btn.list-cols-04 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 10px;
    margin-left: -40px;
    margin-right: -40px;
}

.list__btn.list-cols-04 .list__btn__item--bookmark,
.list__btn.list-cols-04 .list__btn__item--detail {
    margin: auto;
    max-width: 240px;
    width: 100%;
}


@media (max-width: 1000px) {

    .list__btn.list-cols-04 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 15px;
    }

    .list__btn.list-cols-04 .list__btn__item--bookmark,
    .list__btn.list-cols-04 .list__btn__item--detail {
        margin: auto;
    }

    .list__btn.list-cols-04 .list__btn__item a,
    .list__btn.list-cols-04 .list__btn__item--detail a,
    .list__btn.list-cols-04 .list__btn__item--bookmark-m a,
    .list__btn.list-cols-04 .list__btn__item--bookmark a {
        width: 100%;
    }

}


/*# sourceMappingURL=style.css.map */