@charset "UTF-8";

/* ===================================================================

リセット

=================================================================== */

html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}

*,
::before,
::after {
    /*background-repeat: no-repeat;*/
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit;
}

*:focus {
    /*chromeデフォルト設定解除*/
    outline: none;
}

* {
    padding: 0;
    margin: 0;
}

/* 一般的な要素 */

audio:not([controls]) {
    display: none;
    height: 0;
}

hr {
    overflow: visible;
}

address,
em {
    font-style: normal;
}

ul,
ol,
li {
    list-style: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
}

small {
    font-size: 80%;
}

[hidden],
template {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* フォーム */

input {
    border-radius: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
}

[disabled] {
    cursor: default;
}

[type="number"] {
    width: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
}

optgroup {
    font-weight: bold;
}

button {
    overflow: visible;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}

button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    appearance: button;
}

button,
select {
    text-transform: none;
}

button,
input,
select,
textarea {
    /*background-color: transparent;
    border-style: none;
    color: inherit;*/
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

select::-ms-value {
    color: currentColor;
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

/* メディア */

img {
    border-style: none;
    height: auto;
    vertical-align: top;
}

img,
iframe {
    /*スマホはみ出し用*/
    max-width: 100%;
}

progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

/* アクセシビリティ */

@media screen {
    [hidden ~ ="screen"] {
        display: inherit;
    }

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

[aria-busy="true"] {
    cursor: progress;
}

[aria-controls] {
    cursor: pointer;
}

[aria-disabled] {
    cursor: default;
}

/* selection */

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}

/* ===================================================================

各ページ共通関連

=================================================================== */

body {
    font-family: "Noto Sans JP", sans-serif, -apple-system, BlinkMacSystemFont,
        "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3",
        Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo;
    /*font-family: YuGothic, "Yu Gothic", sans-serif;*/

    line-height: 1.8;
    font-size: 14px;
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
    }
}


@media (min-width: 1024px) {
    body {
        font-size: 18px;
    }
}

*/
/*画像下に隙間あかないように*/

img {
    vertical-align: top;
}

iframe {
    vertical-align: bottom;
}

/*float*/

@media (min-width: 768px) {
    .left {
        float: left;
    }

    .right {
        float: right;
    }

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

/*両端揃え*/

.just {
    text-align: justify;
    text-justify: inter-ideograph;
}

/* 電話番号リンクPC無効 */

a[href^="tel:"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}

.center {
    text-align: center;
}

a {
    text-decoration: none;
}

a:hover img {
    opacity: 0.5;
}

.container {
    background: #fff;
    max-width: 1940px;
    max-width: 1940px;
    margin: 0 auto;
}

.content-ment {
    padding: 30px 15px;
    max-width: 960px;
    margin: 0 auto;
}

.content-title {
    text-align: center;
    padding-bottom: 15px;
}

/*
.content-ment p {
    padding: 0 15px;
}

.content-ment .content-title {
    margin: 15px auto;
}

.content-ment h1.content-title {
    text-align: center;
}

.contrash {
    max-width: 960px;
    margin: 0 auto;
}

.content-ment .content-title h2 {
    font-size: 24px;
    font-weight: normal;
}
*/
.shinchaku-head .content-title h2 {
    font-size: 24px;
    font-weight: normal;
}

.about-left-head {
    font-size: 24px;
    font-weight: normal;
}

.recruit-intro p {
    font-size: 24px;
}

.border-blue {
    text-align: center;
}

.border-blue span {
    text-align: center;
    border-top: 25px solid #1a264c;
    width: 5px;
    display: block;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .content-ment {
        padding: 70px 0;
    }

    .content-title {
        padding-bottom: 45px;
    }

    /*.content-ment {
        padding: 3rem 0;
    }

    .content-ment .content-title {
        margin: 2rem auto;
    }

    .content-ment .content-title h2 {
        font-size: 36px;
    }*/

    .shinchaku-head .content-title h2 {
        font-size: 36px;
    }

    .about-left-head {
        font-size: 36px;
    }

    .recruit-intro p {
        font-size: 36px;
    }
}

.pan {
    padding: 5px 15px;
    font-size: 80%;
}

.pan a {
    color: #1a264c;
}

table {
    width: 100%;
    box-sizing: border-box;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-spacing: 0;
}

th,
td {
    padding: 0.8rem 15px;
    line-height: 1.8;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-size: 14px;
}

@media (min-width: 768px) {

    th,
    td {
        font-size: 16px;
    }
}

th {
    vertical-align: top;
    padding-right: 10px;
    width: 25%;
    font-weight: normal;
    text-align: left;
}

.map {
    width: 100%;
    margin: 0 auto;
}

.btn {
    display: inline-block;
    margin: 2rem auto;
    padding: 1rem 2rem;
    background-color: #659d4c;
}

.btn p {
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
}

.btn p.phone {
    font-size: 2rem;
    font-weight: 600;
}

.btn a {
    color: #fff;
}

.cont-box {
    width: 95%;
    max-width: 700px;
    margin: 5rem auto 2rem auto;
}

@media (min-width: 768px) {
    .cont-box .read {
        text-align: center;
    }
}

.from-box {
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
}

.from-box label {
    display: block;
    margin: 2rem auto 0.5rem auto;
    font-weight: bold;
    font-size: 16px;
}

.from-box br {
    display: none;
}

span.notice {
    color: #ff0000;
}

.from-box [type="submit"] {
    cursor: pointer;
}

.from-box [type="text"],
.from-box [type="email"],
.from-box [type="tel"],
.from-box textarea {
    width: 100%;
    min-height: 50px;
    padding: 0.75em 0.85em;
    border-radius: 4px;
    background-color: #fff;
    border: 2px solid #ccc;
    font-size: 16px;
    font-weight: 400;
    font: 99% arial, helvetica, clean, sans-serif;
    line-height: 1.5;
}

.from-box input[type="text"]:hover,
.from-box input[type="email"]:hover,
.from-box input[type="tel"]:hover,
.from-box textarea:hover,
.from-box input[type="text"]:focus,
.from-box input[type="email"]:focus,
.from-box input[type="tel"]:focus,
.from-box textarea:focus {
    background-color: #fffeee;
}

.from-box button,
.from-box [type="button"],
.from-box [type="reset"],
.from-box [type="submit"],
.from-box [role="button"] {
    text-align: center;
    display: inline-block;
    color: #fff;
    margin: 1rem auto;
    background: #1a264c;
    padding: 0.2rem 2rem;
    font-size: 1rem;
    border-radius: 4px;
    border: 1px solid #1a264c;
}

.from-box button:hover,
.from-box [type="submit"]:hover,
.from-box [type="button"]:hover {
    background-color: #efefef;
    color: #1a264c;
    border: 1px solid #1a264c;
}

.from-box .error {
    color: #ff0000 !important;
    font-weight: bold;
}

.bts {
    text-align: center;
}

.from-box.from-box_error label {
    color: #ff0000;
}

.from-box.from-box_error [type="text"],
.from-box.from-box_error [type="email"],
.from-box.from-box_error [type="tel"],
.from-box.from-box_error textarea {
    border: 2px solid #ff0000;
}

.from-box.from-box_error [type="text"],
.from-box.from-box_error [type="email"],
.from-box.from-box_error [type="tel"] {
    margin-bottom: 9px;
}

.content-ment .from-box p.privacy-link {
    padding: 15px 0;
}

.from-box .privacy-link a {
    color: #1a264c;
    font-weight: bold;
    display: inline-block;
}

@media (min-width: 768px) {

    .from-box button,
    .from-box [type="button"],
    .from-box [type="reset"],
    .from-box [type="submit"],
    .from-box [role="button"] {
        font-size: 1rem;
    }

    .from-box .privacy-link {
        text-align: center;
        padding: 30px 0 45px;
    }
}

@media (min-width: 1024px) {

    .from-box button,
    .from-box [type="button"],
    .from-box [type="reset"],
    .from-box [type="submit"],
    .from-box [role="button"] {
        font-size: 1.2rem;
        padding: 0.5rem 4rem;
    }
}

/*--------------------------------------------------------*/

/* スマホメニュー */

.nav-content {
    background: #fff;
}

/*
.nav-content ul {
}

.nav-content ul li {
}
*/

.nav-content ul li a {
    text-align: left;
    display: block;
    padding: 15px 10px;
    padding: 12px 10px;
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.nav-content ul li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* PCメニュー */

.nav-menus {
    display: none;
}

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

    .nav-menus {
        display: block;
        float: right;
        padding-top: 15px;
        padding-right: 15px;
    }

    /*
  .nav-menus ul {
  }*/
    .nav-menus ul:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    .nav-menus > ul > li {
        float: left;
        text-align: center;
        height: 44px;
    }

    .nav-menus > ul.nav-menus-right > li {
        float: right;
    }

    .nav-menus ul li a {
        display: block;
        height: 44px;
        box-sizing: border-box;
        text-decoration: none;
        color: #fff;
        width: 100px;
        padding-top: 0px;
    }

    .nav-menus ul li a:hover {
        color: #ddd;
        /*color: #149bca;*/
    }

    /*
    .nav-menus ul.nav-menus-right li a {
        background: #fff;
        color: #1a264c;
        padding: 0 10px;
        height: auto;
        font-size: 15px;
        margin-right: 10px;
        width: auto;
    }*/
    /*
    .nav-menus ul.nav-menus-right li a:hover {
        background: #ddd;

    }*/

    /*
  .nav-menus ul li.nav-menu01 a {
  }
  .nav-menus ul li.nav-menu02 a {
  }
  .nav-menus ul li.nav-menu03 a {
  }
  .nav-menus ul li.nav-menu04 a {
  }*/
    .nav-menus ul li.nav-menu00 a {
        display: none;
    }

    .nav-menus ul li.nav-menu99 a {
        width: 40px;
    }

    .nav-menus ul li.nav-menu05 a {
        display: none;
    }

    .nav-menus ul li.nav-menu06 a {
        width: 40px;
    }

    .nav-menus ul li.nav-menu07 a img {
        width: 30px;
    }

    .nav-menus ul li.nav-menu07 a {
        padding-top: 0;
        width: 30px;
        margin-right: 20px;
    }
}

@media (min-width: 893px) {
    .nav-menus ul li.nav-menu00 a {
        display: block;
    }

    .nav-menus ul li.nav-menu99 a {
        display: none;
    }

    .nav-menus ul li.nav-menu05 a {
        display: block;
    }

    .nav-menus ul li.nav-menu06 a {
        display: none;
    }
}

@media (min-width: 1024px) {
    .nav-menus {
        padding-top: 15px;
    }
}

/*ヘッダー*/

header {
    background: #1a264c;
    max-width: 1940px;
    margin: 0 auto;
}

.header-wrap {
    max-width: 1940px;
    margin: 0 auto;
}

header .logo {
    float: left;
    height: 54px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-top: 10px;
}

header .logo a img {
    height: 34px;
}

@media all and (-ms-high-contrast: none) {
    header .logo {
        /*IE用*/
        padding-top: 5px;
    }
}

.logo a:hover img {
    opacity: 1;
}

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

@media (min-width: 768px) {
    header .logo {
        padding-left: 17px;
        padding-top: 25px;
        height: 75px;
    }
}

@media (min-width: 1024px) {
    header .logo {
        width: 317px;
        padding-top: 30px;
        height: 100px;
    }

    header .logo a img {
        width: 300px;
        height: auto;
    }
}

/*フッター*/

footer {
    background: #E5E5E3;
    padding-top: 30px;
    padding-bottom: 60px;
    max-width: 1940px;
    margin: 0 auto;
}

footer #copyright {
    text-align: center;
    padding: 20px 15px;
    font-size: 12px;
}

.foot-all {
    padding: 0 15px;
    max-width: 1940px;
    margin: 0 auto;
}

.foot-nav {
    display: none;
}

.foot-mid {
    display: block;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    padding-bottom: 30px;
}

.foot-mid-hon {
    padding-bottom: 15px;
}

.foot-name {
    background-color: #1a264c;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    font-size: 90%;
    min-width: 100px;
    text-align: center;
}

.foot-add {
    padding-top: 5px;
}

.foot-tel {
    padding-top: 5px;
}

.foot-tel a {
    color: #000;
    display: inline-block;
}

.foot-logo {
    text-align: center;
    padding-bottom: 15px;
}

.foot-logo img {
    height: 44px;
    max-width: 80%;
}

.foot-under-intro {
    text-align: center;
    font-size: 14px;
}

.foot-nav-ul {
    float: left;
    width: 20%;
    max-width: 200px;
}

.foot-nav nav:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    font-weight: bold;
}

.foot-nav-ul li {
    padding: 0 5px;
    margin: 0 10px;
}

.foot-nav-ul li a {}

.foot-nav-ul li:first-child a {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    font-size: 16px;
}

.foot-nav-ul li:first-child a:after {
    /*content: ">";*/
    display: inline-block;
    float: right;

    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

.foot-nav-ul li:not(:first-child) {
    padding-right: 0;
}

.foot-nav-ul li:not(:first-child) a:before {
    /*content: ">";*/
    display: inline-block;
    padding-right: 3px;

    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

@media (min-width: 768px) {
    footer {
        padding-bottom: 15px;
        padding-top: 60px;

    }

    footer #copyright {
        padding: 30px 0 30px;
    }

    .foot-nav {
        display: block;
        margin: 0 auto;
        max-width: 1000px;
        width: 100%;
    }

    .foot-nav a {
        color: #000;
        display: block;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 1.4;
    }

    .foot-nav a:hover {
        color: #999;
    }

    .foot-mid {
        margin: 30px auto;
        padding: 30px 0;
    }

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

    .foot-mid-hon {
        float: left;
        width: 49%;
        padding-bottom: 0;
    }

    .foot-mid-tobu {
        float: right;
        width: 49%;
    }
}

/*下固定スマホ用サブメニュー*/

#submenu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #1a264c;
    border-top: 1px solid #fff;
    z-index: 2;
}

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

#submenu .submenus {
    float: left;
    width: 33%;
}

#submenu .submenus a {
    display: block;
    color: #fff;
    text-align: center;
    height: 60px;
    font-size: 28px;
    padding-top: 4px;
}

@media (min-width: 768px) {
    #submenu {
        display: none;
    }
}

/*トップへ戻る
---------------------------------------------------------------*/

#pagetops {
    position: fixed;
    right: 6px;
    bottom: 76px;
}

#pagetops a {
    cursor: default;
}

#pagetop img {
    border-radius: 10px;
}

#pagetop:after {
    background-color: #149bca;
    color: #fff;
    box-sizing: border-box;
    content: "\f106";
    font-weight: 900;
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 180%;
}

#pagetop:hover:after {
    background: rgba(20, 155, 202, 0.6);
}

@media (min-width: 768px) {
    #pagetops {
        right: 16px;
        bottom: 16px;
    }

    #pagetop:after {
        line-height: 1.4;
    }
}

/*TOP*/

.pcnomi {
    display: none;
}

@media (min-width: 768px) {
    .smnomi {
        display: none;
    }

    .pcnomi {
        display: block;
    }
	.min1024{
		display: inherit;
	}
}
@media (min-width: 1280px) {
	.min1024{
		display: none;
	}
}

.topmain {
    width: 100%;
    height: auto;
    position: relative;
}

.topmain-img {
    width: 100%;
    height: auto;
}

.topmain-bun p {
    text-align: center;
    color: #fff;
}

.topmain-bun {
    padding: 30px 0;
    width: 100%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 30%;
}

.topmain-bun p img {
    max-width: 90%;
}
.topmain-bun p img#topread {
    max-width: 300px;
	margin-bottom: 0;
}

.bxslider li {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.bxslider li.slibg01 {
    background-image: url(../images/topimg01.jpg);
}

.bxslider li.slibg02 {
    background-image: url(../images/topimg02.jpg);
}

.bxslider li.slibg03 {
    background-image: url(../images/topimg03.jpg);
}

.bxslider li.slibg04 {
    background-image: url(../images/topimg04.jpg);
}

.bxslider li.slibg05 {
    background-image: url(../images/topimg05.jpg);
}

.bxslider li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 900px) {
    .topmain-bun {
        font-size: 18px;
        top: 25%;
    }
}

@media (min-width: 1024px) {
    .topmain-bun {
        font-size: 21px;
    }
}

/*追加*/
.topmain01 {
    /*max-width: 1260px;*/
    margin: 0 auto;
}

.bxslider01 li {
    position: relative;
}

.bxslider01 li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.4);*/
}

.topmain-bun01 {
    padding: 0;
    top: 47%;
    top: 27%;
    filter: drop-shadow(3px 3px 3px #4e4e4e);
}

.topmain-bun01 p span {
    display: none;
}

@media (min-width: 768px) {
    .topmain-bun01 {
        font-size: 18px;
        top: 40%;
        top: 15%;
    }

    .topmain-bun01 p span {
        display: block;
    }
	.topmain-bun p img#topread {
    max-width: 400px;
	margin-bottom: 1.5rem;
}
}

@media (min-width: 900px) {
    .topmain-bun01 {
        top: 40%;
        top: 23%;
    }
	.topmain-bun p img#topread {
    max-width: 500px;
	margin-bottom: 1.5rem;
}
}

@media (min-width: 1024px) {
    .topmain-bun01 {
        top: 40%;
        top: 20%;
    }
}
@media (min-width: 1280px) {
	.topmain-bun p img#topread {
    max-width: 672px;
	margin-bottom: 2rem;
}
}

/*
@media (min-width: 1260px) {
    .topmain-bun {
        font-size: 24px;
    }
}*/

.multiple {
    background-color: #7c7c80;
    padding: 35px;
}

.multiple ul li a img {
    border: 1px solid #333;
}

.multiple ul {
    max-width: 960px;
    margin: 0 auto;
}

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

/*TOP-最新情報*/

.oshirase {
    max-width: 960px;
    margin: 0 auto;
    padding: 35px 15px;
}

.oshirase .oshirase-head {
    text-align: center;
    padding-bottom: 15px;
    color: #1a264c;
    line-height: 1;
}

.oshirase-head img {
    height: 30px;
}

.oshirase .oshirase-head span {
    display: block;
    font-size: 14px;
    padding-top: 7px;
}

.oshirase .oshirase-ul {
    padding: 15px 0;
}

.oshirase .oshirase-ul li {}

.oshirase .oshirase-ul li:first-child {
    border-top: 1px dotted #ccc;
}

.oshirase .oshirase-ul li span {
    display: inline-block;
    font-size: 90%;
    padding: 15px 15px 0;
}

.oshirase .oshirase-ul li a {
    color: #000;
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 5px 15px 10px;
}

.oshirase .oshirase-ul li span.oshirase-list-cat {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    font-size: 90%;
}

.oshirase .oshirase-ul li a:hover {
    color: #999;
}

.oshirase .oshirase-ul li a.oshirase-list-cat:hover {
    color: #fff;
}

.flexbox {
    display: block;
}

.oshirase-block {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .oshirase {
        padding: 70px 15px;
    }

    .oshirase .oshirase-ul {
        padding: 0 15px 30px;
    }

    .flexbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .oshirase-block {
        width: 49%;
        max-width: 500px;
    }
}

/*TOP-実績紹介*/

.shinchaku-wrap {
    background-color: #E5E5E3;
}

.shinchaku {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.shinchaku-head {
    text-align: center;
    padding-bottom: 15px;
    color: #1a264c;
    line-height: 1;
}

.shinchaku-head img {
    height: 30px;
}

.shinchaku-head span {
    display: block;
    font-size: 14px;
    padding-top: 7px;
}

.shinchaku-ul {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}

.shinchaku-ul li {
    width: 50%;
    padding: 0 1px 15px;
    margin-bottom: 15px;
}

.shinchaku-ul li img {
    width: 100%;
    padding-bottom: 5px;
}

.shinchaku-ul li div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.shinchaku-ul li div {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
}

.shinchaku-ul li a p {
    color: #000;
    padding: 5px;
    line-height: 1.5;
}

.shinchaku-ul li p.shinchaku-ul-p {
    line-height: 1.4;
}

a:hover .shinchaku-ul-p {
    color: #999;
}

.shinchaku-wage {
    text-align: center;
}

.shinchaku-wage a {
    display: inline-block;
    background: #1a264c;
    color: #fff;
    padding: 0.2rem 2rem;
    font-size: 1rem;
    margin: 0.5rem auto 1rem;
    border-radius: 24px;
    border: 1px solid #1a264c;
}

.wage-plus {
    margin: 1rem auto 0;
}

.shinchaku-wage-hanten a {
    background: #fff;
    color: #1a264c;
}

.shinchaku-wage-ali a {
    background: #fff;
    color: #062807;
}

.shinchaku-wage a:hover {
    background-color: #efefef;
    color: #1a264c;
    border: 1px solid #1a264c;
}

.shinchaku-wage-hanten a:hover {
    background-color: #efefef;
    color: #1a264c;
}

.shinchaku-wage-ali a:hover {
    background-color: #efefef;
    color: #062807;
}

.shinchaku-wage.ryokin-kochi {
    margin-bottom: 30px;
}

.shinchaku-chiku {
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    font-size: 90%;
}

.shinchaku-chiku-blue {
    background-color: blue;
}

.shinchaku-chiku-green {
    background-color: #6badab;
}

.shinchaku-chiku-brown {
    background-color: #c19c68;
}

.shinchaku-chiku-purple {
    background-color: #a461e2;
}

a:hover .shinchaku-chiku {
    opacity: 0.4;
}

.info-wage {
    text-align: center;
}

.info-wage a {
    display: inline-block;
    background: #1a264c;
    color: #fff;
    padding: 0 2rem;
    font-size: 1em;
    margin: 0.5rem auto 1rem;
    border: 1px solid #1a264c;
    border-radius: 4px;
    min-height: 40px;
    line-height: 40px;
    min-width: 160px;
}

.info-wage a:hover {
    background-color: #efefef;
    color: #1a264c;
    border: 1px solid #1a264c;
}

@media (min-width: 768px) {
    .shinchaku {
        padding: 70px 0;
    }

    .shinchaku-head {
        padding: 0.4rem 15px;
        font-size: 200%;
    }

    .shinchaku-ul {
        padding: 35px 15px;
    }

    .shinchaku-ul li {
        width: 25%;
        padding: 0 2px 15px;
    }

    .shinchaku-wage a {
        font-size: 1rem;
    }

}

@media (min-width: 1024px) {
    .shinchaku-wage a {
        font-size: 1.2rem;
        padding: 0.5rem 4rem;
    }

}

/*TOP-business*/

.top-business-wrap {
    background: #F4F3DF;
}

.top-business {
    padding: 30px 15px;
    margin: 0 auto;
    text-align: center;
}

.top-business-intro {
    padding-bottom: 15px;
}

.top-business-intro,
.top-business-nintro {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.top-bussi-png {
    padding: 15px 0;
}

.top-business-head {
    text-align: center;
    padding-bottom: 15px;
    line-height: 1;
}

.top-business-head img {
    height: 30px;
}

.top-business-head span {
    display: block;
    font-size: 14px;
    padding-top: 7px;
}

@media (min-width: 768px) {
    .top-business {
        padding: 70px 0;
    }

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

    .top-business-left {
        float: left;
        width: 29%;
        padding-left: 15px;
    }

    .top-business-right {
        float: right;
        width: 70%;
    }

    .top-bussi-png {
        padding: 0 0 15px 0;
    }
}

/*top-acce*/

.top-acce-wrap {
    background-color: #1a264c;
    color: #fff;
    text-align: center;
    padding: 30px 15px;
    max-width: 1940px;
    margin: 0 auto;
}

.top-acce-head {
    text-align: center;
    line-height: 1;
    color: #fff;
    padding-bottom: 30px;
}

.top-acce-head img {
    height: 30px;
}

.top-acce-head span {
    display: block;
    font-size: 14px;
    padding-top: 7px;
}

.top-acce-name {
    font-weight: bold;
    font-size: 110%;
}

.top-acce-add {
    padding-bottom: 10px;
}

.top-acce-left {
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .top-acce-wrap {
        padding: 70px 15px;
    }

    .top-acce {
        max-width: 1940px;
        width: 100%;
        margin: 0 auto;
    }

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

    .top-acce-left {
        float: left;
        width: 49%;
        padding-bottom: 0;
    }

    .top-acce-right {
        float: right;
        width: 49%;
    }
}

/*お気軽にどうぞ*/

.otoi-wrap {
    max-width: 630px;
    margin: 0 auto;
    padding: 35px 15px;
}

.otoi {
    text-align: center;
    padding: 0 15px;
}

.otoi-up {
    padding-bottom: 15px;
}

.otoi p {
    font-weight: bold;
}

.otoi .otoi01 {
    font-size: 16px;

}

.otoi .otoi02 {
    font-size: 22px;
}

.otoi .otoi03 {
    font-size: 34px;
}

.otoi .otoi02 a,
.otoi .otoi03 a {
    color: #000;
}

.otoi .otoi04 {
    font-size: 16px;
    font-weight: bold;
}

.otoi .otoi-wage a {
    padding: 0.3rem 1rem;
    font-size: 1.1rem;
    border-radius: 4px;
    display: inline-block;
    background: #FFFFE6;
    color: #000;
    margin: 0.5rem auto 1rem;
    border: 1px solid #1a264c;
}

.otoi .otoi-wage a:hover {
    background-color: #efefef;
    color: #000;
}

@media (min-width: 768px) {
    .otoi-wrap {
        padding: 70px 0;
    }

    .otoi {
        /*padding: 45px 0;*/
    }

    .otoi .otoi02 {
        font-size: 38px;
    }

    .otoi .otoi03 {
        font-size: 64px;
    }

    .otoi .otoi04 {
        font-size: 26px;
    }

    .otoi .otoi-wage a {
        font-size: 1.2rem;
        padding: 0.5rem 2rem;
    }
}

/*businessページ*/

.business-title-wrap {
    background-color: #E5E5E3;
}

.business-happ {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.business-title img {
    height: 30px;
}

.business-title {
    padding-bottom: 15px;
}

.business-title h1 {
    line-height: 1;
    padding-top: 7px;
    font-size: 18px;
}
.biztit_fix{
	display: flex;
	flex-wrap: wrap;
}
.biztit_block{
	width: 100%;
	margin-bottom: .5rem;
}
.biztit_block2{
	width: 100%;
	font-size: .7rem;
}
@media (min-width: 768px) {
	.biztit_block{
	width: 35%;
		margin-bottom: 0;
}
.biztit_block2{
	width: 63%;
	font-size: .8rem;
}
}
@media (min-width: 1024px) {
	.biztit_block{
	width: 30%;
}
.biztit_block2{
	width: 68%;
	font-size: 1rem;
}
}
.business-title-ul {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 0;
    max-width: 960px;
    margin: 0 auto;
}

.business-title-ul li {
    padding: 0 0 30px;
}

.business-title-ul li img {
    width: 100%;
}

.business-title-ul li p.biz-name {
    font-size: 22px;
    font-weight: bold;
    padding: 5px 0 0;
}

.biz-intro {
    text-align: justify;
    text-justify: inter-ideograph;
}

.benefits-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.benefits-title {
    text-align: center;
    padding: 30px 0;
}

.benefits-title img {
    height: 30px;
}

.benefits-title h2 {
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 15px;
    font-size: 18px;
}

.benefits-title-boss {
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.benefits-block p.benefits-title-intro {
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.yazaki-daikin-block {
    background: #F2F2F2;
}

.yazaki-daikin-block-all {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.yazaki-daikin-block-img {
    width: 100%;
}

.yazaki-daikinlogo {
    padding-bottom: 5px;
}

.yazaki-daikinlogo img {
    height: 30px;
}

.yazaki-daikinlogo.kagla-logo img {
    height: 50px;
}

.yazaki-daikin-block-all h3 {
    padding-bottom: 5px;
    font-size: 22px;
}

.yazaki-daikin-block-intro {
    padding-bottom: 10px;
}

.business-flow-wrap {
    background-color: #E5E5E3;
}

.flow-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.flow-title {
    text-align: center;
}

.flow-title img {
    height: 30px;
}

.flow-title h2 {
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 15px;
    font-size: 18px;
}

.flow-intro {
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 15px 0;
}

.flow-zu {
    text-align: center;
}

@media (min-width: 768px) {
    .business-title img {
        height: 40px;
    }

    .benefits-title img {
        height: 40px;
    }

    .benefits-block p.benefits-title-intro {
        font-size: 18px;
        text-align: center;
        padding: 0 15px;
    }

    .flow-title img {
        height: 40px;
    }

    .business-title-ul li {
        width: 50%;
        padding: 0 10px 30px;
    }

    .business-happ,
    .yazaki-daikin-block-all,
    .flow-block {
        padding: 70px 15px;
    }

    .yazaki-daikin-block-all.yazaki-block-all {
        padding-bottom: 0;
        padding-top: 0;
    }

    .yazaki-daikin-block-all.yazaki-block-all h3 {
        padding-top: 25px;
    }

    .yazaki-daikin-block-all.daikin-block-all {
        padding-top: 0;
        padding-bottom: 0;
    }

    .yazaki-daikin-block-all.daikin-block-all .yazaki-daikin-block-right {
        padding-top: 25px;
        padding-left: 25px;
    }

    .yazaki-daikin-block-all.yazaki-block-all .yazaki-daikin-block-left {
        padding-right: 25px;
    }

    .yazaki-daikin-block-all.daikin-block-all .yazaki-daikin-block-left.daikin-left {
        padding-top: 0;
        padding-right: 0;
    }

    .yazaki-daikin-block-all:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    .yazaki-daikin-block-left {
        float: left;
        width: 50%;
    }

    .yazaki-daikin-block-right {
        float: right;
        width: 50%;
    }

    .yazaki-daikin-block-left {
        padding-bottom: 0;
    }

    .benefits-title-boss {
        font-size: 24px;
    }

    .flow-intro {
        text-align: center;
    }

    .flow-zu {
        padding-top: 15px;
    }
}

/*機器設備*/

.equipment-title {
    text-align: center;
}

/*追加*/
.equipment-title-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.equipment-title-flex p img {
    padding: 0 10px;
}

.equipment-title-yazaki-under {
    display: none;
}

@media (min-width: 768px) {
    .equipment-title-yazaki-under {
        display: block;
        text-align: center;
        padding-top: 15px;
    }
}

.equipment-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.equipment-block-img {
    width: 100%;
}

.equipment-block h2,
.equipment-title-yazaki h2 {
    line-height: 1.4;
    padding-bottom: 5px;
    font-size: 20px;
}

.equipment-title-yazaki .yazaki-daikinlogo {
    margin-top: 15px;
}

.equipment-block h3 {
    padding: 5px 0;
    font-size: 16px;
}

.equipment-block-intro {
    padding-bottom: 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.equipment-block-all {
    margin-bottom: 30px;
}

.equipment-block .shinchaku-ul {
    padding: 0;
}

.equipment-block02 {
    max-width: 630px;
    margin: 0 auto;
    padding: 30px 0;
}

.equipment-block02 img {
    padding-bottom: 10px;
}

.equipment-bana {
    max-width: 630px;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center;
}

.equipment-bana a {
    display: inline-block;
    max-width: 100%;
    width: 315px;
    width: 50%;
    margin-bottom: 0;
    border: 1px solid #fff;
}

@media (min-width: 768px) {

    .equipment-block {
        padding: 70px 15px;
    }

    /*
    .equipment-title-yazaki-all{max-width: 700px;
        margin: 0 auto;}
    .equipment-title-yazaki-all:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }
    .equipment-title-yazaki-left {
        float: left;
        width: 50%;
        text-align: center;
    }
    .equipment-title-yazaki-right {
        float: right;
        width: 50%;
        text-align: center;
    }
    .equipment-title-yazaki-sale{text-align: center;}*/
    .equipment-block-all:after {
        content: "";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
    }

    .equipment-title-yazaki {
        padding-top: 15px;
    }

    .equipment-block h2,
    .equipment-title-yazaki h2 {
        font-size: 22px;
    }

    .equipment-block h3 {
        font-size: 18px;
    }

    .equipment-block-intro {
        padding-right: 30px;
    }

    .equipment-block-left {
        float: left;
        width: 50%;
    }

    .equipment-block-right {
        float: right;
        width: 50%;
    }

    equipment-block-right .equipment-block .shinchaku-ul {
        padding: 0;
    }

    .equipment-block02 {
        padding: 70px 0 30px;
    }

    .equipment-bana {
        padding: 35px 0;
    }

    .equipment-block .equipment-block-right .shinchaku-ul li {
        width: 50%;
    }

}

/*works*/
.worksu {
    padding: 30px 0;
    max-width: 960px;
    margin: 0 auto;
}

.worksu .shinchaku-ul {
    padding: 15px;
}

.shinchaku-head-page img {
    height: 30px;
}

.shinchaku-head-page span {
    line-height: 1;
    padding-top: 7px;
    font-size: 18px;
    color: #000;
    display: block;
}

.shinchaku-head-page span.title-span {
    padding: 10px 0 5px;
}

.works-menu-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 0;
    max-width: 960px;
    margin: 0 auto;
}

.works-menu-ul li {
    width: 50%;
    flex-grow: 1;
}

@media (min-width: 768px) {
    .worksu {
        padding: 70px 0;
    }

    .works-menu-ul li {
        width: 25%;
    }

    .shinchaku-head-page img {
        height: 40px;
    }
}

.works-menu-ul li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    min-height: 40px;
}

.works-menu-ul li.works-menu-li01 a {
    background-color: blue;
}

.works-menu-ul li.works-menu-li02 a {
    background-color: #6badab;
}

.works-menu-ul li.works-menu-li03 a {
    background-color: #c19c68;
}

.works-menu-ul li.works-menu-li04 a {
    background-color: #a461e2;
}

.works-menu-ul li a:hover {
    opacity: 0.7;
}

/*aboutus*/

.aboutus-happL {}

.aboutus-happL .business-title {}

.aboutus-happL img {}

.aboutus-happL .business-title p {
    line-height: 1;
    padding-bottom: 15px;
    padding-top: 7px;
    font-size: 18px;
    font-weight: bold;
}

.aboutus-happ {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.aboutus-happ-intro {
    text-align: justify;
    text-justify: inter-ideograph;
}

.daihyo {
    text-align: right;
    padding: 15px 0;
}

.aboutus-happR img {
    width: 100%;
}

.outline-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.outline-title {
    padding: 0;
}

.outline-title img {
    height: 30px;
}

.outline-title h1 {
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 15px;
    font-size: 18px;
}

.about-map-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.about-map-block h2 {
    text-align: center;
    padding-bottom: 5px;
}

.about-map-all:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.about-map-left {
    float: left;
    width: 50%;
}

.about-map-right {
    float: right;
    width: 50%;
}

.about-map-photo {
    display: flex;
    justify-content: center;
    padding-top: 2px;
}

.about-map-photo img {
    width: 33.333333333333%;
}

.about-map-photo img:nth-child(2) {
    /*margin: 0 2px;*/
}

.numadu {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .outline-title img {
        height: 40px;
    }


    .aboutus-happ,
    .outline-block {
        padding: 70px 15px;
    }

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

    .aboutus-happL {
        float: left;
        width: 50%;
        padding-right: 25px;
    }

    .aboutus-happR {
        float: right;
        width: 50%;
    }

    .numadu {
        margin-top: 50px;
    }
}

#enka table {
    margin: 15px auto;
    max-width: 960px;
}

#history table {
    margin: 15px auto;
    max-width: 960px;
}

#history table,
#history th,
#history td {
    border-left: none;
    border-right: none;
}

/*施工事例詳細*/

.worksjp-block {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.slider6-wrap {
    width: 600px;
    margin: 0 auto;
    position: relative;
}

.slider-6 .slick-slide {
    height: 400px;
    overflow: hidden;
}

.slider-6 .slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbs_dots {
    margin: 10px 0 0;
}

.thumbs_list li {
    display: inline-block;
    width: 20%;
    height: 80px;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity 0.3s;
}

.thumbs_list li.slick-active {
    opacity: 1;
}

.biko {
    margin-top: 15px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media (min-width: 768px) {
    .worksjp-block {
        padding: 70px 15px;
    }

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

    .worksjp-slide-block {
        float: left;
        width: 50%;
    }

    .worksjp-tex-block {
        float: right;
        width: 330px;
        padding-left: 15px;
    }
}


/*voice*/

.voice-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.voice-wrap .voice-happ {}

.voice-title {
    text-align: left;
    padding-bottom: 15px;
}

.voice-title.rec-title {
    text-align: center;
}

.voice-title img {
    height: 30px;
}

.voice-title h1 {
    line-height: 1;
    padding-top: 7px;
    font-size: 18px;
}

.voice-title h2 {
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 15px;
    font-size: 18px;
}

.voice-under {
    display: flex;
    flex-wrap: wrap;
}

.voice-under img {
    width: 50%;
}

.yoko-ent {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 0;
}

.yoko-ent .substi-title {
    text-align: center;
}

.bosh-yoko-form {
    padding-top: 30px;
}

.voice-all {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 0 0;
}

.voice-img {
    padding: 0 0 25px;
}

.voice-left {
    padding: 0 0 15px;
}

.voice-right-one {
    padding-bottom: 30px;
}

.voice-right-one .voice-ques {
    font-size: 120%;
    font-weight: bold;
}

.voice-right-one .voice-ans {
    text-align: justify;
    text-justify: inter-ideograph;
}

@media (min-width: 768px) {
    .voice-title img {
        height: 40px;
    }

    .voice-wrap {
        padding: 70px 15px;
    }

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

    .voice-all .voice-left {
        width: 40%;
        float: left;
        padding-right: 50px;
    }

    .voice-all .voice-right {
        width: 60%;
        float: right;
    }

    .voice-img {
        padding: 0 0 50px;
    }

    /*.voice-under {
        flex-wrap: nowrap;
    }

    .voice-under img {
        width: 25%;
    }*/

    .yoko-ent {
        padding: 70px 0;
    }
}

.bosh-yoko-title {
    padding-bottom: 30px;
}

/*voice追加*/
.voice-nenme {
    font-size: 130%;
    background: #ccc;
    padding-left: 10px;
}

.voice-actor {
    font-size: 130%;
}

.voice-name {
    font-size: 160%;
    padding-left: 10px;
}

.voice-photogra {
    border-top: 1px solid #ccc;
    padding-top: 25px;
}
.voice-photogra img{width:100%;}
.voice-links {
    margin: 25px auto;
}

.voice-links li {
    padding: 7px 0;
}

.voice-links li img {
    max-width: 100%;
    height: auto;
    border: solid 1px #ccc;
}

.voice-links li a {
    box-sizing: border-box;
    background: #e5e5e3;
    display: block;
}

.voice-links li a:hover img {
    opacity: 0.7;
}

.voice-link-wrap {
    background: #F4F3DF;
    padding: 30px 15px;
    max-width: 1940px;
    margin: 0 auto;
}

.voice-link-wrap .voice-title.voice-link-title {
    text-align: center;
}

.voice-link {
    max-width: 960px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .voice-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .voice-links li {
        width: calc(100%/3);
        padding: 0 7px;
    }

    .voice-link-wrap {
        padding: 70px 15px;
    }
}

/*privacy*/

.privacy-cont {
    max-width: 960px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .pagetitle-head.title-noimg {
        padding-top: 45px;
    }
}

/*recruit*/

.recruit-intro {
    text-align: center;
    color: #1a264c;
    padding: 30px 0 0;
}

@media (min-width: 768px) {
    .recruit-intro {
        padding: 3rem 0 0;
    }
}

.syosai-wrap {
    background: #f4f4f4;
}

.syosai-right {
    padding: 15px;
}

.syosai-right img {
    width: 100%;
}

.syosai-right table {
    margin: 10px 0;
    border-bottom: solid 1px #ccc;
}

.syosai-right table th {
    background: #bfcadd;
}

.syosai-right table th.syosai-th {
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.syosai-right table td {
    background: #fff;
}

.syosai-right h1 {
    font-size: 20px;
    font-weight: normal;
}

.antiwils {
    margin: 45px auto;
    max-width: 600px;
}

@media (min-width: 768px) {
    .syosai-all {
        display: flex;
        flex-wrap: wrap;
    }

    .syosai-right {
        width: 39%;
    }

    .syosai-left {
        width: 59%;
    }

    /*
  .syosai-right {
  }*/
    .syosai-right h1 {
        font-size: 24px;
    }
}

/*404*/
.notfound {
    margin: 2rem auto;
    padding: 15px;
    line-height: 1.3;
    text-align: center;
}

.notfound h1 {
    margin: 25px auto;
}

.notfound h2 {
    margin: 25px auto;
}

.notfound p {
    margin: 25px auto;
    padding-bottom: 150px;
}

/*single-page*/
.singleplay {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 15px;
}

.singleplay-all {
    padding-bottom: 35px;
}

.singleplay-right {
    padding-top: 15px;
}

.singleplay-er {}

.singleplay-right p.devi {
    text-align: justify;
    text-justify: inter-ideograph;
}

@media (min-width: 768px) {
    .singleplay {
        padding: 70px 0;
    }

    .singleplay-all,
    .singleplay-er {
        padding-bottom: 70px;
    }

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

    .singleplay-left {
        width: 50%;
        float: left;
    }

    .singleplay-right {
        width: 50%;
        float: right;
        padding-left: 30px;
        padding-top: 0;
    }
}

/*blog*/

.wp-pagenavi-wrap {
    text-align: center;
}

ul.previousnext {
    display: flex;
    justify-content: space-between;
    margin: 0 0 3rem;
}

ul.previousnext .prev {
    width: 49%;
    position: relative;
}

ul.previousnext .next {
    width: 49%;
    position: relative;
}

ul.previousnext a {
    padding: 10px 35px;
    display: flex;

    /*align-items: center;*/
    /*height: 100%;*/
    /*flex-wrap: wrap;*/
    background: #1a264c;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #1a264c;
}

ul.previousnext a:hover {
    background: #fff;
    color: #1a264c;
}

ul.previousnext li::before {
    content: "\f101";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -14px;
}

ul.previousnext .prev::before {
    left: 15px;
    content: "\f100";
}

ul.previousnext .next::before {
    right: 15px;
}

ul.previousnext .prev:hover::before,
ul.previousnext .next:hover::before {
    color: #1a264c;
}

.singleplay-right-title,
.singleplay-er-title {
    line-height: 1.4;
    padding: 5px 0 10px;
}

.singleplay-er p {
    text-align: justify;
    text-justify: inter-ideograph;
}

.singleplay-er p.timezone-er {
    text-align: right;
    padding-bottom: 5px;
    color: #666;
}

.slick-prev {
    left: 5px !important;
    z-index: 9 !important;
}

.slick-next {
    right: 5px !important;
}

.slick-dots li button:before {
    font-size: 10px !important;
}

@media (min-width: 768px) {
    ul.previousnext .prev {
        width: 24%;
    }

    ul.previousnext .next {
        width: 24%;
    }
}

/*Contact Form 7*/
legend {
    font-weight: bold;
    font-size: 14px;
}

fieldset {
    border: none;
}

.from-box input.wpcf7-not-valid,
.from-box textarea.wpcf7-not-valid,
.from-box select.wpcf7-not-valid {
    background: #FCC;
    border: 1px solid red;
}

.wpcf7-response-output {
    width: 95%;
    margin: 0 auto !important;
    max-width: 700px;
}

div.wpcf7 .wpcf7-spinner {
    display: none;
}

.wpcf7cp-btns {
    text-align: center;
}

.wpcf7cp-btns button,
.wpcf7cp-btns [type="button"] {
    padding: 5px 10px;
}

#wpcf7cpcnf table {
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
}

#wpcf7cpcnf th {
    background: #eee;
}

@media (min-width: 768px) {

    legend {
        font-size: 16px;
    }
}

/*dropdown*/
.drop-menu {
    position: relative;
}

.dropdownlist {
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 4;
    visibility: hidden;
    opacity: 0;
    transition: all .93s;
}

.dropdownlist li a {
    line-height: 44px;
    display: block;
    /*background: rgba(26, 38, 76, 0.9);*/
    background: rgba(20, 155, 202, 0.9);
}

.nav-menus ul li .dropdownlist li a {
    font-weight: normal;
    font-size: 90%;
    width: 180px;
    text-align: left;
    padding-left: 15px;
}

/*.dropdownlist li.ministar a {
    font-size: 80%;
}*/

.dropdownlist li:last-child a {
    border-radius: 0 0 4px 4px;
    height: 48px;
}

.drop-menu:hover > ul,
.drop-menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}

/*スマホメニュー*/
.nav-content ul li.dropdownlisn a {
    border-bottom: none;
}

.nav-content ul.dropdownlis li a {
    border-bottom: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: normal;
}

.nav-content ul.dropdownlis {
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}