@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor theme will allow you to build a high-quality web site. It is possible to change the color, to switch to a completely different design. In addition, it is also possible to increase the number of designs by plug-ins.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version: 1.8.18

Tags: white, red, blue, black, green, orange, purple, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: biz-vektor
License: GNU General Public License
License URI: license.txt


BizVektor WordPress theme, Copyright (C) 2016 Vektor,Inc.
BizVektor WordPress theme is licensed under the GPL.
*/


/* -------------------->>> COMMON <<<-------------------- */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

body {
    background: url("images/body-bg.jpg") repeat scroll center top;
    font-family: "KozGoPr6N-Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #000000;
    font-size: 1.6rem;
    line-height: 2.6rem;
    overflow-x: hidden;
    font-weight: 400;
    letter-spacing: 0.75px;
}

#wrap {
    width: 100%;
    /* max-width: 160rem; */
    margin: 0 auto;
    position: relative;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:before,
.container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

.container {
    width: 100%;
    max-width: 105.4rem;
}


a {
    color: #FF6300;
    text-decoration: none;
}

a:visited {
    color: #FF6300;
    text-decoration: none;
}

a:hover,
a:visited:hover {
    color: #000;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 700;
}


input:focus {
    outline: none;
}

a img {
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}

a img:hover {
    opacity: 0.7;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

/** moreBox animated **/

.more {
    display: inline-block;
    text-align: center;
    position: relative;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 1.1rem;
    line-height: 3.87rem;
    width: 100%;
    max-width: 17.2rem;
    padding: 0 5px;
    background: #FF6300;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    color: #fff !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .more {
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    }
}

.more:after {
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
    position: absolute;
    right: 1rem;
    top: 0;
}

.more:hover {
    border: none;
    color: #fff !important;
    background: #FFA545;
}

.navbar {
    border: none;
    padding: 0;
    margin: 0;
    min-height: auto;
    border-radius: 0;
}

.navbar .nav {
    float: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999;
}

.navbar .nav li {
    float: none;
    padding: 0 2rem;
    border-left: 2px solid #fff;
}

.navbar .nav li a {
    color: #fff;
    font-weight: 700;
    display: block;
    font-family: "RyuminPro-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    line-height: 1.8rem;
    overflow: hidden;
    position: relative;
    padding: .5rem 0 0 0;
    -webkit-perspective: 500px;
    perspective: 500px;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}

.navbar .nav li a:focus {
    background: none !important;
}

.navbar .nav li a:visited {
    background: none !important;
}

.navbar .nav li a span {
    text-align: center;
    width: 100%;
    line-height: 1.9rem;
    display: block;
    white-space: nowrap;
    text-align: center;
    font-size: .8rem;
}

.navbar .nav li a i {
    font-size: 1.4rem;
}

.navbar .nav li:hover a {
    background: none !important;
    color: #FF6300;
}

.navbar .nav li.active a {
    color: #FF6300;
}

.navbar .nav li:last-child {
    border-right: 2px solid #fff;
}

.icon-menu {
    display: none;
    position: relative;
    z-index: 9999;
    float: right;
    padding: 10px 20px 0;
}

.icon-menu .toggle {
    display: block;
    cursor: pointer;
}

.icon-menu .toggle input {
    display: none;
}

.icon-menu .toggle input+div {
    width: 20px;
    height: 14px;
    position: relative;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0 auto;
}

.icon-menu .toggle input+div div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: -webkit-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.icon-menu .toggle input+div div span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.icon-menu .toggle input+div div span:first-child {
    top: 0;
}

.icon-menu .toggle input+div div span:first-child:before,
.icon-menu .toggle input+div div span:first-child:after {
    top: 0;
}

.icon-menu .toggle input+div div span:last-child {
    bottom: 0;
}

.icon-menu .toggle input+div div span:last-child:before,
.icon-menu .toggle input+div div span:last-child:after {
    bottom: 0;
}

.icon-menu .toggle input+div div span:before,
.icon-menu .toggle input+div div span:after {
    content: "";
    display: block;
    width: 47%;
    height: 2px;
    border-radius: 1px;
    background: #383838;
    position: absolute;
    -webkit-backface-visibility: hidden;
    transition: border-radius 0.3s ease, -webkit-transform 0.5s ease;
    -webkit-transition: border-radius 0.3s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, border-radius 0.3s ease;
    transition: transform 0.5s ease, border-radius 0.3s ease, -webkit-transform 0.5s ease;
}

.icon-menu .toggle input+div div span:before {
    left: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: translate(1px, 0) scaleX(1.1);
    transform: translate(1px, 0) scaleX(1.1);
}

.icon-menu .toggle input+div div span:after {
    right: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: translate(-1px, 0) scaleX(1.1);
    transform: translate(-1px, 0) scaleX(1.1);
}

.icon-menu .toggle input+div svg {
    display: block;
    fill: none;
    stroke: #383838;
    stroke-width: 2px;
    width: 44px;
    height: 44px;
    stroke-linecap: round;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    stroke-dasharray: 0 82.801 8 82.801;
    stroke-dashoffset: 82.801;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, -webkit-transform 0.5s ease;
    -webkit-transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, -webkit-transform 0.5s ease;
    transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, transform 0.5s ease;
    transition: stroke-dashoffset 0.5s ease, stroke-dasharray 0.6s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.icon-menu .toggle input+div svg:nth-child(3) {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
}

.icon-menu .toggle input:checked+div div {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-menu .toggle input:checked+div div span:first-child:before {
    -webkit-transform: rotate(45deg) translate(2.2px, -3px) scaleX(1.05);
    transform: rotate(45deg) translate(2.2px, -3px) scaleX(1.05);
}

.icon-menu .toggle input:checked+div div span:first-child:after {
    -webkit-transform: rotate(-45deg) translate(-2.2px, -3px) scaleX(1.05);
    transform: rotate(-45deg) translate(-2.2px, -3px) scaleX(1.05);
}

.icon-menu .toggle input:checked+div div span:last-child:before {
    -webkit-transform: rotate(-45deg) translate(2.2px, 3px) scaleX(1.05);
    transform: rotate(-45deg) translate(2.2px, 3px) scaleX(1.05);
}

.icon-menu .toggle input:checked+div div span:last-child:after {
    -webkit-transform: rotate(45deg) translate(-2.2px, 3px) scaleX(1.05);
    transform: rotate(45deg) translate(-2.2px, 3px) scaleX(1.05);
}

.icon-menu .toggle input:checked+div svg {
    stroke-dashoffset: 62;
    stroke-dasharray: 0 82.801 62 82.801;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-menu .toggle input:checked+div svg:nth-child(3) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.navbar.active {
    position: absolute;
    background: #d4eaff;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 999;
    width: 100%;
    height: calc(100% - 88px);
    overflow-y: scroll;
    padding-top: 0;
    display: block !important;
}

.navbar.active .nav {
    display: block !important;
}

.navbar.active .navbar-nav {
    position: relative;
    top: 0;
    left: 0;
    webkit-transform: translate(0, 0);
    -khtml-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
    padding: 0;
    margin: 0;
}

.navbar.active .navbar-nav li {
    text-align: center;
    padding: 0;
    border-top: 1px solid #3b3b3b;
}

.navbar.active .navbar-nav li:last-child {
    border-bottom: 1px solid #3b3b3b;
}

@media (max-width: 991px) {
    .navbar {
        display: none;
    }
    .icon-menu {
        display: inline-block;
    }
    .navbar {
        background: none;
    }
    .navbar:after {
        display: none;
    }
    .navbar .nav li a {
        color: #3b3b3b;
        font-size: 3.5rem;
        line-height: 4.5rem;
        padding: 2rem 1.5rem;
        font-weight: 400;
    }
    .navbar .nav li a:after {
        display: none;
    }
    .navbar .nav li a span {
        font-size: 16px;
        line-height: 26px;
    }
    .navbar .nav li ul {
        display: none;
    }
    .navbar .nav li ul li {
        background: #fbfdff;
    }
    .navbar .nav li:hover a {
        color: #3b3b3b;
    }
}


/* Layout - Structure and layout files. */

.header {
    padding: 2.5rem 0;
    position: relative;
    margin-bottom: 8px;
    background-image: url("images/bg-head.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 top;
}

.header:after {
    content: '';
    width: 100%;
    height: 8px;
    background: url("images/bd.png") repeat-x scroll center top #FFFFFF;
    position: absolute;
    left: 0;
    bottom: -8px;
}

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

.header .logo {
    width: 250px;
}

.banner {
    border-bottom: .8rem solid #fff;
}

.banner .container {
    max-width: 100%;
    padding: 0;
}

.banner__main {
    background-image: url("images/banner.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 68rem;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 130% auto;
    position: relative;
    z-index: 99;
    width: 100%;
}

.banner__main h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 94.8rem;
}

.typical-posts .container {
    max-width: 100%;
}

.typical-posts__main .thumb {
    text-align: center;
    position: relative;
    z-index: 99;
    margin-top: -10%;
    margin-bottom: 4rem;
}

.typical-posts__main .thumb img {
    max-width: 121.6rem;
    width: 100%;
}

.typical-posts__main .text-box {
    max-width: 92.5rem;
    padding: 0 15px;
    margin: 0 auto;
}

.typical-posts__main .text-box h3 {
    text-align: center;
    font-size: 3.7rem;
    line-height: 4.7rem;
    margin-bottom: 2.5rem;
}

.typical-posts__main .text-box p {
    text-align: justify;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #000;
    font-family: "RyuminPro-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.head-box {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

.head-box::before,
.head-box:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #F8802D;
}

.head-box h3 {
    display: block;
    padding: 0 2rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #FF6300;
    position: relative;
    z-index: 99;
    width: 400px;
}

.head-box h3 span {
    display: block;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 400;
}

.blog-posts {
    padding-top: 12rem;
    padding-bottom: 6rem;
    margin-bottom: 8px;
    position: relative;
}

.blog-posts:after {
    content: '';
    width: 100%;
    height: 8px;
    background: url("images/bd.png") repeat-x scroll center top #FFFFFF;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.blog-posts .container {
    max-width: 96.5rem;
}

.blog-posts__main .list-post {
    border-bottom: 1px dashed #F8802D;
    padding: 1.7rem 4.5rem;
}

.blog-posts__main .list-post main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-posts__main .list-post time {
    font-size: 1.5rem;
    line-height: 2.65rem;
    color: #231815;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    margin-right: 1.8rem;
}

.blog-posts__main .list-post .tag-post {
    font-size: 1.2rem;
    line-height: 2.65rem;
    display: inline-block;
    text-align: center;
    padding: 0 .5rem;
    width: 7.5rem;
    color: #fff;
    background: #FFA545;
    border-radius: 5px;
    margin-right: 1.8rem;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.blog-posts__main .list-post .tag-post.release {
    background: #FF6300;
}

.blog-posts__main .list-post .tag-post.information {
    background: #D4AA95;
}

.blog-posts__main .list-post p {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2.65rem;
    color: #231815;
}

.blog-posts .more-box {
    margin-top: 3.5rem;
    text-align: center;
}

.business-box {
    background-image: url("images/business-box.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-bottom: .8rem solid #fff;
}

.business-box .container {
    padding-top: 4rem;
    padding-bottom: 12rem;
}

.business-box .head-box h3 {
    width: 500px;
    margin-bottom: 4rem;
}

.business-box__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -1.5rem;
}

.business-box__main .list-items {
    padding: 0 1.5rem;
    width: 100%;
}

.business-box__main main {
    background: rgba(0, 0, 0, 0.6);
    min-height: 35.5rem;
    padding: 0 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.business-box__main main:hover {
    background: rgba(0, 0, 0, 0.2);
}

.business-box__main h3 {
    margin-bottom: 3rem;
    text-align: center;
}

.business-box__main p {
    font-size: 1.5rem;
    line-height: 3rem;
    color: #fff;
}

.featured-box {
    padding-top: 8rem;
}

.featured-box__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.featured-box__main .list-items {
    border: 3px solid #FF6300;
    position: relative;
    overflow: hidden;
}

.featured-box__main .list-items:first-child {
    border-right: none;
}

.featured-box__main .list-items .text-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1rem 3rem;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 900ms ease 0s;
    transition: -webkit-transform 900ms ease 0s;
    -o-transition: transform 900ms ease 0s;
    transition: transform 900ms ease 0s;
    transition: transform 900ms ease 0s, -webkit-transform 900ms ease 0s;
}

.featured-box__main .list-items:hover .text-box {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.featured-box__main .list-items .text-box h3 {
    text-align: center;
    margin-bottom: 1rem;
}

.featured-box__main .list-items .text-box p {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.featured-box__main .list-items:last-child .text-box {
    padding: 1rem 13rem;
}

.featured-box__images {
    padding-top: 9rem;
    margin-bottom: 4rem;
    text-align: center;
}

.featured-box__images img {
    max-width: 85rem;
    width: 100%;
}

.featured-box__instagram {
    background: #fff;
    border: 1px solid #C9CACA;
    margin-bottom: 5rem;
}

.featured-box__instagram .head {
    border-bottom: 1px solid #C9CACA;
    padding: 1rem 5rem 5rem;
}

.featured-box__instagram .head img {
    max-width: 7.262rem;
}

.featured-box__instagram .main-box {
    min-height: 41rem;
}

.featured-box__contact {
    max-width: 59.5rem;
    margin: 0 auto;
    border: 1px solid #F8802D;
    padding: 4px;
}

.featured-box__contact main {
    border: 1px solid #F8802D;
    padding: 1rem;
    position: relative;
    min-height: 30.5rem;
}

.featured-box__contact .main-box {
    position: absolute;
    top: 50%;
    left: 50%;
    webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 42.5rem;
}

.featured-box__contact h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 5.356rem;
    font-size: 4.5rem;
    color: #FF6300;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    margin-bottom: 1rem;
}

.featured-box__contact h3 i {
    display: inline-block;
    width: 5.356rem;
    height: 5.356rem;
    background-image: url("images/phone-icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 2rem;
}

.featured-box__contact .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.featured-box__contact .info .info-items {
    width: 100%;
}

.featured-box__contact .info .info-items p {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 2.7rem;
    color: #FF6300;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.featured-box__contact .info .info-items p span {
    display: inline-block;
    font-size: 1.28rem;
    font-family: "KozGoPr6N-Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    vertical-align: top;
}

.featured-box__contact .more-box .more {
    max-width: 100%;
    text-align: center;
    font-size: 1.9rem;
    line-height: 2.8rem;
    border-radius: 1.5rem;
    padding: 3.5rem 1.5rem;
}

.featured-box__contact .more-box .more:after {
    content: '\f0e0';
    right: auto;
    left: 3.2rem;
    top: 50%;
    margin-top: -1.4rem;
    font-size: 3rem;
}

.map-box {
    padding-top: 10rem;
}

.map-box .container {
    max-width: 100%;
    padding: 0;
}

.map-box__main iframe {
    width: 100%;
}

.scrollTop__main {
    position: relative;
}

.scrollTop__main a {
    display: block;
    width: 9rem;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -4.5rem;
}

.footer {
    border-top: .8rem solid #FF6300;
}

.footer__nav {
    background: #FFE4B9;
}

.footer__nav .container {
    position: relative;
    padding: 4rem 15px 8rem;
}

.footer__nav h3 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.footer__nav h3 a {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.footer__nav .main-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -1.5rem;
}

.footer__nav--list {
    padding: 0 1.5rem;
}

.footer__nav--list ul li a {
    display: block;
    font-size: 2.1rem;
    line-height: 3.1rem;
    margin-bottom: 1rem;
    color: #FF6300;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.footer__nav--list ul li ul li a {
    font-size: 1.6rem;
    font-family: "KozGoPr6N-Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #FF6300;
    position: relative;
    padding-left: 1.8rem;
}

.footer__nav--list ul li ul li a:before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}

.footer__nav .logo-client {
    max-width: 11.6rem;
    position: absolute;
    bottom: 1rem;
    right: 0;
}

.footer .copyright {
    text-align: center;
    background: #FF6300;
    padding: 2rem 0;
}

.footer .copyright h3 {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    font-family: "KozGoPr6N-Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    color: #fff;
    margin-bottom: 1.5rem;
}

.footer .copyright p {
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #fff;
}

.contentPage {
    padding: 50px 0;
}

.contentPage .page-title {
    margin-bottom: 5rem;
    font-size: 2.8rem;
    line-height: 3.8rem;
    color: #EE7800;
}

.contentPage .page-title span {
    font-size: 1.9rem;
    font-weight: 400;
    font-style: italic;
    margin-left: 2rem;
}

.news-page__list {
    margin-bottom: 3rem;
}

.news-page__list .list-post {
    border-bottom: 1px dashed #F8802D;
    padding: 1.7rem 4.5rem;
    margin-bottom: 3rem;
}

.news-page__list .list-post main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news-page__list .list-post time {
    font-size: 1.5rem;
    line-height: 2.65rem;
    color: #231815;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    margin-right: 1.8rem;
}

.news-page__list .list-post .tag-post {
    font-size: 1.2rem;
    line-height: 2.65rem;
    display: inline-block;
    text-align: center;
    padding: 0 .5rem;
    width: 7.5rem;
    color: #fff;
    background: #FFA545;
    border-radius: 5px;
    margin-right: 1.8rem;
    font-family: "KozGoPr6N-Bold", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.news-page__list .list-post .tag-post.release {
    background: #FF6300;
}

.news-page__list .list-post .tag-post.information {
    background: #D4AA95;
}

.news-page__list .list-post p {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2.65rem;
    color: #231815;
}

.news-page__list .main-box {
    padding: 0 2rem;
}

.news-page__list .main-box .thumb {
    max-width: 50rem;
    height: auto;
    margin: 0 auto 2rem;
}

.news-page__list .main-box .thumb img {
    width: 100%;
    height: auto;
}

.news-page__list .main-box p {
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #000;
}

.text-left {
	text-align: left;
}

#main {
	background: #fff;
}
/* layout - Responsive .
========================================================================== */

.sp {
    display: none;
}

@media (max-width: 991px) {
    .header {
        position: initial;
    }
    .banner__main {
        -webkit-background-size: cover;
        background-size: cover;
    }
    .banner__main h3 {
        max-width: 80%;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 9px;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    body {
        background-image: none;
        background-color: #fff;
    }
    .head-box {
        margin-left: -15px;
        margin-right: -15px;
    }
    .banner__main {
        background-attachment: inherit;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: center 0;
        height: auto;
        padding-top: 43%;
    }
    .business-box {
        background-attachment: inherit;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .business-box__main {
        margin: 0;
        display: block;
    }
    .business-box__main .list-items {
        padding: 0;
        margin: 0 auto 30px;
        width: 80%;
    }
    .featured-box {
        padding-top: 30px;
    }
    .featured-box__instagram {
        margin-bottom: 30px;
    }
    .featured-box__main {
        display: block;
    }
    .featured-box__main .list-items {
        margin-bottom: 30px;
    }
    .footer__nav .container {
        padding-bottom: 200px;
    }
    .footer__nav .main-box {
        width: 80%;
        margin: 0 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .footer__nav--list {
        width: 33.3%;
        padding: 0 15px;
    }
    .footer__nav--list ul li ul {
        display: none;
    }
    .footer__nav .logo-client {
        right: auto;
        left: 30px;
        bottom: 30px;
    }
}

@media (max-width: 650px) {
    .header .logo {
        width: 170px;
    }
    .news-page__list .list-post,
    .blog-posts__main .list-post {
        padding: 1.7rem 0;
    }
    .news-page__list .list-post time,
    .blog-posts__main .list-post time {
        font-size: 8px;
    }
    .news-page__list .list-post span,
    .blog-posts__main .list-post span {
        font-size: 8px;
    }
    .news-page__list .list-post p,
    .blog-posts__main .list-post p {
        font-size: 8px;
    }
    .business-box__main main {
        min-height: 280px;
    }
    .featured-box__main .list-items:last-child .text-box {
        padding: 1rem 5rem;
    }
    .scrollTop__main a {
        width: 40px;
        margin-top: -20px;
    }
    .footer__nav .main-box {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .typical-posts__main .text-box h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .business-box .head-box h3 {
        width: 600px;
    }
    .featured-box__main .list-items .text-box h3 {
        margin-bottom: 0;
    }
    .featured-box__main .list-items .text-box h3 img {
        width: 150px;
    }
    .featured-box__main .list-items:last-child .text-box img {
        width: 100px;
    }
    .featured-box__main .list-items .text-box p {
        font-size: 12px;
        line-height: 18px;
    }
    .featured-box__contact h3 {
        font-size: 25px;
        line-height: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .featured-box__contact h3 i {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .featured-box__contact main {
        min-height: 230px;
    }
    .featured-box__contact .info .info-items p {
        font-size: 12px;
        line-height: 25px;
    }
    .featured-box__contact .info .info-items p span {
        font-size: 10px;
    }
    .featured-box__contact .more-box .more {
        padding: 15px 10px;
        font-size: 12px;
        line-height: 22px;
    }
    .featured-box__contact .more-box .more:after {
        left: 15px;
        font-size: 22px;
        font-weight: 300;
    }
    .featured-box__contact .main-box {
        min-width: 270px;
        text-align: center;
    }
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}