/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.2
*/

@import url("../oshin/style.css");
.login h1 a {
    background-size: 354px;
    height: 102px;
    width: 354px;
}


/* ==================================
全体設定
================================== */
body {
    overflow: hidden !important;
}
body,
.special-heading-wrap .caption-wrap .body-font,
#header,
ul#menu,
.tatsu-section,
.tatsu-button,
footer#bottom-widgets,
footer#footer,
.sidebar-widgets,
.sidebar-widgets h6,
.post-title,
.post-nav li,
.page-title-module-custom .page-title-custom,
h6.portfolio-title-nav,
.category_head {
    font-family: 'メイリオ', 'Meiryo', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

ul {
    list-style: none;
}

ul,
ol,
dd {
    padding-left: 0;
    margin: 0;
}

ul li,
ol li {
    margin-bottom: 0;
}

.smallbtn {
    font-size: 14px;
}

.special-heading-wrap.style2 .special-heading {
    border: none;
}

a:hover img {
    opacity: 0.7;
    transition: all 0.3s ease;
}


/* ==================================
パーツ
================================== */

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.wrap1000 {
    max-width: 1000px;
    margin: 0 auto!important;
}

.wrap1000_2 {
    max-width: 1000px;
    margin: 0 160px!important;
}

.wrap900 {
    max-width: 900px;
    margin: 0 auto!important;
}

.t_img_center {
    text-align: center;
}

.t_underbar:after {
    display: block;
    content: "";
    background-color: #888;
    height: 2px;
    width: 50px;
    margin-top: 5px;
}

.table-scroll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}


/*画像回り込み*/

.wraparound {
    float: right;
    clear: right;
    margin-left: 1em;
}

.wraparound img {
    display: block;
    margin-left: auto;
    padding: 10px;
}

.wraparound-L {
    float: left;
    clear: left;
    margin-right: 1em;
}

.wraparound-L img {
    display: block;
    margin-right: auto;
    padding: 10px;
}

a.page_btn {
    background-color: #E4961C;
    text-decoration: none !important;
    margin: 0 20px;
    color: #fff !important;
    border: 2px solid #E4961C;
}

a.page_btn:hover {
    background-color: #fff;
    color: #E4961C !important;
    border: 2px solid #E4961C;
}

.bg_stripe dl:nth-child(odd),
.bg_stripe ul li:nth-child(odd) {
    background-color: #ECECEC;
}

.bg_stripe dl:nth-child(even),
.bg_stripe ul li:nth-child(even) {
    background-color: transparent;
}

.bg_stripe dl,
.bg_stripe ul li {
    border-top: 1px dotted #666666;
}

.bg_stripe dl:last-child,
.bg_stripe ul li:last-child {
    border-bottom: 1px dotted #666666;
}

.bg_stripe dd ul,
.bg_stripe dd ul li,
.bg_stripe dd ul li:nth-child(odd),
.bg_stripe dd ul li:nth-child(even),
.bg_stripe dl ul li:last-child {
    border: none;
    background-color: transparent;
}


/* ==================================
ボックスレイアウト
================================== */

@media only screen and (max-width: 767px) {
    .tatsu-section .tatsu-row-wrap:last-child .tatsu-column {
        margin-bottom: 0;
    }
}


/* ==================================
ヘッダー
================================== */


/*間隔調整*/

.style1 .logo {
    margin-left: 20px;
}

.style1 #header-controls-right {
    margin-right: 20px;
}

.style1 #navigation {
    margin-right: 0;
}

#header .tatsu-button-wrap {
    margin: 0;
}

#navigation a,
#navigation-right-side a,
#navigation-left-side a {
    padding: 0 10px;
}

@media only screen and (min-width: 961px) and (max-width: 1216px) {
    #navigation a,
    #navigation-right-side a,
    #navigation-left-side a {
        padding: 0 7px;
    }
}


/*ロゴサイズ*/

@media only screen and (min-width: 961px) and (max-width: 1216px) {
    .style1 .logo {
        width: 15%;
        margin-top: 18px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
    .style1 .logo {
        width: 40%;
    }
}

@media only screen and (max-width: 480px) {
    .style1 .logo {
        max-width: 80%;
    }
}


/* ==================================
トップページ
================================== */

.home h2 {
    font-size: 20px;
    font-family: YuGothic, 'Yu Gothic', sans-serif;
}

.em_word {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px;
}


/*メニューボックス*/

.menu_box img {
    border: 1px solid #fff;
}

.menu_box .tatsu-button {
    box-sizing: border-box;
    text-transform: none;
}

.menu_box .menu_box_button {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.menu_box .menu_box_button:hover {
    border: 1px solid transparent;
}

@media only screen and (min-width: 1080px) {
    .menu_box .tatsu-button {
        width: 180px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .menu_box .tatsu-button {
        width: 180px;
    }
}

.tatsu-button-group .tatsu-button {
    width: 100px;
    padding: 10px 5px;
}

.tatsu-button-group .tatsu-button-wrap {
    margin-right: 0;
    margin: 0 5px 10px 5px;
}



/*bogo*/

ul.bogo-language-switcher li {
    line-height: 1.2;
}


/* ==================================
トップページ/新着情報
================================== */

ul.news_list {
    list-style: none;
    margin: 0;
}

li.news_list_item {
    margin-bottom: 7px;
}

.news_date {
    width: 130px;
    display: inline-block;
}

.cat_col {
    width: 130px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
}


/*各店舗カテゴリラベルカラー*/

.cat_col.au_shop,
.cat_col.au_nayoro,
.cat_col.au_shibetu,
.cat_col.au_asahikawakita,
.cat_col.au_asahikawaekimae,
.cat_col.au_toukou,
.cat_col.au_rumoi,
.cat_col.au_haboro,
.cat_col.kidsduo,
.cat_col.kidsduo_asahikawa,
.cat_col.kidsduo_asabu,
.cat_col.kidsduo_shiroishi,
.cat_col.kidsduo_miyanomori,
.cat_col.kidsduo_tateba,
.cat_col.ninja,
.cat_col.ninja_asahikawa,
.cat_col.ninja_sapporo,
.cat_col.info_media,
.cat_col.info_company,
.cat_col.important,
.cat_col.recruit,
.cat_col.recruit-kidsduo,
.cat_col.unclassified {
    color: #fff;
}

.cat_col.au_shop,
.cat_col.au_nayoro,
.cat_col.au_shibetu,
.cat_col.au_asahikawakita,
.cat_col.au_asahikawaekimae,
.cat_col.au_toukou,
.cat_col.au_rumoi,
.cat_col.au_haboro {
    background-color: #EA5505;
}

.cat_col.unclassified {
    background-color: #ccc;
}

.cat_col.important {
    background-color: #FF0000;
}

.cat_col.recruit,
.cat_col.recruit-kidsduo {
    background-color: #0096FE;
}

.cat_col.info_company {
    background-color: #8A8A75;
}

.cat_col.info_media {
    background-color: #FFBF00;
}

.cat_col.kidsduo,
.cat_col.kidsduo_asabu,
.cat_col.kidsduo_asahikawa,
.cat_col.kidsduo_shiroishi,
.cat_col.kidsduo_miyanomori,
.cat_col.kidsduo_tateba {
    background-color: #72B529;
}

.cat_col.ninja,
.cat_col.ninja_asahikawa,
.cat_col.ninja_sapporo {
    background-color: #4678ff;
}


/*タイトルリンク*/

.news_title {
    display: inline-block;
    padding-left: 20px;
}

.news_title a {
    position: relative;
    left: 0;
    transition: all 0.5s ease;
}

.news_title a:link {
    color: #666666;
}

.news_title a:visited {
    color: #666666;
}

.news_title a:hover {
    color: #8A8A75;
    left: 7px;
}

.news_title a:active {
    color: #8A8A75;
}

.news_button {
    color: rgb(85, 85, 85);
    background-color: transparent;
}

.news_button:hover {
    color: #fff;
    background-color: rgb(85, 85, 85);
}


/* ==================================
フッター上部共通パーツ
================================== */

.footer_toparea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.footer_toparea .tatsu-icon-shortcode {
    margin-bottom: 0;
    margin: 10px;
}

.footer_toparea .tatsu-icon.medium {
    font-size: 45px;
}

.footer_toparea img {
    margin: 10px;
}

.footer_toparea p {
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
}

.footer_toparea a.tatsu-button {
    padding: 5px 10px;
    margin: 10px;
}

@media only screen and (max-width: 767px) {
    .footer_toparea {
        padding: 5% 0;
    }
}


/* ==================================
フッター
================================== */


/*カラム幅*/

footer#bottom-widgets {
    line-height: 1.6;
    padding-left: 20px;
    padding-right: 20px;
}

footer#bottom-widgets .widget {
    margin-bottom: 15px;
}

footer#bottom-widgets a:link {
    text-decoration: underline;
}

footer#bottom-widgets img {
    margin-bottom: 20px;
}

footer#bottom-widgets ul {
    list-style-type: none;
    padding-left: 0;
}

footer#bottom-widgets ul li {
    margin-bottom: 0;
}

#menu-footer-menu li {
    padding-left: 0;
}

#menu-footer-menu li:before {
    content: none;
}

@media only screen and (min-width: 768px) {
    footer#bottom-widgets .one-third:first-child {
        width: 26%;
    }
    footer#bottom-widgets .one-third:nth-child(2) {
        width: 50%;
    }
    footer#bottom-widgets .one-third:nth-child(3) {
        width: 14%;
    }
}


/*リンクホバー*/

footer#bottom-widgets a {
    position: relative;
    left: 0;
    transition: all 0.5s ease;
    color: #fff !important;
}

footer#bottom-widgets a:hover {
    left: 7px;
}


/*サブメニュー*/

footer ul li {
    position: relative;
}

footer ul li ul.sub-menu {
    display: none;
    opacity: 0;
    padding-bottom: 20px;
    left: 0;
    transition: all 0.5s ease;
}

footer ul li ul.sub-menu li {
    padding-left: 10px;
    transition: all 0.5s ease;
}

footer ul li:hover ul.sub-menu {
    display: block;
    opacity: 1;
}

footer li#menu-item-4363-ja,
footer li#menu-item-4363-en {
    display: inline;
}

footer li#menu-item-4363-ja img,
footer li#menu-item-4363-en img {
    padding-right: 10px;
}


/*ウィジェット内装飾*/

footer#bottom-widgets ul.shop_au {
    padding-bottom: 15px;
    border-bottom: 1px solid #ACAC9D;
}

footer#bottom-widgets ul.shop_au .shoptel:before {
    display: inline-block;
    content: "";
    background-image: url(images/icon_freedial.png);
    width: 18px;
    height: 13px;
    margin-right: 5px;
}

@media only screen and (min-width: 1280px) {
    footer#bottom-widgets .shopname {
        display: inline-block;
        width: 125px;
    }
    footer#bottom-widgets .shopadd {
        display: inline-block;
        width: calc(100% - 260px);
        min-width: 320px;
    }
    footer#bottom-widgets .shoptel {
        display: inline;
        text-align: right;
    }
    footer#bottom-widgets ul.shop_au .shoptel {
        padding-left: 0.3em;
    }
    footer#bottom-widgets ul.shop_kidsduo .shoptel {
        width: 130px;
    }
}

@media only screen and (max-width: 1279px) {
    footer#bottom-widgets span {
        display: block;
    }
    footer#bottom-widgets .one-third:nth-child(2) ul li {
        padding-bottom: 1em;
    }
}


/* ==================================
ブログ記事
================================== */

li.post-comments,
.single-post-share.single-page-atts,
.blog-separator,
.be-themes-comments {
    display: none;
}

#blog-content {
    display: none;
}

.category-recruit .post-nav {
    display: none;
}

.widget_categories.widget li.cat-item-128 {
    display: none;
}

.post-content table {
    width: 100%;
}

.post-content table td,
.post-content table th {
    border: none;
}

.post-content table tr {
    border-top: 1px solid #ccc;
}

.post-content table tr:last-child {
    border-bottom: 1px solid #ccc;
}

.post-content table th {
    background-color: #ececec;
    text-align: left;
    width: 90px;
}


/*ボタン*/

.category-recruit .tatsu-button {
    border: 2px solid #e4961c;
}

.category-recruit a.tatsu-button {
    color: #e4961c;
}

.category-recruit a.tatsu-button:hover {
    color: #fff;
}


/* ==================================
サブページ ヘッダー画像
================================== */
#page-content{
    padding-top: 0 !important;
}

#hero_area {
    background-position: top center, center center;
    background-repeat: repeat-x, no-repeat;
}

#hero_area1 {
    background-position: center center;

}

#outline #hero_area {
    background-image: url(images/head_over.png), url(images/outline_head.jpg);
}


/*店舗別画像ここから*/

#shop_asahikawaekimae #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_toukou #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_shibetu #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_nayoro #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_nayoro-2 #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_rumoi #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#shop_haboro #hero_area {
    background-image: url(images/head_over.png), url(images/shop_head3.jpg);
}

#kidsduo_asahikawa #hero_area {
    background-image: url(images/head_over.png), url(images/kidsduo_head.jpg);
}

#kidsduo_asabu #hero_area {
    background-image: url(images/head_over.png), url(images/kidsduo_head2.jpg);
}

#kidsduo_shiroishi #hero_area {
    background-image: url(images/head_over.png), url(images/kidsduo_head2.jpg);
}

#kidsduo_miyanomori #hero_area {
    background-image: url(images/head_over.png), url(images/kidsduo_head2.jpg);
}

#kidsduo_tateba #hero_area {
    background-image: url(images/head_over.png), url(images/kidsduo_head.jpg);
}

#contact #hero_area {
    background-image: url(images/head_over.png), url(images/contact_head.jpg);
}

#solution #hero_area {
    background-image: url(images/head_over.png), url(images/contact_head.jpg);
}

#ninja_asahikawa #hero_area {
    background-image: url(images/head_over.png), url(images/ninja_head.png);
}

#ninja_sapporo #hero_area {
    background-image: url(images/head_over.png), url(images/ninja_head.png);
}


/*店舗別画像ここまで*/

@media only screen and (min-width: 1583px) {
    #hero_area {
        background-size: auto, cover;
    }
    #hero_area1 {
        
    }
}

@media only screen and (min-width: 768px) {
    #hero_area {
        height: 374px;
    }
    #hero_area1 {
        height: 374px;
    }
}

@media only screen and (max-width: 767px) {
    #hero_area {
        background-size: 900px;
        height: 200px;
    }
        #hero_area1 {
        background-size: 900px;
        height: 200px;
    }
}




/* ==================================
会社概要
================================== */


/*タイトル*/

#outline h2.t_underbar {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

#outline h3 {
    font-weight: bold;
}


/*画像回り込み*/

@media only screen and (max-width: 479px) {
    #outline .wraparound {
        float: none;
        width: 167px;
        margin: 0 auto;
    }
}


/*概要*/

.outline_list dl {
    padding: 7px 10px;
}

.outline_list dl dt {
    float: left;
    clear: left;
    width: 7em;
    line-height: 1.5;
}

.outline_list dl dd {
    line-height: 1.5;
    padding-left: 7em;
}

.outline_list .shopname,
.outline_list .shopadd,
.outline_list .shoptel {
    display: inline-block;
}

.outline_list .shopname {
    width: 180px;
}

@media only screen and (min-width: 480px) {
    .outline_list .shopadd {
        width: 350px;
    }
}

.outline_list a:link {
    text-decoration: underline;
}


/*沿革*/

.outline_history ul li {
    padding: 7px 10px;
}

.outline_history span {
    display: table-cell;
    vertical-align: middle;
}

.outline_history span.year {
    width: 4em;
    text-align: right;
}

.outline_history span.month {
    width: 3em;
    text-align: right;
}

.outline_history span.txt {
    padding-left: 1.5em;
    line-height: 1.2;
}


/* ==================================
SHOPページ
================================== */

.shop_detail dl {
    line-height: 1.3;
}

.shop_detail dl {
    padding: 10px 5px
}

.shop_detail dl dt {
    float: left;
    clear: left;
    width: 8em;
}

.shop_detail dl dd {
    margin-left: 8em;
}

.shop_detail dl dd img {
    float: right;
    clear: right;
    margin-left: 2em;
}

@media only screen and (max-width: 480px) {
    .shop_detail dl dd img {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

.shop_aside_area {
    width: 100%;
    background-image: url(images/shop_1_bg.png);
    background-repeat: no-repeat;
    background-position: top 60px center;
    padding-top: 220px;
}

.kidsduo_aside_area {
    width: 100%;
}

.kidsduo_aside_area .aside_text {
    display: block;
    padding: 5px;
    padding-bottom: 60px;
}

.kidsduo_aside_area .aside_text p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #F48FAA;
    line-height: 1.4;
    text-shadow: 2px 2px #eee;
}

.kidsduo_aside_area .aside_btn a,
.kidsduo_contact_area .aside_btn a{
    background-color: #F48FAA;
    color: #fff;
    padding: 30px 25px;
    border: 2px dashed #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 4px #F48FAA, 8px 8px #ccd;
    transform: rotate(2deg);
    text-shadow: -1px -1px #aa3030;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.kidsduo_aside_area .aside_btn a:hover,
.kidsduo_contact_area .aside_btn a:hover {
    opacity: 0.6;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .shop_aside_area,
    .kidsduo_aside_area {
        background-size: contain;
    }
}

@media only screen and (max-width: 480px) {
    .shop_aside_area,
    .kidsduo_aside_area {
        background-size: contain;
    }
}

.shop_aside_area figure img,
.kidsduo_aside_area figure img {
    margin: 10px;
    max-width: 95%;
}

.map_caption span.txt {
    display: inline-block;
    padding-right: 2em;
}


/* ==================================
KidsDuo
================================== */

.kidsduo_about {
    line-height: 1.5;
}

.kidsduo_about p {
    margin-bottom: 10px;
}

.kidsduo_about img {
    padding-bottom: 15px;
}

.kidsduo_about .strong-em {
    font-family: YuMincho, 'Yu Mincho', serif;
    color: #00468C;
    font-weight: bold;
    font-size: 36px;
    display: block;
    letter-spacing: -3px;
}

.kidsduo_about h3 {
    display: block;
    text-align: center;
    background-color: #0059B2;
    font-size: 26px;
    color: #fff;
    padding: 10px;
}

.kidsduo_about h4 {
    font-size: 26px;
    font-weight: 400;
}

.kidsduo_about h5 {
    font-size: 18px;
    font-weight: 400;
    color: #00468C;
}

.kidsduo_about h4 small {
    font-size: 16px;
}

.kidsduo_about table {
    font-size: 16px;
    width: 100%;
}

.kidsduo_about table thead th {
    background-color: #E1E9FF;
    font-weight: 400;
}

.kidsduo_about table th,
.kidsduo_about table td {
    vertical-align: middle;
    box-sizing: border-box;
}

.kidsduo_about table tfoot td {
    padding: 5px 0;
    border: none;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .kidsduo_about h4,
    .kidsduo_about h4 small {
        font-size: 22px;
    }
    .kidsduo_about table th,
    .kidsduo_about table td{
        display: block;
        width: 100%;
    }
    .kidsduo_about table th {
        background-color: #E1E9FF;
    }
    .kidsduo_about .table-course thead,
    .kidsduo_about .table-course tbody th{
        display: none;
    }
    
    .kidsduo_about .table-course tbody td {
        display: table-cell;
        width: 50%;
    }
    
    .kidsduo_about .table-course tbody {
        margin-bottom: 1em;
        display: block;
        position: relative;
    }
    .kidsduo_about .table-course tbody:before {
        display: block;
        text-align: center;
        padding: 9px 20px;
        border: 1px solid #ddd;
        background-color: #E1E9FF;
        font-size: 22px;
    }
    .kidsduo_about .table-course tbody:nth-of-type(1):before {
        content: '\5E7C\5150\FF08\FF5E\5E74\9577\FF09';
    }
    .kidsduo_about .table-course tbody:nth-of-type(2):before {
        content: '\5C0F\5B66\751F\FF08\5C0F\FF11\FF5E\5C0F\FF16\FF09';
    }
    .kidsduo_about .table-course td:before {
        padding-right: 1em;
        font-weight: bold;
        display: block;
    }
    .kidsduo_about .table-course td.title:before {
        content: '\30B3\30FC\30B9\540D';
    }
    .kidsduo_about .table-course td.time:before {
        content: '\6642\9593\5E2F';
        padding-right: 1em;
        font-weight: bold;
        display: block;
    }
    .kidsduo_about table tfoot td {
        text-align: left;
    }
}

.kidsduo_about table tfoot small {
    font-size: 14px;
}

.kidsduo_contact_area .wrap {
    text-align: center;
    color: #fff;
    padding: 10px;
}
.kidsduo_contact_area .wrap h3{
    font-size: 26px;
    color: #fff;
    margin: 15px;
}
.kidsduo_contact_area .wrap .text {
    font-size: 28px;
    padding: 0.2em 1em 0.5em 1em;
    display: inline-block;
    font-weight: bold;
}

.kidsduo_contact_area .wrap .text i {
    padding-right: 10px;
}

@media only screen and (max-width: 479px) {
    .kidsduo_about .wraparound {
        margin-left: 0;
        float: none;
        width: auto;
        margin: 0 auto;
    }
    .kidsduo_about .wraparound-L {
        margin-right: 0;
        float: none;
        width: auto;
        margin: 0 auto;
    }
}


/* ==================================
法人営業（ソリューション）
================================== */

#solution .solution_about h2 {
    font-family: YuMincho, 'Yu Mincho', serif;
    color: #00468C;
    font-weight: bold;
    font-size: 28px;
    display: block;
    letter-spacing: -3px;
}

#solution .tatsu-module {
    margin-bottom: 30px;
}

#solution .text_box {
    background-color: #00468C;
    color: #fff;
    padding: 15px;
    display: inline-block;
    border-radius: 5px;
}


/* ==================================
スタッフ紹介
================================== */


/*（テーブルプレス）*/

.tablepress tr:first-child {
    background-color: transparent!important;
}

.tablepress tbody td.column-1,
.tablepress tbody td.column-2 {
    border-top: none;
}

.tablepress tr:nth-child(odd) {
    background-color: #ECECEC;
}

.tablepress tr {
    border-bottom: 1px dotted #666;
}


/*（上下中央）*/
.tablepress tbody td {
    vertical-align: middle;
}


/*.tablepress tbody tr.row-3 {border-bottom: none;}*/

.tablepress tr:first-child {
    border-bottom: none;
    background-color: #fff;
}

.tablepress td {
    padding: 5px !important;
}

.tablepress tbody tr.row-3 td.column-1,
.tablepress tbody tr.row-4 td.column-1,
.tablepress tbody tr.row-5 td.column-1 {
    width: 3em;
}

.tablepress tbody tr.row-2 td.column-1 {
    height: 28px;
}


/*顔写真とムービー*/

.flex.staff_image {
    justify-content: space-between;
    align-items: flex-end;
}

.staff_image .movie {
    padding: 0 5px;
}


/*ライセンスバナー*/

span.license-adviser:after {
    content: url("images/shop_staff_icon.png");
    display: inline-block;
}

span.license-master:after {
    content: url("images/shop_staff_icon_m.png");
    display: inline-block;
}

span.license-expert {
    font-size: 13px;
}

span.license-expert:after {
    content: url("images/shop_staff_icon_e.png");
    display: inline-block;
}

@media only screen and (min-width: 961px) {
    span.license-adviser,
    span.license-master,
    span.license-expert {
        position: relative
    }
    span.license-adviser:after,
    span.license-master:after,
    span.license-expert:after {
        position: absolute;
        top: 2px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    span.license-adviser,
    span.license-master,
    span.license-expert {
        position: relative
    }
    span.license-adviser:after,
    span.license-master:after,
    span.license-expert:after {
        position: absolute;
        top: 2px;
    }
}


/* ==================================
お問い合わせ
================================== */

ol li ul {
    margin-top: 0;
}

#contact h2 {
    margin-bottom: 15px;
}

#contact h3,
#campaign h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 30px;
}

#contact p a {
    color: #00468C !important;
    text-decoration: underline;
}

#contact dl {
    font-size: 16px;
}

#contact dl dt {
    display: inline-block;
    width:150px;
}

#contact dl dd {
    display: inline-block;
    padding-left: 1.5em;
}

#contact .sign {
    text-align: right;
}

.required {
    padding-left: 0.5em;
    color: #f00;
}

.wpcf7 table {
    width: 100%;
}

.wpcf7 table th,
.wpcf7 table td {
    width: 78%;
    border: none;
    box-sizing: border-box;
}

.wpcf7 table tr {
    border-top: 1px solid #ddd;
}

.wpcf7 table th {
    background-color: #F4F4F4;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    width: 200px;
}

.wpcf7 table tfoot td {
    text-align: center;
}

span.wpcf7-form-control-wrap {
    display: inline !important;
}
.wpcf7 select {
    padding: 0 0 0 10px;
}
.wpcf7 input[type="submit"] {
    background-color: #00468C;
    font-size: 16px;
    width: 200px;
    padding: 15px 18px;
    margin: 10px;
}

.wpcf7 input[type="submit"][disabled] {
    background-color: #ccc;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="password"],
.wpcf7 textarea {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #contact dl {
        margin-bottom: 1em;
    }
    .wpcf7 table th,
    .wpcf7 table td {
        display: block;
        width: 100%;
    }
    .wpcf7 table th {
        width: 100%;
        max-width: 100%;
        border-bottom: 1px solid #ddd;
    }
    
    .wpcf7 table td {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 480px) {
    .wpcf7 table td {
        padding: 9px 0;
    }
}

/* @media only screen and (max-width: 360px) {
    .wpcf7 table td {
        width: 85%;
    }
} */

/*求人応募フォーム*/

#entry .wpcf7 select {
    width: auto;
    display: inline-block;
    padding: 3px 10px;
}


/* ==================================
採用情報
================================== */

.category-recruit section#content {
    padding-top: 0;
}

.category_head-wrap {
    margin-bottom: 40px;
}

.category_head {
    max-width: 1160px;
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
    color: #111;
}

.category_head .box {
    display: block;
    padding: 30px;
    margin: 10px;
    position: relative;
}

.category_head .border-box {
    display: inline-block;
    border: 5px solid #000;
    padding: 30px;
    margin: 10px;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 3px 3px #000;
}

.category_head .border-box:nth-child(1),
.category_head .border-box:nth-child(2) {
    width: 100%;
}

.category_head .border-box-wrap {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.category_head h1 {
    font-size: 68px;
    font-weight: bold;
    color: #fff;
    text-shadow: black 4px 4px 0px, black -1px 1px 0px, black -1px -1px 0px, black 1px -1px 0px, black 1px 0px 0px, black 0px 1px 0px, black -1px 0px 0px, black 0px -1px 0px;
}

.category_head h1 small {
    display: block;
    font-size: 40%;
    font-weight: 400;
    letter-spacing: 8px;
    color: #e4007f;
    text-shadow: none;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px, #fff 1px 0px 0px, #fff 0px 1px 0px, #fff -1px 0px 0px, #fff 0px -1px 0px;
}

.category_head h2 {
    text-align: center;
    padding: 10px 30px;
    background-color: #e4007f;
    color: #fff;
    font-weight: bold;
    clear: both;
    position: relative;
    height: 40px;
    white-space: nowrap;
}

.category_head h2:before,
.category_head h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    border: 30px solid #e4007f;
}

.category_head h2:before {
    left: -40px;
    border-left-color: transparent;
}

.category_head h2:after {
    right: -40px;
    border-right-color: transparent;
}

.category_head h3 {
    font-size: 200%;
}

.category_head .border-box:nth-child(odd) h3 {
    color: #00afcc;
}

.category_head .border-box:nth-child(even) h3 {
    color: #e85298;
}

.category_head p {
    margin-bottom: 1em;
    line-height: 1.4;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff -1px -1px 0px, #fff 1px -1px 0px, #fff 1px 0px 0px, #fff 0px 1px 0px, #fff -1px 0px 0px, #fff 0px -1px 0px;
}

.category_head .box p {
    letter-spacing: 1px;
    line-height: 1.8;
}

.category_head .notice {
    color: #e5004f;
    font-size: 150%;
}

.category_head .notice small {
    font-size: 20%;
}

@media only screen and (min-width: 980px) {
    .category_head img {
        display: block;
        float: right;
        padding-left: 1em;
    }
    .category_head .box img {
        position: absolute;
        right: 0;
        top: -40px;
    }
    .category_head .border-box {
        width: 47%;
    }
    .category_head .border-box:nth-child(1),
    .category_head .border-box:nth-child(2) {
        width: 100%;
    }
}

@media only screen and (max-width: 979px) {
    .category_head h2 {
        font-size: 18px;
        display: inline-block;
    }
    .category_head .box {
        padding: 10px;
        margin: 10px;
        max-width: 320px;
        margin: 0 auto;
    }
    .category_head .border-box {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .category_head h2 {
        font-size: 14px;
    }
}




.wp-block-image{ max-width: 100%; height: auto; }
figure{ max-width: 100%; height: auto; }
img { max-width: 100%; height: auto; }