@charset "UTF-8"; /*============================
#Common
============================*/
.page-header {
    background-image: url(../img/common-page-header.jpg);
    background-repeat: no-repeat;
    background-position: center 25%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    margin: 0 0 50px;
}

.page-header.fiorge-header {
    background-image: url(../img/23188610_l.jpg);
    background-position: center 75%;
}

.page-header .page-title {
    display: inline-block;
    /* background: rgba(0,0,0,0.6); */
    color: #fff;
    padding: 10px 30px;
    line-height: 1;
}

.page-header .page-title h1 {
    font-size: 4rem;
    text-align: center;
}

.page-header .page-title h1 span {
    position: relative;
    text-align: center;
    /* text-shadow: 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c; */
}

.page-header .page-title h1 span small {
    font-size: 1.4rem;
}

.page-header.fiorge-header .page-title h1 span {
    text-shadow: 1px 1px 0px #d0cece, -1px 1px 0px #d0cece, 1px -1px 0px #d0cece, -1px -1px 0px #d0cece, 1px 0px 0px #d0cece, 0px 1px 0px #d0cece, -1px 0px 0px #d0cece, 0px -1px 0px #d0cece;
}

.inner {
    padding: 0 10px;
}

.inner h2 {
    color: #09194c;
    text-align: center;
    margin: 0 0 30px;
    font-size: 2rem;
}

.inner h3 {
    font-size: 1.5rem;
    display: block;
    padding: 0 0 0 10px;
    border-left: 8px solid #00818a;
    margin: 0 0 20px;
}

.inner h4 {
    font-size: 1.2rem;
    color: #00818a;
    font-weight: normal;
    margin: 0 0 20px;
}

.inner p {
    line-height: 1.8;
    margin: 0 0 20px;
    font-size: 1rem;
}

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

ul.anchor li {
    margin: 0 0 10px;
}

ul.anchor li a {
    font-size: 0.9rem;
    border: 2px solid #00818a;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    position: relative;
    width: 100%;
    font-weight: bold;
    letter-spacing: 0.15em;
}

ul.anchor li a:hover {
    color: #fff;
    background: #00818a;
    opacity: 1;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

table tr {
}

table tr th, table tr td {
    border: 1px solid #666;
    padding: 5px 10px;
    font-size: 1rem;
}

table tr th {
    font-weight: normal;
    background: #f7f7f7;
}

table tr td {
}

@media screen and (max-width: 960px) {
    .page-header {
    }

    .page-header .page-title {
    }

    .page-header .page-title h1 {
    }

    .page-header .page-title h1 span {
    }

    .inner {
    }

    .inner h2 {
        font-size: 1.5rem;
    }

    .inner h3 {
        font-size: 1.25rem;
    }

    .inner h4 {
        font-size: 1.1rem;
    }

    .inner p {
        font-size: 1rem;
    }

    ul.anchor {
    }

    ul.anchor li {
    }

    ul.anchor li a {
    }

    ul.anchor li a span {
    }

    table {
    }

    table tr {
    }

    table tr th {
    }

    table tr td {
    }
}

@media screen and (max-width: 480px) {
    .page-header {
        height: 200px;
        margin: 0 0 30px;
    }

    .page-header .page-title {
    }

    .page-header .page-title h1 {
        font-size: 2rem;
    }

    .page-header .page-title h1 span {
    }

    .inner {
    }

    .inner h2 {
        font-size: 1.2rem;
    }

    .inner h3 {
    }

    .inner h4 {
    }

    .inner p {
    }

    ul.anchor {
    }

    ul.anchor li {
    }

    ul.anchor li a {
    }

    ul.anchor li a span {
    }

    table {
    }

    table tr {
    }

    table tr th {
    }

    table tr td {
    }
}

/*============================
#search-area
============================*/
#search-area {
    text-align: right;
    padding: 0 20px;
    margin: 0 0 30px;
}

#search-area .search-form {
}

#search-area .search-form p {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

#search-area .search-form select {
    font-size: 1.1rem;
    padding: 2px 10px;
}

#search-area .search-form select option {
}

@media screen and (max-width: 480px) {
    #search-area {
    }

    #search-area .search-form {
    }

    #search-area .search-form p {
    }

    #search-area .search-form select {
    }

    #search-area .search-form select option {
    }
}

/*============================
#service
============================*/
/* common */
#service {
}

#service .page-header {
    background-image: url(../img/service-page-header.jpg);
    background-position-y: 5%;
    background-position-x: 48.6%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#service .page-header .page-title {
}

#service .page-header .page-title h1 {
}

#service .page-header .page-title h1 span {
    display: block;
    position: relative;
    text-shadow: 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c;
}

#service .inner {
}

#service .inner h2 {
    color: #09194c;
}

#service .inner p {
}

@media screen and (max-width: 960px) {
    #service {
    }

    #service .page-header {
    }

    #service .page-header .page-title {
    }

    #service .page-header .page-title h1 {
    }

    #service .page-header .page-title h1 span {
    }

    #service .inner {
    }

    #service .inner h2 {
    }

    #service .inner p {
    }
}

@media screen and (max-width: 480px) {
    #service {
    }

    #service .page-header {
    }

    #service .page-header .page-title {
    }

    #service .page-header .page-title h1 {
    }

    #service .page-header .page-title h1 span {
    }

    #service .inner {
    }

    #service .inner h2 {
        margin: 0 0 20px;
    }

    #service .inner p {
    }
}

/* indexÂÃÃÂÃÃÆâ€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ */
#service.index {
}

#service.index .page-header {
}

#service.index .page-header .page-title {
}

#service.index .page-header .page-title h1 {
}

#service.index .page-header .page-title h1 span {
}

#service.index .inner {
}

#service.index .inner h2 {
    margin: 0 0 50px;
}

#service.index .inner .contents-wrap {
    display: flex;
    flex-wrap: wrap;
}

#service.index .inner .contents-wrap .menu {
    width: 230px;
    height: 100%;
    position: sticky;
    top: 100px;
}

#service.index .inner .contents-wrap .menu .menu-inner {
}

#service.index .inner .contents-wrap .menu .menu-inner h3 {
    padding: 0;
    border-left: none;
    border-bottom: 1px solid #09194c;
    display: inline-block;
    padding: 0 10px;
    color: #ffffff;
    letter-spacing: 4px;
    text-shadow: 1px 1px 1px #999999, -1px 1px 1px #999999, 1px -1px 1px #999999, -1px -1px 1px #999999, 1px 0px 1px #999999, 0px 1px 1px #999999, -1px 0px 1px #999999, 0px -1px 1px #999999;
}

#service.index .inner .contents-wrap .menu .menu-inner ul {
}

#service.index .inner .contents-wrap .menu .menu-inner ul li {
    margin: 0 0 20px;
}

#service.index .inner .contents-wrap .menu .menu-inner ul li a {
    color: #333;
    font-size: 1rem;
    display: block;
    cursor: pointer;
}

#service.index .inner .contents-wrap .menu .menu-inner ul li a:hover {
}

#service.index .inner .contents-wrap .menu .menu-inner ul li a span {
}

#service.index .inner .contents-wrap .menu .menu-inner ul li a span i {
    font-style: normal;
    font-size: 0.8rem;
    display: block;
}

#service.index .inner .contents-wrap .contents {
    width: calc(100% - 230px);
    padding: 0 0 0 20px;
}

#service.index .inner .contents-wrap .contents .service-detail {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 150px;
    margin-top: -100px;
    padding-top: 100px;
}

#service.index .inner .contents-wrap .contents .service-detail .image {
    width: 50%;
    z-index: 1;
}

#service.index .inner .contents-wrap .contents .service-detail .image figure {
    background: #fff;
}

#service.index .inner .contents-wrap .contents .service-detail .image figure img {
    opacity: 0.75;
    background: #fff;
}

#service.index .inner .contents-wrap .contents .service-detail .explain {
    width: 50%;
    position: relative;
    display: block;
    top: 50px;
    padding: 0 20px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain::after {
    content: "";
    width: calc(100% + 40px);
    height: calc(100% + 20px);
    background: #09194c;
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: -1;
}

#service.index .inner .contents-wrap .contents .service-detail .explain h3 {
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
    border-left: none;
    position: relative;
    text-align: center;
    margin: 0 0 40px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain h3::after {
    content: "";
    width: 80%;
    height: 1px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 10%;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p {
    color: #fff;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more {
    text-align: center;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span {
    cursor: pointer;
    border: 1px solid #fff;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 50px;
    position: relative;
    width: auto;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.15em;
    transition: all 0.35s;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span::after {
    content: "";
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span.open::after {
    background-image: url(../img/more-arrow-open.png);
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span.close::after {
    background-image: url(../img/more-arrow-close.png);
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span.open {
    display: inline-block;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more span.close {
    display: none;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more.on span.open {
    display: none;
}

#service.index .inner .contents-wrap .contents .service-detail .explain p.more.on span.close {
    display: inline-block;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .hide {
    display: none;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content {
    padding: 0px 10px 20px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content h4 {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content p {
    line-break: strict;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content table {
    background: none;
    margin: 0 0 10px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content table th, #service.index .inner .contents-wrap .contents .service-detail .explain .content table td {
    border: 1px solid #fff;
    background: none;
    color: #fff;
    width: 25%;
    font-size: 0.8rem;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content table th {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content table td {
    text-align: right;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content small {
    display: block;
    text-align: right;
    color: #fff;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ul, #service.index .inner .contents-wrap .contents .service-detail .explain .content ol {
    padding: 0 0 0 20px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ul li, #service.index .inner .contents-wrap .contents .service-detail .explain .content ol li {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 5px;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ul {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ul li {
    list-style: initial;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ol {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content ol li {
    list-style: decimal;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content dl {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content dl dt, #service.index .inner .contents-wrap .contents .service-detail .explain .content dl dd {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content dl dt {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .content dl dd {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .reccomended {
}

#service.index .inner .contents-wrap .contents .service-detail .explain .reccomended p {
    font-weight: bold;
}

#service.index .inner .contents-wrap .contents .service-detail .explain .reccomended a {
    color: #fff;
    margin: 0 0 0 10px;
    font-weight: normal;
}

#service.index .inner .contents-wrap .contents .service-detail .explain h3 span {
    font-size: 1rem;
}

#service.index .inner .contents-wrap .contents .service-detail .explain h3 small {
    display: block;
    font-size: 0.8rem;
    letter-spacing: 0;
}

@media screen and (max-width: 960px) {
    #service.index {
    }

    #service.index .page-header {
    }

    #service.index .page-header .page-title {
    }

    #service.index .page-header .page-title h1 {
    }

    #service.index .page-header .page-title h1 span {
    }

    #service.index .inner {
    }

    #service.index .inner h2 {
    }

    #service.index .inner .contents-wrap {
    }

    #service.index .inner .contents-wrap .menu {
    }

    #service.index .inner .contents-wrap .menu .menu-inner {
    }

    #service.index .inner .contents-wrap .menu .menu-inner h3 {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a span {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a span i {
    }

    #service.index .inner .contents-wrap .contents {
    }

    #service.index .inner .contents-wrap .contents .service-detail {
        margin: 0 0 10px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .image {
        width: 100%;
        position: relative;
        left: -10px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .image figure {
        width: 70%;
    }

    #service.index .inner .contents-wrap .contents .service-detail .image figure img {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain {
        width: 95%;
        right: calc(-5% - 10px);
        background: #09194c;
        top: -40px;
        padding: 50px 10px 0;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain::after {
        content: none;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 {
        font-size: 1.2rem;
        font-weight: bold;
        margin: 0 0 20px;
        padding: 0;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p {
        font-size: 1rem;
        line-height: 1.5;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ul, #service.index .inner .contents-wrap .contents .service-detail .explain .content ol {
        padding: 0 0 0 20px;
        margin: 0 0 20px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more span.open {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more span.close {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .hide {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content {
        padding: 0px 10px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content h4 {
        font-size: 1rem;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended p {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended a {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 span {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 small {
    }
}

@media screen and (max-width: 480px) {
    #service.index {
    }

    #service.index .page-header {
    }

    #service.index .page-header .page-title {
    }

    #service.index .page-header .page-title h1 {
    }

    #service.index .page-header .page-title h1 span {
    }

    #service.index .inner {
    }

    #service.index .inner h2 {
        margin: 0;
        font-size: 5vw;
    }

    #service.index .inner .contents-wrap {
        display: block;
    }

    #service.index .inner .contents-wrap .menu {
        width: 100%;
        position: initial;
        margin: 0 0 20px;
        display: none;
    }

    #service.index .inner .contents-wrap .menu .menu-inner {
    }

    #service.index .inner .contents-wrap .menu .menu-inner h3 {
        display: none;
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li {
        display: inline-block;
        margin: 0 10px 0 0;
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a {
        font-size: 14px;
        border: 1px solid #09194c;
        padding: 5px 10px;
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a span {
    }

    #service.index .inner .contents-wrap .menu .menu-inner ul li a span i {
    }

    #service.index .inner .contents-wrap .contents {
        width: 100%;
        padding: 0;
    }

    #service.index .inner .contents-wrap .contents .service-detail {
        padding-top: 60px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .image {
    }

    #service.index .inner .contents-wrap .contents .service-detail .image figure {
    }

    #service.index .inner .contents-wrap .contents .service-detail .image figure img {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more span.open {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain p.more span.close {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .hide {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content #service.index .inner .contents-wrap .contents .service-detail .explain .content h4 {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content p {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content table {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content table th, #service.index .inner .contents-wrap .contents .service-detail .explain .content table td {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content table th {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content table td {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content small {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ul, #service.index .inner .contents-wrap .contents .service-detail .explain .content ol {
        padding: 0 0 0 30px;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ul li, #service.index .inner .contents-wrap .contents .service-detail .explain .content ol li {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ul {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ul li {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ol {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content ol li {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content dl {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content dl dt, #service.index .inner .contents-wrap .contents .service-detail .explain .content dl dd {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content dl dt {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .content dl dd {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended {
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended p {
        text-align: left;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain .reccomended a {
        display: block;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 span {
        display: block;
    }

    #service.index .inner .contents-wrap .contents .service-detail .explain h3 small {
        font-size: 0.7rem;
    }
}

/* .btm */
#service.btm {
}

#service.btm .page-header {
}

#service.btm .page-header .page-title {
}

#service.btm .page-header .page-title h1 {
}

#service.btm .page-header .page-title h1 span {
}

#service.btm .inner {
    max-width: 1000px;
}

#service.btm .inner h2 {
}

#service.btm .inner p {
}

#service.btm .inner ul.anchor {
    justify-content: center;
}

#service.btm .inner ul.anchor li {
    margin: 0 20px;
}

#service.btm .inner ul.anchor li a {
    padding: 5px 40px;
}

#service.btm .inner ul.anchor li a span {
}

#service.btm .inner .service-detail.btm-detail {
    display: block;
}

#service.btm .inner .service-detail.btm-detail h3 {
}

#service.btm .inner .service-detail.btm-detail p {
}

#service.btm .inner .service-detail.btm-detail dl {
    padding: 0 40px;
}

#service.btm .inner .service-detail.btm-detail dl dt {
    font-size: 1.2rem;
    margin: 0 0 10px;
}

#service.btm .inner .service-detail.btm-detail dl dd {
    margin: 0 0 20px;
}

#service.btm .inner .service-detail.btm-detail dl dd ol {
    padding: 0 0 0 20px;
}

#service.btm .inner .service-detail.btm-detail dl dd ol li {
    font-size: 1rem;
    margin: 0 0 10px;
}

#service.btm .inner .service-detail.btm-detail ul.image {
    margin: 0 0 40px;
}

#service.btm .inner .service-detail.btm-detail ul.image li {
    text-align: center;
}

#service.btm .inner .service-detail.btm-detail ul.image li img {
}

#service.btm .inner .service-detail.btm-detail h4 {
    font-size: 1.25rem;
    color: #333;
    text-align: center;
    background: #f7f7f7;
    max-width: 960px;
    margin: 0 auto 40px;
    padding: 20px 0;
    font-weight: bold;
}

#service.btm .inner .service-detail.btm-detail figure.image {
    text-align: center;
    margin: 0 0 40px;
}

#service.btm .inner .service-detail.btm-detail figure.image img {
}

@media screen and (max-width: 960px) {
    #service.btm {
    }

    #service.btm .page-header {
    }

    #service.btm .page-header .page-title {
    }

    #service.btm .page-header .page-title h1 {
    }

    #service.btm .page-header .page-title h1 span {
    }

    #service.btm .inner {
    }

    #service.btm .inner h2 {
    }

    #service.btm .inner p {
    }

    #service.btm .inner ul.anchor {
    }

    #service.btm .inner ul.anchor li {
    }

    #service.btm .inner ul.anchor li a {
    }

    #service.btm .inner ul.anchor li a span {
    }

    #service.btm .inner .service-detail.btm-detail {
    }

    #service.btm .inner .service-detail.btm-detail h3 {
    }

    #service.btm .inner .service-detail.btm-detail p {
    }

    #service.btm .inner .service-detail.btm-detail dl {
    }

    #service.btm .inner .service-detail.btm-detail dl dt {
    }

    #service.btm .inner .service-detail.btm-detail dl dd {
    }

    #service.btm .inner .service-detail.btm-detail dl dd ol {
    }

    #service.btm .inner .service-detail.btm-detail dl dd ol li {
    }

    #service.btm .inner .service-detail.btm-detail ul.image {
    }

    #service.btm .inner .service-detail.btm-detail ul.image li {
    }

    #service.btm .inner .service-detail.btm-detail ul.image li img {
    }

    #service.btm .inner .service-detail.btm-detail h4 {
    }

    #service.btm .inner .service-detail.btm-detail figure.image {
    }

    #service.btm .inner .service-detail.btm-detail figure.image img {
    }
}

@media screen and (max-width: 480px) {
    #service.btm {
    }

    #service.btm .page-header {
    }

    #service.btm .page-header .page-title {
    }

    #service.btm .page-header .page-title h1 {
    }

    #service.btm .page-header .page-title h1 span {
    }

    #service.btm .inner {
    }

    #service.btm .inner h2 {
    }

    #service.btm .inner p {
    }

    #service.btm .inner ul.anchor {
    }

    #service.btm .inner ul.anchor li {
    }

    #service.btm .inner ul.anchor li a {
    }

    #service.btm .inner ul.anchor li a span {
    }

    #service.btm .inner .service-detail.btm-detail {
    }

    #service.btm .inner .service-detail.btm-detail h3 {
    }

    #service.btm .inner .service-detail.btm-detail p {
    }

    #service.btm .inner .service-detail.btm-detail dl {
    }

    #service.btm .inner .service-detail.btm-detail dl dt {
    }

    #service.btm .inner .service-detail.btm-detail dl dd {
    }

    #service.btm .inner .service-detail.btm-detail dl dd ol {
    }

    #service.btm .inner .service-detail.btm-detail dl dd ol li {
    }

    #service.btm .inner .service-detail.btm-detail ul.image {
    }

    #service.btm .inner .service-detail.btm-detail ul.image li {
    }

    #service.btm .inner .service-detail.btm-detail ul.image li img {
    }

    #service.btm .inner .service-detail.btm-detail h4 {
    }

    #service.btm .inner .service-detail.btm-detail figure.image {
    }

    #service.btm .inner .service-detail.btm-detail figure.image img {
    }
}

/*============================
#company
============================*/
#company {
}

#company .page-header {
}

#company .page-header .page-title {
}

#company .page-header .page-title h1 {
}

#company .page-header .page-title h1 span {
}

#company .inner {
}

#company .inner h2 {
}

#company .inner h3 {
    border: none;
    padding: 0;
}

#company .inner p {
}

#company .inner .company-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#company .inner .company-wrap .item {
    width: calc(50% - 10px);
    border: 1px solid #ccc;
    margin: 0 0 40px;
    display: flex;
    flex-wrap: wrap;
}

#company .inner .company-wrap .item .image {
    width: 45%;
}

#company .inner .company-wrap .item .image a {
}

#company .inner .company-wrap .item .image a img {
    width: 100%;
}

#company .inner .company-wrap .item .detail {
    width: 55%;
    padding: 10px 10px 0;
}

#company .inner .company-wrap .item .detail h3 {
    font-size: 1.2rem;
    margin: 0 0 10px;
}

#company .inner .company-wrap .item .detail h3 a {
    font-size: 1rem;
}

#company .inner .company-wrap .item .detail p {
    line-height: 1.5;
    font-size: 0.9rem;
}

@media screen and (max-width: 960px) {
    #company {
    }

    #company .page-header {
    }

    #company .page-header .page-title {
    }

    #company .page-header .page-title h1 {
    }

    #company .page-header .page-title h1 span {
    }

    #company .inner {
    }

    #company .inner h2 {
    }

    #company .inner h3 {
    }

    #company .inner p {
    }

    #company .inner .company-wrap {
        justify-content: left;
    }

    #company .inner .company-wrap .item {
        display: block;
        width: calc(100% / 3 - 20px);
        margin: 0 10px 40px;
    }

    #company .inner .company-wrap .item .image {
        width: 100%;
    }

    #company .inner .company-wrap .item .image a {
    }

    #company .inner .company-wrap .item .image a img {
    }

    #company .inner .company-wrap .item .detail {
        width: 100%;
        padding: 10px 20px 20px;
    }

    #company .inner .company-wrap .item .detail h3 {
    }

    #company .inner .company-wrap .item .detail h3 a {
    }

    #company .inner .company-wrap .item .detail p {
        line-height: 1.5;
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    #company {
    }

    #company .page-header {
    }

    #company .page-header .page-title {
    }

    #company .page-header .page-title h1 {
    }

    #company .page-header .page-title h1 span {
    }

    #company .inner {
    }

    #company .inner h2 {
    }

    #company .inner h3 {
    }

    #company .inner p {
    }

    #company .inner .company-wrap {
    }

    #company .inner .company-wrap .item {
        width: 100%;
        margin: 0 0 20px;
    }

    #company .inner .company-wrap .item .image {
    }

    #company .inner .company-wrap .item .image a {
    }

    #company .inner .company-wrap .item .image a img {
    }

    #company .inner .company-wrap .item .detail {
    }

    #company .inner .company-wrap .item .detail h3 {
        margin: 0;
        padding: 0 0;
    }

    #company .inner .company-wrap .item .detail h3 a {
    }

    #company .inner .company-wrap .item .detail p {
        display: none;
    }
}

/*========== .common ==========*/
#company.common {
}

#company.common .page-header {
}

#company.common .page-header .page-title {
}

#company.common .page-header .page-title h1 {
}

#company.common .page-header .page-title h1 span {
}

#company.common .inner {
}

#company.common .inner h2 {
}

#company.common .inner h3 {
    padding: 0 0 0 10px;
    border-left: 8px solid #00818a;
}

#company.common .inner h4 {
}

#company.common .inner p {
}

#company.common .inner .company-wrap {
}

#company.common .inner .company-wrap .item {
    width: calc(20% - 10px);
    display: block;
}

#company.common .inner .company-wrap .item .image {
    width: 100%;
    margin: 0;
}

#company.common .inner .company-wrap .item .image a {
}

#company.common .inner .company-wrap .item .image a img {
}

#company.common .inner .company-wrap .item .detail {
    width: 100%;
}

#company.common .inner .company-wrap .item .detail h3 {
    border: none;
    padding: 0;
    font-weight: normal;
    text-align: center;
}

#company.common .inner .company-wrap .item .detail h3 a {
}

#company.common .inner .company-wrap .item .detail p {
    font-size: 0.8rem;
}

@media screen and (max-width: 960px) {
    #company.common {
    }

    #company.common .page-header {
    }

    #company.common .page-header .page-title {
    }

    #company.common .page-header .page-title h1 {
    }

    #company.common .page-header .page-title h1 span {
    }

    #company.common .inner {
    }

    #company.common .inner h2 {
    }

    #company.common .inner h3 {
    }

    #company.common .inner h4 {
    }

    #company.common .inner p {
    }

    #company.common .inner .company-wrap {
        margin: 0 0 50px;
    }

    #company.common .inner .company-wrap .item {
        width: calc(25% - 10px);
        margin: 0 5px 0px;
    }

    #company.common .inner .company-wrap .item .image {
    }

    #company.common .inner .company-wrap .item .image a {
    }

    #company.common .inner .company-wrap .item .image a img {
    }

    #company.common .inner .company-wrap .item .detail {
        padding: 0 10px 10px;
    }

    #company.common .inner .company-wrap .item .detail h3 {
    }

    #company.common .inner .company-wrap .item .detail h3 a {
    }

    #company.common .inner .company-wrap .item .detail p {
    }
}

@media screen and (max-width: 480px) {
    #company.common {
    }

    #company.common .page-header {
    }

    #company.common .page-header .page-title {
    }

    #company.common .page-header .page-title h1 {
    }

    #company.common .page-header .page-title h1 span {
    }

    #company.common .inner {
    }

    #company.common .inner h2 {
    }

    #company.common .inner h3 {
    }

    #company.common .inner h4 {
    }

    #company.common .inner p {
    }

    #company.common .inner .company-wrap {
    }

    #company.common .inner .company-wrap .item {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }

    #company.common .inner .company-wrap .item .image {
    }

    #company.common .inner .company-wrap .item .image a {
    }

    #company.common .inner .company-wrap .item .image a img {
    }

    #company.common .inner .company-wrap .item .detail {
        padding: 0 0 5px;
    }

    #company.common .inner .company-wrap .item .detail h3 {
        padding: 5px 0 0;
    }

    #company.common .inner .company-wrap .item .detail h3 a {
    }

    #company.common .inner .company-wrap .item .detail p {
    }
}

/*========== .message ==========*/
#company.message {
}

#company.message .page-header {
}

#company.message .page-header .page-title {
}

#company.message .page-header .page-title h1 {
}

#company.message .page-header .page-title h1 span {
}

#company.message .inner {
}

#company.message .inner .message-detail {
    margin: 0 0 50px;
    margin: 0 auto 50px;
}

#company.message .inner .message-detail .image {
    width: 20%;
    float: right;
    padding: 0 0 20px 20px;
}

#company.message .inner .message-detail .image img {
    width: 100%;
}

#company.message .inner .message-detail p {
}

#company.message .inner .message-detail ul {
    margin: 0 0 20px;
    padding: 0 0 0 2em;
}

#company.message .inner .message-detail ul li {
    margin: 0 0 5px;
    font-size: 1rem;
    list-style: decimal;
}

#company.message .inner .message-detail p.ceo-detail {
    text-align: right;
}

@media screen and (max-width: 960px) {
    #company.message {
    }

    #company.message .page-header {
    }

    #company.message .page-header .page-title {
    }

    #company.message .page-header .page-title h1 {
    }

    #company.message .page-header .page-title h1 span {
    }

    #company.message .inner {
    }

    #company.message .inner .message-detail {
    }

    #company.message .inner .message-detail .image {
    }

    #company.message .inner .message-detail .image img {
    }

    #company.message .inner .message-detail p {
    }

    #company.message .inner .message-detail ul {
    }

    #company.message .inner .message-detail ul li {
    }

    #company.message .inner .message-detail p.ceo-detail {
    }
}

@media screen and (max-width: 480px) {
    #company.message {
    }

    #company.message .page-header {
    }

    #company.message .page-header .page-title {
    }

    #company.message .page-header .page-title h1 {
    }

    #company.message .page-header .page-title h1 span {
    }

    #company.message .inner {
    }

    #company.message .inner .message-detail {
    }

    #company.message .inner .message-detail .image {
        width: 40%;
    }

    #company.message .inner .message-detail .image img {
    }

    #company.message .inner .message-detail p {
    }

    #company.message .inner .message-detail ul {
    }

    #company.message .inner .message-detail ul li {
    }

    #company.message .inner .message-detail p.ceo-detail {
    }
}

/*========== .philosophy ==========*/
#company.philosophy {
}

#company.philosophy .page-header {
}

#company.philosophy .page-header .page-title {
}

#company.philosophy .page-header .page-title h1 {
}

#company.philosophy .page-header .page-title h1 span {
}

#company.philosophy .inner {
}

#company.philosophy .inner .philosophy-detail {
}

#company.philosophy .inner .philosophy-detail h2 {
}

#company.philosophy .inner .philosophy-detail h3 {
}

#company.philosophy .inner .philosophy-detail dl {
    margin: 0 0 50px;
}

#company.philosophy .inner .philosophy-detail dl dt {
    color: #00818a;
    font-weight: bold;
    margin: 0 0 10px;
}

#company.philosophy .inner .philosophy-detail dl dd {
    margin: 0 0 20px;
    font-size: 1rem;
    line-height: 2;
}

@media screen and (max-width: 960px) {
    #company.philosophy {
    }

    #company.philosophy .page-header {
    }

    #company.philosophy .page-header .page-title {
    }

    #company.philosophy .page-header .page-title h1 {
    }

    #company.philosophy .page-header .page-title h1 span {
    }

    #company.philosophy .inner {
    }

    #company.philosophy .inner .philosophy-detail {
    }

    #company.philosophy .inner .philosophy-detail h2 {
    }

    #company.philosophy .inner .philosophy-detail h3 {
    }

    #company.philosophy .inner .philosophy-detail dl {
    }

    #company.philosophy .inner .philosophy-detail dl dt {
    }

    #company.philosophy .inner .philosophy-detail dl dd {
    }
}

@media screen and (max-width: 480px) {
    #company.philosophy {
    }

    #company.philosophy .page-header {
    }

    #company.philosophy .page-header .page-title {
    }

    #company.philosophy .page-header .page-title h1 {
    }

    #company.philosophy .page-header .page-title h1 span {
    }

    #company.philosophy .inner {
    }

    #company.philosophy .inner .philosophy-detail {
    }

    #company.philosophy .inner .philosophy-detail h2 {
    }

    #company.philosophy .inner .philosophy-detail h3 {
    }

    #company.philosophy .inner .philosophy-detail dl {
    }

    #company.philosophy .inner .philosophy-detail dl dt {
    }

    #company.philosophy .inner .philosophy-detail dl dd {
    }
}

/*========== .outline ==========*/
#company.outline {
}

#company.outline .page-header {
}

#company.outline .page-header .page-title {
}

#company.outline .page-header .page-title h1 {
}

#company.outline .page-header .page-title h1 span {
}

#company.outline .inner {
}

#company.outline .inner .reason-wrap {
    max-width: 960px;
    margin: 0 auto 50px;
}

#company.outline .inner .reason-wrap h2 {
}

#company.outline .inner .reason-wrap h3 {
    border-left: none;
    display: flex;
    align-items: center;
    color: #09194c;
}

#company.outline .inner .reason-wrap h3 i {
    background: #09194c;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    font-style: normal;
    margin: 0 10px 0 0;
}

#company.outline .inner .reason-wrap ul {
    padding: 0 0 0 50px;
    margin: 0 0 30px;
}

#company.outline .inner .reason-wrap ul li {
    margin: 0 0 5px;
    font-weight: bold;
}

#company.outline .inner .reason-wrap ul li small {
}

#company.outline .inner .reason-wrap ul li span {
    display: block;
    font-size: 1rem;
    padding: 0 0 0 1em;
    font-weight: normal;
}

#company.outline .inner .outline-detail {
    margin: 0 0 50px;
}

#company.outline .inner .outline-detail dl {
    display: flex;
    flex-wrap: wrap;
}

#company.outline .inner .outline-detail dl dt, #company.outline .inner .outline-detail dl dd {
    font-size: 1rem;
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
}

#company.outline .inner .outline-detail dl dt {
    width: 30%;
}

#company.outline .inner .outline-detail dl dt span.ja {
    display: block;
    margin: 0 0 5px;
}

#company.outline .inner .outline-detail dl dt span.en {
    display: block;
    color: #999;
    font-weight: normal;
    font-size: 0.8em;
}

#company.outline .inner .outline-detail dl dd {
    width: 70%;
}

#company.outline .inner .outline-detail dl dd span.ja {
    display: block;
    line-height: 1.5;
    margin: 0 0 5px;
}

#company.outline .inner .outline-detail dl dd span.en {
    display: block;
    color: #999;
    font-weight: normal;
    font-size: 0.8em;
}

@media screen and (max-width: 960px) {
    #company.outline {
    }

    #company.outline .page-header {
    }

    #company.outline .page-header .page-title {
    }

    #company.outline .page-header .page-title h1 {
    }

    #company.outline .page-header .page-title h1 span {
    }

    #company.outline .inner {
    }

    #company.outline .inner .reason-wrap {
    }

    #company.outline .inner .reason-wrap h2 {
    }

    #company.outline .inner .reason-wrap h3 {
    }

    #company.outline .inner .reason-wrap h3 i {
    }

    #company.outline .inner .reason-wrap ul {
    }

    #company.outline .inner .reason-wrap ul li {
    }

    #company.outline .inner .reason-wrap ul li small {
    }

    #company.outline .inner .reason-wrap ul li span {
    }

    #company.outline .inner .outline-detail {
    }

    #company.outline .inner .outline-detail dl {
    }

    #company.outline .inner .outline-detail dl dt {
    }

    #company.outline .inner .outline-detail dl dt span.ja {
    }

    #company.outline .inner .outline-detail dl dt span.en {
    }

    #company.outline .inner .outline-detail dl dd {
    }

    #company.outline .inner .outline-detail dl dd span.ja {
    }

    #company.outline .inner .outline-detail dl dd span.en {
    }
}

@media screen and (max-width: 480px) {
    #company.outline {
    }

    #company.outline .page-header {
    }

    #company.outline .page-header .page-title {
    }

    #company.outline .page-header .page-title h1 {
    }

    #company.outline .page-header .page-title h1 span {
    }

    #company.outline .inner {
    }

    #company.outline .inner .reason-wrap {
    }

    #company.outline .inner .reason-wrap h2 {
    }

    #company.outline .inner .reason-wrap h3 {
    }

    #company.outline .inner .reason-wrap h3 i {
    }

    #company.outline .inner .reason-wrap ul {
    }

    #company.outline .inner .reason-wrap ul li {
    }

    #company.outline .inner .reason-wrap ul li small {
    }

    #company.outline .inner .reason-wrap ul li span {
    }

    #company.outline .inner .outline-detail {
    }

    #company.outline .inner .outline-detail dl {
    }

    #company.outline .inner .outline-detail dl dt {
    }

    #company.outline .inner .outline-detail dl dt span.ja {
    }

    #company.outline .inner .outline-detail dl dt span.en {
    }

    #company.outline .inner .outline-detail dl dd {
    }

    #company.outline .inner .outline-detail dl dd span.ja {
    }

    #company.outline .inner .outline-detail dl dd span.en {
    }
}

/*========== .business ==========*/
#company.business {
}

#company.business .page-header {
}

#company.business .page-header .page-title {
}

#company.business .page-header .page-title h1 {
}

#company.business .page-header .page-title h1 span {
}

#company.business .inner {
}

#company.business .inner .business-detail {
}

#company.business .inner .business-detail .business-wrap {
    margin: 0 0 50px;
}

#company.business .inner .business-detail .business-wrap h2 {
    font-size: 1.75rem;
    display: block;
    padding: 0 0 0 10px;
    border-left: 8px solid #00818a;
    margin: 0 0 20px;
    text-align: left;
    text-shadow: none;
    color: #333;
}

#company.business .inner .business-detail .business-wrap h2 span.en {
    display: inline-block;
    font-size: 0.75em;
    padding: 0 0 0 10px;
    color: #d35400;
}

#company.business .inner .business-detail .business-wrap h3 {
    font-weight: normal;
}

#company.business .inner .business-detail .business-wrap h3 span.en {
    display: inline-block;
    font-size: 0.75em;
    padding: 0 0 0 10px;
    color: #d35400;
    text-shadow: none;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap h2 {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap h2 span.en {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map img {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table {
    margin: 0 0 40px;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr th {
    width: 20%;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address {
    position: relative;
    word-break: break-all;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map {
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map a {
    background: #27ae60;
    color: #fff;
    display: inline-block;
    font-style: normal;
    width: 5em;
    font-size: 0.8rem;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 5px 0;
    border-radius: 5px;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation {
    width: 20%;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span {
    display: block;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span i {
    display: inline-block;
    font-style: normal;
    background: #ccc;
    width: 5em;
    font-size: 0.8rem;
    text-align: center;
    margin: 0 10px 0 0;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.time i {
    background: #7f8c8d;
    color: #fff;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel {
}

#company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel i {
    background: #f39c12;
    color: #fff;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap h3 {
    padding: 0;
    border-left: none;
}

#company.business .inner .business-detail .business-wrap.domestic-wrap h3 span.en {
}

#company.business .inner .business-detail .business-wrap.oversea-wrap {
    display: flex;
    flex-wrap: wrap;
}

#company.business .inner .business-detail .business-wrap.oversea-wrap h2 {
    width: 100%;
}

#company.business .inner .business-detail .business-wrap.oversea-wrap h2 span.en {
}

#company.business .inner .business-detail .business-wrap.oversea-wrap h3 {
    padding: 0;
    border-left: none;
    width: calc(100% / 2);
    font-size: 1.2rem;
    margin: 0 0 10px;
}

#company.business .inner .business-detail .business-wrap.oversea-wrap h3 span.en {
}

#company.business .inner .business-detail .business-wrap.oversea-wrap h3 i {
}

#company.business .inner .business-detail .business-wrap.oversea-wrap p {
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 960px) {
    #company.business {
    }

    #company.business .page-header {
    }

    #company.business .page-header .page-title {
    }

    #company.business .page-header .page-title h1 {
    }

    #company.business .page-header .page-title h1 span {
    }

    #company.business .inner {
    }

    #company.business .inner .business-detail {
    }

    #company.business .inner .business-detail .business-wrap {
    }

    #company.business .inner .business-detail .business-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap h3 {
    }

    #company.business .inner .business-detail .business-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map img {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr th {
        width: 20%;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address {
        padding-bottom: 20px;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map {
        top: auto;
        bottom: 10px;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map a {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation {
        width: 30%;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.time {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.time i {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel i {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h3 {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 i {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap p {
    }
}

@media screen and (max-width: 480px) {
    #company.business {
    }

    #company.business .page-header {
    }

    #company.business .page-header .page-title {
    }

    #company.business .page-header .page-title h1 {
    }

    #company.business .page-header .page-title h1 span {
    }

    #company.business .inner {
    }

    #company.business .inner .business-detail {
    }

    #company.business .inner .business-detail .business-wrap {
    }

    #company.business .inner .business-detail .business-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap h3 {
    }

    #company.business .inner .business-detail .business-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap .japan-map img {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr th {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address {
        padding-bottom: 40px;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map {
        bottom: 10px;
        top: auto;
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.address span.map a {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.time {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.time i {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap table tbody tr td.infomation span.tel i {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h3 {
    }

    #company.business .inner .business-detail .business-wrap.domestic-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h2 {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h2 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 {
        width: 100%;
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 span.en {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap h3 i {
    }

    #company.business .inner .business-detail .business-wrap.oversea-wrap p {
        text-align: left;
    }
}

/*========== .network ==========*/
#company.network {
}

#company.network .page-header {
}

#company.network .page-header .page-title {
}

#company.network .page-header .page-title h1 {
}

#company.network .page-header .page-title h1 span {
}

#company.network .inner {
}

#company.network .inner h2 {
}

#company.network .inner h3 {
    font-weight: normal;
}

#company.network .inner p {
}

#company.network .inner h4 {
    text-align: center;
    color: #333;
    font-size: 1rem;
}

#company.network .inner .image {
    text-align: center;
    margin: 0 0 50px;
}

#company.network .inner .image img {
}

#company.network .inner .links {
    margin: 0 0 50px;
}

#company.network .inner .links h2 {
    text-align: left;
}

#company.network .inner .links h2 a {
}

#company.network .inner .links h3 {
    padding: 0;
    border-left: none;
    width: calc(100% / 2);
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 1.5rem;
    display: block;
    padding: 0 0 0 10px;
    border-left: 8px solid #00818a;
    margin: 0 0 20px;
}

#company.network .inner .links ul {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border: 1px solid #ccc;
    margin: 0 0 30px;
}

#company.network .inner .links ul li {
    width: calc(100% / 3);
    margin: 0 0 10px;
    font-size: 1rem;
}

#company.network .inner .links ul li a {
}

#company.network .inner .links h3 a {
}

@media screen and (max-width: 960px) {
    #company.network {
    }

    #company.network .page-header {
    }

    #company.network .page-header .page-title {
    }

    #company.network .page-header .page-title h1 {
    }

    #company.network .page-header .page-title h1 span {
    }

    #company.network .inner {
    }

    #company.network .inner h2 {
    }

    #company.network .inner h3 {
    }

    #company.network .inner p {
    }

    #company.network .inner h4 {
    }

    #company.network .inner .image {
    }

    #company.network .inner .image img {
    }

    #company.network .inner .links {
    }

    #company.network .inner .links h2 {
    }

    #company.network .inner .links h2 a {
    }

    #company.network .inner .links h3 {
        width: 100%;
    }

    #company.network .inner .links ul {
    }

    #company.network .inner .links ul li {
        width: 50%;
    }

    #company.network .inner .links ul li a {
    }

    #company.network .inner .links h3 a {
    }
}

@media screen and (max-width: 480px) {
    #company.network {
    }

    #company.network .page-header {
    }

    #company.network .page-header .page-title {
    }

    #company.network .page-header .page-title h1 {
    }

    #company.network .page-header .page-title h1 span {
    }

    #company.network .inner {
    }

    #company.network .inner h2 {
    }

    #company.network .inner h3 {
    }

    #company.network .inner p {
    }

    #company.network .inner h4 {
    }

    #company.network .inner .image {
    }

    #company.network .inner .image img {
    }

    #company.network .inner .links {
    }

    #company.network .inner .links h2 {
    }

    #company.network .inner .links h2 a {
    }

    #company.network .inner .links h3 {
        font-size: 1.2rem;
    }

    #company.network .inner .links ul {
    }

    #company.network .inner .links ul li {
    }

    #company.network .inner .links ul li a {
    }

    #company.network .inner .links h3 a {
    }
}

/*========== .comeback ==========*/
#company.comeback .inner .comeback-detail {
    margin-bottom: 3rem;
}

#company.comeback .inner .comeback-detail table {
    width: auto;
}

#company.comeback .inner .comeback-detail table tr th {
    padding: 0.75rem 1rem;
    white-space: nowrap;
    background: #fef9f0;

}

#company.comeback .inner .company-wrap {
    padding-top: 3rem;
}

#company.comeback a {
	color: #0033cc;
}

#company.comeback a:hover,
#company.comeback a:active {
	color: #fe0000;
}

/*========== .healthcare ==========*/
#company.healthcare .inner .healthcare-detail {
    margin-bottom: 4rem;
}

#company.healthcare .inner .healthcare-detail .title {
    color: #00818a;
    font-weight: bold;
    font-size: 1.2rem;
}

.declaration_box {
    padding: 2rem 2rem 0;
    background: #fef9f0;
    border: 3px solid #e8c47c;
}

.declaration_ttl {
    text-align: center;
    font-weight: bold !important;
}

.declaration_info {
    text-align: right;
}

.color_box_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.color_box {
    width: 31%;
    padding: 1rem;
}

.color_box_ttl {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem !important;
}

.color_box_1 {
    background: #fffff2;
    border: 3px solid #c1aa4f;
}

.color_box_2 {
    background: #fff6f6;
    border: 3px solid #ff7575;
}

.color_box_3 {
    background: #f0fbff;
    border: 3px solid #38add7;
}

.color_box_1_ttl {
    color: #c1aa4f;
}

.color_box_2_ttl {
    color: #ff7575;
}

.color_box_3_ttl {
    color: #38add7;
}

.color_box_item {
    font-size: 1rem;
    line-height: 1.8;
    text-indent: -1rem;
    padding-left: 1rem;
}

/*============================
#recruit
============================*/
#recruit {
}

#recruit .page-header {
}

#recruit .page-header .page-title {
}

#recruit .page-header .page-title h1 {
}

#recruit .page-header .page-title h1 span {
}

#recruit .inner {
}

#recruit .inner h2 {
}

#recruit .inner ul.anchor {
    justify-content: center;
    margin-bottom: 10px;
}

#recruit .inner ul.anchor li {
    margin: 0 20px;
}

#recruit .inner ul.anchor li a {
    padding: 5px 40px;
}

#recruit .inner ul.anchor li a span {
}

#recruit .inner .recruit-detail {
    font-size: 1.0rem;
    _padding-top: 30px;
    _margin-bottom: 30px;
    padding-top: 80px;
    margin-top: -30px;
}

#recruit .inner .recruit-detail h3 {
}

#recruit .inner .recruit-detail h4 {
    font-size: 1.2rem;
    color: #00818a;
    font-weight: bold;
    margin: 0;
}

#recruit .inner .recruit-detail h5 {
    display: inline;
    font-weight: normal;
}

#recruit .inner .recruit-detail p {
}

#recruit .inner .recruit-detail table {
    width: auto;
    margin-bottom: 30px;
}

#recruit .inner .recruit-detail table tr {
}

#recruit .inner .recruit-detail table tr th {
    padding: 5px 15px;
    white-space: nowrap;
}

#recruit .inner .recruit-detail table tr td {
}

#recruit .inner .recruit-detail .no-item {
    text-align: center;
    padding: 40px 0;
}

#recruit .inner .recruit-detail .no-item p {
    font-size: 1.5rem;
}

@media screen and (max-width: 960px) {
    #recruit {
    }

    #recruit .page-header {
    }

    #recruit .page-header .page-title {
    }

    #recruit .page-header .page-title h1 {
    }

    #recruit .page-header .page-title h1 span {
    }

    #recruit .inner {
    }

    #recruit .inner h2 {
    }

    #recruit .inner ul.anchor {
    }

    #recruit .inner ul.anchor li {
    }

    #recruit .inner ul.anchor li a {
    }

    #recruit .inner ul.anchor li a span {
    }

    #recruit .inner .recruit-detail {
    }

    #recruit .inner .recruit-detail h3 {
    }

    #recruit .inner .recruit-detail p {
    }

    #recruit .inner .recruit-detail table {
    }

    #recruit .inner .recruit-detail table tr {
    }

    #recruit .inner .recruit-detail table tr th {
    }

    #recruit .inner .recruit-detail table tr td {
    }
}

@media screen and (max-width: 480px) {
    #recruit {
    }

    #recruit .page-header {
    }

    #recruit .page-header .page-title {
    }

    #recruit .page-header .page-title h1 {
    }

    #recruit .page-header .page-title h1 span {
    }

    #recruit .inner {
    }

    #recruit .inner h2 {
    }

    #recruit .inner ul.anchor {
    }

    #recruit .inner ul.anchor li {
    }

    #recruit .inner ul.anchor li a {
    }

    #recruit .inner ul.anchor li a span {
    }

    #recruit .inner .recruit-detail {
    }

    #recruit .inner .recruit-detail h3 {
    }

    #recruit .inner .recruit-detail p {
    }

    #recruit .inner .recruit-detail table {
    }

    #recruit .inner .recruit-detail table tr {
    }

    #recruit .inner .recruit-detail table tr th {
    }

    #recruit .inner .recruit-detail table tr td {
    }
}

/*============================
#privacy
============================*/
#privacy {
}

#privacy .page-header {
}

#privacy .page-header .page-title {
}

#privacy .page-header .page-title h1 {
}

#privacy .page-header .page-title h1 span {
}

#privacy .inner {
}

#privacy .inner .privacy-detail {
    margin: 0 0 50px;
}

#privacy .inner .privacy-detail h2 {
}

#privacy .inner .privacy-detail p {
}

#privacy .inner .privacy-detail ol {
    padding: 0 1em;
    margin: 0 0 20px;
}

#privacy .inner .privacy-detail ol li {
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 0 10px;
}

#privacy .inner .privacy-detail p.infomation {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px 20px;
    width: fit-content;
}

#privacy .inner .privacy-detail p.right {
    text-align: right;
}

#privacy .inner .privacy-detail dl {
}

#privacy .inner .privacy-detail dl dt {
    font-size: 1.2rem;
    margin: 0 0 10px;
}

#privacy .inner .privacy-detail dl dd {
    font-size: 1rem;
    margin: 0 0 10px;
    padding: 0 1em;
    line-height: 1.7;
}

#privacy .inner .privacy-detail dl dd ol {
}

#privacy .inner .privacy-detail dl dd ol li {
}

#privacy .inner .privacy-detail dl dd a.pdf {
}

#privacy .inner .privacy-detail dl dd .p-mark {
    overflow: hidden;
    height: auto;
    margin: 50px 0 0;
}

#privacy .inner .privacy-detail dl dd .p-mark img {
    float: left;
}

#privacy .inner .privacy-detail dl dd .p-mark p {
}

@media screen and (max-width: 960px) {
    #privacy {
    }

    #privacy .page-header {
    }

    #privacy .page-header .page-title {
    }

    #privacy .page-header .page-title h1 {
    }

    #privacy .page-header .page-title h1 span {
    }

    #privacy .inner {
    }

    #privacy .inner .privacy-detail {
    }

    #privacy .inner .privacy-detail h2 {
    }

    #privacy .inner .privacy-detail p {
    }

    #privacy .inner .privacy-detail ol {
    }

    #privacy .inner .privacy-detail ol li {
    }

    #privacy .inner .privacy-detail p.infomation {
    }

    #privacy .inner .privacy-detail p.right {
    }

    #privacy .inner .privacy-detail dl {
    }

    #privacy .inner .privacy-detail dl dt {
    }

    #privacy .inner .privacy-detail dl dd {
    }

    #privacy .inner .privacy-detail dl dd ol {
    }

    #privacy .inner .privacy-detail dl dd ol li {
    }

    #privacy .inner .privacy-detail dl dd a.pdf {
    }

    #privacy .inner .privacy-detail dl dd .p-mark {
    }

    #privacy .inner .privacy-detail dl dd .p-mark img {
    }

    #privacy .inner .privacy-detail dl dd .p-mark p {
    }
}

@media screen and (max-width: 480px) {
    #privacy {
    }

    #privacy .page-header {
    }

    #privacy .page-header .page-title {
    }

    #privacy .page-header .page-title h1 {
    }

    #privacy .page-header .page-title h1 span {
    }

    #privacy .inner {
    }

    #privacy .inner .privacy-detail {
    }

    #privacy .inner .privacy-detail h2 {
    }

    #privacy .inner .privacy-detail p {
    }

    #privacy .inner .privacy-detail ol {
    }

    #privacy .inner .privacy-detail ol li {
    }

    #privacy .inner .privacy-detail p.infomation {
    }

    #privacy .inner .privacy-detail p.right {
    }

    #privacy .inner .privacy-detail dl {
    }

    #privacy .inner .privacy-detail dl dt {
    }

    #privacy .inner .privacy-detail dl dd {
    }

    #privacy .inner .privacy-detail dl dd ol {
    }

    #privacy .inner .privacy-detail dl dd ol li {
    }

    #privacy .inner .privacy-detail dl dd a.pdf {
    }

    #privacy .inner .privacy-detail dl dd .p-mark {
    }

    #privacy .inner .privacy-detail dl dd .p-mark img {
    }

    #privacy .inner .privacy-detail dl dd .p-mark p {
    }
}

/*============================
#security
============================*/
#security {
}

#security .page-header {
}

#security .page-header .page-title {
}

#security .page-header .page-title h1 {
}

#security .page-header .page-title h1 span {
}

#security .inner {
}

#security .inner .security-detail {
    margin: 0 0 50px;
}

#security .inner .security-detail h2 {
}

#security .inner .security-detail p {
}

#security .inner .security-detail dl {
}

#security .inner .security-detail dl dt {
    font-size: 1.2rem;
    color: #00818a;
    font-weight: normal;
    margin: 0 0 20px;
}

#security .inner .security-detail dl dd {
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 20px;
}

#security .inner .security-detail dl dd a {
}

#security .inner .security-detail p.right {
    text-align: right;
}

@media screen and (max-width: 960px) {
    #security {
    }

    #security .page-header {
    }

    #security .page-header .page-title {
    }

    #security .page-header .page-title h1 {
    }

    #security .page-header .page-title h1 span {
    }

    #security .inner {
    }

    #security .inner .security-detail {
    }

    #security .inner .security-detail h2 {
    }

    #security .inner .security-detail p {
    }

    #security .inner .security-detail dl {
    }

    #security .inner .security-detail dl dt {
    }

    #security .inner .security-detail dl dd {
    }

    #security .inner .security-detail dl dd a {
    }

    #security .inner .security-detail p.right {
    }
}

@media screen and (max-width: 480px) {
    #security {
    }

    #security .page-header {
    }

    #security .page-header .page-title {
    }

    #security .page-header .page-title h1 {
    }

    #security .page-header .page-title h1 span {
    }

    #security .inner {
    }

    #security .inner .security-detail {
    }

    #security .inner .security-detail h2 {
    }

    #security .inner .security-detail p {
    }

    #security .inner .security-detail dl {
    }

    #security .inner .security-detail dl dt {
    }

    #security .inner .security-detail dl dd {
    }

    #security .inner .security-detail dl dd a {
    }

    #security .inner .security-detail p.right {
    }
}

/*============================
#kanyu
============================*/
#kanyu {
}

#kanyu .page-header {
}

#kanyu .page-header .page-title {
}

#kanyu .page-header .page-title h1 {
}

#kanyu .page-header .page-title h1 span {
}

#kanyu .inner {
}

#kanyu .inner h2 {
}

#kanyu .inner .kanyu-detail {
}

#kanyu .inner .kanyu-detail h3 {
}

#kanyu .inner .kanyu-detail h4 {
    font-weight: bold;
    margin: 0 0 10px;
}

#kanyu .inner .kanyu-detail ul {
    margin: 0 0 40px;
}

#kanyu .inner .kanyu-detail ul li {
    font-size: 1rem;
    line-height: 1.8;
}

#kanyu .inner .kanyu-detail p {
}

#kanyu .inner .kanyu-detail p a {
}

#kanyu .inner .kanyu-detail h2 {
}

@media screen and (max-width: 960px) {
    #kanyu {
    }

    #kanyu .page-header {
    }

    #kanyu .page-header .page-title {
    }

    #kanyu .page-header .page-title h1 {
    }

    #kanyu .page-header .page-title h1 span {
    }

    #kanyu .inner {
    }

    #kanyu .inner h2 {
    }

    #kanyu .inner .kanyu-detail {
    }

    #kanyu .inner .kanyu-detail h3 {
    }

    #kanyu .inner .kanyu-detail h4 {
    }

    #kanyu .inner .kanyu-detail ul {
    }

    #kanyu .inner .kanyu-detail ul li {
    }

    #kanyu .inner .kanyu-detail p {
    }

    #kanyu .inner .kanyu-detail p a {
    }

    #kanyu .inner .kanyu-detail h2 {
    }
}

@media screen and (max-width: 480px) {
    #kanyu {
    }

    #kanyu .page-header {
    }

    #kanyu .page-header .page-title {
    }

    #kanyu .page-header .page-title h1 {
    }

    #kanyu .page-header .page-title h1 span {
    }

    #kanyu .inner {
    }

    #kanyu .inner h2 {
    }

    #kanyu .inner .kanyu-detail {
    }

    #kanyu .inner .kanyu-detail h3 {
    }

    #kanyu .inner .kanyu-detail h4 {
    }

    #kanyu .inner .kanyu-detail ul {
    }

    #kanyu .inner .kanyu-detail ul li {
    }

    #kanyu .inner .kanyu-detail p {
    }

    #kanyu .inner .kanyu-detail p a {
    }

    #kanyu .inner .kanyu-detail h2 {
    }
}

/*============================
#yakkan
============================*/
#yakkan {
}

#yakkan .page-header {
}

#yakkan .page-header .page-title {
}

#yakkan .page-header .page-title h1 {
}

#yakkan .page-header .page-title h1 span {
}

#yakkan .inner {
}

#yakkan .inner .yakkan-detail {
    margin: 0 0 50px;
}

#yakkan .inner .yakkan-detail h2 {
}

#yakkan .inner .yakkan-detail p {
}

#yakkan .inner .yakkan-detail table {
}

#yakkan .inner .yakkan-detail table tbody {
}

#yakkan .inner .yakkan-detail table tbody tr {
}

#yakkan .inner .yakkan-detail table tbody tr th {
}

#yakkan .inner .yakkan-detail table tbody tr td {
}

#yakkan .inner .yakkan-detail ul {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 2em;
}

#yakkan .inner .yakkan-detail ul li {
    width: 50%;
    margin: 0 0 10px;
    list-style: outside;
}

#yakkan .inner .yakkan-detail ul li a.pdf {
}

#yakkan .inner .yakkan-detail ul li a {
}

@media screen and (max-width: 960px) {
    #yakkan {
    }

    #yakkan .page-header {
    }

    #yakkan .page-header .page-title {
    }

    #yakkan .page-header .page-title h1 {
    }

    #yakkan .page-header .page-title h1 span {
    }

    #yakkan .inner {
    }

    #yakkan .inner .yakkan-detail {
    }

    #yakkan .inner .yakkan-detail h2 {
    }

    #yakkan .inner .yakkan-detail p {
    }

    #yakkan .inner .yakkan-detail table {
    }

    #yakkan .inner .yakkan-detail table tbody {
    }

    #yakkan .inner .yakkan-detail table tbody tr {
    }

    #yakkan .inner .yakkan-detail table tbody tr th {
    }

    #yakkan .inner .yakkan-detail table tbody tr td {
    }

    #yakkan .inner .yakkan-detail ul {
    }

    #yakkan .inner .yakkan-detail ul li {
    }

    #yakkan .inner .yakkan-detail ul li a.pdf {
    }

    #yakkan .inner .yakkan-detail ul li a {
    }
}

@media screen and (max-width: 480px) {
    #yakkan {
    }

    #yakkan .page-header {
    }

    #yakkan .page-header .page-title {
    }

    #yakkan .page-header .page-title h1 {
    }

    #yakkan .page-header .page-title h1 span {
    }

    #yakkan .inner {
    }

    #yakkan .inner .yakkan-detail {
    }

    #yakkan .inner .yakkan-detail h2 {
    }

    #yakkan .inner .yakkan-detail p {
    }

    #yakkan .inner .yakkan-detail table {
    }

    #yakkan .inner .yakkan-detail table tbody {
    }

    #yakkan .inner .yakkan-detail table tbody tr {
    }

    #yakkan .inner .yakkan-detail table tbody tr th {
    }

    #yakkan .inner .yakkan-detail table tbody tr td {
    }

    #yakkan .inner .yakkan-detail ul {
    }

    #yakkan .inner .yakkan-detail ul li {
        width: 100%;
    }

    #yakkan .inner .yakkan-detail ul li a.pdf {
    }

    #yakkan .inner .yakkan-detail ul li a {
    }
}

/*============================
#category
============================*/
#category {
    margin: 0 0 50px;
}

#category .page-header {
}

#category .page-header .page-title {
}

#category .page-header .page-title h1 {
}

#category .page-header .page-title h1 span {
    top: 0;
}

#category .inner {
}

#category .inner dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 30px;
    justify-content: center;
    max-width: 1000px;
}

#category .inner dl dt {
    width: 120px;
    margin: 0 0 15px;
}

#category .inner dl dt time {
    display: block;
    font-size: 0.9rem;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
}

#category .inner dl dd {
    width: calc(100% - 150px);
    font-size: 1.1rem;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
    display: flex;
    align-items: flex-end;
    text-align: left;
}

#category .inner dl dd a {
    color: #333;
}

#category .inner dl dt span.category {
    display: block;
    background: #ccc;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    padding: 3px 0;
}

#category .inner dl dt span.category.fiorge-category {
    display: block;
    background: #f9ecf2;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    color: #817787;
    padding: 3px 0;
}

#category .inner dl dt span.news {
    background: rgba(9, 25, 79, 1);
}

#category .inner dl dt span.immigration {
    background: #E89999;
}

#category .inner dl dt span.airline {
    background: rgba(150, 206, 180, 1);
}

#category .inner dl dt span.visa {
    background: #a8c5ff;
}

#category .inner dl dt span.airlines {
    background: rgba(150, 206, 180, 1);
}

#category .inner dl dt span.experience {
    background: rgba(217, 83, 79, 1);
}

#category .inner .wp-pagenavi {
    display: flex;
    justify-content: center;
}

#category .inner .wp-pagenavi span, #category .inner .wp-pagenavi a {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 5px;
    border: 1px solid #333;
    color: #333;
    border-radius: 5px;
}

#category .inner .wp-pagenavi span {
}

#category .inner .wp-pagenavi span.extend {
    display: none;
}

#category .inner .wp-pagenavi a {
}

#category .inner .wp-pagenavi a:hover {
    background: #00818a;
    color: #fff;
    border: 1px solid #00818a;
}

#category .inner .wp-pagenavi span.current {
    background: #333;
    color: #fff;
}

@media screen and (max-width: 960px) {
    #category {
    }

    #category .page-header {
    }

    #category .page-header .page-title {
    }

    #category .page-header .page-title h1 {
    }

    #category .page-header .page-title h1 span {
    }

    #category .inner {
    }

    #category .inner dl {
    }

    #category .inner dl dt {
    }

    #category .inner dl dt time {
    }

    #category .inner dl dt span.category {
    }

    #category .inner dl dd {
    }

    #category .inner dl dd a {
    }

    #category .inner .wp-pagenavi {
    }

    #category .inner .wp-pagenavi span.pages {
    }

    #category .inner .wp-pagenavi span.current {
    }
}

@media screen and (max-width: 480px) {
    #category {
    }

    #category .page-header {
    }

    #category .page-header .page-title {
    }

    #category .page-header .page-title h1 {
    }

    #category .page-header .page-title h1 span {
    }

    #category .inner {
    }

    #category .inner dl {
        display: block;
        padding: 0 10px;
    }

    #category .inner dl dt {
        width: 100%;
        text-align: left;
        margin: 0 0 5px;
        display: flex;
        align-items: center;
    }

    #category .inner dl dt time {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
    }

    #category .inner dl dt span.category {
        display: inline-block;
        padding: 2px 5px;
    }

    #category .inner dl dd {
        width: 100%;
        padding: 0;
    }

    #category .inner dl dd a {
    }

    #category .inner .wp-pagenavi {
    }

    #category .inner .wp-pagenavi span, #category .inner .wp-pagenavi a {
        padding: 2px 6px;
    }

    #category .inner .wp-pagenavi span.pages {
    }

    #category .inner .wp-pagenavi span.current {
    }
}

/* common */
#category.common {
}

#category.common .inner {
}

#category.common .inner .contents-wrap {
    display: flex;
    flex-wrap: wrap;
}

#category.common .inner .contents-wrap .menu {
    width: 220px;
    height: 100%;
    position: sticky;
    top: 100px;
}

#category.common .inner .contents-wrap .menu .menu-inner {
}

#category.common .inner .contents-wrap .menu .menu-inner h3 {
    padding: 0;
    border-left: none;
    border-bottom: 1px solid #09194c;
    display: inline-block;
    padding: 0 10px;
    color: #ffffff;
    letter-spacing: 4px;
    text-shadow: 1px 1px 1px #999999, -1px 1px 1px #999999, 1px -1px 1px #999999, -1px -1px 1px #999999, 1px 0px 1px #999999, 0px 1px 1px #999999, -1px 0px 1px #999999, 0px -1px 1px #999999;
}

#category.common .inner .contents-wrap .menu .menu-inner ul {
    padding: 0 0 0 1em;
}

#category.common .inner .contents-wrap .menu .menu-inner ul li {
    margin: 0 0 10px;
}

#category.common .inner .contents-wrap .menu .menu-inner ul li a {
    color: #333;
    display: block;
    cursor: pointer;
    letter-spacing: 0;
}

#category.common .inner .contents-wrap .contents {
    width: calc(100% - 220px);
    padding: 0 0 0 20px;
}

@media screen and (max-width: 960px) {
    #category.common {
    }

    #category.common .inner {
    }

    #category.common .inner .contents-wrap {
    }

    #category.common .inner .contents-wrap .menu {
        order: 2;
        width: 100%;
    }

    #category.common .inner .contents-wrap .menu .menu-inner {
    }

    #category.common .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul {
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul li {
        display: inline-block;
        width: calc(100% / 5);
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #category.common .inner .contents-wrap .contents {
        padding: 0;
        width: 100%;
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 480px) {
    #category.common {
    }

    #category.common .inner {
    }

    #category.common .inner .contents-wrap {
    }

    #category.common .inner .contents-wrap .menu {
        width: 100%;
        order: 2;
    }

    #category.common .inner .contents-wrap .menu .menu-inner {
    }

    #category.common .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.common .inner .contents-wrap .menu .menu-inner h4 {
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul {
        margin: 0 0 10px;
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul li {
        margin: 0 0 4px 0px;
        width: calc(100% / 3 - 10px);
    }

    #category.common .inner .contents-wrap .menu .menu-inner ul li a {
    }
}

/* airlines */
#category.airlines {
}

#category.airlines .inner {
}

#category.airlines .inner .contents-wrap {
}

#category.airlines .inner .contents-wrap .menu {
}

#category.airlines .inner .contents-wrap .menu .menu-inner {
}

#category.airlines .inner .contents-wrap .menu .menu-inner h3 {
}

#category.airlines .inner .contents-wrap .menu .menu-inner ul {
}

#category.airlines .inner .contents-wrap .menu .menu-inner ul li {
}

#category.airlines .inner .contents-wrap .menu .menu-inner ul li a {
    font-size: 0.9rem;
}

#category.airlines .inner .contents-wrap .menu .menu-inner ul li a span {
    font-size: 0.85rem;
    letter-spacing: -0.2em;
}

#category.airlines .inner .contents-wrap .contents {
}

@media screen and (max-width: 960px) {
    #category.airlines {
    }

    #category.airlines .inner {
    }

    #category.airlines .inner .contents-wrap {
    }

    #category.airlines .inner .contents-wrap .menu {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul li {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #category.airlines .inner .contents-wrap .contents {
    }
}

@media screen and (max-width: 480px) {
    #category.airlines {
    }

    #category.airlines .inner {
    }

    #category.airlines .inner .contents-wrap {
    }

    #category.airlines .inner .contents-wrap .menu {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul li {
    }

    #category.airlines .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #category.airlines .inner .contents-wrap .contents {
    }
}

/* visa */
#category.visa {
}

#category.visa .inner {
}

#category.visa .inner .contents-wrap {
}

#category.visa .inner .contents-wrap .menu {
}

#category.visa .inner .contents-wrap .menu .menu-inner {
}

#category.visa .inner .contents-wrap .menu .menu-inner h3 {
}

#category.visa .inner .contents-wrap .menu .menu-inner h4 {
    display: flex;
    justify-content: space-between;
}

#category.visa .inner .contents-wrap .menu .menu-inner h4 i {
    font-style: normal;
    position: relative;
    cursor: pointer;
}

#category.visa .inner .contents-wrap .menu .menu-inner h4 i::before {
    content: "";
    width: 14px;
    height: 12px;
    display: block;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    background-image: url(../img/triangle2.png);
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}

#category.visa .inner .contents-wrap .menu .menu-inner h4.open i::before {
    background-image: url(../img/triangle1.png);
}

#category.visa .inner .contents-wrap .menu .menu-inner ul {
    display: none;
}

#category.visa .inner .contents-wrap .menu .menu-inner ul li {
}

#category.visa .inner .contents-wrap .menu .menu-inner ul li a {
}

#category.visa .inner .contents-wrap .contents {
}

#category.visa .inner .contents-wrap .contents .return {
    margin: 0 0;
    text-align: center;
}

#category.visa .inner .contents-wrap .contents .return ul {
    background: no-repeat;
    text-align: center;
    padding: 0;
}

#category.visa .inner .contents-wrap .contents .return ul li {
    display: none;
}

#category.visa .inner .contents-wrap .contents .return ul li:last-child {
    display: block;
}

#category.visa .inner .contents-wrap .contents .return ul li a {
    text-align: center;
    display: block;
}

#category.visa .inner .contents-wrap .contents .return ul li a span {
    display: inline-block;
    background: #f3eded;
    color: #000;
    padding: 14px 30px;
    box-shadow: 0 3px 0px #666;
    position: relative;
    top: 0px;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 0.15em;
    transition: all 0.25s;
    font-size: 0.8rem;
}

#category.visa .inner .contents-wrap .contents .return ul li a:hover {
    opacity: 1;
}

#category.visa .inner .contents-wrap .contents .return ul li a:hover span {
    color: #000;
    opacity: 1;
    box-shadow: 0 0 0px #666;
    position: relative;
    top: 3px;
}

@media screen and (max-width: 960px) {
    #category.visa {
    }

    #category.visa .inner {
    }

    #category.visa .inner .contents-wrap {
    }

    #category.visa .inner .contents-wrap .menu {
        padding: 0 40px;
    }

    #category.visa .inner .contents-wrap .menu .menu-inner {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner h4 {
        margin: 0 0 10px;
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul li {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #category.visa .inner .contents-wrap .contents {
    }
}

@media screen and (max-width: 480px) {
    #category.visa {
    }

    #category.visa .inner {
    }

    #category.visa .inner .contents-wrap {
    }

    #category.visa .inner .contents-wrap .menu {
        padding: 0;
    }

    #category.visa .inner .contents-wrap .menu .menu-inner {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner h3 {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner h4 {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul li {
    }

    #category.visa .inner .contents-wrap .menu .menu-inner ul li a {
    }

    #category.visa .inner .contents-wrap .contents {
    }
}

/*============================
#single
============================*/
#single {
}

#single .page-header {
}

#single .page-header .page-title {
}

#single .page-header .page-title p {
    font-size: 4.5rem;
    font-weight: bold;
}

#single .page-header .page-title p span {
}

#single .page-header.fiorge-header .page-title p span {
    text-shadow: 1px 1px 0px #d0cece, -1px 1px 0px #d0cece, 1px -1px 0px #d0cece, -1px -1px 0px #d0cece, 1px 0px 0px #d0cece, 0px 1px 0px #d0cece, -1px 0px 0px #d0cece, 0px -1px 0px #d0cece !important;
}

#single .inner {
    padding: 0px 10px 100px;
    max-width: 960px;
}

#single .inner .single-title {
    margin: 0 0 10px;
}

#single .inner .single-title h1 {
    font-size: 1.8rem;
    margin: 0 0 10px;
}

#single .inner .single-title time {
    font-size: 1rem;
    color: #666;
}

#single .inner .single-title span {
}

#single .inner .disclaimer {
    margin: 0 0 30px;
}

#single .inner .disclaimer p {
    font-size: 12px;
}

#single .inner h2 {
    font-size: 1.5rem;
    text-align: left;
    padding: 0 0 0 10px;
    border-left: 8px solid #00818a;
    color: #000;
    text-shadow: none;
}

#single .inner h3 {
    font-size: 1.3rem;
    text-align: left;
    border-left: none;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 0px 10px;
}

#single .inner h4 {
    font-size: 1.1rem;
    text-align: left;
    font-weight: bold;
}

#single .inner p {
    font-size: 1rem;
    line-height: 2;
    margin: 0 0 20px;
}

#single .inner ul, #single .inner ol {
    margin: 0 0 20px;
    background: #f7f7f7;
    display: inline-block;
    padding: 20px 20px;
}

#single .inner ul li, #single .inner ol li {
    font-size: 1rem;
    margin: 0 0 5px;
    line-height: 1.5;
    display: flex;
}

#single .inner p a {
}

#single .inner figure {
}

#single .inner figure img {
}

#single .inner figure figcaption {
    font-size: 0.8rem;
    text-align: right;
    padding: 5px 0 0;
}

#single .inner table {
}

#single .inner table tr {
}

#single .inner table tr th, #single .inner table tr td {
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
}

#single .inner table tr th {
}

#single .inner table tr td {
}

#single .inner .return {
    margin: 0 0;
    text-align: center;
}

#single .inner .return ul {
    background: no-repeat;
    text-align: center;
    padding: 0;
}

#single .inner .return ul li {
    display: none;
}

#single .inner .return ul li:last-child {
    display: block;
}

#single .inner .return ul li a {
    text-align: center;
    display: block;
}

#single .inner .return ul li a span {
    display: inline-block;
    background: #f3eded;
    color: #000;
    padding: 14px 30px;
    box-shadow: 0 3px 0px #666;
    position: relative;
    top: 0px;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 0.15em;
    transition: all 0.25s;
    font-size: 0.8rem;
}

#single .inner .return ul li a:hover {
    opacity: 1;
}

#single .inner .return ul li a:hover span {
    color: #000;
    opacity: 1;
    box-shadow: 0 0 0px #666;
    position: relative;
    top: 3px;
}

@media screen and (max-width: 960px) {
    #single {
    }

    #single .page-header {
    }

    #single .page-header .page-title {
    }

    #single .page-header .page-title p {
    }

    #single .page-header .page-title p span {
    }

    #single .inner {
    }

    #single .inner .single-title {
    }

    #single .inner .single-title h1 {
    }

    #single .inner .single-title time {
    }

    #single .inner .single-title span {
    }

    #single .inner .disclaimer {
    }

    #single .inner .disclaimer p {
        /* word-break: keep-all; */
        ; }

    #single .inner h2 {
    }

    #single .inner h3 {
    }

    #single .inner h4 {
    }

    #single .inner p {
    }

    #single .inner p a {
    }

    #single .inner ul, #single .inner ol {
    }

    #single .inner ul li, #single .inner ol li {
    }

    #single .inner figure {
    }

    #single .inner figure img {
    }

    #single .inner figure figcaption {
    }

    #single .inner table {
    }

    #single .inner table tr {
    }

    #single .inner table tr th, #single .inner table tr td {
    }

    #single .inner table tr th {
    }

    #single .inner table tr td {
    }
}

@media screen and (max-width: 480px) {
    #single {
    }

    #single .page-header {
    }

    #single .page-header .page-title {
    }

    #single .page-header .page-title p {
        font-size: 1.5rem;
    }

    #single .page-header .page-title p span {
    }

    #single .inner {
    }

    #single .inner .single-title {
        margin: 0 0 30px;
    }

    #single .inner .single-title h1 {
        font-size: 1.5rem;
    }

    #single .inner .single-title time {
        font-size: 0.9rem;
    }

    #single .inner .single-title span {
    }

    #single .inner .disclaimer {
    }

    #single .inner .disclaimer p {
    }

    #single .inner h2 {
        font-size: 1.2rem;
        margin: 0 0 20px;
    }

    #single .inner h3 {
    }

    #single .inner h4 {
        line-height: 1.5;
        font-size: 1rem;
    }

    #single .inner p {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    #single .inner p a {
    }

    #single .inner ul, #single .inner ol {
    }

    #single .inner ul li, #single .inner ol li {
    }

    #single .inner figure {
    }

    #single .inner figure img {
    }

    #single .inner figure figcaption {
    }

    #single .inner table {
    }

    #single .inner table tr {
    }

    #single .inner table tr th, #single .inner table tr td {
    }

    #single .inner table tr th {
    }

    #single .inner table tr td {
    }
}

/*============================
#service
============================*/
/* hbt */
#service.hbtnavi {
}

#service.hbtnavi .page-header {
    background: none;
    border-top: 20px solid #3b5f9b;
    border-bottom: 20px solid #3b5f9b;
    height: auto;
}

#service.hbtnavi .page-header .page-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 30px 0;
    align-items: center;
    justify-content: center;
}

#service.hbtnavi .page-header .page-header-inner .page-title {
}

#service.hbtnavi .page-header .page-header-inner .page-title h1 {
}

#service.hbtnavi .page-header .page-header-inner .page-title h1 span {
    text-shadow: none;
    color: #333;
    border-bottom: 1px solid #333;
    display: block;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

#service.hbtnavi .page-header .page-header-inner .page-title h1 span small {
    display: block;
}

#service.hbtnavi .page-header .page-header-inner .page-title p {
    color: #333;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
}

#service.hbtnavi .page-header .page-header-inner .page-title p span.yellow {
    background: #f2ff59;
    display: inline-block;
}

#service.hbtnavi .page-header .page-header-inner .page-title p span.pink {
    background: #ff8d8d;
    display: inline-block;
}

#service.hbtnavi .page-header .page-header-inner .page-image {
    width: 40%;
}

#service.hbtnavi .page-header .page-header-inner .page-image img {
    width: 100%;
}

#service.hbtnavi .inner {
}

#service.hbtnavi .inner .intro-text {
    max-width: 960px;
    margin: 0 auto 50px;
}

#service.hbtnavi .inner .intro-text p {
}

#service.hbtnavi .inner .hbtnavi-detail {
    position: relative;
    max-width: 960px;
    margin: 0 auto 40px;
}

#service.hbtnavi .inner .hbtnavi-detail h2 {
}

#service.hbtnavi .inner .hbtnavi-detail h2 span {
    position: relative;
    color: #00818a;
    display: inline-block;
}

#service.hbtnavi .inner .hbtnavi-detail h2 span::before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(../img/hbtnavi-heading.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: -50px;
    top: calc(50% - 25px);
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 960px;
    margin: 0 auto;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    cursor: pointer;
    border: 1px solid #3b5f9b;
    margin: 0 auto 20px;
    position: relative;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .overlay {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function h3 {
    border: none;
    display: block;
    width: calc(100% / 3);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background: #3b5f9b;
    color: #FFF;
    height: 6em;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function h3 span {
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul {
    width: calc(100% / 3 * 2);
    display: flex;
    align-content: center;
    justify-content: center;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li {
    width: calc(50% - 20px);
    text-align: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li img {
    max-width: 40px;
    margin: 0 0 10px;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li span {
    display: block;
    width: 100%;
    font-size: 12px;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup {
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    /* background: rgba(255,255,255,.75); */
    ; }

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup.show {
    display: flex;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner {
    position: relative;
    max-width: 600px;
    background: #FFF;
    border: 5px solid #3b5f9b;
    z-index: 1;
    padding: 20px 20px;
    height: 100%;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner .close {
    position: absolute;
    color: #3b5f9b;
    font-size: 30px;
    top: 10px;
    right: 10px;
    line-height: 1;
    display: block;
    cursor: pointer;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 small {
    display: block;
    font-size: 12px;
}

#service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner p {
    font-size: 14px;
    line-height: 1.6;
}

#service.hbtnavi .inner .hbtnavi-detail dl {
    display: block;
    border: 1px solid #3b5f9b;
    width: calc(100% - 20px);
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 10px 10px 0px #3b5f9b;
}

#service.hbtnavi .inner .hbtnavi-detail dl dt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    padding: 5px 10px;
    font-size: 30px;
    font-weight: bold;
}

#service.hbtnavi .inner .hbtnavi-detail dl dt span {
    background: #3b5f9b;
    color: #FFF;
    aspect-ratio: 1 / 1;
    display: block;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 30px;
    margin: 0 20px 0 0;
}

#service.hbtnavi .inner .hbtnavi-detail dl dd {
    display: flex;
    align-content: center;
}

#service.hbtnavi .inner .hbtnavi-detail dl dd ol {
}

#service.hbtnavi .inner .hbtnavi-detail dl dd ol li {
    margin: 0 0 4px;
    font-size: 14px;
}

#service.hbtnavi .inner .hbtnavi-detail dl dd ol li:last-child {
    margin: 0;
}

#service.hbtnavi .inner .hbtnavi-detail .link-area {
    margin: 50px 0;
}

#service.hbtnavi .inner .hbtnavi-detail .link-area a.link-button {
}

#service.hbtnavi .inner .hbtnavi-detail .link-area a.link-button span {
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1.5rem;
    padding: 15px 50px;
}

@media screen and (max-width: 480px) {
    #service.hbtnavi {
    }

    #service.hbtnavi .page-header {
        border-width: 10px;
        margin: 0 0 20px;
    }

    #service.hbtnavi .page-header .page-header-inner {
    }

    #service.hbtnavi .page-header .page-header-inner .page-title {
        padding: 0;
    }

    #service.hbtnavi .page-header .page-header-inner .page-title h1 {
    }

    #service.hbtnavi .page-header .page-header-inner .page-title h1 span {
    }

    #service.hbtnavi .page-header .page-header-inner .page-title h1 span small {
    }

    #service.hbtnavi .page-header .page-header-inner .page-title p {
        font-size: 10px;
    }

    #service.hbtnavi .page-header .page-header-inner .page-title p span.yellow {
    }

    #service.hbtnavi .page-header .page-header-inner .page-title p span.pink {
    }

    #service.hbtnavi .page-header .page-header-inner .page-image {
        padding: 0 10px;
    }

    #service.hbtnavi .page-header .page-header-inner .page-image img {
    }

    #service.hbtnavi .inner {
    }

    #service.hbtnavi .inner .intro-text {
    }

    #service.hbtnavi .inner .intro-text p {
    }

    #service.hbtnavi .inner .hbtnavi-detail {
    }

    #service.hbtnavi .inner .hbtnavi-detail h2 {
    }

    #service.hbtnavi .inner .hbtnavi-detail h2 span {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap {
        display: block;
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function {
        width: 100%;
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function h3 {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function h3 span {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li img {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function ul li span {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup {
        width: calc(100% - 40px);
        height: auto;
        left: 20px;
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner .close {
        font-size: 40px;
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 {
    }

    #service.hbtnavi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner p {
        font-size: 16px;
    }

    #service.hbtnavi .inner .hbtnavi-detail dl {
        display: block;
    }

    #service.hbtnavi .inner .hbtnavi-detail dl dt {
        width: 100%;
        font-size: 6vw;
    }

    #service.hbtnavi .inner .hbtnavi-detail dl dt span {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin: 0 10px 0 0;
    }

    #service.hbtnavi .inner .hbtnavi-detail dl dd {
        padding: 10px 20px;
    }

    #service.hbtnavi .inner .hbtnavi-detail dl dd ol {
    }

    #service.hbtnavi .inner .hbtnavi-detail dl dd ol li {
        font-size: 14px;
    }

    #service.hbtnavi .inner .hbtnavi-detail .link-area {
    }

    #service.hbtnavi .inner .hbtnavi-detail .link-area a.link-button {
    }

    #service.hbtnavi .inner .hbtnavi-detail .link-area a.link-button span {
        font-size: 5vw;
    }
}

/*============================
#service.hbtnavilite
============================*/
#service.hbtnavilite {
}

#service.hbtnavilite .inner {
    max-width: 1200px;
}

#service.hbtnavilite .page-header {
    background-image: url(../img/hbtnavilite-mv.jpg);
    background-position-y: 80%;
    background-position-x: 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#service.hbtnavilite .page-header .page-title {
}

#service.hbtnavilite .page-header .page-title h1 {
}

#service.hbtnavilite .page-header .page-title h1 span {
    display: block;
    position: relative;
    text-shadow: 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c;
}

#service.hbtnavilite .page-header .page-title h1 span small {
    font-size: 2rem;
    position: absolute;
    top: -1.5em;
    left: 3em;
}

#service.hbtnavilite .main-visual {
    margin-bottom: 50px;
}

#service.hbtnavilite .campaign-text {
    font-size: 1.5rem;
    text-align: center;
}

#service.hbtnavilite .campaign-text span {
    font-size: 2rem;
    color: red;
}

#service.hbtnavilite .caution-text {
    font-size: 1rem;
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail {
    margin: 0 0 70px;
}

#service.hbtnavilite .inner .hbtnavi-detail h2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#service.hbtnavilite .inner .hbtnavi-detail figure {
    max-width: 200px;
}

#service.hbtnavilite .inner .hbtnavi-detail h2 span {
    position: relative;
    color: #00818a;
    display: inline-block;
}

#service.hbtnavilite .inner .hbtnavi-detail dl {
    display: block;
    width: fit-content;
    margin: 0 auto 50px;
    width: 820px;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dt {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 20px;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dt:last-child {
    position: relative;
    top: -1.25rem;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dt span {
    border-bottom: 3px solid rgb(249, 206, 0);
    margin: 0 0 0 15px;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dt .caution {
    font-size: 1rem;
    border-bottom: none;
    display: block;
    text-align: right;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dd {
    margin: 0 0 20px;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dd ol {
    padding: 0 0 0 30px;
}

#service.hbtnavilite .inner .hbtnavi-detail dl dd ol li {
    font-size: 1rem;
    margin: 0 0 10px;
    list-style: outside;
}

#service.hbtnavilite .inner .hbtnavi-detail figure.image {
    max-width: 960px;
    margin: 0 auto 50px;
}

#service.hbtnavilite .inner .hbtnavi-detail figure.image img {
}

#service.hbtnavilite .inner .hbtnavi-detail .link-area {
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .link-area a.link-button {
    display: inline-block;
}

#service.hbtnavilite .inner .hbtnavi-detail .link-area a.link-button span {
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1.5rem;
    padding: 15px 50px;
}

#service.hbtnavilite .inner .hbtnavi-detail h3 {
    padding-left: 70px;
    font-size: 1.7rem;
    border-left: none;
    border-bottom: 3px solid #5b9bd5;
}

#service.hbtnavilite .inner .hbtnavi-detail h3 span {
    position: relative;
    display: inline-block;
}

#service.hbtnavilite .inner .hbtnavi-detail h3 span::before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: -50px;
    top: calc(50% - 16px);
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    margin-left: 36px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner p {
    padding-right: 0px;
    font-size: 1.2rem;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner p span {
    font-size: 1.5rem;
    color: #0070c0;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner figure {
    max-width: 380px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner .airline {
    display: flex;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner .airline figure {
    max-width: 60px;
    margin-right: 16px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell {
    max-width: 160px;
    width: 100%;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table .cell p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table .cell .title {
    height: 80px;
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1rem;
    color: white;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell .text {
    height: 120px;
    border-radius: 20px;
    background-color: rgb(162, 204, 182);
    font-size: 1rem;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell .day {
    max-width: 140px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid red;
    background-color: white;
    font-size: 1rem;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell .blank {
    max-width: 140px;
    width: 100%;
    height: 60px;
    margin: 0;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 30px;
    border-color: transparent transparent transparent #f3cd46;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 {
    display: block;
    margin: 0 auto 0px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container {
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._01 {
    max-width: 460px;
    width: 100%;
    height: 390px;
    clip-path: polygon(100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
    background-color: rgb(55, 127, 136);
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._01 h4 {
    font-size: 1.5rem;
    color: white;
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .in-box {
    position: relative;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box h4 {
    margin: 20px 0;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 h5 {
    border: 1px solid #fae8aa;
    color: black;
    background-color: white;
    position: absolute;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 h5 {
    padding: 6px 18px;
    font-size: 1.2rem;
    top: -18px;
    left: 15px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .text-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 .text-area {
    max-width: 400px;
    height: 240px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 p {
    margin: 0;
    padding: 0;
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 p {
    font-size: 1.5rem;
    color: red;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container span {
    font-size: inherit;
    color: red;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 span {
    font-size: 3rem;
    font-weight: bold;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._02 {
    max-width: 400px;
    width: 100%;
    height: 340px;
    clip-path: polygon(100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
    background-color: rgb(217, 217, 217);
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._02 h4 {
    font-size: 1.2rem;
    color: black;
    text-align: center;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 h5 {
    padding: 4px 16px;
    font-size: 1rem;
    top: -16px;
    left: 8;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 .text-area {
    max-width: 360px;
    height: 210px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 p {
    font-size: 1rem;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box {
    margin-bottom: 60px;
    position: relative;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box figure {
    max-width: 100px;
    position: absolute;
    top: 48%;
    left: 48%;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 {
    max-width: 480px;
    width: 100%;
    margin: 0 auto 20px;
    border: 1px solid rgb(55, 127, 136);
    position: relative;
    padding: 50px 0 0;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 h5 {
    padding: 10px 20px;
    font-size: 1rem;
    top: -16px;
    left: -56px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl {
    text-align: center;
    width: auto;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dt, #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dd {
    font-size: 1.2rem;
    font-weight: normal;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dt {
    margin: 0px 0 5px;
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dd {
}

#service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 p {
    font-size: 1rem;
}

@media screen and (min-width: 1025px) {
    #service.hbtnavilite {
    }

    #service.hbtnavilite .sp-only {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    #service.hbtnavilite {
    }
}

@media screen and (max-width: 480px) {
    #service.hbtnavilite {
    }

    #service.hbtnavilite .pc-only {
        display: none !important;
    }

    #service.hbtnavilite .page-header {
        background-position-y: 5%;
        background-position-x: 62%;
    }

    #service.hbtnavilite .page-header .page-title {
    }

    #service.hbtnavilite .page-header .page-title h1 {
    }

    #service.hbtnavilite .page-header .page-title h1 span {
    }

    #service.hbtnavilite .page-header .page-title h1 span small {
        font-size: 0.9rem;
        bottom: 3em;
        top: auto;
    }

    #service.hbtnavilite .inner {
    }

    #service.hbtnavilite .campaign-text {
        font-size: 1rem;
        text-align: center;
    }

    #service.hbtnavilite .campaign-text span {
        font-size: 1.5rem;
        color: red;
    }

    #service.hbtnavilite .caution-text {
        font-size: 0.8rem;
        text-align: center;
    }

    #service.hbtnavilite .inner .hbtnavi-detail {
    }

    #service.hbtnavilite .inner .hbtnavi-detail h2 {
    }

    #service.hbtnavlite .inner .hbtnavi-detail h2 span {
    }

    #service.hbtnavilite .inner .hbtnavi-detail h2 span::before {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
        left: -36px;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .logo {
        width: calc(130 * (100vw / 480));
        float: left;
    }

    #service.hbtnavilite .inner .hbtnavi-detail h2 span {
        position: relative;
        color: #00818a;
        display: inline-block;
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl {
        clear: both;
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dt {
        font-size: 1rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dt .caution {
        font-size: 0.8rem;
        margin: 0;
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dt span {
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dd {
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dd ol {
    }

    #service.hbtnavilite .inner .hbtnavi-detail dl dd ol li {
        line-height: 1.5;
    }

    #service.hbtnavilite .inner .hbtnavi-detail figure.image {
    }

    #service.hbtnavilite .inner .hbtnavi-detail figure.image img {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .link-area {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .link-area a.link-button {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .link-area a.link-button span {
        font-size: 1rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail h3 {
        padding-left: calc(30 * (100vw / 480));
        font-size: 1.2rem;
        border-left: none;
        border-bottom: 3px solid #5b9bd5;
    }

    #service.hbtnavilite .inner .hbtnavi-detail h3 span {
        position: relative;
        display: inline-block;
    }

    #service.hbtnavilite .inner .hbtnavi-detail h3 span::before {
        content: "";
        width: calc(32 * (100vw / 480));
        height: calc(32 * (100vw / 480));
        display: block;
        left: calc(-30 * (100vw / 480));
        top: calc(50% - calc(18 * (100vw / 480)));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner {
        display: block;
        margin-left: calc(0 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner p {
        padding: 0;
        font-size: 1rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner p span {
        font-size: 1.3rem;
        color: #0070c0;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner figure {
        max-width: 380px;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner .airline {
        display: flex;
        margin-bottom: calc(30 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner .airline figure {
        max-width: none;
        width: calc(70 * (100vw / 480));
        margin-right: calc(10 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 {
        display: block;
        margin: 0;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell {
        max-width: none;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table .cell p {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table .cell .title {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell .text {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .cell .day {
        max-width: none;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .blank {
        max-width: none;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._01 .arrow {
        margin: 0;
        margin: calc(20 * (100vw / 480)) auto;
        border-width: calc(30 * (100vw / 480)) calc(40 * (100vw / 480)) 0 calc(40 * (100vw / 480));
        border-color: #f3cd46 transparent transparent transparent;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 {
        display: block;
        margin: 0;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box {
        flex-direction: column;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._01 {
        max-width: none;
        width: 100%;
        height: calc(390 * (100vw / 480));
        clip-path: polygon(100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
        background-color: rgb(55, 127, 136);
        order: 2;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._01 h4 {
        font-size: 1.5rem;
        color: white;
        text-align: center;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .in-box {
        position: relative;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box h4 {
        margin: 20px 0;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 h5 {
        border: 1px solid #fae8aa;
        color: black;
        background-color: white;
        position: absolute;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 h5 {
        padding: calc(6 * (100vw / 480)) calc(18 * (100vw / 480));
        font-size: 1.2rem;
        top: calc(-24 * (100vw / 480));
        left: calc(10 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .text-area {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: 90%;
        background-color: #fff;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 .text-area {
        max-width: none;
        height: calc(220 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 p {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 p {
        font-size: 1rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._01 span {
        font-size: 1.5rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._02 {
        max-width: none;
        width: 90%;
        height: calc(340 * (100vw / 480));
        margin-bottom: calc(20 * (100vw / 480));
        clip-path: polygon(100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
        background-color: rgb(217, 217, 217);
        order: 1;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box .container._02 h4 {
        font-size: 1rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 h5 {
        padding: calc(4 * (100vw / 480)) calc(16 * (100vw / 480));
        font-size: 1rem;
        top: calc(-20 * (100vw / 480));
        left: calc(10 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 .text-area {
        max-width: none;
        height: calc(190 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._02 p {
        font-size: 0.9rem;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box {
        margin-bottom: 20px;
        position: relative;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .flex-box figure {
        max-width: 100px;
        position: absolute;
        top: 48%;
        left: 48%;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: none;
        width: 100%;
        height: calc(360 * (100vw / 480));
        margin: 0 auto calc(20 * (100vw / 480));
        border: 1px solid rgb(55, 127, 136);
        position: relative;
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 h5 {
        padding: calc(4 * (100vw / 480)) calc(16 * (100vw / 480));
        font-size: 1rem;
        top: calc(-20 * (100vw / 480));
        left: calc(-1 * (100vw / 480));
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dt, #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dd {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dt {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 dl dd {
    }

    #service.hbtnavilite .inner .hbtnavi-detail .flex-inner.table._02 .container._03 p {
        font-size: 1rem;
    }
}

/*============================
#contact
============================*/
#contact * {
	font-size: 1.0rem;
	font-weight: 500;
	letter-spacing: 0;
}

#contact .page-header .page-title {
	line-height: 1.2;
	font-size: 4rem;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	#contact .page-header {
		height: 30vw;
	}

	#contact .page-header .page-title {
		font-size: 8vw;
	}
}

#contact footer {
	margin: 1.0rem 0;
}

#contact h2 {
	color: #333;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
	border-left: 0.5rem solid #00818a;
	padding-left: 0.5rem;
}

#contact h4 {
	color: #f00;;
	font-size: 1.2rem;
	margin-top: -1.5rem;
	margin-bottom: 2.0rem;
}

#contact .tel-fax {
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	margin-top: -1.0rem;
}

#contact .tel-fax img {
	height: 2.5rem;
	margin: 0.5rem 1.0rem 0 3.0rem;
}

#contact .tel-fax a {
	color: #333;
	font-size: 2.5rem;
	font-weight: 700;
}

#contact .tel-fax a:hover {
	color: #f00;;
}

#contact .tel-fax p {
	font-size: 1.25rem;
}

#contact .d-table {
	display: table;
	width: 100%;
	margin-bottom: 0;
}

#contact .d-table-row {
	display: table-row;
}

#contact .d-table-cell {
	display: table-cell;
	white-space: nowrap;
	padding: 0 0.75rem 0.75rem 0;
}

#contact .d-table-cell:last-child {
	width: 100%;
}

#contact .must {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
	background-color: #f57b7b;
	border-radius: 0.25rem;
	padding: 0.125rem 0.25rem;
}

#contact .file_button {
	width: 100%;
}

#contact .file_button::file-selector-button {
	font-size: 0.9rem;
	color: #fff;
	background-color: #0075ff;
	border: none;
	border-radius: 0.25rem;
	cursor: pointer;
	padding: 0.125rem 0.55rem;
	margin-right: 0.5rem;
}

#contact .text-inherit {
	color: inherit !important;
}

#contact .wpcf7-form .d-table-cell {
	vertical-align: top;
}

#contact .wpcf7-text,
#contact .wpcf7-date,
#contact .wpcf7-select,
#contact .wpcf7-textarea {
	font-family: inherit;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	padding: 0 0.25rem;
}

#contact .wpcf7-select {
	padding-top: 2px;
	padding-bottom: 2px;
}

#contact .wpcf7-textarea {
	width: 100%;
}

#contact .wpcf7-acceptance input[type="checkbox"] {
	transform: scale(1.5);
	margin-left: -0.75rem;
	margin-right: 0.5rem;
}

#contact .wpcf7-acceptance a {
	font-weight: 700;
	text-decoration: underline;
}

#contact .send {
	margin: 1.5rem auto 2.0rem;
}

#contact .wpcf7-submit,
.wpcf7cp-cfm-edit-btn {
	color: #fff;
	background-color: #0075ff;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 0.25rem 1.5rem;
}

#wpcf7cpcnf table {
	width: auto;
}

#wpcf7cpcnf table th {
	background-color: #fef9f0;
	text-align: left;
	white-space: nowrap;
}

#wpcf7cpcnf table p {
	margin-bottom: 0;
}

/* https://kikuchi-web.com/contactform7-submit-validation/ */
.wpcf7-form-control-wrap {
	> .wpcf7-not-valid-tip {
		display: none;
	}

	&.is-show {
		> .wpcf7-not-valid-tip {
			display: block;
		}
	}
}

/*============================
#return-support
============================*/
#return-support {
    max-width: 1134px;
    margin-left: auto;
    margin-right: auto;
}

#return-support .page-header {
    background-image: url(../img/return-support-header.jpg);
}

#return-support .page-header .page-title h1 {
    font-size: 3.75rem;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0 -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}

#return-support .page-header .page-title h1 span {
    white-space: nowrap;
}

#return-support .inner h2 {
    display: inline-block;
    background-color: rgb(0, 129, 138);
    color: #fff;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
}

#return-support .inner h3 {
    color: #00818a;
    font-size: 1.5rem;
    border-left: none;
    margin-bottom: 0.5rem;
    padding: 0;
}

#return-support .inner h3 big {
    color: #00818a;
    font-size: 2rem;
}

#return-support .inner h4 {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.6;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

#return-support .inner section {
    background-color: #e2f0d9;
    font-size: 1.2rem;
    line-height: 1.75;
    margin-bottom: 2rem;
    padding: 1rem;
    position: relative;
}

#return-support .inner section:nth-of-type(2) {
    margin-bottom: 0rem;
}

#return-support .inner section aside {
    display: flex;
}

#return-support .inner section div {
    margin-bottom: 0.5rem;
}

#return-support .inner section big {
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: underline;
}

#return-support .inner section .size1 {
    width: calc(100% - 1rem - 377px);
}

#return-support .inner section .size2 {
    width: calc(100% - 1rem - 339px);
}

#return-support .inner section .size3 {
    font-size: 1.075rem;
    color: #cc0000;
    margin-top: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem - 390px - 339px);
    float: left;
}

#return-support .inner section .size3 span {
    white-space: nowrap;
}

#return-support .inner section .size4 {
    text-align: right;
    margin-top: 1rem;
}

#return-support .inner section .image1 {
    margin-top: 1rem;
}

#return-support .inner section .image2 {
    position: absolute;
    right: 1rem !important;
    bottom: 1rem !important;
}

#return-support .inner section .image3 {
    margin-top: 1rem;
    margin-right: 1rem;
}

#return-support .inner section .image4 {
    position: absolute;
    right: 1rem !important;
    bottom: 1rem !important;
}

#return-support .inner section .image567 {
    margin-right: 1rem;
}

#return-support .link-area {
    text-align: center;
}

#return-support a.link-button {
    display: inline-block;
    margin-bottom: 4rem;
}

#return-support a.link-button span {
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1.5rem;
    padding: 15px 50px;
}

@media screen and (max-width: 640px) {
    #return-support .page-header {
        height: 200px;
        margin: 0 0 30px;
    }

    #return-support .page-header .page-title h1 {
        font-size: 2.5rem;
    }

    #return-support a.link-button span {
        font-size: 5vw;
        padding: 0.5rem;
        width: calc(100vw - 20px);
    }
}

@media screen and (max-width: 1024px) {
    #return-support .inner section .size1, #return-support .inner section .size2, #return-support .inner section .size3 {
        width: 100%;
    }

    #return-support .inner section .size4 {
        text-align: left;
    }

    #return-support .inner section .image2, #return-support .inner section .image4 {
        position: static;
        margin-top: 1rem;
    }

    #return-support .inner section .image567 {
        margin-bottom: 1rem;
    }
}

/*============================
#gujarat
============================*/
#gujarat .inner {
    max-width: 1200px;
}

#gujarat .page-header {
    background-image: url(../img/gujarat-page-header.jpg);
    background-position-y: 80%;
    background-position-x: 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#gujarat .page-header .page-title h1 {
    display: block;
    position: relative;
    text-shadow: 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c, 0px 0px 5px #09194c;
}

#gujarat .page-header .page-title h1 span {
    white-space: nowrap;
}

#gujarat .inner p {
    font-size: 1.125rem;
}

#gujarat .inner h4 {
    font-size: 1.2rem;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #333;
    display: inline-block;
    padding: 0 0.5rem;
    margin: 0.5rem 0 1rem;
}

#gujarat .inner .text-center {
    text-align: center !important;
}

#gujarat .inner .paragraph {
    display: inline-block;
    margin-left: 3rem;
}

#gujarat .inner .contact {
    background-color: #eee;
    padding: 0.5rem 1rem;
}

#gujarat .inner .contact span {
    color: #00818a;
    font-weight: bold;
}

#gujarat .inner .contact a {
    color: #333;
}

#gujarat .inner .contact a:hover {
    color: #fe0000;
}

#gujarat a.link-button {
    display: inline-block;
    margin: 2rem 0 3rem;
}

#gujarat a.link-button span {
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1.5rem;
    padding: 11px 50px;
}

#gujarat .inner .mt-2 {
    margin-top: 2rem !important;
}

#gujarat .inner .mt-5 {
    margin-top: 5rem !important;
}

/*============================
#deliveryset
============================*/
#deliveryset .page-header .page-title h1 {
    font-size: 4rem;
}

#deliveryset .inner .deliveryset-detail {
    margin: 0 0 3rem;
}

#deliveryset .inner .deliveryset-detail ul {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 2em;
}

#deliveryset .inner .deliveryset-detail ul.mobile {
    display: none;
}

#deliveryset .inner .deliveryset-detail ul li {
    width: 50%;
    margin: 0 0 10px;
    padding-right: 2rem;
    list-style: outside;
}

@media screen and (max-width: 960px) {
    #deliveryset .inner .deliveryset-detail ul.pc {
        display: none;
    }

    #deliveryset .inner .deliveryset-detail ul.mobile {
        display: block;
    }

    #deliveryset .inner .deliveryset-detail ul li {
        width: 100%;
    }

    #deliveryset .sp {
        display: inherit;
    }

    #deliveryset .page-header .page-title h1 {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 800px) {
    #deliveryset .page-header .page-title h1 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 700px) {
    #deliveryset .page-header .page-title h1 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 600px) {
    #deliveryset .page-header .page-title h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 500px) {
    #deliveryset .page-header .page-title h1 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 400px) {
    #deliveryset .page-header .page-title h1 {
        font-size: 1.25rem;
    }
}

/*============================
#smchmm
============================*/
#smchmm #header {
	height: auto;
}

#smchmm #header .inner {
	padding-left: 10px;
}

#smchmm #header .inner .logo {
	width: 350px;
}

#smchmm .page-header {
	margin-bottom: 0;
	min-width: calc(768px + 2rem);
	height: 240px;
}

#smchmm .page-header .page-title {
	line-height: 1.2;
    font-size: 4rem;
	font-weight: 700;
}

#smchmm #container {
	margin: 1.0rem;
}

#smchmm table:not(.qrcode) {
	max-width: 768px;
	min-width: 768px;
	margin: 0 auto;
}

#smchmm table.top {
	max-width: 480px;
	min-width: 480px;
	margin: 0 auto;
}

#smchmm table caption {
	text-align: right;
}

#smchmm table:not(.qrcode) tr:first-child td {
	font-size: 1.2rem;
	font-weight: 700;
	padding: 1.0rem 0;
	text-align: center;
}

#smchmm table td {
	border: none;
	vertical-align: top;
	letter-spacing: 0.025em;
	white-space: nowrap;
}

#smchmm a {
	text-decoration: underline;
}

#smchmm ul li {
	margin-bottom: 0.5rem;
}

#smchmm .font-red {
	color: #dc3545;
}

#smchmm .font-green {
	color: #00818a;
}

#smchmm .text-align-left {
	text-align: left !important;
}

#smchmm .display-none {
	display: none;
}

#smchmm .qrcode {
	max-width: 706px;
	min-width: 706px;
	margin: 1.5rem auto 0;
}

#smchmm .qrcode td {
	font-size: 1.2rem;
	font-weight: 700;
	padding: 1.0rem 1.0rem 0;
	vertical-align: middle;
}

#smchmm .attention {
	margin-top: 1.0rem;
	padding: 0.5rem;
	max-width: 575px;
	color: #dc3545;
	border: 1px solid #dc3545;
	border-radius: 0.5rem;
}

#smchmm .back {
	text-decoration: none;
	color: #fff;
	background: #0d6efd;
	padding: 2px 10px;
	border-radius: 5px;
}

#smchmm .blinking{
	-webkit-animation: blink 1.5s ease-in-out 3 alternate;
	-moz-animation: blink 1.5s ease-in-out 3 alternate;
	animation: blink 1.5s ease-in-out 3 alternate;
}

#smchmm @-webkit-keyframes blink,
#smchmm @-moz-keyframes blink,
#smchmm @keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@media screen and (max-width: 767px) {
	#smchmm .page-header {
		height: 30vw;
	}

	#smchmm .page-header .page-title {
		font-size: 8vw;
	}
}

@media screen and (max-width: 479px) {
	#smchmm .page-header .page-title {
		margin-top: 6.5vw;
	}
}

/*============================
#hbt-navi
============================*/
#service.hbt-navi {
}

#service.hbt-navi .page-header {
    background: none;
    border-top: 20px solid #3b5f9b;
    border-bottom: 20px solid #3b5f9b;
    height: auto;
}

#service.hbt-navi .page-header .page-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 30px 0;
    align-items: center;
    justify-content: center;
}

#service.hbt-navi .page-header .page-header-inner .page-title {
}

#service.hbt-navi .page-header .page-header-inner .page-title h1 {
}

#service.hbt-navi .page-header .page-header-inner .page-title h1 span {
    text-shadow: none;
    color: #333;
    border-bottom: 1px solid #333;
    display: block;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

#service.hbt-navi .page-header .page-header-inner .page-title h1 span small {
    display: block;
}

#service.hbt-navi .page-header .page-header-inner .page-title p {
    color: #333;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
}

#service.hbt-navi .page-header .page-header-inner .page-title p span {
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 0.75em;
}

#service.hbt-navi .page-header .page-header-inner .page-title p span.yellow {
    background-image: url(../img/line-yellow.png);
}

#service.hbt-navi .page-header .page-header-inner .page-title p span.pink {
    background-image: url(../img/line-red.png);
}

#service.hbt-navi .page-header .page-header-inner .page-image {
    width: 40%;
}

#service.hbt-navi .page-header .page-header-inner .page-image img {
    width: 100%;
}

#service.hbt-navi .inner {
}

#service.hbt-navi .inner .intro-text {
    max-width: 960px;
    margin: 0 auto 50px;
}

#service.hbt-navi .inner .intro-text p {
}

#service.hbt-navi .inner .intro-text p strong {
    color: #FF0000;
}

#service.hbt-navi .inner .hbtnavi-detail {
    max-width: 960px;
    margin: 0 auto 40px;
    position: relative;
}

#service.hbt-navi .inner .hbtnavi-detail h2 {
}

#service.hbt-navi .inner .hbtnavi-detail h2.detail {
    margin: 0;
}

#service.hbt-navi .inner .hbtnavi-detail p.detail {
    text-align: center;
    position: relative;
    left: -2em;
    font-size: 12px;
    letter-spacing: 0;
}

#service.hbt-navi .inner .hbtnavi-detail h2 span {
    position: relative;
    color: #00818a;
    display: inline-block;
}

#service.hbt-navi .inner .hbtnavi-detail h2 span::before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(../img/hbtnavi-heading.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: -50px;
    top: calc(50% - 25px);
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    pointer-events: none;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .35S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap:hover .overlay {
    display: block;
    background: rgba(255,255,255,0.5);
    z-index: 1;
    opacity: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    cursor: pointer;
    border: 1px solid #3b5f9b;
    margin: 0 auto 20px;
    position: relative;
    pointer-events: auto;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function:hover {
    z-index: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function h3 {
    border: none;
    display: block;
    width: calc(100% / 3);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background: #3b5f9b;
    color: #FFF;
    height: 6em;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function h3 span {
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul {
    width: calc(100% / 3 * 2);
    display: flex;
    align-content: center;
    justify-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li {
    width: calc(50% - 20px);
    text-align: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li img {
    max-width: 40px;
    margin: 0 0 10px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li span {
    display: block;
    width: 100%;
    font-size: 12px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 5;
    position: absolute;
    top: -40px;
    left: calc(-16em - 10px);
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function:nth-child(2n) .function-popup {
    left: auto;
    right: calc(-16em - 10px);
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function:hover .function-popup {
    display: flex;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner {
    position: relative;
    max-width: 16em;
    background: #FFF;
    border: 5px solid #ED7D31;
    z-index: 1;
    padding: 20px 24px 8px;
    height: 100%;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner .close {
    position: absolute;
    color: #3b5f9b;
    font-size: 30px;
    top: 10px;
    right: 10px;
    line-height: 1;
    display: block;
    cursor: pointer;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 small {
    display: block;
    font-size: 12px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner p {
    font-size: 14px;
    line-height: 1.6;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    pointer-events: none;
    align-items: flex-start;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .35S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2:hover .overlay {
    display: block;
    background: rgba(255,255,255,0.5);
    z-index: 1;
    opacity: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    margin: 0 auto 20px;
    position: relative;
    pointer-events: auto;
    align-content: space-between;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function:hover {
    z-index: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function h3 {
    border: none;
    display: block;
    width: calc(100% / 3);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background: #3b5f9b;
    color: #FFF;
    height: 6em;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function h3 span {
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul {
    width: calc(100% / 3 * 2);
    display: flex;
    align-content: space-around;
    justify-content: center;
    border: 1px solid #3b5f9b;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li {
    width: calc(50% - 20px);
    text-align: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li img {
    max-width: 40px;
    margin: 0 0 10px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li span {
    display: block;
    width: 100%;
    font-size: 12px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup {
    opacity: 0;
    width: 0;
    overflow: hidden;
    height: 0;
    position: relative;
    transition: all .5S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function:nth-child(2n) .function-popup {
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function:hover .function-popup {
    width: 100%;
    opacity: 1;
    height: auto;
    width: auto;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner {
    position: relative;
    background: #FFF;
    border: 5px solid #ED7D31;
    z-index: 1;
    padding: 20px 24px 8px;
    height: 100%;
    text-align: center;
    transition: all .5S;
    overflow: hidden;
    transform: scale(0,0);
    transform-origin: left top;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function:hover .function-popup .inner {
    width: 100%;
    height: 100%;
    transform: scale(1,1);
    transform-origin: top left;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner .close {
    position: absolute;
    color: #3b5f9b;
    font-size: 30px;
    top: 10px;
    right: 10px;
    line-height: 1;
    display: block;
    cursor: pointer;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #7F7F7F;
    padding: 0 0 8px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner h4 small {
    display: block;
    font-size: 12px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner p {
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    pointer-events: none;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .overlay {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .35S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3:hover .overlay {
    display: block;
    background: rgba(255,255,255,0.5);
    z-index: 1;
    opacity: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    border: 1px solid #3b5f9b;
    margin: 0 auto 20px;
    position: relative;
    pointer-events: auto;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover {
    z-index: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function h3 {
    border: none;
    width: calc(100% / 4);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background: #3b5f9b;
    height: 180px;
    position: relative;
    transition: all .35S;
    overflow: hidden;
    padding: 0;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover h3 {
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function h3::after {
    background: #FFF;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateY(-200px);
    transition: all .5S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover h3::after {
    transform: translateY(0);
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function h3 span {
    color: #FFF;
    transition: all .5S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover h3 span {
    color: #3b5f9b;
    z-index: 1;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul {
    width: calc(100% / 4 * 3);
    display: flex;
    align-content: center;
    justify-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li {
    width: 50%;
    text-align: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li img {
    max-width: 50px;
    margin: 0 0 10px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li span {
    display: block;
    width: 100%;
    font-size: 14px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup {
    display: block;
    width: calc(100% / 4 * 3);
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:nth-child(2n) .function-popup {
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover .function-popup {
    display: block;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner {
    position: relative;
    z-index: 1;
    height: 100%;
    background: #3b5f9b;
    color: #FFF;
    padding: 0px 12px;
    display: flex;
    align-items: center;
    transform: translateY(200px);
    transition: all .5S;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover .function-popup .inner {
    transform: translateY(0);
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner .close {
    position: absolute;
    color: #3b5f9b;
    font-size: 30px;
    top: 10px;
    right: 10px;
    line-height: 1;
    display: block;
    cursor: pointer;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner h4 {
    display: none;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner h4 small {
    display: block;
    font-size: 12px;
}

#service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner p {
    font-size: 14px;
    margin: 0;
    letter-spacing: 0;
    line-height: 1.6;
}

#service.hbt-navi .inner .hbtnavi-detail dl {
    display: block;
    border: 1px solid #3b5f9b;
    width: calc(100% - 20px);
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 10px 10px 0px #3b5f9b;
}

#service.hbt-navi .inner .hbtnavi-detail dl dt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    padding: 5px 10px;
    font-size: 30px;
    font-weight: bold;
}

#service.hbt-navi .inner .hbtnavi-detail dl dt span {
    background: #3b5f9b;
    color: #FFF;
    aspect-ratio: 1 / 1;
    display: block;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 30px;
    margin: 0 20px 0 0;
}

#service.hbt-navi .inner .hbtnavi-detail dl dd {
    display: flex;
    align-content: center;
}

#service.hbt-navi .inner .hbtnavi-detail dl dd ol {
}

#service.hbt-navi .inner .hbtnavi-detail dl dd ol li {
    margin: 0 0 4px;
    font-size: 14px;
}

#service.hbt-navi .inner .hbtnavi-detail dl dd ol li:last-child {
    margin: 0;
}

#service.hbt-navi .inner .hbtnavi-detail .link-area {
    margin: 50px 0;
}

#service.hbt-navi .inner .hbtnavi-detail .link-area a.link-button {
}

#service.hbt-navi .inner .hbtnavi-detail .link-area a.link-button span {
    color: #fff;
    background-color: rgb(9, 25, 79);
    font-size: 1.5rem;
    padding: 15px 50px;
}

@media screen and (max-width: 480px) {
    #service.hbt-navi {
    }

    #service.hbt-navi .page-header {
        border-width: 10px;
        margin: 0 0 20px;
    }

    #service.hbt-navi .page-header .page-header-inner {
    }

    #service.hbt-navi .page-header .page-header-inner .page-title {
        padding: 0;
    }

    #service.hbt-navi .page-header .page-header-inner .page-title h1 {
    }

    #service.hbt-navi .page-header .page-header-inner .page-title h1 span {
    }

    #service.hbt-navi .page-header .page-header-inner .page-title h1 span small {
    }

    #service.hbt-navi .page-header .page-header-inner .page-title p {
        font-size: 10px;
    }

    #service.hbt-navi .page-header .page-header-inner .page-title p span.yellow {
    }

    #service.hbt-navi .page-header .page-header-inner .page-title p span.pink {
    }

    #service.hbt-navi .page-header .page-header-inner .page-image {
        padding: 0 10px;
    }

    #service.hbt-navi .page-header .page-header-inner .page-image img {
    }

    #service.hbt-navi .inner {
    }

    #service.hbt-navi .inner .intro-text {
    }

    #service.hbt-navi .inner .intro-text p {
    }

    #service.hbt-navi .inner .hbtnavi-detail {
    }

    #service.hbt-navi .inner .hbtnavi-detail h2 {
    }

    #service.hbt-navi .inner .hbtnavi-detail h2.detail {
        margin: 0 0 10px;
    }

    #service.hbt-navi .inner .hbtnavi-detail p.detail {
        left: -1em;
    }

    #service.hbt-navi .inner .hbtnavi-detail h2 span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap {
        display: block;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function {
        width: 100%;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function h3 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function h3 span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li img {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function ul li span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup {
        position: unset;
        width: 100%;
        height: 0;
        transition: all .35S;
        display: block;
        opacity: 0;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function:hover .function-popup {
        height: auto;
        opacity: 1;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner {
        max-width: unset;
        border: none;
        border-top: 1px solid #3b5f9b;
        padding: 10px;
        height: 0;
        transition: all .35S;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function:hover .function-popup .inner {
        height: auto;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner .close {
        font-size: 40px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap .function .function-popup .inner p {
        margin: 0;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .overlay {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function {
        width: 100%;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function h3 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function h3 span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li img {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function ul li span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner h4 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner p {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap2 .function .function-popup .inner h4 small {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .overlay {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function {
        width: 100%;
        overflow: hidden;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function h3 {
        width: calc(100% / 3);
        height: 110px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function h3 span {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul {
        width: calc(100% / 3 * 2);
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li {
        padding: 8px 4px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li img {
        max-width: 40px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function ul li span {
        font-size: 12px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup {
        width: 100%;
        position: unset;
        height: 0;
        transition: all .35S;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover .function-popup {
        height: auto;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner {
        transform: unset;
        padding: 24px 12px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function:hover .function-popup .inner {
        transform: unset;
        height: auto;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner h4 {
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner p {
        line-height: 1.6;
    }

    #service.hbt-navi .inner .hbtnavi-detail .function-wrap3 .function .function-popup .inner h4 small {
    }

    #service.hbt-navi .inner .hbtnavi-detail dl {
        display: block;
        width: 100%;
    }

    #service.hbt-navi .inner .hbtnavi-detail dl dt {
        width: 100%;
        font-size: 6vw;
    }

    #service.hbt-navi .inner .hbtnavi-detail dl dt span {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin: 0 10px 0 0;
    }

    #service.hbt-navi .inner .hbtnavi-detail dl dd {
        padding: 10px 20px;
    }

    #service.hbt-navi .inner .hbtnavi-detail dl dd ol {
    }

    #service.hbt-navi .inner .hbtnavi-detail dl dd ol li {
        font-size: 14px;
    }

    #service.hbt-navi .inner .hbtnavi-detail .link-area {
    }

    #service.hbt-navi .inner .hbtnavi-detail .link-area a.link-button {
    }

    #service.hbt-navi .inner .hbtnavi-detail .link-area a.link-button span {
        font-size: 5vw;
    }
}

/*============================
#single_page
============================*/
#simple_page #header_contents {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}

#simple_page #header_left_contents {
	flex-grow: 1;
	padding: 0.5rem;
}

#simple_page #header_right_contents {
	flex-shrink: 0;
	align-self: flex-end;
	padding: 0.5rem;
}

#simple_page #header_left_contents .hbt_logo {
	height: 3rem;
}

#simple_page #main_contents {
	height: calc(100vh - 4rem);
	margin-top: 4rem;
	padding: 0.5rem;
}

#simple_page #main_contents iframe {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 799px) {
	#simple_page #header_left_contents .hbt_logo {
		height: 2rem;
	}

	#simple_page #main_contents {
		height: calc(100vh - 3rem);
		margin-top: 3rem;
	}
}

#simple_page #main_contents.no_header {
	height: 100vh;
	margin-top: 0;
}

#simple_page #main_contents.p-0 {
	padding: 0 !important;
}

#simple_page a.link {
	text-decoration: underline;
	cursor: pointer;
	color: #0000ff;
	opacity: 0.75;
}

#simple_page a.link:hover,
#simple_page a.link:active {
	cursor: pointer;
	color: #ff0000;
	opacity: 0.75;
}