/*
Theme Name: solve
*/

@charset "UTF-8";

/*----------------------------------------------------
 Reset
----------------------------------------------------*/
*,
*::before,
*::after {
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: anywhere;
}

ul[class], ol[class] {
    padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
    font-size: inherit;
    margin: 0;
}

body {
    font-size: .875rem;
    min-height: 100vh;
    scroll-behavior: smooth;
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;
}

@media (min-width: 768px) {
    body {
        font-size: 1rem;
        padding-top: 70px;
    }
}

ul[class], ol[class] {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

input, button, textarea, select {
    font: inherit;
}
.news-list-text {
    display: none;
}

/*----------------------------------------------------
 flex
----------------------------------------------------*/
.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}

@media (min-width: 768px) {
    .md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-grow-0{flex-grow:0}.md\:flex-grow{flex-grow:1}.md\:flex-shrink-0{flex-shrink:0}.md\:flex-shrink{flex-shrink:1}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:order-5{order:5}.md\:order-6{order:6}.md\:order-7{order:7}.md\:order-8{order:8}.md\:order-9{order:9}.md\:order-10{order:10}.md\:order-11{order:11}.md\:order-12{order:12}.md\:order-first{order:-9999}.md\:order-last{order:9999}.md\:order-none{order:0}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:content-center{align-content:center}.md\:content-start{align-content:flex-start}.md\:content-end{align-content:flex-end}.md\:content-between{align-content:space-between}.md\:content-around{align-content:space-around}.md\:content-evenly{align-content:space-evenly}.md\:self-auto{align-self:auto}.md\:self-start{align-self:flex-start}.md\:self-end{align-self:flex-end}.md\:self-center{align-self:center}.md\:self-stretch{align-self:stretch}
}
@media (min-width: 1024px) {
    .lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-grow{flex-grow:1}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-shrink{flex-shrink:1}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:order-5{order:5}.lg\:order-6{order:6}.lg\:order-7{order:7}.lg\:order-8{order:8}.lg\:order-9{order:9}.lg\:order-10{order:10}.lg\:order-11{order:11}.lg\:order-12{order:12}.lg\:order-first{order:-9999}.lg\:order-last{order:9999}.lg\:order-none{order:0}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:content-center{align-content:center}.lg\:content-start{align-content:flex-start}.lg\:content-end{align-content:flex-end}.lg\:content-between{align-content:space-between}.lg\:content-around{align-content:space-around}.lg\:content-evenly{align-content:space-evenly}.lg\:self-auto{align-self:auto}.lg\:self-start{align-self:flex-start}.lg\:self-end{align-self:flex-end}.lg\:self-center{align-self:center}.lg\:self-stretch{align-self:stretch}
}
@media (min-width: 1280px) {
    .xl\:block{display:block}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:flex-grow-0{flex-grow:0}.xl\:flex-grow{flex-grow:1}.xl\:flex-shrink-0{flex-shrink:0}.xl\:flex-shrink{flex-shrink:1}.xl\:order-1{order:1}.xl\:order-2{order:2}.xl\:order-3{order:3}.xl\:order-4{order:4}.xl\:order-5{order:5}.xl\:order-6{order:6}.xl\:order-7{order:7}.xl\:order-8{order:8}.xl\:order-9{order:9}.xl\:order-10{order:10}.xl\:order-11{order:11}.xl\:order-12{order:12}.xl\:order-first{order:-9999}.xl\:order-last{order:9999}.xl\:order-none{order:0}.xl\:justify-start{justify-content:flex-start}.xl\:justify-end{justify-content:flex-end}.xl\:justify-center{justify-content:center}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-end{align-items:flex-end}.xl\:items-center{align-items:center}.xl\:items-baseline{align-items:baseline}.xl\:items-stretch{align-items:stretch}.xl\:content-center{align-content:center}.xl\:content-start{align-content:flex-start}.xl\:content-end{align-content:flex-end}.xl\:content-between{align-content:space-between}.xl\:content-around{align-content:space-around}.xl\:content-evenly{align-content:space-evenly}.xl\:self-auto{align-self:auto}.xl\:self-start{align-self:flex-start}.xl\:self-end{align-self:flex-end}.xl\:self-center{align-self:center}.xl\:self-stretch{align-self:stretch}
}

/*----------------------------------------------------
 width
----------------------------------------------------*/
.w-5{width: 5%;}.w-10{width: 10%;}.w-15{width: 15%;}.w-20{width: 20%;}.w-25{width: 25%;}.w-30{width: 30%;}.w-35{width: 35%;}.w-40{width: 40%;}
.w-45{width: 45%;}.w-50{width: 50%;}.w-55{width: 55%;}.w-60{width: 60%;}.w-65{width: 65%;}.w-70{width: 70%;}.w-75{width: 75%;}.w-80{width: 80%;}
.w-85{width: 85%;}.w-90{width: 90%;}.w-95{width: 95%;}.w-full{width: 100%;}

@media (min-width: 768px) {
    .md\:w-5{width: 5%;}.md\:w-10{width: 10%;}.md\:w-15{width: 15%;}.md\:w-20{width: 20%;}.md\:w-25{width: 25%;}.md\:w-30{width: 30%;}.md\:w-35{width: 35%;}.md\:w-40{width: 40%;}
    .md\:w-45{width: 45%;}.md\:w-50{width: 50%;}.md\:w-55{width: 55%;}.md\:w-60{width: 60%;}.md\:w-65{width: 65%;}.md\:w-70{width: 70%;}.md\:w-75{width: 75%;}.md\:w-80{width: 80%;}
    .md\:w-85{width: 85%;}.md\:w-90{width: 90%;}.md\:w-95{width: 95%;}.md\:w-full{width: 100%;}
}


/*----------------------------------------------------
 display
----------------------------------------------------*/
.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}

@media (min-width: 768px) {
    .md\:block{display:block}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:hidden{display:none}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}
}
@media (min-width: 1024px) {
    .lg\:block{display:block}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:hidden{display:none}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}
}
@media (min-width: 1280px) {
    .xl\:block{display:block}.xl\:inline{display:inline}.xl\:inline-block{display:inline-block}.xl\:hidden{display:none}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}
}

/*----------------------------------------------------
 text align
----------------------------------------------------*/
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

/*----------------------------------------------------
    Component
----------------------------------------------------*/
/* clearfix */
.clearfix {
    clear: both;
    zoom: 1;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* rollover */
.rollover {
    animation: horizontalY 1s ease-in-out infinite alternate;
            transition: all 1s;
    -webkit-transition: all 1s;
}

.rollover:hover {
    animation: horizontalY 0.5s ease-in-out infinite alternate;
            transition: all 0.5s;
    -webkit-transition: all 0.5s;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* innerlink */
.innerlink {
    display: block;
    height: 1px;
    position: relative;
    top: -100px;
}

/* pc/sp */
.pc {
    display: none;
}

.pc-i {
    display: none;
}

.sp {
    display: block;
}

.sp-i {
    display: inline;
}

@media (min-width: 768px) {
    .pc {
        display: block;
    }

    .pc-i {
        display: inline;
    }

    .sp,
    .sp-i {
        display: none;
    }
}

/*----------------------------------------------------
 body
----------------------------------------------------*/
body {
    color: #505053;
    font-family:"メイリオ",Meiryo,Meiryo UI,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Osaka－等幅","Osaka-Mono",Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

/*----------------------------------------------------
 logo
----------------------------------------------------*/
.logo {
    display: none;
    position: fixed;
    left: 1rem;
    top:  .75rem;
    z-index: 10000;
}
.logo img {
    height: 2.5rem;
}

@media (max-width: 767px) {
    /* 下層ページ */
    :not(body.home) > .logo {
        display: block;
        position: absolute;
        top:  1rem;
        z-index: 9000;
    }
    :not(body.home) > .logo img {
        height: 2rem;
    }
}

@media (min-width: 768px) {
    .logo {
        display: block;
    }
    .logo img {
        height: auto;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 gmenu toggle
----------------------------------------------------*/
.gmenu-toggle {
    background: #fff;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: fixed;
    right: .5rem;
    top: .5rem;
    width: 40px;
    z-index: 10000;
}
.gmenu-toggle span {
    background: #505053;
    display: block;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    left: 8px;
    transition: .2s;
    width: 24px;
}
.gmenu-toggle span::before,
.gmenu-toggle span::after{
    background: #505053;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transition: .3s;
    width: 24px;
}
.gmenu-toggle span::before{
    margin-top: -6px;
}
.gmenu-toggle span::after{
    margin-top: 4px;
}

/* open */
.gmenu-open .gmenu-toggle {
    top: 1rem;
}

.gmenu-open .gmenu-toggle span {
    background: transparent;
}

.gmenu-open .gmenu-toggle span::before,
.gmenu-open .gmenu-toggle span::after{
    background: #505053;
    margin-top: 0;
}

.gmenu-open .gmenu-toggle span::before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.gmenu-open .gmenu-toggle span::after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

@media (min-width: 768px) {
    .gmenu-toggle {
        display: none;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 gmenu
----------------------------------------------------*/
.gmenu,
.gmenu * {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.gmenu {
    background: #fff;
    height: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.gmenu-open .gmenu {
    height: 80vh;
    overflow-y: scroll;
}
.gmenu-in {
    height: 100%;
}

.gmenu li a {
    border-bottom: 1px solid #000;
    color: #000;
    display: block;
    font-size: 1.5rem;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.gmenu-open .gmenu li a {
    padding: 1rem;
}

/* search */
.gmenu-search {
    padding: 0;
}

.gmenu-search form {
    display: inline-block;
}

.gmenu-search form input {
    vertical-align: top;
}

.gmenu-search .search-form {
    vertical-align: middle;
}

.gmenu-open .gmenu-search {
    padding: 2rem 1rem;
    text-align: center;
}

@media (min-width: 768px) {
    .gmenu {
        background: #fff;
        box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
        height: 70px;
        overflow-y: visible;
    }

    .gmenu-open .gmenu {
        height: auto;
        overflow-y: visible;
    }
    .gmenu-in {
        height: auto;
    }
    .gmenu ul {
        font-size: 1rem;
        display: flex;
        margin-right: 2rem;
        justify-content: flex-end;
        line-height: 70px;
    }
    .gmenu li + li::before {
        content: '|';
        display: inline-block;
        margin: 0 .5rem;
    }
    .gmenu li + li.gmenu-search::before {
        content: none;
    }
    .gmenu li a {
        border-bottom: 0;
        display: inline-block;
        font-size: .875rem;
    }

    .gmenu-open .gmenu li a {
        padding: 0;
    }
    /* search */
    .gmenu-search {
        padding-left: 1rem;
    }
    .gmenu-search form input {
        width: 170px;
    }
}
@media (min-width: 1024px) {
    .gmenu ul {
        margin-right: 3rem;
    }
    .gmenu li + li::before {
        margin: 0 1rem;
    }
    .gmenu li a {
        font-size: 1rem;
    }
    /* search */
    .gmenu-search {
        padding-left: 1.5rem;
    }
    .gmenu-search form input {
        width: 210px;
    }
}
@media (min-width: 1280px) {
    .gmenu li + li::before {
        margin: 0 1.5rem;
    }
    /* search */
    .gmenu-search {
        padding-left: 2rem;
    }
}

/*----------------------------------------------------
 pagetop
----------------------------------------------------*/
.pagetop {
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
            transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.scroll .pagetop {
    opacity: 1;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
.footer {
    background: rgba(0, 123, 255, 0.65);
    color: #fff;
    padding: 2rem 1rem;
}
.footer li {
    line-height: 1.3;
    margin-top: .3rem;
}
.footer a {
    color: #fff;
    text-decoration: none;
}
.footer ul {
    margin-left: 1rem;
}
/* nav */
.footer-nav {
    margin: 0 auto 3rem;
    max-width: 1200px;
}

.footer-nav-each {
    margin-bottom: 1rem;
}
.footer-nav p {
    font-size: 1rem;
    font-weight: bold;
}

/* info */
.footer-info {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

@media (min-width: 768px) {
    .footer a {
        font-size: .875rem;
    }
    .footer-nav-block {
        padding: 0 1rem;
        width: 50%;
    }
    /* info */
    .footer-info {
        text-align: right;
    }
}
@media (min-width: 1024px) {
    .footer-nav-block {
        width: 25%;
    }
    .footer-nav-each {
        margin-bottom: 2rem;
    }
}
@media (min-width: 1280px) {
    /* nav */
    .footer-nav {
        margin-bottom: 0;
    }
}

/*----------------------------------------------------
 main-visual
----------------------------------------------------*/
.main-visual {
    position: relative;
}
.main-visual img {
    width: 100%;
}
.main-visual-title {
    position: absolute;
}
.main-visual-about {
    position: absolute;
}
.main-visual-title {
    width: 83%;
    height: auto;
    left: 8.5%;
    top: 5%;
}
.main-visual-about {
    width: 42%;
    height: auto;
    left: 29%;
    top: 16%;
}

@media (max-width: 767px) {
    .main-visual-service1,
    .main-visual-service2,
    .main-visual-service3 {
        padding: 0 1rem;
    }
    .main-visual-service1 {
        margin-top: -4rem;
    }
    .main-visual-service2,
    .main-visual-service3 {
        margin-top: 1rem;
    }
    .main-visual-service-in {
        margin: 0 auto;
        max-width: 576px;
        position: relative;
    }
    .main-visual-service-bg {
        
    }
    .main-visual-service-text {
        font-size: 2vw;
        position: absolute;
        left: 34%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-visual-service-link {
        position: absolute;
        right: 5%;
        bottom: 11%;
        width: 16%;
    }
}

@media (min-width: 768px) {
    
    .main-visual > div {
        position: absolute;
    }
    
    .main-visual-title {
        width: 37.5%;
        left: 31.3%;
        top: 4%;
    }
    .main-visual-about {
        width: 28.4615384615385%;
        width: 22.8%;
        left: 38.3%;
        top: 13.5%;
    }
    .main-visual-service1,
    .main-visual-service2,
    .main-visual-service3 {
        background: #409CFF;
        border-radius: 100%;
        height: 15.2089136490251%;
        position: relative;
        text-align: center;
        width: 21%;
    }
    .main-visual-service1 *,
    .main-visual-service2 *,
    .main-visual-service3 * {
        position: relative;
        z-index: 2;
    }
    .main-visual-service1::before,
    .main-visual-service2::before,
    .main-visual-service3::before {
        background: #fff;
        border-radius: 100%;
        content: '';
        position: absolute;
        left: -0.25rem;
        top: -0.25rem;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .main-visual-service1 {
        left: 66.1538461538462%;
        top: 26.4623955431755%;
    }
    .main-visual-service2 {
        left: 9.30769230769231%;
        top: 38.4958217270195%;
    }
    .main-visual-service3 {
        left: 44%;
        top: 48.4122562674095%;
    }
    
    /* service */
    .main-visual-service-icon {
        color: #007BFF;
        font-size: .5rem;
        margin-bottom: .5rem;
        padding-bottom: .5rem;
        position: relative;
    }
    .main-visual-service-icon::before {
        border-bottom: 1px solid #007BFF;
        content: '';
        margin-left: -0.75rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1.5rem;
    }
    
    .main-visual-service-title {
        color: #007BFF;
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: .5rem;
    }
    
    .main-visual-service-text {
        font-size: .5rem;
        line-height: 1.2;
        margin-bottom: .5rem;
    }
    .main-visual-service-link img {
        display: inline-block;
        width: 40%;
    }
    
}
@media (min-width: 1024px) {
    .main-visual-service1,
    .main-visual-service2,
    .main-visual-service3 {
        padding: 1rem;
    }

    .main-visual-service-in {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }

    /* service */
    .main-visual-service-icon {
        font-size: 0.461vw;
    }
    .main-visual-service-title {
        font-size: 1.38vw;
    }
    
    .main-visual-service2 .main-visual-service-icon,
    .main-visual-service3 .main-visual-service-icon,
    .main-visual-service2 .main-visual-service-title,
    .main-visual-service3 .main-visual-service-title {
        margin-bottom: .75rem;
    }
    .main-visual-service-text {
        font-size: .923vw;
        line-height: 1.38vw;
        margin-bottom: 1rem;
    }
}
@media (min-width: 1280px) {
    /* service */
    .main-visual-service-text {
        margin-bottom: 1rem;
    }
}
/*----------------------------------------------------
 top-news
----------------------------------------------------*/
.top-news {
    background: rgba(74, 194, 210, .1);
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 5rem 1rem 2rem;
    position: relative;
    z-index: 2;
}

.top-news-in {
    margin:  0 auto;
    max-width: 1000px;
}

/* top */
.top-news-top {
    position: relative;
}
.top-news-top img {
    width: 100%;
}
.top-news-top-title {
    position: absolute;
    left: 2rem;
    bottom: 0;
}
/* mid */
.top-news-mid {
    background: url(img/top-news-bg-mid.png) repeat-y center center;
    background-size: 100% auto;
    padding: 2rem 2rem 0;
}
.top-news-mid li + li {
    margin-top: 1rem;
}
.top-news-mid a {
    color: inherit;
    text-decoration: none;
}
.top-news-mid time {
    color: #4AC2D2;
    display: block;
    font-weight: bold;
    padding-bottom: .25rem;
    white-space: nowrap;
}

/* more */
.top-news-more {
    padding-top: 1.5rem;
    text-align: right;
}
.top-news-more img {
    display: inline-block;
}

/* btm */
.top-news-btm img {
    width: 100%;
}

@media (min-width: 768px) {
    .top-news {
        background: transparent;
        padding: 0 2rem;
    }
    .top-news-in {
        width: 72%;
    }
    
    /* top */
    .top-news-top-title {
        left: 3rem;
    }
    /* mid */
    .top-news-mid {
        padding: 1rem 3rem 0;
    }
    .top-news-mid li + li {
        margin-top: .75rem;
    }
    .top-news-mid time {
        display: inline-block;
        padding-right: 3rem;
        padding-bottom: 0;
    }
    /* more */
    .top-news-more {
        padding-top: .5rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 toptop-recruit
----------------------------------------------------*/
.top-recruit {
    padding: 0 1rem 3rem;
}
.top-recruit img {
    margin-left: auto;
    margin-right: auto;
}
.top-recruit-in {
    margin:  0 auto;
    max-width: 1000px;
}

/* header */
.top-recruit-header {
    margin-bottom: 2rem;
}

.top-recruit-title {
    margin-bottom: 2rem;
}

/* img */
.top-recruit-img {
    margin-bottom: 2rem;
}

/* text */
.top-recruit-text-title {
    font-size: 1.125rem;
    margin-bottom: .75rem;
}

/* link */
.top-recruit-link {
    position: relative;
    text-align: right;
}

.top-recruit-link a {
    position: absolute;
    left: 0;
    bottom: 1rem;
    z-index: 1;
}
.top-recruit-link-img {
    display: inline-block;
    position: relative;
    width: 30%;
    z-index: 2;
}

@media (min-width: 768px) {
    .top-recruit {
        padding-bottom: 4rem;
    }
    .top-recruit img {
        margin-left: 0;
        margin-right: 0;
    }

    /* header */
    .top-recruit-header {
        margin-bottom: .5rem;
    }
    
    .top-recruit-title {
        margin-bottom: 0;
    }
    .top-recruit-catch {
        padding-left: 280px;
    }
    
    /* img */
    .top-recruit-img {
        margin-bottom: 0;
        padding-right: 2rem;
        width: 50%;
    }
    
    /* text */
    .top-recruit-text {
        padding-top: 2rem;
        width: 50%;
    }
    .top-recruit-text-title {
        font-size: 1.25rem;
    }
    
}
@media (min-width: 1024px) {
    .top-recruit {
        padding-bottom: 6rem;
    }
    /* link */
    .top-recruit-link-img {
        margin-top: -3rem;
        width: auto;
    }
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 toptop-message
----------------------------------------------------*/
.top-message {
    background: rgba(0, 123, 255, 0.05);
    padding: 3rem 1rem;
}
.top-message img {
    margin-left: auto;
    margin-right: auto;
}
.top-message-in {
    margin:  0 auto;
    max-width: 1000px;
}

/* img */
.top-message-img {
    margin-bottom: 3rem;
}

/* text */
.top-message-title {
    margin-bottom: 1.5rem;
}

.top-message-catch {
    margin: 2rem auto;
}

@media (min-width: 768px) {
    .top-message {
        padding: 4rem 2rem;
    }
    .top-message img {
        margin-left: 0;
        margin-right: 0;
    }
    /* img */
    .top-message-img {
        margin-bottom: 0;
        width: 50%;
    }
    
    /* text */
    .top-message-text {
        padding-left: 3rem;
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .top-message {
        background: linear-gradient(#F2F8FF 97%, #fff 3%);
        margin-bottom: 5rem;
        padding: 6rem 2rem 0;
    }
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
.main {
    background: rgba(0, 123, 255, 0.05);
    padding: 5rem 1rem;
}

.contents {
    background: #fff;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1rem;
}

@media (min-width: 768px) {
    .main {
        padding: 6.5rem 2rem;
    }
    .contents {
        padding: 2rem;
    }
}
@media (min-width: 1024px) {
    .contents {
        padding: 4rem;
    }
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 single department
----------------------------------------------------*/
.single-department {
    margin-bottom: 1REM;
}

.single-department a {
    background: url(img/icon-arrow-down-gray.png) no-repeat right .5rem center #D3D3D4;
    border-radius: 0 1.5rem 1.5rem 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-bottom: .5rem;
    padding: .5rem;
    text-decoration: none;
    width: 100%;
}
.single-department a.active {
    background: url(img/icon-arrow-down-blue.png) no-repeat right .5rem center #4DA3FF;
}

@media (min-width: 768px) {
    .single-department {
        background: #4DA3FF;
        border-radius: 0 1.5rem 1.5rem 0;
        margin-bottom: 2rem;
    }
    .single-dealerbusiness .single-department,
    .single-department-gray {
        background: #D3D3D4;
    }
    
    .single-department a {
        margin-bottom: 0;
        position: relative;
        text-align: center;
        width: 50%;
    }
    .single-department a:first-child::before {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-radius: 0 1.5rem 1.5rem 0;
        content: '';
        position: absolute;
        right: 0;
        top: -2.5%;
        height: 105%;
        width: 1.5rem;
    }
    .single-department a.active {
        background: url(img/icon-arrow-down-blue.png) no-repeat right .5rem center #4DA3FF;
    }
}
@media (min-width: 1024px) {
    .single-department a {
        font-size: 1.5rem;
        padding-top: .25rem;
        padding-bottom: 0;
    }
}

/*----------------------------------------------------
 single-nav
----------------------------------------------------*/
.single-nav-none {
    height: 3rem;
}
.single-nav {
    background: rgba(0, 123, 255, 0.05);
    margin-bottom: 2rem;
    padding: 1rem;
}

/* img */
.single-nav-img {
    margin-bottom: 1rem;
    position: relative;
}
.single-nav-img a {
    color: #007BFF;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    top: 20.15%;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 91.17%;
}

.single-nav-img img {
    margin: 0 auto;
}

/* main parent & no child */
.single-nav-main {
    padding-bottom: 1rem;
}
.single-nav-main a {
    color: rgba(0, 123, 255, 0.75);
    font-weight: bold;
    text-decoration: none;
}
.single-nav-main a.single-nav-current {
    color: rgba(45, 182, 175, .75)
}

.single-nav-has-child-each {
    margin-bottom: 1rem;
    width: 100%;
}

.single-nav-parent,
.single-nav-no-child-each {
    border-bottom: 1.5px dotted rgba(0, 123, 255, 0.25);
    padding-bottom: .25rem;
}
.single-nav-no-child-each {
    margin-bottom: 1rem;
}

.single-nav-parent a,
.single-nav-no-child-each a {
    background: url(img/icon-arrow-right.png) no-repeat left .25rem center;
    background-size: 16px auto;
    display: inline-block;
    padding-left: 1.75rem;
}
.single-nav-parent a.single-nav-current,
.single-nav-no-child-each a.single-nav-current {
    background-image: url(img/icon-arrow-right-green2.png);
}

/* main child */
.single-nav-children {
    padding-top: 1rem;
}
.single-nav-children a {
    display: inline-block;
    margin-left: 1rem;
}
.single-nav-children a::before {
    content: '>';
    display: inline-block;
    padding-right: .25rem;
}

@media (min-width: 768px) {
    .single-nav {
        margin-bottom: 3rem;
        padding: 1rem .5rem 0 .5rem;
    }
    
    /* img */
    .single-nav-img {
        align-self: flex-start;
        margin-bottom: 0;
    }
    
    /* main */
    .single-nav-main {
        flex-shrink: 10000;
        flex-grow: 10000;
        padding-bottom: .5rem;
        padding-left: 1rem;
    }
    .single-nav-main a {
        font-size: .875rem;
    }
    /* main parent & no child */
    .single-nav-has-child-each {
        margin-bottom: 1rem;
    }
    
    .single-nav-no-child-each {
        width: 48%;
    }
    
    /* main child */
    .single-nav-children {
        padding-top: .25rem;
    }

    /* メニューが少ない場合（2行まで） */
    .single-nav-1lines.single-nav,
    .single-nav-2lines.single-nav {
        display: block;
        padding: 2rem 2rem 1rem;
    }
    .single-nav-1lines .single-nav-img img,
    .single-nav-2lines .single-nav-img img,
    .single-nav-1lines .single-nav-img a br,
    .single-nav-2lines .single-nav-img a br {
        display: none;
    }
    .single-nav-1lines .single-nav-img ,
    .single-nav-2lines .single-nav-img  {
        margin-bottom: 1rem;
    }
    .single-nav-1lines .single-nav-img a,
    .single-nav-2lines .single-nav-img a {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
        text-decoration: none;
        width: 100%;
    }
    .single-nav-1lines .single-nav-main,
    .single-nav-2lines .single-nav-main {
        padding-left: 0;
    }
}
@media (min-width: 1024px) {
    /* main */
    .single-nav-main {
        padding-left: 1.5rem;
    }
    .single-nav-no-child-each {
        width: 49%;
    }
}
@media (min-width: 1280px) {
}


/*----------------------------------------------------
 single-department-title
----------------------------------------------------*/
.single-department-title {
    margin-bottom: 2rem;
    position: relative;
}
.single-department-title img {
    margin: 0 auto;
}
.single-department-title span {
    color: rgba(0, 123, 255, .75);
    font-size: 2.125rem;
    font-weight: bold;
    line-height: 1.2;
    position: absolute;
    left: 0;
    top: 53%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .single-department-title {
        margin-bottom: 3rem;
    }
    .single-department-title img {
        margin: 0 auto;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 article
----------------------------------------------------*/
.article > *:not(.single-spacer),
.contents-each > *:not(.single-spacer) {
    margin-bottom: 1rem;
}

.contents-each {
    padding-bottom: 3rem;
}

.article .aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.wp-caption-text {
    padding-top: .25rem;
    text-align: center;
}

.article .wp-caption {
    max-width: 100%;
}

.article strong {
    color: rgba(0, 123, 255, 1);
    font-weight: bold;
}

.article figure img {
    margin-left: auto;
    margin-right: auto;
}
.article figcaption {
    font-size: .75rem;
    display: block;
    padding-top: .75rem;
    text-align: center;
}

/* title */
.article .single-editor h2,
.article .single-editor h3:not(.package-title),
.article .single-editor h4,
.article .single-editor h5,
.article .single-editor h6 {
    font-weight: 700;
}


.article .single-editor h6 {
    font-size: 14px;
    margin: 2em 0 1em;
}

/* list */
.article .single-editor ul,
.article .single-editor ol {
    margin-bottom: 2rem;
    padding-left: 20px;
}
.article .single-editor ol {
    list-style: decimal;
}
.article .single-editor li {
    margin: 6px 0;
}

/* align */
.article .single-editor .alignright {
    margin-left: auto;
    margin-right: 0;
}

/* link */
.article .single-editor a:not(.wpdm-download-link) {
    color: rgba(0, 123, 255, 1);
}
.article .single-editor a:not(.wpdm-download-link):hover {
    text-decoration: underline;
}

/* strong */
.article .single-editor strong {
    font-weight: bold;
}

/* em */
.article .single-editor em {
    font-style: italic;
}

/* blockquote */
.article .single-editor blockquote {
    background: #fafafa;
    border: none;
    margin-bottom: 2rem;
    padding: 40px 64px 40px 120px;
    padding: 64px 24px 24px;
    position: relative;
}

.article .single-editor blockquote:before {
    color: #e7e7e7;
    content: "\f122";
    font-family: 'dashicons';
    font-size: 32px;
    line-height: 1.3;
    position: absolute;
    top: 40px;
    left: 64px;

    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

@media (min-width: 768px) {
    .article {
        padding: 0 4rem;
    }
    /* blockquote */
    .article .single-editor blockquote {
        padding: 40px 64px 40px 120px;
    }
    
    .article .single-editor blockquote:before {
        top: 40px;
        left: 64px;
        right: auto;
    }
}
/*----------------------------------------------------
 single-layout-normal
----------------------------------------------------*/
.single-layout-normal > *:not(.single-spacer) {
    margin-bottom: 1rem;
}

/*----------------------------------------------------
 single-layout-blue
----------------------------------------------------*/
.single-layout-blue {
    background: rgba(0, 123, 255, 0.05);
    padding: 2rem 1rem;
    position: relative;
}
.single-layout-blue > *:not(.single-spacer) {
    margin-bottom: 1rem;
}
.single-layout-blue::before {
    border-bottom: 7px solid rgba(0, 123, 255, 0.65);
    content: '';
    position: absolute;
    top: 0;
    left: 40%;
    width: 20%;
}

@media (min-width: 768px) {
    .single-layout-blue {
        padding: 3rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 single-layout-green
----------------------------------------------------*/
.single-layout-green {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.single-layout-green-top img,
.single-layout-green-btm img {
    width: 100%;
}

.single-layout-green-mid {
    background: url(img/layout-green-bg-mid.png) repeat-y center center;
    background-size: 100% auto;
    padding: 1rem;
}

.single-layout-green-mid > *:not(.single-spacer) {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .single-layout-green {
        width: 80%;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 single-title
----------------------------------------------------*/
/* blue/green */
.article .single-editor h1,
.article .single-editor h5,
.single-title-blue-center,
.single-title-blue-small,
.single-title-green-small {
    color: rgba(0, 123, 255, 0.75);
    font-size: 1.125rem;
    font-weight: bold;
}
.single-title-green-small {
    color: rgba(45, 182, 175, .75);
}
.single-title-blue-center {
    text-align: center;
}
.article .single-editor h5,
.single-title-blue-small,
.single-title-green-small {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .article .single-editor h1,
    .single-title-blue-center {
        font-size: 1.5rem;
    }
    .article .single-editor h5,
    .single-title-blue-small,
    .single-title-green-small {
        font-size: 1.25rem;
    }
}

/* underline */
.article .single-editor h2,
.single-title-underline {
    border-bottom: 1.5px solid rgba(0, 123, 255, 0.15);
    color: rgba(0, 123, 255, 0.75);
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: .5rem;
}
.single-title-underline {
    text-align: center;
}
@media (min-width: 768px) {
    .article .single-editor h2,
    .single-title-underline {
        font-size: 1.75rem;
    }
}

/* single-title-underline-dotted */
.single-title-underline-dotted {
    color: rgba(0, 123, 255, 0.75);
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
}
.single-title-underline-dotted span {
    border-bottom: 1.5px dotted rgba(0, 123, 255, 0.5);
    display: inline-block;
    padding: .5rem .25rem;
}
@media (min-width: 768px) {
    .single-title-underline-dotted {
        font-size: 1.75rem;
    }
}


/* leftline */
.article .single-editor h3:not(.package-title),
.single-title-leftline {
    color: rgba(0, 123, 255, 0.75);
    font-size: 1.125rem;
    font-weight: bold;
    padding-left: 1.5rem;
    position: relative;
}
.article .single-editor h3:not(.package-title)::before,
.single-title-leftline::before {
    content: '';
    background: rgba(0, 123, 255, 0.3);
    border-radius: 1rem;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    top: -2px;
    width: 9px;
}
@media (min-width: 768px) {
    .article .single-editor h3:not(.package-title),
    .single-title-leftline {
        font-size: 1.5rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/* bg blue/green*/
.article .single-editor h4,
.single-title-bg-blue span,
.single-title-bg-blue-small span,
.single-title-bg-green-small span {
    background: rgba(0, 123, 255, 0.5);
    border-radius: 1.5rem;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
    padding: .25rem 1.5rem .15rem;
    text-align: left;
}
.single-title-bg-green-small span {
    background: rgba(45, 182, 175, .75);;
}
.single-title-bg-blue-small span,
.single-title-bg-green-small span {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .article .single-editor h4,
    .single-title-bg-blue span {
        font-size: 1.5rem;
    }
    .single-title-bg-blue span {
        min-width: 45%;
    }
    .single-title-bg-blue-small span,
    .single-title-bg-green-small span {
        font-size: 1.25rem;
        min-width: 30%;
    }
}

/*----------------------------------------------------
 list-style1
----------------------------------------------------*/
.single-list-style1 p {
    color: #007BFF;
    font-weight: bold;
    padding-left: 1rem;
    position: relative;
    text-align: left;
}
.single-list-style1 p::before {
    content: '';
    background: rgba(0, 123, 255, 0.3);
    border-radius: 1rem;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
}
.single-list-style1 a {
    display: inline-block;
    margin: .75rem 1rem 0;
}

.single-list-style1-each {
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
}

.single-list-style1-each-in {
    background: rgba(0, 123, 255, 0.05);
    border-radius: 1rem 0 1rem 0;
    padding: 1rem 1rem .5rem;
}

.single-list-style1-each img {
    width: 100%;
}

@media (min-width: 768px) {
    .single-list-style1 {
        margin: 0 -1rem;
    }
    .single-list-style1-each {
        padding: 0 1rem 2rem;
        width: 50%;
    }
    .single-list-style1-each-in {
        padding-bottom: .75rem;
    }
    
    .single-list-style1 a {
        margin-top: 1rem;
    }
}
@media (min-width: 1024px) {
    .single-list-style1 {
        margin: 0 -2rem;
    }
    .single-list-style1-each {
        padding: 0 1.5rem 3rem;
    }
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 list-style2
----------------------------------------------------*/
.single-list-style2-each + .single-list-style2-each {
    margin-top: 3rem;
}
.single-list-style2-title {
    margin-bottom: 1rem;
}
.single-list-style2 ul {
    margin-left: 1rem;
}
.single-list-style2 li + li {
    margin-top: 1rem;
}
.single-list-style2 li {
    border-bottom: 1.5px dotted rgba(0, 123, 255, 0.25);
    padding-bottom: .25rem;
}

.single-list-style2 ul a,
.single-list-style2 ul span {
    background: url(img/icon-arrow-right.png) no-repeat left .25rem center;
    color: rgba(0, 123, 255, 0.75);
    display: inline-block;
    font-weight: bold;
    padding-left: 1.75rem;
    text-decoration: none;
}

/*----------------------------------------------------
 table
----------------------------------------------------*/
@media (max-width: 767px) {
    .single-table table th,
    .single-table table td {
        white-space: nowrap;
        
    }
}

.single-table table {
    border-collapse: collapse;
}
.single-table thead th {
    background: rgba(0, 123, 255, 0.5);
    border: 1px solid #fff;
    color: #fff;
}
.single-table tbody th {
    background: rgba(0, 123, 255, 0.25);
    border: 1px solid #fff;
    text-align: left;
}
.single-table th,
.single-table td {
    border: 1px solid rgba(0, 123, 255, 0.3);
    padding: .25rem 1rem;
}

/* simple */
.single-table-simple table,
.single-table-simple-wrap table {
    border-collapse: collapse;
}
.single-table-simple th,
.single-table-simple td,
.single-table-simple-wrap th,
.single-table-simple-wrap td {
    padding: .25rem 1rem;
    text-align: left;
    vertical-align: top;
}
.single-table-simple th,
.single-table-simple-wrap th {
    white-space: nowrap;
}
.single-table-simple td {
    position: relative;
}

/* option */
.single-table-nowrap {
    white-space: nowrap;
}
.single-table-left {
    text-align: left;
}
.single-table-center {
    text-align: center;
}
.single-table-right {
    text-align: right;
}

@media (max-width: 767px) {
    .single-table-simple-wrap th,
    .single-table-simple-wrap td {
        display: block;
    }
}

/*----------------------------------------------------
 single-btn
----------------------------------------------------*/
.single-btn a {
    background: url(img/btn-view-more.png) no-repeat right .5rem bottom .5rem rgba(0, 123, 255, 0.15);
    color: rgba(0, 123, 255, 0.75);
    display: block;
    font-weight: bold;
    padding: .75rem 1rem 2rem;
    text-decoration: none;
}


@media (min-width: 768px) {
    .single-btn a {
        font-size: 1.25rem;
        padding-right: 5rem;
        padding-bottom: .75rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

.single-btn2 a,
.single-btn2-blue a {
    background: url(img/icon-arrow-right-green.png) no-repeat right .5rem center rgba(45, 182, 175, .55);
    background-size: auto 70%;
    border-radius: 0 1.5rem 1.5rem 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: .25rem 4rem .25rem 2rem;
    text-align: center;
    text-decoration: none;
}
.single-btn2-blue a {
    background-color: rgba(0, 123, 255, 0.55);
    background-image: url(img/icon-arrow-right-blue.png);
}

@media (min-width: 768px) {
    .single-btn2-blue a,
    .single-btn2 a {
        font-size: 1.125rem;
    }
}

/*----------------------------------------------------
 single-contact
----------------------------------------------------*/
.single-contact {
    border-top: 1px solid rgba(0, 123, 255, 0.15);
    color: rgba(0, 123, 255, 0.75);
    font-weight: bold;
    margin-top: 3rem;
    padding-top: 2rem;
}

.single-contact img {
    margin-left: auto;
    margin-right: auto;
}
.single-contact p {
    margin-bottom: 1rem;
    text-align: center;
}

@media (min-width: 768px) {
    .single-contact {
        margin-top: 8rem;
        padding-top: 3rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}


/*----------------------------------------------------
 company
----------------------------------------------------*/
.company-philosophy {
    font-size: 1.125rem;
    line-height: 2;
    text-align: center;
}

@media (min-width: 768px) {
    .company-philosophy {
        font-size: 1.25rem;
        line-height: 2.5;
        font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 company-corporate_philosophy
----------------------------------------------------*/
.company-corporate_philosophy-text {
    padding: .5rem 0;
}
.company-corporate_philosophy-img  {
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .company-corporate_philosophy-text {
        padding: 1rem 0 2rem;
    }
    .company-corporate_philosophy-img  {
        width: 30%;
    }
    
    .company-corporate_philosophy-exp p {
        padding-left: 3rem;
        width: 70%;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 news
----------------------------------------------------*/
.article .news-header {
    margin-bottom: 2rem;
}

.news-title {
    border-bottom: 1.5px solid rgba(0, 123, 255, 0.15);
    color: rgba(0, 123, 255, 0.75);
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: .5rem;
}

.news-header time {
    display: block;
    padding-top: .5rem;
    text-align: right;
}

@media (min-width: 768px) {
    .news-title {
        font-size: 1.5rem;
    }
}

/*----------------------------------------------------
 news-list
----------------------------------------------------*/
.news-list {
    padding-top: 1rem;
}

.news-list-each {
    border: 1px solid rgba(0, 123, 255, 0.3);
    display: block;
    margin-bottom: 1rem;
    padding: 1rem;
    text-decoration: none;
}

.news-list-header {
    margin-bottom: 1rem;
}

.news-list-title {
    border-bottom: 1.5px solid rgba(0, 123, 255, 0.15);
    color: rgba(0, 123, 255, 0.75);
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: .5rem;
}

.news-list-header time {
    display: block;
    padding-top: .5rem;
    text-align: right;
}

.news-list-text {
    color: #333;
}

@media (min-width: 768px) {
    .news-list {
        padding-top: 2rem;
    }
    .news-list-title {
        font-size: 1.25rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 archive-pager
----------------------------------------------------*/
.archive-pager {
    padding-top: 2rem;
}

.archive-pager > a,
.archive-pager > span {
    border: 1px solid rgba(0, 123, 255, .75);
    color: rgba(0, 123, 255, 1);
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 2rem;
}

.archive-pager > .current {
    background: rgba(0, 123, 255, .75);
    color: #fff;
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    width: 2rem;
}

@media (min-width: 768px) {
    .archive-pager {
        padding-top: 2rem;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}


/*----------------------------------------------------
 article-nav
----------------------------------------------------*/
.article-nav {
    border-top: 1px solid #aaa;
    margin-top: 5rem;
    padding-top: 2rem;
}

.article-nav a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 50%;
}

.article-nav a[rel="prev"] {
    padding-left: 2rem;
    padding-right: 5%;
}
.article-nav a[rel="prev"]::before {
    content: '<';
    position: absolute;
    left: 0;
    top: 0;
}

.article-nav a[rel="next"] {
    padding-left: 5%;
    padding-right: 2rem;
    text-align: right;
}
.article-nav a[rel="next"]::before {
    content: '>';
    position: absolute;
    right: 0;
    top: 0;
}

/*---------------------------------------------------
 maker_business
----------------------------------------------------*/
.maker_business-list {
    margin: 0 -0.5rem;
}
.maker_business-each {
    padding: 0 .5rem 1rem;
    width: 100%;
}
@media (min-width: 768px) {
    .maker_business-each {
        padding: 0 .5rem 1rem;
        width: 50%;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 package-title
----------------------------------------------------*/
.package-title a {
    color: inherit !important; 
    cursor: default;
}
.package-title a:hover {
    text-decoration: none !important;
}

/*----------------------------------------------------
 form
----------------------------------------------------*/
.form-text {
    margin-bottom: 2rem;
}
.form-attention {
    color: #c00;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: center;
}
.form-table table {
    border-collapse: collapse;
}
.form-table th,
.form-table td {
    border-bottom: 10px solid #fff;
    padding: .25rem 1rem;
    text-align: left;
    vertical-align: middle;
}
.form-table th {
    background: rgba(0, 123, 255, 0.5);
    color: #fff;
    white-space: nowrap;
}
.form-table td {
    width: 100%;
}

.form-table input[type="text"],
.form-table input[type="email"],
.form-table textarea {
    padding: .25rem;
    width: 100%;
}

.form-submit input {
    background: #80BDFF;
    border-radius: 2rem;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2.5rem;
    padding: .5rem 2rem;
}

@media (max-width: 767px) {
    .form-table th,
    .form-table td {
        display: block;
    }
    .form-table td {
        padding: 0 0 1rem;
    }
    .form-submit .wpcf7-spinner {
        display: block;
    }
}

@media (min-width: 768px) {
    .form-table th,
    .form-table td {
        border-bottom: 20px solid #fff;
    }
    .form-text {
        text-align: center;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 recruit
----------------------------------------------------*/
.recruit-title {
    margin: 0 auto 2rem;
    max-width: 1200px;
    padding: 0;
}

.recruit-title img {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .recruit-title {
        margin-bottom: 3.5rem;
    }
    .recruit-title img {
        max-width: 72%;
    }
}
@media (min-width: 1024px) {
    .recruit-title {
        margin-bottom: 4rem;
    }
}

/*----------------------------------------------------
 recruit main-visual
----------------------------------------------------*/
.recruit-main-visual {
    background: url(img/recruit-bg1.png) no-repeat center center;
    background-size: 100% 100%; 
    margin-bottom: 3rem;
    position: relative;
    text-align: center;
}

.recruit-main-visual-base {
    height: 350px;
}
.recruit-main-visual-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.recruit-main-visual-text img {
    display: inline-block;
    max-width: 80%;
}

@media (min-width: 768px) {
    .recruit-main-visual {
        margin-bottom: 6rem;
    }
    .recruit-main-visual-base {
        height: auto;
    }
}
@media (min-width: 1024px) {
    .recruit-main-visual-text img {
        max-width: 55%;
    }
}
@media (min-width: 1280px) {
}


/*----------------------------------------------------
 recruit-catch
----------------------------------------------------*/
.recruit-catch {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding:  0 1rem 3rem;
}

.recruit-catch-title {
    margin-bottom: 1rem;
}

.recruit-catch-text p + p {
    margin-top: 1rem;    
}

.recruit-catch-info {
    margin-bottom: 1rem;
}

* + .recruit-catch-img-each {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .recruit-catch {
        padding:  0 2rem 6rem;
    }
    
    .recruit-catch-title {
        margin-bottom: 2rem;
    }
    
    .recruit-catch-info {
        margin-bottom: 0;
        padding-left: 2rem;
        order: 2;
        width: 63.5%;
    }
    .recruit-catch-img {
        width: 36.5%;
    }
}
@media (min-width: 1024px) {
    .recruit-catch-title {
        max-width: 80%;
    }
}
@media (min-width: 1280px) {
    .recruit-catch {
        padding-bottom: 8rem;
    }
    .recruit-catch-text p + p {
        margin-top: 2rem;    
    }
    
}
/*----------------------------------------------------
 recruit-catch
----------------------------------------------------*/
.recruit-job {
    padding:  0 0 3rem;
}

.recruit-job-each {
    margin-bottom: 3rem;
}

.recruit-job-each-in {
    margin: 0 auto;
    max-width: 1200px;
    padding:  0 1rem;
}

.recruit-job-each:nth-child(2) {
    background: url(img/recruit-bg2.png) no-repeat center center;
    background-size: auto 100%;
    padding:  4rem 0;
}

/* title */
.recruit-job-title {
    margin-bottom: 1rem;
}

/* info */
.recruit-job-info {
    margin-bottom: 1rem;
}

.recruit-job-text ul {
    margin-left: 0;
    padding-left: 1rem;
}

.recruit-job-text li {
    font-weight: bold;
    list-style-type: none;
    padding-left: 1.125rem;
    position: relative;
}
.recruit-job-text li + li {
    margin-top: .5rem;
}

.recruit-job-text li::before {
    content: '●';
    color: #4AC2D2;
    position: absolute;
    left: 0;
    top: 0;
}

/* suitable */
.recruit-job-suitable {
    border: 10px solid rgba(74, 194, 210, .2);
    border-radius: 1rem;
    padding: 1rem;
}
.recruit-job-suitable-title {
    margin-bottom: 2rem;
}
.recruit-job-suitable-title img {
    margin: 0 auto;
    max-width: 80%;
}
.recruit-job-suitable ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.recruit-job-suitable li {
    background: url(img/icon-checkbox.png) no-repeat left top;
    background-size: auto 1.25rem;
    font-size: .875rem;
    padding-left: 1.5rem;
}
.recruit-job-suitable li + li {
    border-top: 2px dashed #B4B4B5;
    background-position: left top 1rem;
    margin-top: .5rem;
    padding-top: .75rem;
}

/* char */
.recruit-job-suitable-char {
    margin-bottom: 2rem;
}
.recruit-job-suitable-char img {
    margin: 0 auto;
    max-width: 30%;
}

@media (min-width: 768px) {
    .recruit-job-each {
        margin-bottom: 5rem;
    }
    .recruit-job-each-in {
        padding:  0 2rem;
    }
    
    .recruit-job-each:nth-child(2) {
        background: url(img/recruit-bg2.png) repeat-x center center;
        background-size: auto 100%;
        padding:  6rem 2rem;
    }
    
    /* title */
    .recruit-job-title {
        margin-bottom: 1.5rem;
    }
    
    /* info */
    .recruit-job-info {
        margin-bottom: 2rem;
    }
    
    .recruit-job-text {
        width: 57%;
    }
    .recruit-job-text li {
        padding-left: 1.25rem;
    }

    /* img */
    .recruit-job-img {
        padding-left: 2rem;
        width: 43%;
    }
    /* suitable */
    .recruit-job-suitable {
        border-width: 1.25rem;
        border-radius: 2rem;
        padding: .5rem 2rem;
        position: relative;
    }
    .recruit-job-suitable-title {
        margin-bottom: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        left: 0;
        text-align: center;
        width: 50%;
    }
    .recruit-job-suitable-title img {
        max-width: 70%;
    }
    .recruit-job-suitable ul {
        margin-left: 45%;
    }
    /* char */
    .recruit-job-suitable-char {
        margin-bottom: 0;
        position: absolute;
        left: -3rem;
        bottom: -1.25rem;
    }
    .recruit-job-suitable-char img {
        margin: 0 auto;
        max-width: 7rem;
    }
    .recruit-job-each:nth-child(2) .recruit-job-suitable-char {
        left: -4.5rem;
    }
    .recruit-job-each:nth-child(2) .recruit-job-suitable-char img {
        margin: 0 auto;
        max-width: 8.5rem;
    }
}
@media (min-width: 1024px) {
    /* title */
    .recruit-job-title {
        max-width: 78.5%;
    }
}
@media (min-width: 1280px) {
    .recruit-job-each {
        margin-bottom: 8rem;
    }
    .recruit-job-each:nth-child(2) {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .recruit-job-text li {
        font-size: 1.125rem;
    }
    /* suitable */
    .recruit-job-suitable-title {
        width: 45%;
    }
    .recruit-job-suitable ul {
        margin-left: 40%;
    }
    .recruit-job-suitable li {
        font-size: 1rem;
        padding-left: 1.75rem;
    }
}

/*----------------------------------------------------
 recruit-link
----------------------------------------------------*/
.recruit-link {
    margin-bottom: 3rem;
    position: relative;
}

.recruit-link-in {
    border-top: 2px solid rgba(74, 194, 210, .2);
    border-bottom: 2px solid rgba(74, 194, 210, .2);
    padding: .5rem 0;
}

.recruit-link-title {
    background: rgba(74, 194, 210, .2);
    padding: 1rem;
}
.recruit-link-title img {
    margin: 0 auto;
    max-width: 80%;
}

.recruit-link-new,
.recruit-link-mid {
    padding: 1rem 0;
    width: 40%;
}

@media (min-width: 768px) {
    .recruit-link {
        margin-bottom: 8rem;
    }
    .recruit-link-title {
        padding: 2rem 0;
    }
    .recruit-link-title img {
        width: 40%;
    }
    .recruit-link-btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }
    .recruit-link-btn-in {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 2rem;
    }
    .recruit-link-new,
    .recruit-link-mid {
        width: 20%;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
    .recruit-link {
        border-top: 2px solid rgba(74, 194, 210, .2);
        border-bottom: 2px solid rgba(74, 194, 210, .2);
        padding: .5rem 0;
        margin-bottom: 10rem;
    }

    .recruit-link-in {
        background: rgba(74, 194, 210, .2);
        border-top: 0;
        border-bottom: 0;
        padding: 2rem;
    }
    .recruit-link-title {
        background: transparent;
        padding: 0;
    }
    .recruit-link-title img {
        width: 36%;
    }
}

/*----------------------------------------------------
 recruit-origin
----------------------------------------------------*/
.recruit-origin {
    background: url(img/recruit-bg2.png) repeat-x  center center;
    background-size: auto 100%;
    margin-bottom: 3rem;
    padding: 4rem 0;
}

.recruit-origin-main-in {
    max-width: 1200px;
    margin: 0 auto;
    padding:  0 1rem;
}

.recruit-origin-info {
    margin-bottom: 1rem;
}

.recruit-origin-text p + p {
    margin-top: 1rem;
}
.recruit-origin-info img {
    margin-top: .25rem;
}

@media (min-width: 768px) {
    .recruit-origin {
        margin-bottom: 6rem;
        padding:  6rem 0;
    }
    .recruit-origin-in {
        padding:  0 2rem;
    }
    .recruit-origin-img {
        width: 41.3%;
    }
    .recruit-origin-info {
        margin-bottom: 0;
        padding-left: 2rem;
        order: 2;
        width: 58.7%;
    }
}
@media (min-width: 1024px) {
    .recruit-origin-text p + p {
        margin-top: 2rem;
    }
}
@media (min-width: 1280px) {
    .recruit-origin {
        margin-bottom: 10rem;
        padding:  7rem 0;
    }
}

/*----------------------------------------------------
 modal
----------------------------------------------------*/
.modal {
   display: flex;
   align-items: center;
   justify-content: center;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow-y: scroll;
   background-color: #EAE8EC;
   z-index: 10001;
}

.modal a {
    cursor: pointer;
}

@media screen and (min-width:1320px) {
    .modal {
        align-items: center;
    }
}
@media screen and (min-width:769px) and (max-width:1319px) {
    .modal {
        align-items: center;
    }
}
@media screen and (min-width:450px) and (max-width:768px) {
  .modal {
      overflow-y: scroll;
    }
}

/*----------------------------------------------------
 search
----------------------------------------------------*/
.search-form {
    display: inline-block;
    height: 40px;
    position: relative;
}

.search-form button {
    background: rgba(0, 123, 255, 0.5);
    border: 0;
    border-radius: 0 2rem 2rem 0;
    color: #fff;
    content: "\f179";
    font-family: 'dashicons';
    font-weight: bold;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.search-form button span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.search-form input {
    border-color: rgba(0, 123, 255, 0.5);
    border-radius: 2rem;
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    padding-left: 1rem;
    padding-right: 60px;
    max-width: 100%;
}

/*----------------------------------------------------
 company history
----------------------------------------------------*/
.history-mediwakou {
    opacity: .25;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 50%;
}

@media (min-width: 768px) {
    .history-mediwakou {
        max-width: 100px;
    }
}

/*----------------------------------------------------
 company mainclient
----------------------------------------------------*/
@media (min-width: 768px) {
    .mainclient-table {
        width: 100%;
    }
    .mainclient-table td {
        width: 50%;
    }
}

/*----------------------------------------------------
 smooth-text
----------------------------------------------------*/
.smooth-text {
    clip-path: inset(0 100% 0 0);
    transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
    transition-property: clip-path;
}
.smooth-text.is-animated {
    clip-path: inset(0);
}

/*----------------------------------------------------
 fadein
----------------------------------------------------*/
.fadein {
    opacity: 0;
}

.is-animated .fadein {
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-name: fadein;
    animation-timing-function: ease;
}

@keyframes fadein {
    100% {  opacity: 1;}
}

/*以下遅延の指定*/
.delay-1 {animation-delay: 1s;}
.delay-2 {animation-delay: 2s;}
.delay-3 {animation-delay: 3s;}
.delay-4 {animation-delay: 4s;}
.delay-5 {animation-delay: 5s;}
.delay-6 {animation-delay: 6s;}
.delay-7 {animation-delay: 7s;}
.delay-8 {animation-delay: 8s;}
.delay-9 {animation-delay: 9s;}
.delay-10 {animation-delay: 10s;}
.delay-11 {animation-delay: 11s;}
.delay-12 {animation-delay: 12s;}
.delay-13 {animation-delay: 13s;}
.delay-14 {animation-delay: 14s;}
.delay-15 {animation-delay: 15s;}
.delay-16 {animation-delay: 16s;}
.delay-17 {animation-delay: 17s;}
.delay-18 {animation-delay: 18s;}
.delay-19 {animation-delay: 19s;}

/*----------------------------------------------------
 トップアニメーション
----------------------------------------------------*/
.main-visual-title {
    top: 7%;
}
.main-visual-about {
    top: 24%;
}

@media (min-width: 768px) {
    .main-visual-title {
        top: 4%;
    }
    .main-visual-about {
        top: 13.5%;
    }
}


@keyframes spin {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

@keyframes fuwafuwa {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(-10px);
    }
    75% {
        transform: translateY(10px);
    }
}
@keyframes fuwafuwa_s {
    0%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-5px);
    }
    75% {
        transform: translateY(5px);
    }
}
@keyframes hachidori {
    0%, 100% {
        transform: translateY(0);
    }
    23% {
        transform: translateY(0);
    }
    25% {
        transform: translate(25px, 15px);
    }
    48% {
        transform: translate(25px, 15px);
    }
    50% {
        transform: translate(-15px, 2.5px);
    }
    73% {
        transform: translate(-15px, 2.5px);
    }
    75% {
        transform: translate(25px, -25px);
    }
    98% {
        transform: translate(25px, -25px);
    }
}

@keyframes headshake {
    0%, 100% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    51% {
        transform: rotate(5deg);
    }
    99% {
        transform: rotate(5deg);
    }
}

@keyframes headshake2 {
    0%, 100% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(1);
    }
    51% {
        transform: scaleX(-1);
    }
    99% {
        transform: scaleX(-1);
    }
}

@keyframes headshake3 {
    0%, 100% {
        transform: rotate(2deg);
    }
    50% {
        transform: rotate(2deg);
    }
    51% {
        transform: rotate(-2deg);
    }
    99% {
        transform: rotate(-2deg);
    }
}

@keyframes clock {
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }

    20% {
        opacity: 1;
    }
    22% {
        opacity: 0;
        transform: rotate(0deg);
    }
    23% {
        opacity: 0;
        transform: rotate(90deg);
    }
    25% {
        opacity: 1;
    }

    45% {
        opacity: 1;
    }
    47% {
        opacity: 0;
        transform: rotate(90deg);
    }
    48% {
        opacity: 0;
        transform: rotate(180deg);
    }
    50% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }
    72% {
        opacity: 0;
        transform: rotate(180deg);
    }
    73% {
        opacity: 0;
        transform: rotate(270deg);
    }
    75% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }
    97% {
        opacity: 0;
        transform: rotate(270deg);
    }
    98% {
        opacity: 0;
        transform: rotate(0);
    }
    100% {
        opacity: 1;
    }
}

@keyframes ball {
    0%, 100% {
        top: 88.504753673293%;
    }
    40% {
        top: 90.838375108038%;
    }
}

@keyframes yureru {
    0%, 100% {
        transform: rotate(-2.5deg);
    }
    50% {
        transform: rotate(5deg);
    }
}

.main-visual > .main-visual-sp {
    position: relative;
}

.main-visual-item {
    height: auto;
    position: absolute;
}

/* 観覧車周り */
.main-visual .main-visual-ferris-wheel {
    animation: spin 60s linear 0s infinite;
    top: 36.9922212618842%;
    left: 34.765625%;
    width: 14.453125%;
}
.main-visual .main-visual-ferris-wheel2 {
    top: 41.8323249783924%;
    left: 38.0208333333333%;
    width: 7.8125%;
}
.main-visual .main-visual-couple {
    top: 42.523768366465%;
    left: 33.8541666666667%;
    width: 9.24479166666667%;
}
/* 風車 */
.main-visual .main-visual-windmill1 {
    animation: spin 30s linear 0s infinite;
    top: 27.2255834053587%;
    left: 72.5260416666667%;
    width: 6.25%;
}
.main-visual .main-visual-windmill2 {
    animation: spin 30s linear 0s infinite;
    top: 26.5341400172861%;
    left: 75.390625%;
    width: 6.25%;
}
/* 気球・船 */
.main-visual .main-visual-balloon {
    animation: fuwafuwa_s 8s linear 0s infinite;
    top: 19.1011235955056%;
    left: 10.0260416666667%;
    width: 6.77083333333333%;
}
.main-visual .main-visual-ship {
    animation: fuwafuwa_s 12s linear 0s infinite;
    top: 31.2878133102852%;
    left: 21.6145833333333%;
    width: 15.234375%;
}
/* ハチドリ */
.main-visual .main-visual-hachidori {
    animation: fuwafuwa_s 3s linear 0s infinite;
    top: 77.2687986171132%;
    left: 38.671875%;
    width: 2.47395833333333%;
}
/* ドローン */
.main-visual .main-visual-doron {
    animation: fuwafuwa_s 4s linear 0s infinite;
    top: 71.218668971478%;
    left: 70.703125%;
    width: 4.94791666666667%;
}
/* 顔 */
.main-visual .main-visual-face1 {
    animation: headshake 2s infinite;
    transform-origin: center bottom;
    top: 46.4995678478825%;
    left: 6.25%;
    width: 2.08333333333333%;
}
.main-visual .main-visual-face2 {
    animation: headshake2 4s infinite;
    transform-origin: center bottom;
    top: 61.3656006914434%;
    left: 88.4114583333333%;
    width: 2.08333333333333%;
}
.main-visual .main-visual-face3 {
    animation: headshake3 2s infinite;
    transform-origin: center bottom;
    top: 74.1573033707865%;
    left: 89.1927083333333%;
    width: 2.34375%;
}
.main-visual .main-visual-face4 {
    animation: headshake 2s infinite;
    transform-origin: center bottom;
    top: 74.675885911841%;
    left: 92.578125%;
    width: 2.21354166666667%;
}
/* 時計 */
.main-visual .main-visual-clock1 {
    animation: clock 30s infinite;
    top: 61.1063094209162%;
    left: 76.3020833333333%;
    width: 1.5625%;
}
.main-visual .main-visual-clock2 {
    animation: clock 30s infinite;
    top: 75.1944684528954%;
    left: 21.3541666666667%;
    width: 1.5625%;
}
/* バール */
.main-visual .main-visual-ball {
    animation: ball 3s infinite;
    top: 88.504753673293%;
    left: 92.3177083333333%;
    width: 1.5625%;
}
/* 時計 */
.main-visual .main-visual-tree1 {
    animation: yureru 6s infinite;
    transform-origin: center bottom;
    top: 59.3777009507347%;
    left: 38.9322916666667%;
    width: 4.94791666666667%;
}
.main-visual .main-visual-tree2 {
    animation: yureru 6s linear .5s infinite;
    transform-origin: center bottom;
    top: 57.2169403630078%;
    left: 45.5729166666667%;
    width: 5.078125%;
}

@media (min-width: 768px) {
    @keyframes ball {
        0%, 100% {
            top: 71.8016654049962%;
        }
        40% {
            top: 73.9212717638153%;
        }
    }
    
    /* 観覧車周り */
    .main-visual .main-visual-ferris-wheel {
        top: 22.1423164269493%;
        left: 33.2291666666667%;
        width: 11.7708333333333%;
    }
    .main-visual .main-visual-ferris-wheel2 {
        top: 26.4193792581378%;
        left: 35.9375%;
        width: 6.35416666666667%;
    }
    .main-visual .main-visual-couple {
        top: 28.5011355034065%;
        left: 38.2291666666667%;
        width: 7.55208333333333%;
    }
    /* 風車 */
    .main-visual .main-visual-windmill1 {
        top: 14.1559424678274%;
        left: 72.0833333333333%;
        width: 5%;
    }
    .main-visual .main-visual-windmill2 {
        top: 14.7615442846329%;
        left: 69.6875%;
        width: 5.26041666666667%;
    }
    /* 気球・船 */
    .main-visual .main-visual-balloon {
        animation-name: fuwafuwa;
        top: 8.51627554882665%;
        left: 19.7395833333333%;
        width: 5.57291666666667%;
    }
    .main-visual .main-visual-ship {
        top: 17.6003028009084%;
        left: 28.90625%;
        width: 12.5%;
    }
    /* ハチドリ */
    .main-visual .main-visual-hachidori {
        animation-name: fuwafuwa;
        top: 60.2952308856927%;
        left: 37.6041666666667%;
        width: 2.08333333333333%;
    }
    /* ドローン */
    .main-visual .main-visual-doron {
        top: 54.1256623769871%;
        left: 66.5625%;
        width: 4.11458333333333%;
    }
    /* 顔 */
    .main-visual .main-visual-face1 {
        top: 29.9394398183195%;
        left: 13.59375%;
        width: 1.71875%;
    }
    .main-visual .main-visual-face2 {
        top: 44.5495836487509%;
        left: 85.5208333333333%;
        width: 1.97916666666667%;
    }
    .main-visual .main-visual-face3 {
        top: 52.9901589704769%;
        left: 89.7395833333333%;
        width: 1.875%;
    }
    .main-visual .main-visual-face4 {
        top: 53.4822104466313%;
        left: 92.5520833333333%;
        width: 2.03125%;
    }
    /* 時計 */
    .main-visual .main-visual-clock1 {
        top: 45.2308856926571%;
        left: 72.7604166666667%;
        width: 1.30208333333333%;
    }
    .main-visual .main-visual-clock2 {
        top: 58.6298258894777%;
        left: 20.46875%;
        width: 1.35416666666667%;
    }
    /* バール */
    .main-visual .main-visual-ball {
        top: 71.8016654049962%;
        left: 91.1979166666667%;
        width: 1.30208333333333%;
    }
    /* 時計 */
    .main-visual .main-visual-tree1 {
        top: 43.6033308099924%;
        left: 42.0833333333333%;
        width: 4.0625%;
    }
    .main-visual .main-visual-tree2 {
        top: 41.6729750189251%;
        left: 47.6041666666667%;
        width: 4.11458333333333%;
    }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 パスワード保護
----------------------------------------------------*/
.post-password-form p {
    margin-bottom: 1rem;
}