@charset "utf-8";
/*
Theme Name: Lightning Child 
Theme URI: 
Template: lightning
Description: lightningカスタマイズ用子テーマ
Author: アドユニバース株式会社
Tags: 
Version: 0.5.1
*/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

:root {
    --navy: rgb(24, 75, 154);
    --navy-rgb: 24, 75, 154;
    --cyan: rgb(0, 184, 238);
    --cyan-rgb: 0, 184, 238;
}

.container,
.container-sm {
    max-width: 1080px;
}

h3 {
    border: none;
}

h3::after {
    display: none;
}

p:empty {
    display: none;
}

.siteContent-paddingVertical-off .container {
    max-width: none;
    padding: 0;
}

.swiper-wrapper {
    align-items: c;
    max-height: 400px;
}

img.swiper-slide {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.siteContent > .container > .row {
    display: flex;
    gap: 20px 30px;
    margin: 0;
}

.subSection.sideSection-col-two {
    flex: 1;
    width: 100%;
    flex-basis: calc(30% - 15px);
    float: none;
    text-align: left;
    padding: 0;
}

.row div#main {
    flex-basis: calc(70% - 15px);
    padding: 0;
}

.vk_post-col-5.col-5.card-img-outer {
    display: none;
}

.vk_posts .vk_post-col-7 {
    width: 100%;
    max-width: none;
    flex: 1;
}

h1.entry-title {
    text-align: left;
}

.common_btn01 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 220px;
    min-height: 60px;
    margin-top: 20px;
    padding: 14px;
    padding-right: 16px;
    text-align: left;
    color: #ffffff;
    border: 1px solid transparent;
    font-weight: normal;
    font-size: 14px;
    transition: .4s;
    z-index: 0;
}

.common_btn01:hover {
    letter-spacing: .1em;
    color: var(--navy);
    border-color: var(--navy);
}

.common_btn01::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: none;
    background-image: linear-gradient(90deg, rgb(var(--navy-rgb)) 0%, rgb(var(--cyan-rgb)) 100%);
    transition: .4s;
    z-index: -1;
}

.common_btn01:hover::before {
    opacity: 0;
}

.common_btn01::after {
    display: block;
    content: "";
    width: 26px;
    height: 10px;
    margin-left: auto;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: skewX(45deg);
}

.slide_Box {
    position: relative;
    min-height: 308px;
    background-image: url(common/images/mv_top_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.slide_Box::before,
.slide_Box::after {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    content: "";
    width: auto;
    height: 4px;
    background-image: url(common/images/img_mv-line.svg);
    background-size: 2px auto;
    background-repeat: repeat;
}

.slide_Box::before {
    top: 0;
}

.slide_Box::after {
    bottom: 0;
}

.sllogo {
    position: absolute;
    top: 50%;
    left: 28px;
    transform: translate(0, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 170px;
    z-index: 1;
    background: linear-gradient(90deg, rgba(var(--navy-rgb), .85), rgba(var(--cyan-rgb), .85));
    background-size: 200% 200%;
    animation: bg-transform 8s ease infinite;
}

@keyframes bg-transform {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.sllogo h2 {
    font-family: "Geologica", serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 27px;
    line-height: 39px;
    text-align: left;
    text-transform: uppercase;
}

ul.sllist {
    right: 2vw;
    bottom: 0;
    z-index: 1;
    max-width: 30vw;
}

ul.sllist li {
    list-style: none;
    text-align: right;
}

.news_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 10px;
    color: var(--navy);
    text-transform: uppercase;
}

.news_wrap .heading01 {
    font-family: "Geologica", serif;
    font-weight: 600;
}

.news_wrap a.common_btn02 {
    display: flex;
    align-items: center;
    min-width: 100px;
    font-weight: bold;
    color: var(--navy);
}

.news_wrap a.common_btn02::after {
    display: block;
    content: "";
    width: 26px;
    height: 6px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: skewX(45deg);
}

.news-list {
    max-width: 900px;
    margin: 32px auto 38px;
}

.news_list-box {
    display: flex;
    flex-direction: column;
}

a.news_card {
    padding: 14px;
}

a.news_card:hover {
    background: #f0f0f0;
}

.news_list {
    display: flex;
    flex-direction: column;
    gap: 6px 30px;
}

.news_list * {
    border: none;
}

.news_list .news_date {
    text-align: left;
    color: var(--navy);
}

.news_list .news_ttl {
    flex: 1;
    flex-basis: 60%;
    text-align: left;
}

.recruit-site {
    position: relative;
    max-width: 748px;
    margin: 0 auto 90px;
    padding: 24px 20px 54px;
    color: var(--navy);
    background: #ffffff;
}

.recruit-cont {
    position: relative;
    padding: 18px 18px 24px;
    text-align: left;
    background-image: linear-gradient(90deg, rgba(var(--navy-rgb), .75) 0%, rgba(var(--navy-rgb), .75) 100%);
    background-repeat: repeat, no-repeat;
    background-size: cover;
}

p.recruit-sub {
    font-family: "Geologica", serif;
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
}

h3.recruit-ttl {
    margin-top: 6px;
    margin-bottom: 24px;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: .2em;
}

.site-txt .common_btn01 {
    margin-left: 40px;
}

.site-movie {
    width: calc(100% + 40px);
    margin: 24px -20px 0;
    aspect-ratio: 16/9;
    pointer-events: none;
}

a.movie_btn {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 122px;
    padding: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    -webkit-backdrop-filter: invert(1);
    backdrop-filter: invert(1);
    translate: -50% -35%;
    cursor: pointer;
    z-index: 1;
}

.recruit-about {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
    margin: 0 auto;
    z-index: 1;
}

/* ulタグ */
.scroll-list {
    position: absolute;
    top: -24px;
    display: flex;
    align-items: center;
    list-style: none;
    padding-inline: 0;
    margin-inline: 0;
    gap: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    pointer-events: none;
    z-index: -1;
}

/* liタグ */
.scroll-list li {
    font-family: "Geologica", serif;
    color: #fff;
    font-size: 50px;
    line-height: 1;
    font-style: italic;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
    padding-right: .25em;
    margin: 0;
    opacity: .2;
    text-transform: uppercase;
    animation: marquee-left 40s linear infinite;
}

video.bg-movie {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    translate: -50% -50%;
    z-index: -1;
}

p.bnr {
    padding: 16px 20px;
}

p.bnr a.bnr_movie {
    display: block;
    max-width: 298px;
    margin: 0 auto;
}

p.bnr a.bnr_movie img {
    width: 100%;
    height: auto;
}

/* PCの時のフォントサイズ */
@media (min-width: 768px) {
    .scroll-list {
        top: -80px;
    }

    .scroll-list li {
        font-size: 72px;
    }
}

@media (min-width: 1080px) {
    .scroll-list {
        top: auto;
        bottom: 36px;
    }

    .scroll-list li {
        font-size: 132px;
    }
}

/* アニメーション */
@keyframes marquee-left {
    100% {
        transform: translateX(-100%);
    }
}

.about-txt {
    flex: 1;
    color: #ffffff;
}

.about-txt h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .2em;
}

ul.about-link {
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 20px;
}

ul.about-link li {
    margin: 0 -24px;
    height: 215px;
    overflow: hidden;
    aspect-ratio: 2/3;
    clip-path: polygon(36.73% 0%, 100% 0%, 63.27% 100%, 0% 100%);
    background-size: cover;
    background-repeat: no-repeat;
}

.link-child01 {
    background-image: url(common/images/bg_top_recruit01-hover.png);
}

.link-child02 {
    background-image: url(common/images/bg_top_recruit02-hover.png);
}

.link-child03 {
    background-image: url(common/images/bg_top_recruit03-hover.png);
}

ul.about-link li a {
    position: relative;
    display: block;
    height: 100%;
    font-size: 0;
    color: transparent;
}

ul.about-link li a::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .4s;
}

.link-child01 a::before {
    background-image: url(common/images/bg_top_recruit01.png);
}

.link-child02 a::before {
    background-image: url(common/images/bg_top_recruit02.png);
}

.link-child03 a::before {
    background-image: url(common/images/bg_top_recruit03.png);
}

ul.about-link li a:hover::before {
    opacity: 0;
}

ul.about-link li:first-child {
    margin-left: 0;
}

ul.about-link li:last-child {
    margin-right: 0;
}

footer.section.siteFooter .copySection p {
    margin: 0 auto;
}

footer.section.siteFooter .copySection p:nth-of-type(2) {
    display: none;
}

footer.section.siteFooter {
    background-color: var(--navy);
    color: #fff;
}

.footerMenu .nav {
    display: flex;
    gap: 0 32px;
    justify-content: center;
}

footer.section.siteFooter .footerMenu li a {
    color: #fff;
    border: none !important;
}

footer.section.siteFooter .sectionBox {
    padding: 0 0 1em;
}

.vk-mobile-nav-menu-btn {
    left: unset;
    right: 5px;
}

.siteHeader_logo {
    padding: 0;
}

.section.page-header {
    display: none;
}

.mainSection-col-two {
    width: 100%;
    float: none;
    max-width: 950px;
    margin: 0 auto;
    padding: 0 10px;
}

div#ph_text {
    max-width: 700px;
    margin: 0 auto;
}

h2 {
    border: none;
    text-align: center;
    font-weight: bold;
}

.entry-body {
    text-align: justify;
}

.entry-body p {
    margin-bottom: 20px;
    padding: 0px;
    font-size: 14px;
    line-height: 1.7;
}

.page-id-48 div#ph_main {
    margin: 0 auto;
    max-width: 950px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../uploads/2016/10/philosophybk.jpg");
}

.page-id-48 div#ph_main h2 {
    color: #ffffff;
    margin: 0 auto 25px;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-vk_kado_waku_tel_01,
.icon-vk_kado_waku_rss_01,
.icon-vk_kado_waku_menu_01,
.icon-vk_kado_waku_close_01,
.icon-vk_kado_nuri_rss_01,
.icon-vk_kado_nuri_arrow_01_right,
.icon-vk_kado_nashi_tel_01,
.icon-vk_kado_nashi_menu_01,
.icon-vk_kado_nashi_close_01,
.icon-vk_kado_full_tri_01_right_bottom,
.icon-vk_kado_full_home_01,
.icon-vk_full_rss_01,
.icon-vk_kado_nashi_arrow_01_top,
.icon-vk_kado_nashi_arrow_01_right,
.icon-vk_kado_nashi_arrow_01_left,
.icon-vk_kado_nashi_arrow_01_bottom,
.icon-vk_kado_wakumaru_arrow_01_top,
.icon-vk_kado_wakumaru_arrow_01_right,
.icon-vk_kado_wakumaru_arrow_01_left,
.icon-vk_kado_wakumaru_arrow_01_bottom,
.icon-vk_kado_waku_arrow_01_top,
.icon-vk_kado_waku_arrow_01_right,
.icon-vk_kado_waku_arrow_01_left,
.icon-vk_kado_waku_arrow_01_bottom,
.icon-vk_kado_nurimaru_arrow_01_top,
.icon-vk_kado_nurimaru_arrow_01_right,
.icon-vk_kado_nurimaru_arrow_01_left,
.icon-vk_kado_nurimaru_arrow_01_bottom,
.icon-vk_kado_nuri_arrow_01_top,
.icon-vk_kado_nuri_arrow_01_right-2,
.icon-vk_kado_nuri_arrow_01_left,
.icon-vk_kado_nuri_arrow_01_bottom,
.icon-vk_kado_full_arrow_01_top,
.icon-vk_kado_full_arrow_01_right,
.icon-vk_kado_full_arrow_01_left,
.icon-vk_kado_full_arrow_01_bottom {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-vk_kado_waku_tel_01:before {
    content: "\21";
}

.icon-vk_kado_waku_rss_01:before {
    content: "\22";
}

.icon-vk_kado_waku_menu_01:before {
    content: "\23";
}

.icon-vk_kado_waku_close_01:before {
    content: "\24";
}

.icon-vk_kado_nuri_rss_01:before {
    content: "\26";
}

.icon-vk_kado_nuri_arrow_01_right:before {
    content: "\27";
}

.icon-vk_kado_nashi_tel_01:before {
    content: "\28";
}

.icon-vk_kado_nashi_menu_01:before {
    content: "\29";
}

.icon-vk_kado_nashi_close_01:before {
    content: "\2a";
}

.icon-vk_kado_full_tri_01_right_bottom:before {
    content: "\2c";
}

.icon-vk_kado_full_home_01:before {
    content: "\2d";
}

.icon-vk_full_rss_01:before {
    content: "\2f";
}

.icon-vk_kado_nashi_arrow_01_top:before {
    content: "\25";
}

.icon-vk_kado_nashi_arrow_01_right:before {
    content: "\2b";
}

.icon-vk_kado_nashi_arrow_01_left:before {
    content: "\2e";
}

.icon-vk_kado_nashi_arrow_01_bottom:before {
    content: "\30";
}

.icon-vk_kado_wakumaru_arrow_01_top:before {
    content: "\31";
}

.icon-vk_kado_wakumaru_arrow_01_right:before {
    content: "\32";
}

.icon-vk_kado_wakumaru_arrow_01_left:before {
    content: "\33";
}

.icon-vk_kado_wakumaru_arrow_01_bottom:before {
    content: "\34";
}

.icon-vk_kado_waku_arrow_01_top:before {
    content: "\35";
}

.icon-vk_kado_waku_arrow_01_right:before {
    content: "\36";
}

.icon-vk_kado_waku_arrow_01_left:before {
    content: "\37";
}

.icon-vk_kado_waku_arrow_01_bottom:before {
    content: "\38";
}

.icon-vk_kado_nurimaru_arrow_01_top:before {
    content: "\39";
}

.icon-vk_kado_nurimaru_arrow_01_right:before {
    content: "\3a";
}

.icon-vk_kado_nurimaru_arrow_01_left:before {
    content: "\3b";
}

.icon-vk_kado_nurimaru_arrow_01_bottom:before {
    content: "\3c";
}

.icon-vk_kado_nuri_arrow_01_top:before {
    content: "\3d";
}

.icon-vk_kado_nuri_arrow_01_right-2:before {
    content: "\3e";
}

.icon-vk_kado_nuri_arrow_01_left:before {
    content: "\3f";
}

.icon-vk_kado_nuri_arrow_01_bottom:before {
    content: "\40";
}

.icon-vk_kado_full_arrow_01_top:before {
    content: "\41";
}

.icon-vk_kado_full_arrow_01_right:before {
    content: "\42";
}

.icon-vk_kado_full_arrow_01_left:before {
    content: "\43";
}

.icon-vk_kado_full_arrow_01_bottom:before {
    content: "\44";
}

/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/
/*	レイアウト
/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
/*	#panList
/*-------------------------------------------*/
/*	#main
/*		.content
/*			.child_page_block
/*			.childPageBox
/*			.mainFoot
/*			images
/*			.navigation
/*			.paging
/*			.infoList
/*				.infoListBox
/*			#comments
/*-------------------------------------------*/
/*	#sideTower
/*-------------------------------------------*/
/*	#pagetop
/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
/*	#siteBottom
/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
/*	post
/*-------------------------------------------*/
/*			#comments
/*-------------------------------------------*/
/*	sitemap & 404 &search
/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/
/*-------------------------------------------*/
/*	初期化
/*-------------------------------------------*/
* {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

ul,
ol {
    list-style: none;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
form,
input {
    margin: 0;
    padding: 0;
}

th {
    font-weight: lighter;
}

img {
    border: none;
    vertical-align: bottom;
}

/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
body {
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* Text elements */
body {
    font-size: 87.5%;
    line-height: 150%;
    -webkit-text-size-adjust: 100%;
}

dt {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
}

sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

a {
    overflow: hidden;
    color: #666;
}

a:hover,
a:active {
    color: unset;
    text-decoration: none;
}

.adminEdit {
    clear: both;
    float: none;
    display: block;
    overflow: hidden;
    padding: 0px 0px 20px;
}

.assistive-text {
    display: none;
}

/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/
a.btn,
.linkBtn a,
input[type=button],
input[type=submit] {
    display: inline-block;
    overflow: hidden;
    margin-top: 15px;
    position: relative;
    padding: 8px 20px 6px;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

a.btn.btnS,
.linkBtn.linkBtnS a {
    padding: 5px 10px;
    font-size: 85.7%;
}

a.btn.btnL,
.linkBtn.linkBtnL a {
    padding: 10px 30px;
    font-size: 114.3%;
    text-align: center;
}

a.btn.btnAdmin,
.linkBtn.linkBtnAdmin a {
    color: #666666 !important;
    background-color: #e5e5e5;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    box-shadow: inset 0 1px 0 #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5));
    background: -moz-linear-gradient(#fff, #e5e5e5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)";
}

#searchform input[type=submit],
p.form-submit input[type=submit] {
    padding: 6px 15px;
}

#searchform label {
    display: none;
}

form#searchform input#searchsubmit {
    padding: 6px 5px;
}

.moreLink {
    margin-bottom: 0px;
    height: auto;
    display: block;
}

.moreLink a {
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    overflow: hidden;
    font-size: 10px;
    line-height: 105%;
    text-decoration: none;
    color: #666;
    padding: 5px 15px;
}

.moreLink a:hover {
    text-decoration: none !important;
    background-color: #e5e5e5;
}

html,
body,
#wrap {
    height: 100%;
    min-height: 100%;
}

/*-------------------------------------------*/
/*	レイアウト
/*-------------------------------------------*/
#header,
#pagetop,
#footMenu,
#footer {
    text-align: center;
    clear: both;
}

.innerBox {
    text-align: left;
    width: 94%;
    margin: 0px auto;
}

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

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

#main {
    width: 100%;
    margin: 0px auto;
}

#main #container {
    overflow: visible;
}

#main #container .content {
    margin: 0 0px 0px 0px;
    padding-bottom: 30px;
}

#main #container .content.wide {
    width: 99%;
    float: none;
    padding-bottom: 30px;
    overflow: visible;
}

#main #container #sideTower {
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
    width: 100%;
}

/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
p.headerCopy {
    text-align: left;
    padding: 0 42px;
    background: #f9f9f9;
}

#headerTop {
    overflow: hidden;
    color: #666;
    width: 100%;
    clear: both;
    font-size: 85.7%;
}

#headerTop #site-description {
    font-size: 10px;
    line-height: 135.7%;
    padding: 2px 0px;
    display: none;
}

/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
#header {
    display: block;
    text-align: left;
}

#header .innerBox {
    width: 100%;
}

#header #site-title {
    font-size: 24px;
    margin: 10px 0 10px 15px;
    position: relative;
    font-weight: lighter;
}

#header #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#header #site-title a img {
    max-height: 35px;
}

.siteHeader {
    border: none;
    border-top: 2px solid var(--navy);
    border-bottom: 1px solid #e9e9e9;
}

.siteHeader .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    padding: 0;
    /* padding-left: 42px; */
}

/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
#gMenu {
    clear: both;
    align-items: center;
    overflow: visible;
    position: relative;
    width: 100%;
}

#gMenu .assistive-text {
    display: block;
    overflow: hidden;
    font-weight: lighter;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    background-color: #f5f5f5;
    width: 2.5em;
    position: absolute;
    top: -45px;
    right: 15px;
    text-align: center;
}

#gMenu .assistive-text span {
    display: block;
    overflow: hidden;
    padding: 3px 0;
    margin: 0;
}

#gMenu .assistive-text span:before {
    font-family: 'vektor_kado_icons';
    margin-right: 0px;
}

#gMenu .screen-reader-text {
    position: absolute;
    left: -9000px;
}

#gMenu .innerBox {
    overflow: visible;
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.gMenu_outer {
    flex: 1;
}

.device-pc .gMenu > li > a {
    color: var(--navy);
}

.gMenu {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.gMenu > li:hover:before {
    display: none;
}

.gMenu > li.recruit {
    position: relative;
}

.gMenu > li.recruit::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: none;
    background-image: linear-gradient(90deg, rgb(var(--navy-rgb)) 0%, rgb(var(--cyan-rgb)) 100%);
    transition: .4s;
    z-index: -1;
}

.gMenu > li.recruit:hover::before {
    opacity: 0;
}

.gMenu > li.recruit a {
    width: 176px;
    height: 77px;
    padding: 14px;
    padding-right: 0;
    text-align: left;
    color: #ffffff;
    border: 1px solid transparent;
    font-weight: normal;
    line-height: 18px;
    transition: .4s;
}

.gMenu > li.recruit a::before {
    font-family: "Geologica", serif;
    content: "Entry";
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    transition: .4s;
}

.gMenu > li.recruit a strong {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: normal;
    transition: .4s;
}

.gMenu > li.recruit a strong::after {
    display: block;
    content: "";
    width: 26px;
    height: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: skewX(45deg);
}

.gMenu > li.recruit:hover a {
    color: var(--navy);
    border-color: var(--navy);
}

.gMenu > li.recruit:hover a::before {
    letter-spacing: .2em;
}

.gMenu > li.recruit:hover a strong {
    letter-spacing: .1em;
}

.headSubMenu li {
    float: left;
}

.headSubMenu li a {
    text-decoration: none;
    color: #666;
}

.headMainMenu {
    font-size: 0.929em;
    list-style: none;
    margin: 0px 0px 0px;
    padding: 0px;
    display: block;
    overflow: visible;
}

.headMainMenu li {
    position: relative;
    width: 100%;
    display: block;
}

.headMainMenu li:last-child {
    border-bottom: none;
}

.headMainMenu li a {
    display: block;
    overflow: hidden;
    position: relative;
    color: #333;
    padding: 13px 10px 11px;
    margin: 0px;
    line-height: 110%;
    text-decoration: none;
    letter-spacing: 0px;
}

.sllist {
    width: 100%;
    padding: 40px 20px 20px;
}

.sllist li {
    display: inline-block;
    margin: 0 0 30px;
}

.sllist li img {
    width: 100%;
    height: auto;
}

@media (max-width: 969px) {
    .headMainMenu li a {
        padding-left: 10px;
        text-align: left;
        border-bottom: 1px solid #e5e5e5;
    }

    .headMainMenu li a span {
        display: none;
    }

    .headMainMenu li ul li a {
        padding-left: 20px;
    }

    .headMainMenu li ul li ul li a {
        padding-left: 30px;
    }

    #header .assistive-text span:before,
    #header.itemClose .assistive-text span:before {
        font-family: 'vektor_kado_icons';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        content: "\29";
    }

    #header .headMainMenu .menu,
    #header.itemClose .headMainMenu .menu {
        display: none;
    }

    #header.itemOpen .assistive-text span:before {
        font-family: 'vektor_kado_icons';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        content: "\2a";
    }

    #header.itemOpen .headMainMenu .menu {
        display: block;
        border-top: 1px solid #e5e5e5;
    }

    .siteHeader {
        display: flex;
        height: 70px;
    }

    .vk-mobile-nav-menu-btn {
        top: 35px;
        width: 50px;
        height: 50px;
        translate: 0 -50%;
    }

    .vk-mobile-nav {
        padding-top: 70px;
    }

    td:empty {
        display: none;
    }

    .alignright,
    img.alignright {
        float: none;
    }
}

/*-------------------------------------------*/
/*	#pageTitBnr
/*-------------------------------------------*/
#pageTitBnr {
    margin: 0px;
    clear: both;
}

#pageTitBnr #pageTitInner {
    display: block;
    overflow: hidden;
}

#pageTitBnr #pageTitInner #pageTit {
    font-size: 22px;
    font-weight: bold;
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 18px;
    line-height: 105%;
}

#pageTitBnr #pageTitInner #titleTxtSub {
    text-align: left;
    color: #999;
    font-size: 14px;
    letter-spacing: 3px;
    float: left;
    margin-top: 25px;
    line-height: 105%;
}

/*-------------------------------------------*/
/*	#panList
/*-------------------------------------------*/
#panList {
    clear: both;
    font-size: 12px;
    color: #999;
    padding: 0px;
    display: block;
    overflow: hidden;
    width: 100%;
}

#panList .innerBox {
    display: block;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    line-height: 24px;
}

#panList ul {
    display: inline-block;
}

#panList ul li {
    display: inline-block;
    padding-right: 5px;
}

/*-------------------------------------------*/
/*	#main
/*-------------------------------------------*/
#main {
    display: block;
    overflow: visible;
    clear: both;
}

#main {
    zoom: 1;
}

/* facebookコメント欄が消えるのでhiddenではなくclearfix */
#main:before,
#main:after {
    content: "";
    display: table;
}

#main:after {
    clear: both;
}

#main #container {
    padding-top: 15px;
}

/*		.content
/*-------------------------------------------*/
.content {
    margin-bottom: 36px;
    text-align: left;
    display: block;
    overflow: visible;
}

.content hr {
    margin-bottom: 20px;
}

.content .post {
    padding-bottom: 25px;
}

.content .alert {
    color: #f00;
}

.content .caption {
    font-size: 11px;
    line-height: 120%;
}

.content .center {
    text-align: center;
}

.content .right {
    text-align: right;
}

.content .nowrap {
    white-space: nowrap;
}

.content .sectionBox {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
    clear: both;
}

.content .entry-meta {
    margin-bottom: 2em;
    font-size: 11px;
    color: #666;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h4,
.content h5,
.content h6,
.content .leadTxt {
    color: #333333;
}

.content h2,
.content h1.contentTitle,
.content h1.entryPostTitle {
    clear: both;
    font-size: 128.6%;
    line-height: 133.3%;
    padding: 0;
    font-weight: bold;
    color: #333;
    position: relative;
}

.content h1.entryPostTitle {
    margin: 0px 0px 5px;
}

.content h1.contentTitle {
    margin: 0 0 25px;
}

.content h2 {
    margin: 30px 0px 25px;
}

.content h2:nth-child(1),
.content h3:nth-child(1),
.content h4:nth-child(1),
.content h5:nth-child(1),
.content h6:nth-child(1) {
    margin-top: 0;
}

.content h2 a {
    text-decoration: none;
}

.content h2.imageTit {
    margin: 0px 0px 30px;
    border: none;
    padding: 0px;
    background: none;
}

.content h3 {
    clear: both;
    font-size: 128.6%;
    line-height: 130%;
    margin: 35px 0px 20px;
    padding: 0;
}

.content h4 {
    clear: both;
    font-size: 121.4%;
    line-height: 130%;
    margin: 30px 0px 20px;
    padding: 0;
}

.content h5 {
    clear: both;
    font-size: 114.3%;
    line-height: 130%;
    margin: 30px 0px 15px;
    padding: 0;
}

.content h6 {
    clear: both;
    font-size: 100.0%;
    line-height: 130%;
    margin: 30px 0px 15px;
    padding: 0;
}

.content p {
    margin-bottom: 20px;
    padding: 0px;
    text-align: justify;
}

.content blockquote {
    padding: 20px 15px 0px;
    margin-bottom: 20px;
    border: 3px solid #efefef;
    clear: both;
}

.content strong {
    font-weight: bold;
}

.content ul,
.content ol {
    margin: 0px 0px 20px 30px;
}

.content ul li,
.content ol li {
    list-style: disc;
    padding: 0px;
}

.content ul ul,
.content ol ul {
    margin-top: 10px;
}

.content ul ul li,
.content ol ul li {
    list-style: circle;
}

.content li {
    margin-bottom: 10px;
}

.content ol li {
    list-style: decimal;
    padding: 0px;
}

.content table {
    border-top: 1px solid #e5e5e5;
    margin: 5px -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 85.7%;
    line-height: 141.7%;
}

.content table thead th {
    font-weight: bold;
}

.content table th,
.content table thead th {
    background-color: #f5f5f5;
    white-space: nowrap;
}

.content table tfoot th,
.content table tfoot td {
    font-weight: bold;
}

.content table th,
.content table td {
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    vertical-align: top;
}

.content table th ul,
.content table th ol,
.content table td ul,
.content table td ol {
    margin-bottom: 0px;
    margin-left: 15px;
}

.content table th ul li,
.content table th ol li,
.content table td ul li,
.content table td ol li {
    margin: 2px 0px;
}

.content table.mobile-block th,
.content table.mobile-block td {
    border-top: none;
    display: block;
}

.content dt {
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.content dd {
    margin: 0px 0px 30px;
    padding: 0px;
}

/*			.child_page_block
/*-------------------------------------------*/
.content .child_page_block {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
}

.content .child_page_block .child_page_blockInner {
    display: block;
    overflow: hidden;
    padding: 15px 0px;
}

.content .child_page_block.layout_even {
    float: right;
}

.content .child_page_block h4 {
    border: none;
    padding: 0px 0px 2px;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 1px 0px white;
}

.content .child_page_block h4 a {
    text-decoration: none;
    color: #4d4d4d;
}

.content .child_page_block h4 a:hover {
    text-decoration: underline;
}

.content .child_page_block .childText {
    display: block;
    overflow: hidden;
}

.content .child_page_block p {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 141.7%;
    padding: 0px;
}

.content .child_page_block p a {
    text-decoration: none;
    color: #666;
}

.content .child_page_block p a:hover {
    text-decoration: underline;
    color: #c00;
}

.content .child_page_block .thumbImage {
    float: left;
    display: block;
    border: 1px solid #e5e5e5;
    margin-right: 13px;
}

.content .child_page_block .thumbImage .thumbImageInner {
    display: block;
    overflow: hidden;
    width: 80px;
    border: 1px solid #fff;
}

.content .child_page_block .thumbImage .thumbImageInner img {
    width: 80px;
    height: auto;
}

/*			.childPageBox
/*-------------------------------------------*/
.content .childPageBox {
    display: none;
}

.content .childPageBox .textBox {
    overflow: hidden;
    border: 1px solid #ff0000;
}

/*			.mainFoot
/*-------------------------------------------*/
.content .mainFoot {
    display: block;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 30px;
}

.content .mainFootContact {
    display: block;
    overflow: hidden;
    text-align: center;
}

.content .mainFootContact p.mainFootTxt {
    font-size: 10px;
    letter-spacing: 0px;
    margin-bottom: 5px;
}

.content .mainFootContact p.mainFootTxt span {
    display: block;
}

.content .mainFootContact p.mainFootTxt span.mainFootCatch {
    line-height: 135.7%;
}

.content .mainFootContact p.mainFootTxt span.mainFootTel {
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 2px;
    line-height: 100%;
}

.content .mainFootContact p.mainFootTxt span.mainFootTime {
    line-height: 135.7%;
}

.content .mainFootContact .mainFootBt a {
    display: block;
    overflow: hidden;
    background-color: #999;
    max-width: 350px;
    margin: 0px auto;
}

.content .mainFootContact .mainFootBt a img {
    max-width: 100%;
}

/*			images
/*-------------------------------------------*/
.content img {
    margin: 0;
    max-width: 100%;
    height: auto !important;
}

.content .attachment img {
    max-width: 100%;
}

.content .alignleft,
.content img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

.content .alignright,
.content img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 4px;
}

.content .aligncenter,
.content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
    margin-bottom: 12px;
}

.content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 0 0 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    max-width: 100% !important;
}

.content .wp-caption img {
    margin: 5px 0 2px;
    max-width: 95% !important;
    height: auto !important;
}

.content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}

.content .wp-smiley {
    margin: 0;
}

.content .gallery {
    margin: 0 auto 18px;
}

.content .gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.content .gallery img {
    border: 2px solid #cfcfcf;
}

.content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.content .gallery dl {
    margin: 0;
}

.content .gallery img {
    border: 10px solid #f1f1f1;
}

.content .gallery br + br {
    display: none;
}

.content .attachment img {
    /* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}

/*			.navigation
/*-------------------------------------------*/
.navigation {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0px 15px;
    clear: both;
}

.navigation a:link,
.navigation a:visited {
    color: #888;
    text-decoration: none;
}

.navigation a:active,
.navigation a:hover {
    color: #ff4b33;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#nav-above {
    margin: 0 0 18px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above,
.single #nav-above {
    display: block;
}

/*			.paging
/*-------------------------------------------*/
.paging {
    display: block;
    overflow: hidden;
    padding: 20px 0px 20px;
    text-align: center;
}

.paging span,
.paging a {
    margin: 0 1px;
    padding: 6px 10px;
    color: #999;
    border: 1px solid #999;
    text-decoration: none;
}

.paging span.current,
.paging a:hover {
    background-color: #999;
    color: #fff;
    text-decoration: none;
}

.paging span.txt_hellip {
    border: none;
    margin: 0;
    padding: 6px 0px;
}

/*			.infoList
-------------------------------------------------------------- */
.content .infoList {
    padding-bottom: 20px;
}

.content .infoList ul {
    margin: 10px 0px 5px;
    list-style: none;
}

.content .infoList ul li {
    border-bottom: 1px dotted #ccc;
    padding: 6px 0px;
    list-style: none;
    margin-bottom: 0px;
}

.content .infoList ul li a:hover {
    color: #f00;
}

.content .infoList .infoDate {
    margin-right: 8px;
    color: #c00;
}

.content .infoList .infoCate a {
    color: #666;
    margin-right: 4px;
    background-color: #e5e5e5;
    font-size: 11px;
    padding: 2px 6px 0px;
    line-height: 14px;
    text-decoration: none;
    position: relative;
}

.content .infoList .infoCate a:hover {
    background-color: #000;
    color: #f5f5f5;
    text-decoration: none;
}

.content .infoList ul li .infoTxt {
    display: block;
    overflow: hidden;
    clear: both;
}

.content .infoList ul li .infoTxt a {
    text-decoration: none;
    color: #666;
    display: block;
    overflow: hidden;
}

.content .infoList ul li .infoTxt a:hover {
    color: #c00;
    text-decoration: underline;
}

/*				.infoListBox
/*-------------------------------------------*/
.content .infoList .infoListBox {
    display: block;
    overflow: hidden;
    padding: 20px 0px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.content .infoList .infoListBox div.entryTxtBox {
    margin: 0px;
    display: block;
    overflow: hidden;
}

.content .infoList .infoListBox div.entryTxtBox.haveThumbnail {
    float: left;
}

.content .infoList .infoListBox div.entryTxtBox p {
    margin-bottom: 3px;
    padding: 0px;
    line-height: 150%;
}

.content .infoList .infoListBox div.entryTxtBox p.entryMeta {
    margin-bottom: 4px;
}

.content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate,
.content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate {
    color: #666;
}

.content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
    margin: 0px 0px 5px;
    padding: 0px 0px 2px;
    display: block;
    line-height: 135.7%;
    font-size: 114.3%;
}

.content .infoList .infoListBox div.entryTxtBox h4.entryTitle a {
    text-decoration: none;
}

.content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover {
    text-decoration: underline;
}

.content .infoList .infoListBox div.entryTxtBox p.moreLink {
    margin: 0px;
    padding: 0px;
}

.content .infoList .infoListBox div.thumbImage {
    display: block;
    overflow: hidden;
    float: right;
    text-align: right;
}

.content .infoList .infoListBox div.thumbImage div.thumbImageInner {
    display: block;
    overflow: hidden;
    margin: 1px;
}

.content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
    width: 98px;
    height: auto;
    border: 1px solid #e5e5e5;
}

/*-------------------------------------------*/
/*	#sideTower
/*-------------------------------------------*/
.sideTower .localSection {
    margin-bottom: 50px;
}

.sideTower .localHead {
    font-size: 14px;
    color: #333;
    padding: 13px 0px 10px;
    font-weight: bold;
    position: relative;
}

.sideTower .localHead a {
    text-decoration: none;
    color: #333;
}

.sideTower .localHead a:hover {
    text-decoration: underline;
}

.sideTower .sideWidget {
    margin: 0 0 20px;
}

.sideTower .sideWidget li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
    font-size: 85.7%;
    line-height: 135.7%;
    /* 子 */
    /* 孫 */
}

.sideTower .sideWidget li a {
    display: block;
    padding: 13px 10px 11px;
    text-decoration: none;
}

.sideTower .sideWidget li a img {
    margin: 0 auto;
}

.sideTower .sideWidget li ul {
    display: block;
    margin: 0px;
}

.sideTower .sideWidget li li {
    display: block;
    border-bottom: none;
    border-top: 1px dotted #ccc;
}

.sideTower .sideWidget li li a {
    padding: 11px 10px 9px 15px;
}

.sideTower .sideWidget li li li a {
    padding-left: 20px;
}

.sideTower .sideWidget li > a:hover,
.sideTower .sideWidget li.current_page_item > a,
.sideTower .sideWidget li.current-cat > a {
    background-color: #efefef;
}

.sideTower .sideWidget .textwidget {
    padding-top: 10px;
}

.sideTower .sideWidget .textwidget img {
    display: block;
    margin: 0 auto;
}

.sideTower .sideWidget h4 {
    clear: both;
    font-size: 14px;
    margin: 0px 0px 15px;
    padding: 4px 0px 2px 12px;
    border-left-style: solid;
    border-left-width: 3px;
    background-color: #f5f5f5;
}

.sideTower .sideWidget ul#recentcomments li {
    padding: 13px 0px 11px;
}

.sideTower .sideWidget ul#recentcomments li a {
    padding: 0;
    background: none;
}

.sideTower .sideWidget select {
    margin: 10px 0;
    padding: 5px;
    width: 100%;
    border: 1px solid #e5e5e5;
}

.sideTower .sideWidget select option {
    padding: 2px 5px;
}

.sideTower ul#snsBnr {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px;
    text-align: center;
}

.sideTower ul#snsBnr li {
    border-bottom: 1px solid #e5e5e5;
}

.sideTower li.sideBnr {
    margin-bottom: 10px;
}

.sideTower li.sideBnr#sideContact {
    margin-bottom: 10px;
}

.sideTower li.sideBnr#sideContact a {
    display: block;
    overflow: hidden;
    background-color: #999;
    width: 220px;
    margin: 0px auto;
    text-align: center;
}

form#searchform {
    background-color: #e5e5e5;
}

form#searchform input#s {
    margin: 0;
    padding: 5px;
    width: 60%;
    float: left;
}

form#searchform input#searchsubmit {
    background-color: #ccc;
    width: 15%;
    border-radius: 0;
}

/*-------------------------------------------*/
/*	#pagetop
/*-------------------------------------------*/
#pagetop {
    display: block;
    overflow: hidden;
    clear: both;
    z-index: 5;
}

#pagetop a {
    float: right;
    display: block;
    position: relative;
    font-size: 11px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    border: 1px solid #333;
    padding: 5px 15px 5px;
}

#pagetop a:hover {
    margin-top: 0;
}

/*-------------------------------------------*/
/*	#footMenu
/*-------------------------------------------*/
#footMenu {
    padding: 0px;
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 10;
    position: relative;
}

#footMenu .innerBox {
    padding: 0;
}

#footMenu .menu {
    margin: 0px;
    padding: 0px;
    display: block;
    overflow: hidden;
}

#footMenu .menu li {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    font-size: 12px;
}

#footMenu .menu li a {
    display: block;
    overflow: hidden;
    line-height: 135.7%;
    text-decoration: none;
    padding: 10px 0px;
}

#footMenu .menu li a:hover {
    text-decoration: underline;
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footer {
    margin: 0px;
    padding: 20px 0px 20px;
    display: block;
    overflow: hidden;
    text-align: left;
}

#footer dl#footerOutline {
    margin: 0px;
    line-height: 150%;
    width: 300px;
}

#footer dl#footerOutline dt {
    margin-bottom: 8px;
    line-height: 150%;
}

#footer dl#footerOutline dt img {
    margin-bottom: 5px;
    max-width: 260px;
    max-height: 35px;
}

#footer dl#footerOutline dd {
    font-size: 85.7%;
    line-height: 150%;
}

/*		#footerSiteMap
/*-------------------------------------------*/
#footerSiteMap {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-top: 15px;
}

#footerSiteMap .menu {
    font-size: 87.5%;
    vertical-align: text-top;
}

#footerSiteMap .menu a {
    text-decoration: none;
}

#footerSiteMap .menu a:hover {
    color: #f00;
}

#footerSiteMap .menu li {
    display: block;
    vertical-align: text-top;
    line-height: 116.7%;
}

#footerSiteMap .menu li a {
    padding: 8px 0px 8px;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}

#footerSiteMap .menu li li {
    display: block;
}

#footerSiteMap .menu li li a {
    padding: 8px 1em;
}

/*-------------------------------------------*/
/*	#siteBottom
/*-------------------------------------------*/
#siteBottom {
    clear: both;
    font-size: 88%;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
}

#siteBottomInner.innerBox {
    text-align: center;
    padding: 15px 0px 30px;
}

#siteBottom a {
    color: #666;
    text-decoration: none;
}

#siteBottom #copy {
    text-align: center;
}

#siteBottom #powerd,
#siteBottom #powerd a {
    color: #ccc;
}

/*-------------------------------------------*/
/*	▼各テンプレートごとの設定
/*-------------------------------------------*/
/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
.home #main {
    padding-top: 0px;
}

#topMainBnr {
    position: relative;
    display: block;
    overflow: visible;
    padding: 0;
}

#topMainBnrFrame {
    position: relative;
    height: auto;
    display: block;
    margin: 0 auto;
    width: 96%;
    border: none;
}

#topMainBnrFrame #topManiBnrInnerFrame {
    overflow: hidden;
}

#topMainBnrFrame img {
    width: 100%;
    position: relative;
}

#topMainBnrFrame ul.slides li {
    overflow: hidden;
}

.home .content {
    padding-bottom: 40px;
}

#topFreeArea {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}

.content .topPr {
    margin-bottom: 25px;
}

.content .topPr .topPrOuter {
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.content .topPr h3 {
    margin: 0px 0px 8px;
    line-height: 135.7%;
    font-size: 16px;
    font-weight: lighter;
}

.content .topPr h3 a {
    text-decoration: none;
    color: #333;
}

.content .topPr p a {
    text-decoration: none;
    line-height: 17px;
    color: #666;
}

.content .topPr a:hover {
    text-decoration: underline;
}

.content .topPr p.topPrDescription {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 135.7%;
    padding: 0px;
}

.content .topPr .prImage {
    float: left;
    width: 70px;
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.content .topPr .prImage a {
    display: block;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    padding: 1px;
}

.content .topPr .prImage img.imageWide {
    display: none;
}

.content .topPr .prImage img.imageSmall {
    display: block;
}

.content .topPr .topPrTxtBox {
    display: block;
    overflow: hidden;
}

.content .infoList .rssBtn {
    text-align: right;
    position: relative;
    margin-top: -34px;
    margin-bottom: 15px;
}

.content .infoList .rssBtn a {
    background-color: #000;
    color: #fff;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
    position: relative;
}

.content .infoList ul li .infoDate {
    display: block;
    float: left;
    width: 120px;
    margin-right: 0.5rem;
}

.content .infoList ul li .infoTxt {
    clear: none;
}

#topContentsBottom {
    margin-bottom: 20px;
}

/*-------------------------------------------*/
/*	post
/*-------------------------------------------*/
.content .entry-content {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}

.content .entry-content.post-content h1.entryPostTitle {
    margin-bottom: 0px;
}

.content .entry-utility {
    clear: both;
    margin-top: 15px;
}

.content .entry-utility dl.tag-links {
    display: inline;
}

.content .entry-utility dl.tag-links dt,
.content .entry-utility dl.tag-links dd {
    display: inline;
    font-size: 85.7%;
    line-height: 135.7%;
}

.content .entry-utility dl.tag-links dt {
    display: inline-block;
    border: 1px solid #e5e5e5;
    font-weight: lighter;
    margin-right: 10px;
    padding: 0px 10px;
    background-color: #e5e5e5;
    color: #999;
}

/*			#comments
/*-------------------------------------------*/
#comments {
    clear: both;
}

#comments ol.commentlist {
    margin: 0px 0px 15px 0px;
}

#comments ol.commentlist li {
    list-style: none;
}

#comments li.comment .commentBox {
    border: 4px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 10px;
}

#comments li.comment .comment-author img {
    float: left;
    border: 2px solid #ccc;
    margin-right: 10px;
}

#comments li.comment .comment-author cite.fn {
    font-style: normal;
    line-height: 135.7%;
}

#comments li.comment .comment-meta.commentmetadata {
    font-size: 85.7%;
    line-height: 135.7%;
}

#comments li.comment .comment-body {
    margin-left: 50px;
    margin-top: 5px;
}

#comments li.comment .comment-body p {
    margin-bottom: 10px;
}

#comments #respond .required {
    color: #e50000;
}

.content #commentform p {
    margin-bottom: 5px;
}

.content #commentform input,
.content #commentform textarea {
    display: block;
    width: 95%;
    padding: 4px;
}

.content #commentform p.form-allowed-tags {
    font-size: 10px;
    line-height: 135.7%;
    color: #666;
    width: 95%;
    margin-bottom: 10px;
}

.content #commentform p.form-submit input {
    width: auto;
    padding: 10px 20px;
}

/*-------------------------------------------*/
/*	sitemap & 404 &search
/*-------------------------------------------*/
.content.wide {
    display: block;
    overflow: hidden;
}

.content #sitemapPostList h5 {
    margin: 0px 0 10px;
    padding: 0px;
    font-weight: lighter;
    font-size: 14px;
}

.content ul.linkList {
    margin: 0px 0 15px;
    padding: 0px;
    font-size: 85.7%;
}

.content ul.linkList li {
    list-style: none;
    margin-bottom: 0px;
}

.content ul.linkList li a {
    background: url(../images/icon_arrow1_gray.gif) left 8px no-repeat;
    padding: 5px 15px;
    display: block;
    text-decoration: none;
    color: #666;
}

.content ul.linkList li a:hover {
    background-image: url(../images/icon_arrow1_red.gif);
    text-decoration: underline;
    color: #c00;
}

.content ul.linkList li li a {
    background: url(../images/icon_arrow2_gray.gif) left 10px no-repeat;
}

.content ul.linkList li li a:hover {
    background-image: url(../images/icon_arrow2_red.gif);
}

.content ul.linkList li li li a {
    background: url(../images/icon_try2_gray.gif) left 10px no-repeat;
}

.content ul.linkList li li li a:hover {
    background-image: url(../images/icon_try2_red.gif);
}

.content ul.linkList ul {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 10px;
}

.content .error404 {
    text-align: center;
    padding-bottom: 30px;
}

#sitemapOuter {
    border: 4px solid #e5e5e5;
    padding: 20px;
    display: block;
    overflow: hidden;
    margin: 0px auto;
}

.content form#searchform label {
    display: none;
}

.content form#searchform input#s {
    width: 70%;
}

#likeBox {
    border: 1px solid #00ff00;
    width: 100% !important;
}

.fbConnectWidgetTopmost {
    border: 1px solid #00ff00;
    width: 100% !important;
}

/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/
/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) {

    /* スクロール分余裕に20px */
    #header #site-title {
        float: left;
    }

    #main #container {
        padding-top: 20px;
    }

    #main #container .content {
        margin: 0px auto;
    }

    .content p {
        line-height: 170%;
    }

    .content table.mobile-block th,
    .content table.mobile-block td {
        display: table-cell;
    }

    .content .mainFootContact p.mainFootTxt {
        float: left;
        margin-bottom: 0px;
        text-align: left;
    }

    .content .mainFootContact p.mainFootTxt .mainFootCatch {
        font-size: 120%;
    }

    .content .mainFootContact .mainFootBt {
        float: right;
    }

    .content .mainFootContact .mainFootBt a {
        width: 350px;
        min-height: 50px;
    }

    .content .mainFootContact .mainFootBt a img {
        width: auto;
    }

    .paging span.pageIndex {
        display: inline;
    }

    .content .topPr {
        display: block;
        overflow: hidden;
    }

    .content .topPr .topPrOuter {
        padding: 0px;
        border-bottom: none;
        margin-bottom: 20px;
    }

    .content .topPr #topPrLeft {
        width: 33.1%;
        text-align: left;
        float: left;
        display: block;
        overflow: visible;
    }

    .content .topPr #topPrCenter {
        width: 33.1%;
        text-align: center;
        float: left;
        display: block;
        overflow: visible;
    }

    .content .topPr #topPrRight {
        width: 33.1%;
        text-align: right;
        float: right;
        display: block;
        overflow: visible;
    }

    .content .topPr #topPrLeft .topPrInner {
        float: left;
    }

    .content .topPr #topPrCenter .topPrInner {
        margin: 0px auto;
    }

    .content .topPr #topPrRight .topPrInner {
        float: right;
    }

    .content .topPr .topPrInner {
        text-align: left;
        width: 95%;
    }

    .content .topPr h3 {
        margin-bottom: 15px;
    }

    .content .topPr h3 a {
        display: block;
        overflow: hidden;
    }

    .content .topPr p {
        padding: 0px;
    }

    .content .topPr p.topPrDescription {
        font-size: 85.7%;
    }

    .content .topPr .prImage {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .content .topPr .prImage img {
        height: auto;
        width: 100%;
    }

    .content .topPr .prImage img.imageWide {
        display: block;
    }

    .content .topPr .prImage img.imageSmall {
        display: none;
    }

    .content .child_page_block {
        width: 48%;
    }

    .content .child_page_block.layout_odd {
        float: left;
        clear: both;
    }
}

/*-------------------------------------------*/
/* pc iPad3より大きい場合
/*-------------------------------------------*/
@media (min-width: 770px) {
    body {
        line-height: 150%;
    }

    #headerTop {
        display: block;
    }

    #headerTop #site-description {
        line-height: 150%;
        font-size: 12px;
        display: block;
    }

    #footerSiteMap .menu {
        font-size: 12px;
    }

    #footerSiteMap .menu li {
        display: inline-block;
        margin-bottom: 6px;
        min-width: 100px;
    }

    #footerSiteMap .menu li a {
        padding: 0px 0px 4px;
    }

    #footerSiteMap .menu li ul {
        margin-top: 8px;
    }

    #footerSiteMap .menu li li {
        margin-right: 10px;
    }

    #footerSiteMap .menu li li a {
        background-position: 3px 3px;
        padding: 0px;
        font-size: 91.7%;
    }

    #footMenu .innerBox {
        padding: 10px 0;
    }

    #footMenu .menu {
        border: none;
    }

    #footMenu .menu li {
        float: left;
        border: none;
    }

    #footMenu .menu li a {
        padding: 0px 15px 0px 0px;
    }

    #footMenu .menu li.lastChild a {
        border-right: none;
    }

    #sitemapOuter {
        padding: 20px 50px;
    }

    .content #sitemapPageList {
        float: left;
        width: 49%;
    }

    .content #sitemapPostList {
        float: right;
        width: 49%;
        margin-top: 0px;
    }

    .content ul.linkList li a {
        padding: 3px 15px;
    }
}

/*-------------------------------------------*/
/*	フルサイズ
/*-------------------------------------------*/
@media (min-width: 970px) {

    /* スクロール分余裕に20px */
    body {
        line-height: 150%;
    }

    #headerTop {
        display: block;
    }

    #headerTop #site-description {
        line-height: 150%;
        font-size: 12px;
        display: block;
    }

    #header {
        padding-bottom: 15px;
    }

    #header .innerBox #site-title {
        margin-top: 5px;
        margin-bottom: 0;
        margin-left: 0;
    }

    #header .innerBox #site-title img {
        max-height: 60px;
    }

    #header #headContact #headContactTxt {
        font-size: 11px;
    }

    #header #headContact #headContactTel {
        font-size: 24px;
        margin-bottom: 4px;
    }

    #header #headContact #headContactTime {
        font-size: 12px;
    }

    #header #headContact {
        float: right;
        text-align: right;
        margin-bottom: 20px;
    }

    #header #headContact #headContactInner:before {
        display: none;
    }

    #header #headContact #headContactInner {
        cursor: inherit;
        padding: 0;
        display: block;
        overflow: hidden;
        margin: 0;
    }

    #header #headContact.itemClose #headContactInner #headContactTxt,
    #header #headContact.itemClose #headContactInner #headContactTel,
    #header #headContact.itemClose #headContactInner #headContactTime {
        display: block;
    }

    #header #headContact.itemOpen #headContactInner {
        clear: none;
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

    #header #headContact.itemOpen #headContactInner #headContactTxt,
    #header #headContact.itemOpen #headContactInner #headContactTel,
    #header #headContact.itemOpen #headContactInner #headContactTime {
        display: block;
    }

    .innerBox,
    #gMenu #gMenuInner.innerBox {
        width: 950px;
        margin: 0px auto;
    }

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

    #gMenu .innerBox {
        margin: 0;
        width: 100%;
    }

    #gMenu.itemClose .menu,
    #gMenu.itemOpen .menu {
        display: block;
    }

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

    #gMenu {
        position: relative;
    }

    #gMenu .assistive-text {
        position: absolute;
        top: -9000px;
    }

    .headMainMenu {
        clear: both;
    }

    .headMainMenu li {
        border-bottom: none;
        overflow: visible;
        width: auto;
        display: inline-block;
        vertical-align: bottom;
    }

    .headMainMenu li a {
        text-align: center;
    }

    .headMainMenu li a span {
        display: block;
        font-size: 10px;
        line-height: 140%;
        letter-spacing: 1px;
        font-family: verdana, Arial, Helvetica, sans-serif;
        opacity: 0.6;
    }

    .headMainMenu li ul {
        display: none;
    }

    .headMainMenu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
        box-shadow: 1px 1px 3px rgb(0, 0, 0/0.2);
    }

    .headMainMenu li:hover ul li {
        background: #fff;
        width: 200px;
        position: relative;
    }

    .headMainMenu li:hover ul li a {
        text-align: left;
        line-height: 140%;
    }

    .headMainMenu li:hover ul li ul {
        position: absolute;
        left: 200px;
        top: 10px;
        border-top: none;
    }

    .headMainMenu li:hover ul li ul,
    .headMainMenu li:hover ul li ul li {
        display: none;
    }

    .headMainMenu li:hover ul li:hover ul,
    .headMainMenu li:hover ul li:hover ul li {
        display: block;
    }

    .headMainMenu li:hover li a,
    .headMainMenu li.current_page_item li a,
    .headMainMenu li.current-menu-ancestor li a,
    .headMainMenu li.current-page-ancestor li a,
    .headMainMenu li.current_page_ancestor li a {
        background: none;
        text-align: left;
        border-right: none;
    }

    .headMainMenu li:hover li a:hover,
    .headMainMenu li.current_page_item li a:hover,
    .headMainMenu li.current-menu-ancestor li a:hover,
    .headMainMenu li.current-page-ancestor li a:hover,
    .headMainMenu li.current_page_ancestor li a:hover {
        background-color: #f5f5f5;
    }

    #header .innerBox {
        width: 950px;
    }

    #main #container {
        padding-top: 30px;
    }

    #main #container .content {
        float: left;
        width: 660px;
    }

    #main #container #sideTower {
        float: right;
        width: 220px;
        clear: none;
    }

    body.left-sidebar #main #container .content {
        float: right;
    }

    body.left-sidebar #main #container #sideTower {
        float: left;
    }

    body.home.one-column #main #container .content {
        float: none;
        width: 100%;
    }

    body.home.one-column #main #container #sideTower {
        float: none;
        display: none;
    }

    form#searchform input#searchsubmit {
        width: 20%;
    }

    .content .mainFootContact .mainFootBt a img {
        width: 100%;
    }

    #topMainBnr {
        width: 100%;
    }

    #topMainBnr img {
        width: 950px !important;
        max-width: 950px !important;
    }

    #topMainBnrFrame {
        width: 950px;
        min-height: 250px;
    }

    /*			.childPageBox /*-------------------------------------------*/
    .content .childPageBox {
        display: block;
        overflow: hidden;
        margin-top: 20px;
        border: 1px solid #e5e5e5;
        padding: 0px;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .content .childPageBox h4 {
        font-weight: lighter;
        margin: 15px 20px 10px;
        padding: 0px 0px 3px;
        font-size: 14px;
    }

    .content .childPageBox h4 a {
        text-decoration: none;
        color: #666;
    }

    .content .childPageBox ul {
        margin: 0px 20px 15px;
        padding: 0px;
        display: block;
        overflow: hidden;
        font-size: 85.7%;
        line-height: 125%;
    }

    .content .childPageBox ul li {
        float: left;
        display: block;
        width: 33%;
        list-style: none;
        margin: 0px;
    }

    .content .childPageBox ul li a {
        background: url(../images/icon_arrow1_gray.gif) left 5px no-repeat;
        padding: 3px 5px 3px 17px;
        text-decoration: none;
        display: block;
        overflow: hidden;
        color: #666;
    }

    .content .childPageBox ul li a:hover,
    .content .childPageBox ul li.current_page_item a {
        background-image: url(../images/icon_arrow1_red.gif);
        text-decoration: underline;
        color: #c00;
    }

    .content .childPageBox ul li ul {
        margin: 0px;
        font-size: 91.7%;
    }

    .content .childPageBox ul li ul li {
        float: none;
        width: auto;
    }

    .content .childPageBox ul li ul li a {
        background: url(../images/icon_arrow2_gray.gif) left 6px no-repeat;
        padding: 3px 5px 3px 14px;
        text-decoration: none;
        margin-left: 3px;
    }

    .content .childPageBox ul li ul li a:hover,
    .content .childPageBox ul li ul li.current_page_item a {
        background-image: url(../images/icon_arrow2_red.gif);
    }

    .content .childPageBox ul li ul li ul {
        padding-left: 8px;
        font-size: 100%;
        line-height: 135.7%;
    }

    .content .childPageBox ul li.current_page_item ul li a {
        color: #666;
        text-decoration: none;
        background-image: url(../images/icon_arrow2_gray.gif);
    }

    .content .childPageBox ul li.current_page_item ul li a:hover {
        color: #c00;
        text-decoration: underline;
        background-image: url(../images/icon_arrow2_red.gif);
    }

    #footerSiteMap {
        width: 660px;
        float: right;
        padding-top: 0px;
        font-size: 12px;
    }

    #footer dl#footerOutline {
        float: left;
        width: 260px;
    }

    #footer dl#footerOutline dt img {
        max-height: 45px;
    }

    #footer dl#footerOutline dd {
        padding-right: 20px;
    }
}

/*-------------------------------------------*/
/*	Print Style
/*-------------------------------------------*/
@media print {
    body {
        background: none !important;
    }

    #wrapper {
        clear: both !important;
        display: block !important;
        float: none !important;
        position: relative !important;
    }

    #headerTop,
    #header,
    #panList,
    #gMenu,
    #pagetop,
    #sideTower,
    #footMenu,
    #footer,
    #siteBottom {
        display: none !important;
    }

    #pageTitBnr,
    .content table th {
        box-shadow: none !important;
    }

    #access,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area {
        display: none !important;
    }

    #container {
        margin: 0;
        width: 100%;
    }
}

/*-------------------------------------------*/
/*	font
/*-------------------------------------------*/
h1,
h2,
h3,
h4,
h4,
h6,
#header #site-title,
#pageTitBnr #pageTitInner #pageTit,
.leadTxt,
.menu li a strong,
.sideTower .localHead {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/
#searchform input[type=submit],
p.form-submit input[type=submit],
form#searchform input#searchsubmit,
.content form input.wpcf7-submit,
#confirm-button input,
a.btn,
.linkBtn a,
input[type=button],
input[type=submit] {
    color: #fff;
}

form#searchform {
    color: #666;
    padding: 0;
    background-color: #efefef;
}

form#searchform input {
    background-color: #efefef;
    border: none;
    box-shadow: inset 0 0 0 #efefef;
}

form#searchform input#s {
    width: 95%;
}

form#searchform input:focus,
form#searchform input:active {
    border: none;
}

form#searchform input#searchsubmit {
    margin: 0;
    position: absolute;
    right: 0;
}

.moreLink {
    display: block;
    overflow: hidden;
    position: relative;
}

.moreLink a {
    display: block;
    overflow: hidden;
    float: right;
    padding: 2px 3px 1px 10px;
    text-align: left;
    font-size: 11px;
    line-height: 140%;
    background-color: #efefef;
    white-space: nowrap;
}

.moreLink a:hover {
    color: #fff;
}

.moreLink a:after {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\2b";
    padding: 2px 2px 0 5px;
    position: relative;
    right: 2px;
}

#headerTop {
    border-top: 2px solid #000;
    background-color: #f9f9f9;
}

#headerTop #site-description {
    color: #999;
}

#header {
    background-color: #fff;
}

#gMenu ul.menu a strong {
    font-weight: lighter;
}

.headSubMenu ul li a:before {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\2b";
    margin-right: 5px;
}

@media (max-width: 969px) {
    #gMenu .assistive-text {
        border: 1px solid #ccc;
        box-shadow: inset 0px 0px 0px 1px rgb(255, 255, 255/ 0.9);
        color: #fff;
        color: #333;
    }

    #gMenu .assistive-text span {
        font-size: 0;
        line-height: 0;
    }

    #gMenu .assistive-text span:before {
        font-size: 24px;
        line-height: 24px;
    }

    #gMenu .headMainMenu ul li {
        background-color: #f5f5f5;
        box-shadow: inset 0px 1px 0px 0px white;
    }

    #gMenu .headMainMenu ul li a:after {
        float: right;
        font-family: 'vektor_kado_icons';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        content: "\2b";
    }
}

#pageTitBnr {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background-color: #f9f9f9;
    background-color: #fff;
    color: #fff;
}

#pageTitBnr #pageTitInner {
    background: url(../images/pageTit_bg.png) left 50% no-repeat;
    padding: 0 17px;
}

#pageTitBnr #pageTitInner #pageTit {
    font-weight: lighter;
    width: 100%;
    /*iPhone4sでの表示不良対策の為に100%は必要*/
}

#panList {
    background-color: #fcfcfc;
}

#panList ul {
    width: 100%;
}

#panList ul a,
#panList ul a:active {
    color: #666;
    text-decoration: none;
}

#panList ul li#panHome a:before {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\2d";
    padding-right: 3px;
}

#main {
    border-top: 1px solid #e9e9e9;
}

.content h2,
.content h1.contentTitle,
.content h1.entryPostTitle,
.content .sideWidget h4 {
    border-top: 2px solid #666;
    border-bottom: 1px solid #efefef;
    background-color: #f9f9f9;
    padding: 12px 12px 9px;
    font-weight: lighter;
    font-size: 150%;
}

.content h3 {
    border-bottom: 1px solid #ccc;
    position: relative;
    font-weight: lighter;
    padding-bottom: 5px;
    font-size: 150%;
}

.content h3:after {
    content: ".";
    line-height: 0;
    width: 30%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e90000;
    position: absolute;
    bottom: -1px;
}

.content blockquote,
.content .sectionFrame {
    box-shadow: inset 0px 0px 0px 4px rgb(0, 0, 0/ 0.05);
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 20px 20px 5px;
}

.content blockquote h2,
.content blockquote h3,
.content blockquote h4,
.content blockquote h5,
.content .sectionFrame h2,
.content .sectionFrame h3,
.content .sectionFrame h4,
.content .sectionFrame h5 {
    margin-top: 0px;
    margin-bottom: 15px;
}

.content h3 {
    font-weight: lighter;
}

.content h4 {
    padding-bottom: 4px;
    border-bottom: 1px dotted #666;
}

.content h5 {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 8px;
    border: 1px solid #efefef;
}

.content table {
    border-top: 1px solid #e9e9e9;
    border-spacing: 1px;
    border-collapse: inherit;
}

.content table th,
.content table td {
    border: none;
    margin-right: 2px;
    border-bottom: 1px solid #e9e9e9;
}

.content table th {
    font-weight: lighter;
}

.content .infoList {
    /* ないと1件目がトップのRSSボタンで回り込まれる */
}

.content .infoList .infoCate a {
    background: none;
}

.content .infoList .infoListBox {
    clear: both;
}

.content .childPageBox {
    box-shadow: inset 0px 0px 0px 4px rgb(0, 0, 0/ 0.05);
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.content .childPageBox h4 {
    border-bottom: 1px solid #e9e9e9;
}

.content .mainFootContact {
    padding: 15px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.content .child_page_block {
    box-shadow: inset 0px 0px 0px 4px rgb(0, 0, 0/ 0.05);
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.content .child_page_block .child_page_blockInner {
    padding: 18px;
    margin: 0;
}

.content .child_page_block h4 {
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    font-size: 114.3%;
}

.content .child_page_block h4:after {
    content: ".";
    line-height: 0;
    width: 30%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e90000;
    position: absolute;
    bottom: -1px;
}

.sideTower .localHead {
    border-top: 2px solid #666;
    border-bottom: 1px solid #efefef;
    background-color: #f9f9f9;
    padding: 12px 12px 9px;
    font-weight: lighter;
}

.sideTower .sideWidget li a:before {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\32";
    margin-right: 5px;
    padding-top: 3px;
}

.sideTower .sideWidget li a {
    padding-left: 25px;
    color: #666;
}

.sideTower .sideWidget li a:first-letter {
    margin-left: -20px;
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}

.sideTower .sideWidget li ul li {
    font-size: 12px;
}

.sideTower .sideWidget li ul li a {
    padding-left: 25px;
}

.sideTower .sideWidget li ul li a:before {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\2b";
    margin-right: 5px;
    padding-top: 3px;
}

.sideTower .ttBoxSection {
    padding: 0;
}

.sideTower .ttBoxSection .ttBox {
    padding: 13px 0px 11px;
    border-bottom: 1px dotted #ccc;
    font-size: 85.7%;
    line-height: 135.7%;
}

.sideTower .ttBoxSection .ttBox a {
    color: #666;
}

.sideTower .ttBoxSection .ttBox .ttBoxThumb {
    width: 64px;
}

.sideTower .ttBoxSection .ttBox .ttBoxThumb img {
    border: 1px solid #cccccc;
}

#footerSection #pagetop {
    display: none;
}

#pagetop a {
    color: #fff;
    margin-bottom: 0;
    border: none;
    position: relative;
}

#pagetop a {
    margin-top: 5px;
    padding: 5px 15px 5px;
}

#pagetop a:hover {
    margin-top: 0;
    padding-bottom: 10px;
}

#pagetop a:before {
    font-family: 'vektor_kado_icons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    content: "\41";
    margin-right: 5px;
    top: 1px;
    position: relative;
}

/*-------------------------------------------*/
/*	#footMenu
/*-------------------------------------------*/
#footMenu .innerBox {
    width: 100%;
}

#footMenu .innerBox a {
    color: #888;
}

#footMenu .innerBox .menu li a {
    background: url(../images/icon_arrow1_gray.gif) 10px 50% no-repeat;
    padding: 8px 15px 8px 28px;
}

#footMenu .innerBox .menu li a:hover {
    background-image: url(../images/icon_arrow1_red.gif);
}

#footMenu .innerBox .menu li a:hover {
    text-decoration: none;
}

#footMenu .innerBox .menu li:last-child {
    border-bottom: none;
}

/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footer {
    padding: 0;
    background-color: #00b8ee;
}

#footer .innerBox {
    padding-top: 25px;
    width: 100%;
}

#footer .innerBox a {
    color: #888;
}

#footer dl#footerOutline {
    margin-left: 10px;
}

/*		#footerSiteMap
/*-------------------------------------------*/
#footerSiteMap .menu {
    border-top: 1px solid #e5e5e5;
}

#footerSiteMap .menu li a {
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/icon_arrow1_gray.gif) 10px 50% no-repeat;
    padding: 8px 15px 8px 28px;
}

#footerSiteMap .menu li a:hover {
    background-image: url(../images/icon_arrow1_red.gif);
}

#footerSiteMap .menu li ul li a {
    background: url(../images/icon_arrow2_gray.gif) 12px 50% no-repeat;
    padding: 8px 15px 8px 28px;
}

#footerSiteMap .menu li ul li a:hover {
    background-image: url(../images/icon_arrow2_red.gif);
}

#siteBottom {
    background-color: #00b8ee;
}

#siteBottom #siteBottomInner.innerBox {
    padding-top: 0;
}

#siteBottom #siteBottomInner.innerBox #copy,
#siteBottom #siteBottomInner.innerBox #copy a {
    padding-top: 15px;
    color: #ffffff;
}

#siteBottom #siteBottomInner.innerBox #powerd {
    color: #ffffff;
}

#siteBottom #siteBottomInner.innerBox #powerd a {
    color: #454545;
}

#topMainBnr {
    background-color: #fafafa;
    border-top: 1px solid #ffffff;
}

#topMainBnrFrame {
    padding: 0px;
    width: 100%;
}

#topMainBnrFrame ul.slides {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.topPr {
    border-top: 1px dotted #e9e9e9;
}

.topPr .topPrOuter {
    border-bottom: 1px dotted #e9e9e9;
}

.topPr .topPrOuter h3 {
    border-bottom: none;
}

.content .infoList .rssBtn {
    margin-right: 10px;
}

/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) {

    /* スクロール分余裕に20px */
    .content .topPr {
        border-top: none;
    }

    .content .topPr .topPrOuter {
        border-bottom: none;
    }

    .content .topPr .topPrOuter .topPrInner {
        padding: 0 6%;
        width: 88%;
        border-right: 1px solid #e9e9e9;
    }

    .content .topPr #topPrLeft .topPrInner {
        border-left: 1px solid #e9e9e9;
    }

    .content .topPr h3 {
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 10px;
        padding-bottom: 2px;
    }

    .content .topPr h3:after {
        border-bottom-width: 1px;
        bottom: -1px;
    }
}

/*-------------------------------------------*/
/* pc iPad3より大きい場合
/*-------------------------------------------*/
@media (min-width: 768px) {
    .recruit-site {
        margin-bottom: 146px;
    }

    .site-txt .wrap {
        display: flex;
        align-items: center;
    }

    .recruit-about {
        display: flex;
    }

    .about-txt h3 {
        margin-bottom: 24px;
        font-size: 40px;
    }

    #footMenu {
        background-color: #00b8ee;
    }

    #footMenu .innerBox {
        padding: 0px 25px 0px;
    }

    #footMenu .innerBox .menu {
        padding: 10px 0;
    }

    #footMenu .innerBox .menu li a {
        background-position: left 50%;
        padding: 0 20px 0 18px;
    }

    #footer .innerBox {
        width: 94%;
        padding-bottom: 20px;
    }

    #footer .innerBox dl#footerOutline {
        margin-left: 0px;
    }

    #footerSiteMap .menu {
        border-top: none;
    }

    #footerSiteMap .menu > li {
        margin-right: 10px;
    }

    #footerSiteMap .menu li {
        width: 150px;
    }

    #footerSiteMap .menu li a {
        padding: 2px 0 2px 18px;
        background-position: left 50%;
        border-bottom: none;
    }

    #footerSiteMap .menu li ul li a {
        padding: 2px 0 2px 18px;
        background-position: 2px 5px;
    }

    .three_column #main #container {
        position: relative;
    }

    .three_column #main #container #thirdTower {
        margin-right: 0;
    }
}

/*-------------------------------------------*/
/*	フルサイズ
/*-------------------------------------------*/
@media (min-width: 970px) {
    .siteHeader_logo img {
        max-height: 60px;
    }

    .sllogo h2 {
        font-size: 45px;
        line-height: 60px;
    }

    .sllogo {
        left: 10vw;
        width: 300px;
        height: 280px;
    }

    /* スクロール分余裕に20px */
    .innerBox,
    #panList .innerBox,
    #footMenu .innerBox,
    #footer .innerBox,
    #topMainBnrFrame,
    #pageTitBnr .innerBox,
    #topMainBnrFrame {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }

    #topMainBnr img {
        width: 100% !important;
    }

    #footMenu {
        padding-left: 700px;
    }

    #gMenu {
        float: right;
        clear: none;
        width: auto;
        padding-left: 30px;
    }

    #gMenu #gMenuInner.innerBox {
        width: auto;
    }

    #gMenu:after {
        content: "";
        display: inherit;
    }

    .headMainMenu {
        margin-top: 25px;
    }

    .headMainMenu .menu > li:first-child a {
        border-left: 1px solid #e5e5e5;
    }

    .headMainMenu .menu li > a {
        border-right: 1px solid #e5e5e5;
        padding: 3px 20px;
    }

    .headMainMenu .menu li.current_page_item,
    .headMainMenu .menu li.current_page_ancestor,
    .headMainMenu .menu li.current-page-ancestor,
    .headMainMenu .menu li:hover {
        box-shadow: inset 0px 0px 0px 2px white;
    }

    .headMainMenu .menu li.current_page_item ul li,
    .headMainMenu .menu li.current_page_ancestor ul li,
    .headMainMenu .menu li.current-page-ancestor ul li,
    .headMainMenu .menu li:hover ul li {
        border-bottom: 1px dotted #e5e5e5;
    }

    .headMainMenu .menu li.current_page_item ul li a,
    .headMainMenu .menu li.current_page_ancestor ul li a,
    .headMainMenu .menu li.current-page-ancestor ul li a,
    .headMainMenu .menu li:hover ul li a {
        margin: 0;
        padding: 10px 15px;
    }

    form#searchform input#searchsubmit {
        width: auto;
    }

    #topMainBnrFrame {
        width: 100%;
        height: auto;
    }

    /*-------------------------------------------*/
    /*	color /* そのまま貼るのでsassで書かない */
    /*-------------------------------------------*/
    #searchform input[type=submit],
    p.form-submit input[type=submit],
    form#searchform input#searchsubmit,
    .content form input.wpcf7-submit,
    #confirm-button input,
    a.btn,
    .linkBtn a,
    input[type=button],
    input[type=submit],
    .sideTower li#sideContact.sideBnr a,
    .content .infoList .rssBtn a {
        background-color: #e90000;
    }

    .moreLink a {
        border-left: 1px solid #e90000;
    }

    .moreLink a:hover {
        background-color: #e90000;
    }

    .moreLink a:after {
        color: #e90000;
    }

    .moreLink a:hover:after {
        color: #fff;
    }

    #headerTop {
        border-top-color: #e90000;
    }

    .headMainMenu li:hover {
        color: #32a4c6;
    }

    .headMainMenu li a {
        color: #40c9f2;
        padding: 0 10px;
    }

    .headMainMenu li > a:hover,
    .headMainMenu li.current_page_item > a {
        color: #e90000;
    }

    #pageTitBnr {
        background-color: #e90000;
    }

    .content h2,
    .content h1.contentTitle,
    .content h1.entryPostTitle,
    .sideTower h3.localHead,
    .sideWidget h4 {
        border-top-color: #e90000;
    }

    .content h3:after,
    .content .child_page_block h4:after {
        border-bottom-color: #e90000;
    }

    .sideTower li#sideContact.sideBnr a:hover,
    .content .infoList .rssBtn a:hover,
    form#searchform input#searchsubmit:hover {
        background-color: #ff0000;
    }

    #panList .innerBox ul a:hover {
        color: #ff0000;
    }

    .content .mainFootContact p.mainFootTxt span.mainFootTel {
        color: #e90000;
    }

    .content .mainFootContact .mainFootBt a {
        background-color: #e90000;
    }

    .content .mainFootContact .mainFootBt a:hover {
        background-color: #ff0000;
    }

    .content .infoList .infoCate a {
        background-color: #fff5f5;
        color: #e90000;
    }

    .content .infoList .infoCate a:hover {
        background-color: #ff0000;
    }

    .paging span,
    .paging a {
        color: #e90000;
        border-color: #e90000;
    }

    .paging span.current,
    .paging a:hover {
        background-color: #e90000;
    }

    /* アクティブのページ */
    .sideTower .sideWidget li > a:hover,
    .sideTower .sideWidget li.current_page_item > a,
    .sideTower .sideWidget li.current-cat > a {
        color: #e90000;
        background-color: #fff5f5;
    }

    .sideTower .ttBoxSection .ttBox a:hover {
        color: #e90000;
    }

    #footMenu {
        border-top-color: #00b8ee;
    }

    #footMenu .menu li a {
        color: #231815;
    }

    #footMenu .menu li a:hover {
        color: #ffffff;
    }

    @media (min-width: 970px) {
        .headMainMenu li:hover li a:hover {
            color: #40c9f2;
        }

        .headMainMenu li.current-page-item a,
        .headMainMenu li.current_page_item a,
        .headMainMenu li.current-menu-ancestor a,
        .headMainMenu li.current-page-ancestor a {
            color: #40c9f2;
        }

        .headMainMenu li.current-page-item a span,
        .headMainMenu li.current_page_item a span,
        .headMainMenu li.current-menu-ancestor a span,
        .headMainMenu li.current-page-ancestor a span {
            color: #40c9f2;
        }
    }

    #security_bnr {
        clear: both;
        max-width: 700px;
        margin: 0 auto;
    }

    #tool1 table {
        max-width: 700px;
        margin: 0 auto;
    }

    #tool1 table th {
        font-weight: bold;
        font-size: 120%;
        text-align: center;
        width: 40%;
        color: #ffffff;
        background: #1d4294;
    }

    #tool1 table tr,
    #tool1 table th,
    #tool1 table td {
        border: none;
    }

    #tool1_text {
        padding-bottom: 50px;
    }

    #tool1_text p {
        max-width: 700px;
        margin: 0 auto;
        background: #1d4294;
        color: #ffffff;
        font-weight: bold;
        font-size: 120%;
        text-align: center;
    }

    #tool1_text table {
        max-width: 700px;
        margin: 0 auto;
    }

    #tool1_text table th {
        background: #ffffff;
        color: #1d4294;
        text-align: center;
    }

    #tool1_text table td .line {
        font-weight: bold;
        font-size: 120%;
        text-align: center;
        color: #ffffff;
        background: #1d4294;
    }

    #tool1_text table,
    #tool1_text table tr,
    #tool1_text table th,
    #tool1_text table td {
        border: 1px solid #113395;
        border-collapse: collapse;
    }

    #tool1_text table td {
        width: 30%;
    }

    #tool2_main {
        font-size: 120%;
        text-align: center;
        max-width: 700px;
        margin: 0 auto;
    }

    #tool2_text {
        max-width: 700px;
        margin: 10px auto;
        background: #1d4294;
        color: #ffffff;
        font-weight: bold;
        font-size: 120%;
        text-align: center;
    }

    .tool1_main {
        font-size: 130%;
        text-align: center;
        font-weight: bold;
    }

    #recruit1 {
        max-width: 600px;
        margin: 0 auto;
    }

    #recruit1 table,
    #recruit1 table tr,
    #recruit1 table td {
        border: none
    }

    #recruit1 table th {
        width: 20%;
        border: 1px solid #40c9f2;
        text-align: center;
        color: #40c9f2;
        background-color: #ffffff;
    }

    #recruit1 table td {
        background-color: #e8f7fb;
    }

    #recruit2 {
        max-width: 600px;
        margin: 0 auto;
    }

    #recruit2 table,
    #recruit2 table tr,
    #recruit2 table td {
        border: none
    }

    #recruit2 table th {
        width: 20%;
        border: 1px solid #1a469a;
        text-align: center;
        color: #1a469a;
        background-color: #ffffff;
    }

    #recruit2 table td {
        background-color: #e8ecf5;
    }

    #recruit3 {
        max-width: 600px;
        margin: 0 auto;
    }

    #recruit3 table,
    #recruit3 table tr,
    #recruit3 table td {
        border: none
    }

    #recruit3 table th {
        width: 20%;
        border: 1px solid #959595;
        text-align: center;
        color: #959595;
        background-color: #ffffff;
    }

    #recruit3 table td {
        background-color: #f1f1f1;
    }

    #design {
        max-width: 710px;
        margin: 0 auto;
    }

    #ph_text {
        max-width: 700px;
        margin: 0 auto;
    }

    #ph_text h2 {
        border: none;
        text-align: center;
        color: #ffffff;
        background: none;
        font-size: 200%;
        padding: 20px 0 0 0;
    }

    #online {
        max-width: 700px;
        margin: 0 auto;
    }

    .online_main {
        font-size: 180%;
        border-bottom: 1px solid #e5e5e5;
    }

    #online_qa {
        max-width: 850px;
        margin: 0 auto;
    }

    #offline {
        max-width: 600px;
        margin: 0 auto;
    }

    .offline_main {
        font-size: 140%;
        font-weight: bold;
    }

    #offline p span {
        font-size: 145%;
        color: #c40018;
        font-weight: bold;
    }

    #offline_text {
        max-width: 700px;
        margin: 0 auto;
    }

    #offline_text p {
        font-size: 130%;
        font-weight: bold;
    }

    #sys5 span {
        font-size: 120%;
        color: #163987;
    }

    #sys5 {
        max-width: 700px;
        margin: 0 auto;
    }

    #sys5 span {
        font-size: 120%;
        color: #163987;
        font-weight: bold;
    }

    .sys5_main {
        font-size: 150%;
        color: #163987;
        font-weight: bold;
    }

    .sys5_text {
        max-width: 700px;
        margin: 0 auto;
        font-size: 180%;
        text-align: center;
    }

    .system3 {
        max-width: 700px;
        margin: 0 auto;
        font-size: 120%;
    }

    #system2 {
        max-width: 700px;
        margin: 0 auto;
    }

    #system2 p span {
        font-size: 200%;
        text-align: center;
        font-weight: bold;
        color: #113395;
        line-height: 1.2;
    }

    #system4 {
        max-width: 650px;
        margin: 0 auto;
        line-height: 1.3;
    }

    #system4 span {
        font-size: 200%;
        color: #d34052;
    }

    #system678 {
        max-width: 700px;
        margin: 0 auto;
    }

    #personal_main {
        max-width: 830px;
        margin: 0 auto;
    }

    .personal_text {
        max-width: 450px;
    }

    .personal_text img {
        padding: 35px 0 70px 0;
    }

    #personal_on {
        max-width: 405px;
        ;
        border: 1px solid #c2c1c1;
        border-radius: 20px;
        margin: 10px;
    }

    #personal_off {
        max-width: 405px;
        ;
        border: 1px solid #c2c1c1;
        border-radius: 20px;
        margin: 10px;
    }

    #personal_onoff {
        clear: both;
        padding: 50px 0;
        max-width: 850px;
        margin: 0 auto;
    }

    #corporation {
        max-width: 600px;
        margin: 0 auto;
    }

    #corporation .corporation_text {
        font-size: 28px;
        line-height: 1.5;
        color: #163987;
        border-bottom: 1px solid #e5e5e5;
        white-space: nowrap;
    }

    #security {
        max-width: 950px;
        margin: 0 auto;
        background-image: url("../../uploads/2016/11/narita_bg.gif")
    }

    #security_main {
        max-width: 380px;
        float: left;
    }

    #message {
        max-width: 600px;
        margin: 0 auto;
    }

    #company {
        max-width: 800px;
        margin: 0 auto;
    }

    #company h2 {
        border: none;
        text-align: center;
        color: #333;
        background: none;
        font-size: 200%;
        margin: 0 auto 25px;
        padding: 20px 0 0 0;
    }

    #company table {
        border: 1px solid #187FC3;
        border-collapse: collapse;
    }

    #company td {
        border: 1px solid #187FC3;
        border-collapse: collapse;
        text-align: left;
    }

    #company th {
        font-weight: bold;
        color: #ffffff;
        border: 1px solid #187FC3;
        background-color: #00B8EE;
        text-align: center;
        border-collapse: collapse;
        white-space: nowrap;
    }

    #company2 table {
        margin: 0;
        text-align: left;
    }

    #company2 table,
    #company2 table tr,
    #company2 table td {
        border: none
    }

    #ph_main {
        margin: 0 auto;
        max-width: 950px;
        background-repeat: no-repeat;
        background-image: url("../../uploads/2016/10/philosophybk.jpg")
    }
}

#main,
#container,
#content,
.content {
    padding-bottom: 0;
}

@media (min-width: 970px) {
    .entryList {
        width: 700px;
    }

    .slide_Box {
        min-height: 400px;
        background-image: url(common/images/mv_top_pc.jpg);
    }

    .sllist {
        width: 360px;
        bottom: 0;
        right: 50px;
        z-index: 100;
        text-align: right;
        padding: 0;
    }

    .sllist li a img {
        width: auto;
        height: 180px;
    }

    .news-list {
        margin: 48px auto 72px;
    }

    .news_wrap {
        padding: 0 0 16px;
    }

    .news_wrap .heading01 {
        font-size: 36px;
    }

    a.news_card {
        padding: 14px 16px;
    }

    .news_list {
        flex-direction: row;
        line-height: 22px;
    }

    .news_list .news_date {
        flex: 1;
        max-width: 120px;
    }

    .site-txt {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 52px 28px 24px;
        background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, .7) 13%, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, 0) 80%);
        background-size: 45% 100%;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .recruit-site {
        max-width: 1080px;
        padding: 0;
        border-radius: 10px;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .site-movie {
        width: 100%;
        margin: 0;
    }

    a.movie_btn {
        top: auto;
        left: auto;
        right: 32px;
        bottom: 24px;
        translate: 0;
    }

    a.movie_btn img {
        pointer-events: none;
    }

    .about-txt h3 {
        margin-top: 50px;
        font-size: 51px;
    }

    .recruit-cont {
        padding-top: 40px;
    }

    p.recruit-sub {
        font-size: 94px;
    }

    h3.recruit-ttl {
        font-size: 36px;
    }

    .site-txt p:not(.recruit-sub) {
        max-width: 320px;
        margin-left: 40px;
    }

    .site-txt .wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    ul.about-link li {
        height: 367px;
        margin: 0 -42px;
    }

    p.bnr a.bnr_movie {
        max-width: 210px;
    }

    .infoList {
        position: absolute;
        bottom: 2%;
        left: 5%;
        z-index: 100;
        max-width: 650px;
    }

    #security_main {
        padding: 0 40px;
    }

    #ph_main {
        height: 741px;
    }
}

#sys img {
    padding-bottom: 0;
    margin-bottom: 0;
}

.entryList {
    text-align: left;
    background: #ffffff;
    border: 1px solid #00b8ee;
}

.infoList h2 {
    text-align: left;
    display: block;
    width: 106px;
    height: 24px;
    background-image: url("../../uploads/2016/11/infotit.png");
    background-repeat: no-repeat;
    outline: none;
    text-indent: -9999px;
}

.infoDate {
    float: left;
}

#system678 {
    max-width: 700px;
    margin: 0 auto;
}

#system5 span {
    font-size: 120%;
    color: #163987;
}

#system5 {
    max-width: 700px;
    margin: 0 auto;
}

#system5 span {
    font-size: 120%;
    color: #163987;
    font-weight: bold;
}

.system5_main {
    font-size: 150%;
    color: #163987;
    font-weight: bold;
}

.system5_text {
    max-width: 700px;
    margin: 0 auto;
    font-size: 180%;
    text-align: center;
}

#system4 {
    max-width: 650px;
    margin: 0 auto;
}

#system4 span {
    font-size: 200%;
    color: #d34052;
}

.system3 {
    max-width: 700px;
    margin: 0 auto;
    font-size: 120%;
}

#system2 {
    max-width: 700px;
    margin: 0 auto;
}

#system2 p span {
    font-size: 200%;
    text-align: center;
    font-weight: bold;
    color: #113395;
}

.show-mobile-tab {
    display: none;
}

.page-id-558 .entry-body h2.wp-block-post-title {
    margin: 20px auto 25px;
}

.page-id-558 .entry-body ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-id-558 .entry-body ul li a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    color: unset;
    text-decoration: none;
    transition: .3s;
}

.page-id-558 .entry-body ul li a.top_link {
    font-weight: bold;
}

.page-id-558 .entry-body ul li a.no_link {
    font-weight: bold;
    pointer-events: none;
}

.page-id-558 .entry-body ul li a:hover {
    color: #00b8ee;
}

.page-id-558 .entry-body ul ul {
    margin: 6px 0;
    margin-left: 1em;
}

@media (max-width: 640px) {
    .scroll {
        overflow-x: scroll;
    }
}

@media (max-width: 669px) {
    .siteContent > .container > .row {
        flex-direction: column;
    }

    table tbody tr {
        display: grid;
    }

    table tbody tr th {
        background-color: #f5f5f5;
    }

    .show-mobile-tab {
        display: inline-block;
    }

    .show-full-only {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .pc {
        display: none !important;
    }
}

@media screen and (min-width:769px) {
    .sp {
        display: none !important;
    }
}