@charset "UTF-8";

/* CSS Document */

@media screen and (max-width: 1000px) {
    .header .header_content .navgation ul li {
        padding: 0px;
    }
}

@media screen and (max-width: 768px) {
    .header .menu_btn {
        display: block;
    }
    .header .navgation {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
    p {
        font-size: 4vw;
        /* line-height: 6vw!important; */
    }
	 a[href*="tel:"]{
		pointer-events: auto;
		 font-size: calc(18 / 390 * 100vw);
	  }
    /* header */
    .header .header_content {
        display: flex;
        padding: calc(10/390*100vw) calc(20/390*100vw);
        width: 100%;
    }
    .header .header_content .logo {
        text-align: center;
        z-index: 10;
    }
    .header .header_content .menu_btn {
        position: absolute;
        right: 5%;
        text-align: center;
    }
    .header .header_content .menu_btn h6 {
        font-size: 3vw;
        font-weight: 800;
        color: #18603A;
    }
    .overlay-content ul li a {
        color: white;
        font-size: calc(28/390*100vw);
        padding-bottom: calc(80 / 390 * 100vw);
    }
    .logo a img {
        width: 45%;
    }
    .logo p {
        font-size: 3vw;
        line-height: 3vw!important;
    }
    .header_entry {
        font-size: 3vw;
    }
    .overlay {
        width: 100%!important;
        height: 100vh;
    }
    .hamburger-header {
        padding: 0 3% 0 0;
    }
    .hamburger {
        padding: 2% 0 5% 7%;
    }
    .hamburger a {
        align-items: flex-end;
    }
    .hamburger a p {
        font-size: 3vw;
        line-height: 3vw!important;
    }
    .hamburger_entry a {
        font-size: 3vw;
    }
    .overlay-content {
        margin: calc(210/390*100vw) calc(50/390*100vw);
    }
    .overlay ul li a span {
        width: calc(22 /390*100vw);
        height: calc(15 /390*100vw);
        margin-right: calc(15 /390*100vw);
    }
    .overlay-content ul.main-menu li {
        padding: 5% 3%;
    }
    .overlay-content ul.main-menu li a {
        font-size: 3.5vw!important;
    }
    .sub-menu li a {
        font-size: 3vw!important;
    }
    .overlay-content ul.main-menu {
        margin: 5% 7% 5% 7%;
    }
    .overlay-content p {
        font-size: 2vw;
    }
    /* header */
    .logo a p {
        color: #fff;
        font-size: calc(9/390*100vw);
    }
    .logo a img {
        padding: calc(7/390*100vw) 0;
        width: calc(145/390*100vw);
    }
    .menu_btn .container {
        padding: 12px 7px;
    }
    .bar1,
    .bar2,
    .bar3 {
        width: 15px;
    }
    /* top banner section */
    .top-banner {
        position: relative;
        background: url(../img/top_fv_sp.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    .fv-txt {
        padding: calc(100/390*100vw) calc(20/390*100vw) calc(400/390*100vw);
        color: #fff;
    }
    .fv-txt h2 {
        font-size: calc(32/390*100vw);
        line-height: 1.5;
    }
    .fv-txt h5 {
        font-size: calc(20/390*100vw);
        padding-top: calc(10/390*100vw);
    }
    .scroll-indicator {
        bottom: calc(-34/390*100vw);
    }
    .scroll-indicator a {
        font-size: calc(12/390*100vw);
    }
    .scroll-bar {
        height: calc(66/390*100vw);
    }
    /* about section */
    .about {
        position: relative;
        background: url(../img/about_bk_sp.png) no-repeat;
        background-size: 100% 100%;
        background-position: center;
    }
    .about-inner {
        padding: calc(135/390*100vw) calc(20/390*100vw) calc(100/390*100vw);
    }
    .sub-title {
        font-size: calc(18/390*100vw);
    }
    .about-txt {
        padding: calc(40/390*100vw) calc(20/390*100vw) 0 calc(30/390*100vw);
        display: block;
    }
    .about-txt h4 {
        font-size: calc(28/390*100vw);
        width: 100%;
    }
    .about-txt p {
        font-size: calc(14/390*100vw);
    }
    .about-txt p:last-child {
        padding-top: calc(40/390*100vw);
    }
    .about-p {
        padding-top: calc(55 / 390 * 100vw);
        width: 100%;
    }
    /* intro section */
    .intro {
        display: block;
    }
    .intro img:last-child {
        width: 100%;
    }
    /* corporate section */
    .corporate {
        padding: calc(80 /390*100vw) 0 calc(60 /390*100vw);
        background: url(../img/company_bk_sp.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .sec-title h2 {
        font-weight: 600;
        font-size: calc(38/390*100vw);
    }
    .corporate-boxes {
        display: block;
        gap: 0;
        padding: calc(40 /390*100vw) calc(70 /390*100vw);
    }
    .corporate-box {
        height: calc(370/390*100vw);
		width: calc(250 /390*100vw);
        margin-bottom: calc(30/390*100vw);
    }
    .corporate-box h5 {
        padding: calc(22 /390*100vw);
        font-size: calc(22 /390*100vw);
    }
    .corporate-box a img {
        width: calc(36/390*100vw);
    }
    .corporate-box>img {
        width: calc(250 /390*100vw);
    }
    /* recruit section */
    .recruit {
        background: url(../img/recruit_bk_sp.png) no-repeat;
        background-size: cover;
        position: relative;
        background-position: center;
    }
    .recruit-inner {
        padding: calc(60 /390*100vw) 0 calc(260 /390*100vw)
    }
    .recruit-inner .sub-title {
        font-size: calc(18 /390*100vw);
    }
    .recruit-inner .sec-title h2 {
        font-size: calc(38 /390*100vw);
    }
    .recruit-inner a {
        font-size: calc(14 /390*100vw);
        padding: calc(8 / 390 * 100vw) calc(16 / 390 * 100vw) calc(10 / 390 * 100vw);
        width: calc(170 /390*100vw);
    }
    .recruit-inner p {
        padding: calc(30 /390*100vw) 0 calc(30 /390*100vw);
        font-size: calc(14 /390*100vw);
    }
    .recruit-inner a img {
        width: calc(16 /390*100vw);
    }
    /* store section */
    .store {
        background: url(../img/store_bk_sp.png) no-repeat;
        background-size: cover;
        position: relative;
        background-position: center;
        padding: calc(80 /390*100vw) calc(20 /390*100vw) calc(100 /390*100vw);
    }
    .store .sec-title h2 {
        font-size: calc(38 /390*100vw);
    }
	.store-box{
		scroll-margin-top: calc(80/390*100vw);
	}
    .store-inner {
        padding-top: calc(50 /390*100vw);
        display: block;
    }
    .store-img img {
        width: 100%;
    }
    .store-contents {
        width: 100%;
    }
    .store-content {
        padding: calc(22 /390*100vw) 0;
    }
    .store-txt h5 {
        font-size: calc(20 /390*100vw);
        padding-bottom: calc(10 /390*100vw);
    }
    .store-txt p, .store-txt p a {
        font-size: calc(14 /390*100vw);
    }
    .store-content a img {
        width: calc(36 /390*100vw);
    }
    .store-img {
        padding-bottom: calc(40 /390*100vw);
    }
    /* news section */
    .news {
        background: url(../img/news_bk_sp.png) no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        padding: calc(80 /390*100vw) calc(20 /390*100vw) calc(100 /390*100vw);
    }
    .news .sec-title {
        display: block;
        text-align: center;
    }
    .news .sec-title h2 {
        padding-right: calc(22 /390*100vw);
    }
    .news-content {
        padding-top: calc(50 /390*100vw);
    }
    .news-line {
        display: block;
        padding: calc(18 /390*100vw);
    }
    .news-line .post-date {
        padding: 0 0 calc(13 /390*100vw);
        font-size: calc(14 /390*100vw);
    }
    .news-line .post-title {
        font-size: calc(14 /390*100vw);
        letter-spacing: normal;
    }
    /* footer section */
    footer {
        background: url(../img/footer_bk_sp.png) no-repeat;
        background-size: cover;
        position: relative;
        background-position: center;
        padding: calc(60 /390*100vw) 0 calc(150 /390*100vw);
    }
    .footer-logo a img {
        width: calc(195 /390*100vw);
    }
    .footer-menu ul {
        padding: calc(45 /390*100vw) 0 calc(40 /390*100vw) calc(115 /390*100vw);
        list-style: none;
        display: block;
        text-align: left;
        margin: 0;
    }
    .footer-menu ul li {
        padding-bottom: calc(40 /390*100vw);
    }
    .footer-menu ul li a {
        font-size: calc(18 /390*100vw);
        padding-right: 0;
    }
    .footer-menu ul li a span {
        width: calc(18 /390*100vw);
        height: calc(12 /390*100vw);
        margin-right: calc(10 /390*100vw);
    }
    .copyright {
        font-size: calc(12 /390*100vw);
    }
    /* company page top banner section */
    .company-top-banner {
        position: relative;
        background: url(../img/company_fv_sp.png) no-repeat;
        background-position: center;
        background-size: cover;
    }
    .company-top-banner .fv-txt {
        padding: calc(120 / 390* 100vw) calc(90 / 390* 100vw) calc(375 / 390* 100vw);
        text-align: center;
    }
    .company-top-banner .fv-txt h2 {
        line-height: 1;
        font-size: calc(42/390* 100vw);
    }
    .company-top-banner .fv-txt h5 {
        font-size: calc(20/390* 100vw);
        padding-top: calc(10/390* 100vw);
    }
    /* company page company about section */
    .company-about {
        position: relative;
        background: url(../img/company_about_bk_sp.png) no-repeat;
        background-position: center;
        background-size: cover;
        padding: calc(135 / 390* 100vw) 0 calc(100 / 390* 100vw);
    }
    .company-about .about-txt {
        padding: calc(60 / 390* 100vw) calc(55 / 390* 100vw) calc(40 / 390* 100vw);
    }
    .about-imgs {
        display: block;
    }
    .about-imgs img:nth-child(2) {
        width: 100%;
    }
    .about-imgs img:last-child {
        width: calc(348 / 390* 100vw);
        padding-left: calc(26 / 390* 100vw);
        padding-right: calc(16 / 390* 100vw);
        margin-top: calc(-15 / 390* 100vw);
    }
    .company-info {
        padding: calc(40 / 390* 100vw) calc(20 / 390* 100vw) 0;
    }
    .info-line {
        padding: calc(20 / 390* 100vw) 0 calc(20 / 390* 100vw) calc(12 / 390* 100vw);
    }
    .info-line h6 {
        font-size: calc(16 / 390* 100vw);
        width: calc(80 / 390* 100vw);
    }
    .info-line h6 span {
        width: calc(16 / 390* 100vw);
        height: calc(10 / 390* 100vw);
        margin-right: calc(5 / 390* 100vw);
    }
    .info-line p {
        font-size: calc(14 / 390* 100vw);
    }
    /* company page company message section */
    .company-message {
        position: relative;
        background: url(../img/company_bk_sp.png) no-repeat;
        background-position: center;
        background-size: cover;
        padding: calc(80 / 390* 100vw) 0 calc(100 / 390* 100vw);
    }
    .message-content {
        display: block;
        gap: 0;
        padding: calc(40 / 390* 100vw) calc(20 / 390* 100vw) 0;
    }
    .boss-info {
        height: calc(380/390* 100vw);
        margin: 0 calc(50 / 390* 100vw) calc(30 / 390* 100vw);
    }
    .boss-info img {
        width: calc(248/390* 100vw);
    }
    .boss-info h4 {
        padding-bottom: calc(48 / 390* 100vw);
        font-size: calc(30 / 390* 100vw);
    }
    .boss-info h4 span {
        font-size: calc(22 / 390* 100vw);
    }
    .message-txt p {
        font-size: calc(12 / 390* 100vw);
    }
    /* company page company recruit section */
    .company-recruit-inner {
        position: relative;
        background: url(../img/company_recruit_bk.png) no-repeat;
        background-position: center;
        background-size: cover;
        padding: calc(80 / 390* 100vw) 0 calc(50 / 390* 100vw);
    }
    .company-recruit-innerimg {
        width: 90%;
        padding: calc(50 / 390* 100vw) calc(20 / 390* 100vw);
    }
    .company-recruit-inner h4 {
        font-size: calc(14 / 390* 100vw);
    }
    .recruit-items {
        margin: 0 calc(20 / 390* 100vw) calc(30 / 390* 100vw);
        border-radius: calc(20 / 390* 100vw);
        padding: calc(30 / 390* 100vw) calc(30 / 390* 100vw) calc(50 / 390* 100vw);
    }
    .recruit-items h3 {
        font-size: calc(24 / 390* 100vw);
        padding-bottom: calc(30 / 390* 100vw);
    }
    .recruit-line {
        padding: calc(20 / 390* 100vw) calc(10 / 390* 100vw);
    }
    .recruit-line h6 {
        font-size: calc(16 / 390* 100vw);
        color: #FCBEAF;
        width: calc(104 / 390* 100vw);
    }
    .recruit-line h6 span {
        width: calc(16 / 390* 100vw);
        height: calc(10 / 390* 100vw);
        margin-right: calc(5 / 390* 100vw);
    }
    .recruit-line p {
        font-size: calc(14 / 390* 100vw);
    }
    /* company page form section */
    .recruit-form {
        margin: 0 calc(20 / 390* 100vw) calc(100 / 390* 100vw);
        padding: calc(30 / 390* 100vw) calc(30 / 390* 100vw) calc(50 / 390* 100vw);
        border-radius: calc(20 / 390* 100vw);
    }
    .recruit-form .form-title h3 {
        font-size: calc(24 / 390* 100vw);
        padding-bottom: calc(12 / 390* 100vw);
    }
    .recruit-form .form-title h6 {
        font-size: calc(14 / 390* 100vw);
    }
    .form-inner {
        padding-top: calc(30 / 390* 100vw);
    }
    .form-inner button {
        margin-top: calc(30 / 390* 100vw);
    }
    .form-line {
        display: block;
        padding: calc(18 / 390* 100vw) 0;
    }
    .form-line h6 {
        font-size: calc(16 / 390* 100vw);
        color: #007DF3;
        width: 100%;
        padding-left: calc(12 / 390* 100vw);
    }
    .form-line h6 span {
        width: calc(16 / 390* 100vw);
        height: calc(10 / 390* 100vw);
        margin-right: calc(5 / 390* 100vw);
    }
    .form-line input {
        width: 90%;
        padding: calc(10 / 390* 100vw) calc(12 / 390* 100vw);
        font-size: calc(12 / 390* 100vw);
        margin: calc(10 / 390* 100vw) 0 0;
    }
    .form-line input::placeholder {
        font-size: calc(12 / 390* 100vw);
    }
    .form-inner button {
        margin: calc(30 / 390 * 100vw) auto 0;
        padding: calc(8 / 390 * 100vw) calc(20 / 390 * 100vw) calc(10 / 390 * 100vw);
        font-size: calc(16 / 390 * 100vw);
        width: calc(150 / 390 * 100vw);
    }
    .form-inner button img {
        width: calc(16 / 390* 100vw);
    }
    /* store page top banner section */
    
    .s_store_fv {
        display: flex;
        flex-direction: column;
    }

    .s_store_fv .left {
        width: 100%;
        padding-top: 0;
    }

    .s_store_fv .left .fv-txt {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .s_store_fv .img-div {
        width: 100%;
        height: calc(280/390*100vw);
        position: relative;
        overflow: hidden;
    }

    .s_store_fv .img-div img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
    }

    .s_store_fv .img-div img.active {
        position: relative;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* store page store lists section */
    .store-lists {
        padding: calc(75/390* 100vw) calc(20/390* 100vw) calc(40/390* 100vw);
    }
    .store-box {
        padding: calc(60/390* 100vw) 0;
    }
    .store-box h3 {
        font-size: calc(28/390* 100vw);
        padding-bottom: calc(40/390* 100vw);
    }
    .store-info {
        display: block;
        gap: 0;
    }
    .store-map iframe {
        width: 100%;
        height: calc(230/390* 100vw);
        border-radius: calc(5/390*100vw);
    }
    .store-detail {
        width: 100%;
    }
    .open-time {
        padding-top: calc(30/390* 100vw);
    }
    .open-time h6 {
        font-size: calc(16 / 390* 100vw);
    }
    .phone,
    .address {
        display: flex;
        align-items: center;
        padding-bottom: calc(10 / 390* 100vw);
    }
    .phone h6,
    .address h6 {
        font-size: calc(16 / 390* 100vw);
		width: calc(85 / 390* 100vw);
    }
    address h6 {
        width: calc(85 / 390* 100vw);
    }
    .open-time h6 span,
    .phone h6 span,
    .address h6 span {
        width: calc(16 / 390* 100vw);
        height: calc(10 / 390* 100vw);
        margin-right: calc(5 / 390* 100vw);
    }
    .store-other {
        padding-top: calc(17/390* 100vw);
        display: block;
        padding-bottom: calc(10/390* 100vw);
    }
    .store-other .phone {
        width: 100%;
    }
    .store-other p {
        padding-left: calc(16/390* 100vw);
        font-size: calc(14/390* 100vw);
    }
	 .store-other p a{
        font-size: calc(14/390* 100vw);
    }
    .schedule-table th:first-child {
        width: calc(43/390* 100vw);
    }
    .schedule-table th,
    .schedule-table td {
        padding: calc(6/390* 100vw);
        font-size: calc(16/390* 100vw);
        font-weight: bold;
    }
    .schedule-table .time {
        font-size: calc(12/390* 100vw);
    }
    .circle {
        width: calc(12/390* 100vw);
        height: calc(12/390* 100vw);
        border-radius: 50%;
    }
    .blue .circle {
        border: 3px solid #007DF3;
    }
    .pink .circle {
        border: 3px solid #EEA694;
    }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {}