/*
Theme Name: anja
Template: twentythirteen
*/
html.webgl{margin-top:0px!important;}
#wpadminbar{display:none!important;}
.scrollpoint{
-webkit-animation-delay: -0.2s!important;
    animation-delay: -0.2s!important;
}
 .cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
html{font-size:62.5%;}
#page{overflow:hidden;}
.red{color:#c80000!important;}
a,a:hover{text-decoration:none!important;}
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
body{background:#f7f8f9;font-size:1.375rem;
}
.h1, .h2, .h3, h1, h2, h3{
    font-family: Lato,  "新ゴ R" , YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;
}
h5{font-size:1.625rem;}
#content {min-height:600px;padding-top:100px;max-width:1500px;margin:auto;background:#FFF;}
#content .page-content-wrap img{max-width:100%;height:auto;}
h2.mc1after{background:#fff;height:500px;margin:0px;text-align:center;line-height:500px;color:#666;font-size:36px;}
section.white,
.white .su-column-inner{background:#FFF!important;}
.red .su-column-inner{background:#c00d23!important;}
.green .su-column-inner{background:#8bbf1f!important;}
section.black{background:#000!important;}
.darkblue .su-column-inner{background:#497284!important;}
.darkblue .su-column-inner *{color:#FFF;}
h3.black{color:#595757!important}
h3.ls0{letter-spacing:0px!important;}
.mobile-view{display:none!important;}
.tablet-view{display:none!important;}
footer a{color:#666;}
.single .entry-content{max-width:1100px;margin:auto;padding:50px 1em;}
/*プリローダー*/
.pre-loader{background:#66cdcc}
/*ヘッダ*/
header{background:none;}
header #menu-item-57 a{color:#FFF!important;background:#195F84;}
header #menu-item-57 a:hover{background:#373839!important;}
header #menu-item-278 a{background:#e7e7e9;}
header .site-social{height:30px;display:block;background:#efefef;}
header.site-header{background:none;}
header .container{max-width:1500px;padding:0px;}
header .navbar-default .container .home-link{display:block;width:420px;height:100px;float:left;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    flex-grow:1;
}
header .navbar-default{padding:0px;height:auto;margin:0px;background:#fff!important;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
header .navbar-default ul.nav-menu{padding:0px;margin:0px;line-height:1em;font-size:0px;}
header .navbar-default ul.nav-menu li{}
header .navbar-default ul.nav-menu li a{color:#333!important;}
header .navbar-default ul.nav-menu li a:hover{color:#195f85!important;}
header .navbar-default ul.nav-menu li.current-page-parent a,
header .navbar-default ul.nav-menu li.current_page_item a{color:#195f85!important}
header .navbar-default ul.nav-menu li a{font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;
color:#333;height:auto;text-align:center;line-height:1.5em;font-size:1.4rem;font-weight:bold!important;padding:29px 0px;overflow:hidden;}
header .navbar-default ul.nav-menu li a:hover{color:#357AB8}
header .navbar-default ul.nav-menu li a span{font-size:0.8em;display:block;font-weight:normal!important;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
header .navbar-default ul.nav-menu li:hover{}
header .navbar-default ul.nav-menu li:hover ul a{}
header .navbar-default ul.nav-menu li:hover ul a:hover{}
header .navbar-default.scrolled ul.nav-menu li li a,
header .navbar-default ul.nav-menu li li a{padding:10px;display:block;}
header .navbar-default ul.nav-menu li ul,
header .navbar-default ul.nav-menu li li{margin:0px;padding:0px;}
header .navbar-default ul.nav-menu li li a span{}
header .navbar-default.scrolled .container .home-link{height:65px;}
header .navbar-default.scrolled ul.nav-menu li a{padding-top:10px;height:65px;line-height:48px;}
header .navbar-default ul.nav-menu li{display:block;width:140px;height:auto;}
header .navbar-default ul.nav-menu li li{min-width:140px;}
header .navbar-default ul.nav-menu li.current_page_item{}
header .navbar-default.scrolled ul.nav-menu{padding:0px!important;}
header .navbar-default ul.nav-menu li ul{overflow:hidden;height:0px;position:fixed;width:auto;min-width:100%;background:#f1f1f3;left:0px;font-size:0px;text-align:center;line-height:1em;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .navbar-default.scrolled ul.nav-menu li.current_page_parent ul,
header .navbar-default.scrolled ul.nav-menu li.current_page_item ul,
header .navbar-default ul.nav-menu li:hover ul{height:50px;}

header .navbar-default ul.nav-menu li ul li{height:50px;display:inline-block;width:14.285%;min-width:180px;max-width:214.285px;vertical-align:middle;}
header .navbar-default ul.nav-menu li ul li a{text-align:left;font-weight:normal!important;font-size:1.25rem;line-height:1.25em!important;color:#333!important;}
header .navbar-default ul.nav-menu li.current_page_parent ul li a,
header .navbar-default ul.nav-menu li.current_page_item ul li a{color:#333!important}
header .navbar-default ul.nav-menu li.current_page_parent ul li a:hover,
header .navbar-default ul.nav-menu li.current_page_item ul li a:hover{color:#195f85!important}
header .navbar-default ul.nav-menu li ul li.current_page_item{background:#e1e1e3;}
header .navbar-default ul.nav-menu li ul li.current_page_item a *,
header .navbar-default ul.nav-menu li ul li.current_page_item a{color:#195f85!important;font-weight:bold!important;}
header .navbar-default ul.nav-menu li ul li a:hover{background:#e7e7e9;}
header .navbar-default ul.nav-menu li:hover ul{display:block;}
navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:none;}
header .navbar-default .navbar-toggle{margin-top: 11px;margin-right: 20px;width:45px;}
.bg-white{background:#FFF!important;}
.bg-gradient{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 50%, #f1f2f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 50%,#f1f2f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 50%,#f1f2f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f3',GradientType=0 ); /* IE6-9 */
}
.bg-white.fullwidth{margin:0px;width:100%;}
.entry-content{max-width:100%;margin:auto;}
.entry-content section{max-width:1500px;margin:auto;padding:0px 0px 15rem;width:100%;}
.entry-content section.nopad{}
.padtop-2{padding-top:2px!important;}
.entry-content section .su-row{margin-bottom:2px;margin-left:-1px;}
.entry-content section .su-row .su-column.nmb{margin-bottom:0px!important;}
.entry-content section .su-row.nopad .su-column,
.entry-content section.nopad .su-row .su-column{margin-left:0px;}
.entry-content section .su-row.nopad .su-column.white .su-column-inner,
.entry-content section.nopad .su-row .su-column.white .su-column-inner{background:#FFF;}
.entry-content section .su-row.nopad .su-column-size-1-2,
.entry-content section.nopad .su-row .su-column-size-1-2{width:49.999%;}
.entry-content section .su-row.nopad .su-column-size-1-3,
.entry-content section.nopad .su-row .su-column-size-1-3{width:33.33333%;}
.entry-content section .su-row.nopad .su-column-size-2-3,
.entry-content section.nopad .su-row .su-column-size-2-3{width:66.66666%;}
.entry-content section .su-row.nopad .su-column-size-1-4,
.entry-content section.nopad .su-row .su-column-size-1-4{width:24.9999%;}
.entry-content section .su-row.nopad .su-column-size-3-4,
.entry-content section.nopad .su-row .su-column-size-3-4{width:74.9999%;}
.entry-content section .su-row.nopad .su-column-size-1-5,
.entry-content section.nopad .su-row .su-column-size-1-5{width:19.9999%;}
.entry-content section .su-row.nopad .su-column-size-2-5,
.entry-content section.nopad .su-row .su-column-size-2-5{width:39.9999%;}
.entry-content section .su-row.nopad .su-column-size-3-5,
.entry-content section.nopad .su-row .su-column-size-3-5{width:59.9999%;}
.entry-content section .su-row.nopad .su-column-size-4-5,
.entry-content section.nopad .su-row .su-column-size-4-5{width:79.9999%;}
.entry-content section .su-row .su-column-inner{margin-left:2px;margin-bottom:0px;}
.entry-content section .su-row.nopad .su-column-inner p,
.entry-content section.nopad .su-row .su-column-inner p{padding:1rem;}
.entry-content hr{height:0px;border:none;border-top:1px solid rgba(0,0,0,0.2);margin:1rem auto;max-width:1100px;position:relative;}
.entry-content hr:after{content:"";position:absolute;width:100%;height:0px;top:0px;left:0px;border-top:1px solid rgba(255,255,255,1);}
section a.viewmore{display:block;background:#f0f0ef;color:#666666;height:60px;line-height:60px;margin-top:20px;margin-bottom:30px;padding:0px 1em;
font-size:1.125rem;text-align:center;font-weight:bold!important;position:relative;border:1px solid #666666;z-index:1;
}
.home section a.viewmore{height:40px;line-height:40px;max-width:360px;margin-left:auto;margin-right:auto;}
section a.viewmore.white{background:#FFF;border-color:#FFF;}
section a.viewmore:hover{color:#fff!important;}
section a.viewmore.white:hover{background:#f0f0ef;color:#666!important;}
section a.viewmore:before{content:"";position:absolute;background:#f0f0ef;height:100%;width:0px;top:0px;left:0px;z-index:-1;
-moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
section a.viewmore:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;color:#999;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:30px;width:60px;height:60px;line-height:60px;text-align:center;position:absolute;right:0px;top:0px;
    content: "\f105";
}
.home section a.viewmore:after{height:38px;line-height:38px;}
section a.viewmore:hover:after{color:#FFF;}
section a.viewmore:hover:before{width:100%;background:#666666;}
a.btn.white{display:block;height:60px;line-height:60px;text-align:left;padding:0px 1rem;position:relative;border:none;border-radius:0px;background:#FFF;color:#595757;overflow:hidden;word-wrap: break-word;word-break : break-all;width:100%;}
a.btn.grey .lwrap,
a.btn.grey{display:block;height:50px;line-height:50px;padding:0px 1rem;position:relative;border:none;border-radius:0px;background:#373839;color:#fff;overflow:hidden;word-wrap: break-word;word-break : break-all;width:100%;margin-top:1em;z-index:10;margin:auto;max-width:736px;}
a.btn.grey:hover .lwrap,
a.btn.grey:hover{background:#195f85;}
a.btn.white.noarrow{line-height:1.3em;white-space: normal;padding:1rem;}
a.btn.white:after{width:60px;text-align:center;position:absolute;right:-2px;top:0px;height:60px;padding:15px;border:none;
display: inline-block;color:#a7bac9;text-indent:2px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
-moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.btn.white.noarrow:after{content:"";display:none;}
a.btn.white:hover{color:#a7bac9;}
a.btn.white:hover:after{
color:#FFF;
background:#a7bac9;
}
a.btn.center{text-align:center!important;}
a.btn.black{display:block;height:60px;line-height:60px;text-align:left;padding:0px 1rem;position:relative;border:none;border-radius:0px;background:#000;color:#fff;overflow:hidden;word-wrap: break-word;word-break : break-all;width:100%;}
div.linkwrap{display:table;border:none;width:100%;margin:0px -1px 0px 0px;}
div.linkwrap a.btn{position:relative;display:table-cell;width:auto!important;padding-right:70px!important;box-sizing:content-box;background:none!important;overflow:hidden;z-index:1}
div.linkwrap a.btn:first-child:before{left:0px;}
div.linkwrap a.btn:before{content:"";position:absolute;left:2px;top:0px;width:100%;background:#000;height:100%;z-index:-1;
-moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
div.linkwrap a.btn:hover:before{background:#FFF;}
a.btn.black.noarrow{line-height:1.3em;white-space: normal;padding:1rem;}
div.linkwrap a.btn:last-child{border-right-color:#000!important;}
a.btn.black:after{width:60px;text-align:center;position:absolute;right:0px;top:0px;height:60px;padding:15px;border:none;box-sizing:border-box;
display: inline-block;color:#fff;text-indent:2px;background:#000;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
-moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.btn.black.noarrow:after{content:"";display:none;}
a.btn.black:hover{color:#333;background:#fff}
a.btn.black:hover:after{
color:#fff;
background:#000;
}
a.btn.cols{line-height:1em;font-size:18px;font-weight:bold;padding-top:0.5em;}
a.btn.cols span{display:block;font-size:13px;line-height:20px;font-weight:normal;
-moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
.entry-content section h3{margin:0px;margin-bottom:1em;font-size:21px;letter-spacing:0.2em;}
.entry-content section h3 span{display:block;}
.entry-content section h3.menu-sub{display:inline-block;margin-bottom:0px;margin-top:1em;}
.entry-content section h3.menu-sub span{text-align:left;}
/*フッター*/
footer a.pagetop{text-indent:-9999px;position:absolute;z-index:999;font-size:0px;display:block;margin:0px;width:80px;height:80px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/up-arrow.svg) no-repeat center center;background-size:contain;bottom:50px;left:50%;margin-left:-40px;}
footer .su-row{margin-bottom:0px;}
footer .rights{color:#666666;}
footer .rights a{color:#666666;}
footer .container{margin:auto;max-width:100%;width:100%!important;padding:0px;position:relative;}
footer div.rights{margin:0px 0px 0px;padding:50px 10px;background:#d1d2d3;}
footer div.rights p{margin:0px;}
footer div.rights div.cleft{display:block;min-width:360px;max-width:480px;text-align:center;margin:auto;}
footer div.rights div.cleft h3 img{margin:0px;max-width:100px;}
footer div.rights div.cright{display:block;min-width:360px;max-width:100%;text-align:center;margin:auto;font-size:0px;}
footer div.rights div.cright ul{display:inline-block;margin:0px;width:100%;margin-bottom:3rem;}
footer div.rights div.cright ul ul{width:90%;margin-left:10%;margin-bottom:0px;}
footer div.rights div.cright ul ul li{display:block;width:100%;}
footer div.rights div.cright ul li#menu-item-538{display:block;width:100%;max-width:840px;margin:auto;padding:0px 15px;border:none;height:50px;lien-height:50px;}
footer div.rights div.cright ul li#menu-item-540{border-left:none;}
footer div.rights div.cright ul li#menu-item-541{border-right:none;}
footer div.rights div.cright ul li{display:inline-block;width:210px;list-style:none;margin:0px;padding:0px 15px;display:inline-block;line-height:1.5em;font-size:12px;vertical-align:top;text-align:left;border-left:1px solid #FFF;border-right:1px solid #aaa;height:210px;}
footer div.rights div.cright ul li ul li{padding:0px;border:none;height:auto;}
footer div.rights div.cright ul li a {display:block;padding:0;color:#666666;font-size:1.25rem;padding:3px;}
footer div.rights div.cright ul li ul li a{font-size:1rem;}
footer div.rights div.cright ul li a span{display:inline-block;margin-left:0.5rem;}
footer div.rights div.cright p,
footer div.rights div.cright p a{font-size:11px;margin:0px;height:20px;line-height:20px;font-weight:normal;
    font-family: Lato, "新ゴ R" , YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;
}
footer div.rights div.cright p{margin-top:3rem;}
footer div.rights .foot-logo{position:absolute;top:-100px;right:5%;width:20%;max-width:250px;height:auto;opacity:0.75}
div.shop_photos_wrap{position:relative;margin:0px auto 0px;width:100%;max-width:100%;}
div.shop_photos{font-size:0px;margin:0px -1px;}
div.shop_photos div{display:inline-block;width:25%;border:1px solid #FFF;border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
div.shop_photos div img{display:block;margin:0px;max-width:100%;height:auto!important;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-right:0px;margin-left:0px;padding:0px;}
footer ul{margin:0px;padding:0px;}
footer ul li{margin:0px;padding:0px;list-style:none;}
footer .footer_sitemap ul{text-align:left;font-size:0px;}
footer .footer_sitemap ul li{width:33.3333%;text-align:left;display:inline-block;vertical-align:top;font-size:1.25rem;}
footer .footer_sitemap ul li a{display:block;height:25px;line-height:25px;font-weight:bold;}
footer .footer_sitemap ul li li{width:auto;display:block;}
footer .footer_sitemap ul li li a{font-weight:normal;}
footer .footer_sitemap ul li ul a{margin-left:1em;font-size:1.125rem;}
footer .footer_sitemap ul#menu-footer_sitemap li li{margin-top:0px!important;}
footer .footer_news ul li{position:relative;height:50px;line-height:50px;padding-left:45px;text-align:left;font-size:12px;}
footer .footer_news ul li a{font-size:1.25rem;}
footer .footer_news ul li img{width:40px;height:auto;position:absolute;top:5px;left:0px;}
footer .footer_news p{line-height:40px;text-align:left;font-weight:bold;margin:0px;}
footer .social-innner{max-width:1100px;margin:auto;}
footer .social{margin-top:0px;padding:10px;margin-bottom:15px;text-align:center;background:#f0f0ef;}
footer .social a{border:none;padding:5px;margin:0px;margin-left:5px;background:#a7bac9;width:33px;text-align:center;
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
section#footer-main{padding:0rem 0px!important;margin:auto;max-height:350px;overflow:hidden;}
section#footer-main p{text-align:center;}
footer a img.sdgs {
    width: 120px;
}
/*ページ*/
h1.site-title{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2020/06/logo-rec_420x100.svg) no-repeat center center;background-size:contain;
margin:0px;text-indent:-9999px;display:block;width:100%;height:100%;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#main #primary{margin:auto;max-width:100%;}

.entry-thumbnail img{display:block;width:100%;margin:auto;height:auto;}
.entry-thumbnail{overflow:hidden;
background-repeat: no-repeat!important;
/*background-attachment: fixed;*/
background-position: center center;
background-size:cover!important;
min-height:200px;
-moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
position:relative;
}
.entry-thumbnail:before{content:"";background:rgba(0,0,0,0.25);width:100%;height:100%;top:0px;left:0px;position:absolute;}
.entry-thumbnail h1{text-align:center;max-width:1600px;margin:auto;padding:10%;color:#FFF;position:relative;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
font-family: "新ゴ DB",Shin Go DeBold;}
section#default{max-width:1100px;margin:auto auto 6rem;padding:60px 110px;}
section#default.nopad{padding:60px 0px;}
section#default .su-column-inner,
section#default .su-column-inner *{line-height:1.75em;}
section#default h2{font-size:20px;font-weight:bold;}
h1#pagetitle span{display:block;font-size:22px;text-transform: uppercase;}
h1#pagetitle{font-size:30px;position:relative;padding:0px;margin:0px 0px 1em;padding-left:50px;}
h1#pagetitle.shield:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:36px;width:50px;height:60px;line-height:60px;text-align:center;position:absolute;left:0px;top:0px;
    content: "\f132";
}
.default-foot-menu.su-row .su-column-inner a{display:block;padding:2em;color:#FFF;background:#666666;font-size:1.25rem;
 font-family: "新ゴ R";border-bottom:2px solid #f1f1f1;}
.default-foot-menu.su-row .su-column-inner a p{text-align:left;font-size:1.5rem;padding:0px 0px 1rem!important;margin:0px;}
section#default div.pagetitlewrap{margin:-60px -110px 3rem;padding:60px 110px 0px;overflow:hidden;}
section#default.nopad div.pagetitlewrap{margin:-60px 0px 0px;}
section#default div.pagesubjectwrap{margin:3rem -110px 3rem;padding:60px 110px 1em;overflow:hidden;}
section#default.nopad div.pagesubjectwrap{margin:0px 0px 0px;}
section#default div.pagesubjectwrap.darkblue,
section#default div.pagetitlewrap.darkblue{background:#497284!important;}
section#default div.pagesubjectwrap.white,
section#default div.pagetitlewrap.white{background:#FFF!important;}
section#default div.pagesubjectwrap.darkblue *,
section#default div.pagetitlewrap.darkblue *{color:#FFF!important}
#two-colmn{font-size:0px;}
#menu-col,
#content-col{display:inline-block;vertical-alitn:top;font-size:1.5rem;}
#menu-col{width:24.99999%;padding:30px;}
#content-col{width:75%;padding:30px;}
#content .page-content-wrap .main-visual{height:468px;}
.sns-banners {
    display: flex;
    width: 110px;
    vertical-align: middle;
    flex-grow:1;
    justify-content: center;
}
.youtube_icon {
    margin: 3px 8px;
}
div#bs-example-navbar-collapse-1 {
    flex-grow: 1;
    max-width: 840px;
}
header .navbar-default ul.nav-menu li.menu-sns-banners{
display:none;
}
/*トップページ*/ 
.ms-parent-id-2 .ms-container:after{content:"";position:absolute;width:100%;height:35%;bottom:0px;left:0px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/top-slide-txt-mobile.svg) no-repeat center center;background-size:contain;background-color:rgba(0,0,0,0.5)}
.ms-parent-id-1 .ms-container:after{content:"";position:absolute;width:100%;height:35%;bottom:0px;left:0px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/top-slide-txt.svg) no-repeat center center;background-size:contain;background-color:rgba(0,0,0,0.5)}
.toptcolmn-links{font-size:0px;max-width:1500px;margin:1px auto;position:relative;z-index:10;}
.toptcolmn-links .top-colmn {font-size:1.5rem;display:inline-block;width:33.3333%;vertical-align:top;}
.toptcolmn-links .top-colmn a{display:block;padding:80px 20px;background:rgba(25,95,132,0.75);color:#FFF;border:1px solid #FFF;text-align:center;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.toptcolmn-links .top-colmn a:hover{background:#195f85;}
.toptcolmn-links .top-colmn a span{display:block;}
.toptcolmn-links .top-colmn a span.tch{font-size:2.75rem;letter-spacing:0.1em;}
.toptcolmn-links .top-colmn a span.tcs{font-size:1.5rem;margin-top:1em;}
.toptcolmn-links .top-colmn.t-left{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/t-panel-left2.jpg) no-repeat top center;background-size:cover;}
.toptcolmn-links .top-colmn.t-center{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/img-tcm01.jpg) no-repeat center center;background-size:cover;}
.toptcolmn-links .top-colmn.t-right{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/t-panel-right.jpg) no-repeat top center;background-size:cover;}
.top-colmn.mobile-view.t-sdgs{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2019/11/sdgs_color_recruit1000x232-1.jpg) no-repeat top center;background-size:cover;}
section .inner{max-width:1100px;padding:0px;margin:auto;}
section.gradient-grey{padding:0px!important;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/gradient-grey.png) no-repeat center center;background-size:100% 100%;position:relative;}
section.gradient-grey .inner{padding-bottom:20%;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/gradient-grey-e.svg) no-repeat center bottom;background-size:contain;max-width:100%;}
.home-content section{}
.home-content section h3{text-align:center;font-size:4rem;}
.home-content section h3:first-letter{color:#195f85;}
.home-content section h3 span{display:block;font-size:1.75rem;margin-top:0.5em;}
.home-content section p.texts{max-width:800px;margin:auto auto 5rem;font-size:1.675rem;line-height:1.5em;text-align:center;}
.c-datas .c-data{max-width:320px;margin:auto;position:relative;}
.c-datas .c-data img{height:auto;width:100%;display:block;max-width:320px;margin:auto;}
.c-datas .c-data a{display:block;font-size:1.675rem;width:100%;font-weight:bold;position:relative;}
.c-datas .c-data a:hover span.lwrap{opacity:1;}
.c-datas .c-data a span.lwrap{position:absolute;width:100%;display:block;opacity:0.75;bottom:0px;height:auto;line-height:1.5em;padding:1em;}
.c-datas .c-data a span.e-txt{display:block;font-size:0.6em;}
#cpcont .c-datas .c-data a.btn{height:auto;line-height:1.5em;padding:0px;}
.e-photo{margin:auto;position:relative;max-height:550px;overflow:hidden;}
.e-photo img{display:block;max-width:100%;width:66.666%;height:auto;}
.e-photo:before{content:"";position:absolute;width:100%;height:100%;left:0px;top:0px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/grey-e3.svg) no-repeat top center;background-size:100% auto;}
.e-photo:after{content:"";position:absolute;width:100%;height:100%;left:0px;top:0px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/grey-e2.svg) no-repeat bottom center;background-size:contain;}
#content .box800{max-width:800px;margin:auto;}
.home-content #cpcont{}
.page-content-wrap hr.anchor{margin:-100px 0px 0px 0px!important;padding-top:100px;border:none;height:0px;opacity:0;position:relative;z-index:-1}
.page-content-wrap .tiv-wrap{max-width:1100px;margin:auto;font-size:0px;}
.page-content-wrap .tiv-wrap .tiv-cwrap{width:20%;display:inline-block;padding:1px;vertical-align:top;font-size:1.3rem;position:relative;}
.page-content-wrap .tiv-wrap .tiv-cwrap img{display:block;max-width:100%;width:100%;height:auto;}
.page-content-wrap .tiv-wrap .tiv-cwrap .tiv-view{opacity:0;display:block;text-align:center;padding:0px;color:#FFF;font-size:1.25rem;position:absolute;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.5)}
.page-content-wrap .tiv-wrap .tiv-cwrap .tiv-view:hover{opacity:1;}
.page-content-wrap .tiv-wrap .tiv-cwrap a{display:block;color:#FFF;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-content-wrap .tiv-wrap .tiv-cwrap span.name{display:block;padding:2%;font-size:2rem;font-weight:bold;}
.page-content-wrap .tiv-wrap .tiv-cwrap span.cap{display:block;padding:1rem 0px 0px;font-size:1.25rem;}
.page-content-wrap .tiv-wrap .tiv-cwrap span.view{display:block;border:1px solid #FFF;padding:1rem;margin:1rem 2rem;}
.home-content .add-content-wrap h4{font-weight:bold;font-size:2rem;text-align:center;}
.home-content .add-content-wrap h5{position:relative;font-size:2rem;margin-top:2rem;padding:0.5rem 3rem;line-height:1.5em;
font-family:  Ryumin Medium KL;
}
.home-content .add-content-wrap h5:before{content:"\300E";position:absolute;top:0px;left:0px;}
.home-content .add-content-wrap h5:after{content:"\300F";position:absolute;bottom:0px;right:0px;}
.home-content .add-content-wrap h4 span{font-size:1.5rem;display:inline-block;margin-right:1rem;}
.home-content a.btn.grey{height:80px;line-height:80px;font-size: 1.675rem;}
/*会社情報*/
.page-content-wrap hr.anchor{margin-top:-150px!important;padding-top:150px!important;}
#content .company-content{max-width:100%;margin:auto;}
#content .company-content .company-head{height:350px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/office-image02re.jpg) no-repeat top right;background-size:cover;}
#content .company-content h3{font-size: 3rem;background:#f7f8f9;padding:2%;font-weight:bold;}
#content .company-content h3 em{font-style:normal;color:#195f85;font-weight:bold;}
#content .company-content h3 span{display:block;font-size:1.5rem;padding:1rem 0px 0px;font-weight:normal;}
#content .company-content .data-content-inner h3{font-size:2rem;background:none;padding-bottom:-0px;margin-bottom:0px;}
#content .company-content h4{font-size:2rem;padding:1rem 0px;background:none;color:#195f85;font-weight:bold;position:relative;overflow:hidden;}
#content .company-content .inner-content{padding:0px 2rem;}
#content .company-content h4.border:after{content:"";border-top:2px solid #195f85;position:absolute;top:50%;margin-top:-1px;width:100%;margin-left:1em;}
#content .company-content .data-content-inner{background:#FFF;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
#content .company-content .tsba_googlegraph{
    background:#FFF;
}
#content .company-content .tsba_googlegraph p{display:none!important;}
#content .company-content .data-graph-wrap{font-size:0px;max-width:1100px;margin:auto;}
#content .company-content .data-graph-wrap.data-tcol .data-content{width:33.3333%;}
#content .company-content .data-graph-wrap .data-content{display:inline-block;width:49.9999%;padding:1rem;position:relative;overflow:hidden;vertical-align:top;}
#content .company-content .data-graph-wrap .data-content h4{font-size:1.5rem;background:none;position:absolute;top:1rem;left:2rem;z-index:100;font-weight:bold;}
#content .company-content .data-graph-wrap .tsba_googlegraph{position:relative;margin-top:0px;}
#content .company-content section .inner{padding:1rem;}
#content .company-content section.cp-cultur{}
.page-content-wrap.company-content .tiv-wrap .tiv-cwrap{width:24.9999%;}
.page-content-wrap.company-content .tiv-wrap .tiv-cwrap.tway{width:49.9999%}
header .head-container{background:#FFF;}
header .sub-menu{
height:100px;background:#f1f2f3;width:100%;position:fixed;z-index:-1;
}
header .sub-menu li{position:relative;}
header .head-container{
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
#content .company-content .culture-wrap{font-size:0px;}
#content .company-content .culture-wrap .cl-content{display:inline-block;width:49.999%;vertical-align:middle;font-size:1.5rem;padding:2%;}
#content .company-content .iv-case1-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/case1-info.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
header .navbar-default .sub-menu{
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
header .sub-menu li a{padding:0px!important;}
header .sub-menu li a img{display:inline-block;width:auto;height:50px;vertical-align:middle;}
header .sub-menu li a span.t-item{display:inline-block!important;text-align:left;font-size:1.25rem!important;vertical-align:middle;}
header .sub-menu li a span.t-item .e-txt{font-size:0.8em!important;}
header .sub-menu ul{height:35px;margin:65px auto 0px;text-align:center;padding:0px;max-width:1500px;width:100%;font-size:0px;border-top:1px solid #FFF;}
header .sub-menu ul li{padding:0px;list-style:none;display:inline-block;line-height:34px;height:34px;width:33.333%;text-align:center;}
header .sub-menu ul li a{font-size:1.25rem;font-weight:bold;color:#666;display:block;background:none;z-index:1;position:relative;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
header .sub-menu ul li a:hover{}
header .sub-menu ul li a.current{background:#195f85;color:#FFF;}
#content .company-content .bene{font-size:1.75rem;padding:1rem 1.5rem;background:#f7f8f9;margin-bottom:2rem;}
#content .company-content .bene i{margin-right:1rem;}
#content .company-content .training{padding:1rem;border:1px solid #ddd;}
#content .company-content .training p{margin-bottom:0px;}
#content .company-content .training h5{background:#f7f8f9;padding:1rem;}
.in_house_event {/*会社を知る　にyoutube動画を追加*/
	display: flex;
	justify-content: space-between;
}
.in_house_event .image_photo {
	flex-grow: 1;
	max-width: 498px !important;
	width: 49% !important;
	top: 0px !important;
	transform: unset !important;
	margin-bottom: 10px;
}
.in_house_event .image_photo:first-child {
	position: relative;
	margin-right:10px;
}
.play_button{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px !important;
	left: calc(50% - 40px);
}
iframe {
	width: 100%;
	height: 100% !important;
	position: absolute;
	top: 0;
}
/*エントリーページ*/
#content .add-content .entry-head{position:relative;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/slider01re.jpg) no-repeat center center;background-size:cover;}
.add-content section {padding-bottom:0px;}
.add-content section .su-row{margin-bottom:0px!important;}
.add-content section h3.choise{background:none;margin-bottom:3rem;letter-spacing:0px;padding:2% 0px;}
.add-content section h3{font-size:2.5rem;background:#f7f8f9;padding:2%;margin-bottom:0px;}
.add-content section h3 em{color:#1A5F8A;}
.add-content section h3 span{font-size:1.5rem;margin-top:0.5rem;font-weight:normal;}
.add-content section .add-content-wrap{padding:2%;border:1px solid #ddd;display:inline-block;vertical-align:middle;}
.add-content section .add-content-choise {font-size:0px;}
.add-content section .add-content-choise .add-content-wrap{width:45%}
.add-content section .add-content-choise .add-content-wrap.ct{width:9.9999%;border:none;font-size:3rem;}
/*中途採用*/
#content .mid-career-content .entry-head{position:relative;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/add-head.jpg) no-repeat center center;background-size:cover;}
/*新卒採用*/
#content .new-grad-content .entry-head{position:relative;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/new-head.jpg) no-repeat center center;background-size:cover;}
#content .add .entry-head:before{content:"";width:100%;height:100%;position:absolute;z-index:1;background:rgba(25,95,132,0.5)}
#content .add .entry-head h3{position:relative;z-index:10;font-weight:bold;font-size:6rem;text-align:left;
color:#FFF;font-weight:bold;padding:0px;max-width:1100px;margin:0px auto;text-shadow:1px 2px 5px rgba(0,0,0,0.5);position:relative;top:50%;margin-top:-6.5rem;
}
#content .add .entry-head h3 span{display:block;font-size:2rem;}
#content .add h3{font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;font-weight:bold;text-align:center;font-size:3rem;}
#content .entry-table{width:100%;border:1px solid #ddd;text-align:left;margin-bottom:2px;}
#content .entry-table th,
#content .entry-table td{padding:2%;border:1px solid #ddd;}
#content .entry-table th{width:360px;}
#content .entry-table.condition th{width:180px;}
#content .entry-table td table.allowance{margin:0px;}
#content .entry-table td table.allowance th,
#content .entry-table td table.allowance td{padding:0.5rem;border:2px solid #FFF;}
#content .entry-table td table.allowance th{width:auto!important;}
#content .entry-table th{background:#f7f8f9}
#content .add .inner{text-align:center;}
#content .add .inner p{font-size:1.5rem;}
#content .inner a.ivlink{height:auto;margin:3rem auto 5rem;font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;font-weight:bold;font-size:1.75rem;padding:2rem 4rem;border:2px solid #195F84;display:inline-block;color:#195F84;width:350px;}
#content .add .inner a.ivlink:hover{color:#FFF;background:#195f84;}
#content a.entrylink{color:#999;background:#f1f1f3;width:350px;display:inline-block;font-size:3rem;font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;font-weight:bold;height:auto;margin:auto;padding:3rem;border:2px solid #999;}
#content a.entrylink:hover{background:#195f84;color:#FFF;border-color:#195f84;}
#content div.examination-list{font-size:1.75rem;text-align:center;margin:auto;}
#content div.examination-list table{margin:3rem auto 0px;min-width:300px;width:100%;max-width:500px;}
#content div.examination-list th,
#content div.examination-list td{padding:2%;margin:auto;border:1px solid #ddd;}
#content div.examination-list td{text-align:left;}
#content div.examination-list th{background:#666;color:#FFF;font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;width:80px;text-align:center;}
#content div.examination-list th.arrow{padding:1rem;text-align:center;border-left:none;border-right:none;background:none;color:#999;font-weight:bold;}
#content div.examination-list caption{text-align:center;}
/*エントリーフォーム*/
#content .entry-form-content table.entry-form label{margin-bottom:0px;}
#content .entry-form-content table.entry-form td,
#content .entry-form-content table.entry-form th{padding:10px;text-align:left;vertical-align:middle;box-sizing:border-box;border:1px solid #ccc;}
#content .entry-form-content table.entry-form td{padding:0px;}
#content .entry-form-content table.entry-form th{background:#f1f1f3;width:100px;}
#content .entry-form-content table.entry-form th.twin{width:200px;}
#content .entry-form-content table.entry-form td textarea,
#content .entry-form-content table.entry-form td select,
#content .entry-form-content table.entry-form td span,
#content .entry-form-content table.entry-form td input{display:inline-block;vertical-align:middle;font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;}
#content .entry-form-content table.entry-form td textarea{height:368px;resize: none; }
#content .entry-form-content table.entry-form td span{width:100%;}
#content .entry-form-content table.entry-form td span.exa{display:block;background:#f1f1f3;font-size:0.8em;}
#content .entry-form-content table.entry-form td textarea,
#content .entry-form-content table.entry-form td input{width:100%;border:1px solid #ccc;outline:none;padding:10px;border:none;}
#content .entry-form-content table.entry-form td textarea:focus,
#content .entry-form-content table.entry-form td input:focus{border-color:#195F84;}
#content .entry-form-content table.entry-form td span.your-age{width:auto;}
#content .entry-form-content table.entry-form td span.agetxt{margin-left:0.5rem;width:auto;}
#content .entry-form-content table.entry-form td select{margin-left:10px;}
#content .entry-form-content .form-wrap{font-size:0px;}
#content .entry-form-content .form-wrap h3 span{display:inline-block;margin:0px;vertical-align:middle;}
#content .entry-form-content .form-wrap h3 span.title{font-size:3rem;font-family: Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;font-weight:bold;padding-left:1rem;}
#content .entry-form-content .form-wrap h3{background:#195f84;color:#FFF;margin:1rem 1rem 3rem;}
#content .entry-form-content .form-wrap .form-content h4{padding:1rem 0px 0px;text-align:left;background:none;font-weight:bold;}
#content .entry-form-content .form-wrap .form-content{font-size:1.5rem;line-height:1.5em;display:inline-block;width:49.9%;vertical-align:top;padding:0px 1rem;}
#content .entry-form-content .form-wrap .estep-img{padding:2% 0px;margin:0px 1rem;}
#content .entry-form-content .form-wrap .estep-img img{width:100%;height:auto;}
#content .entry-form-content .form-wrap .form-content table{width:100%;margin-bottom:2px;border-collapse: collapse;table-layout: fixed;}
#content .entry-form-content table.entry-form th.fsub{font-size:1.25rem;background:#f7f8f9;}
#content .entry-form-content table.entry-form .wpcf7c-conf{color:#FFF;background:#195F84;font-weight:bold;}
#content .entry-form-content form{padding-top:100px;margin-top:-100px;}
#content .entry-form-content .ef-coution{display:block;text-align:center;padding:3rem 0px 2rem;font-size:1.75rem;line-height:1.75em;}
#content .entry-form-content .ef-coution a{font-size:0.8em;}
#content .entry-form-content .submits{text-align:center;font-size:0px;}
#content .entry-form-content input[type=button],
#content .entry-form-content input[type=submit]{font-size:1.5rem;display:inline-block;width:200px;padding:2%;margin:1rem 2rem;background:#f1f1f3;border:2px solid #ccc;outline:none;text-align: center;}
#content .entry-form-content input[type=button]:hover,
#content .entry-form-content input[type=submit]:hover{background:#195f84;color:#FFF;border-color:#195f84;}
#content .entry-form-content .submits .ajax-loader{position:fixed;top:50%;left:50%;margin-top:-40px;margin-left:-100px;height:80px;width:200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#f1f1f3;
border:1px solid #ccc;
background-image:none;
font: normal normal normal 14px/1 FontAwesome;
}
#content .entry-form-content .submits .ajax-loader:before{
font-size: 3em;
content: "\f1ce";
width: 1.28571429em;
text-align: center;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
display: inline-block;
margin-top:13px;
}
#content .entry-form-content span.wpcf7-not-valid-tip{display:none!important;}
#content .entry-form-content .wpcf7-not-valid{color:#960000;font-weight:bold;background:rgba(211,0,0,0.125)}
#content .entry-form-content .submits .ajax-loader:after{content:"\5C11\3005\304A\5F85\3061\304F\3060\3055\3044...";display:block;font-size:1rem;margin-top:0.5rem;font-weight:bold;}
#content .entry-form-content div.wpcf7-validation-errors{border-color:#195f84;color:#FFF;background:#195f84;}
#content .entry-form-content div.wpcf7-mail-sent-ok{display:none!important;}
/*インタビュー*/
#content .iv-content .main-visual.iv-ent-head{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/iv-head2.jpg) no-repeat center center;background-size:cover;}
#content .iv-content .main-visual.iv-ent-head:after{background-image:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/gradient-grey-s.svg)!important}
#content .iv-content{background:#FFF;}
#content .iv-content section{background:#FFF;}
#content .iv-content h3{font-size: 3rem;background:#f7f8f9;padding:2%;text-align:center;}
#content .iv-content h3 em{font-style:normal;color:#195f85;}
#content .iv-content h3 span{display:block;font-size:1.5rem;padding:1rem 0px 0px;font-weight:normal;}
#content .iv-content .main-visual{position:relative;overflow:hidden;
height:600px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/img-background02.jpg) no-repeat top right;background-size:cover;
}
#content .iv-content .main-visual:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/gradient-grey-e.svg) no-repeat center bottom;
    background-size: contain;
    max-width: 100%;
}
#content .iv-content .main-visual img{displaly:block;width:auto;height:140%;margin-left:10%}
#content .iv-content .greeting-wrap{font-size:0px;}
#content .iv-content .greeting-wrap .gr-content{display:inline-block;width:49.999%;vertical-align:middle;font-size:1.5rem;padding:2%;}
#content .iv-content .main-visual:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/gradient-grey-e.svg) no-repeat center bottom;
    background-size: contain;
    max-width: 100%;
}
#content .iv-content .iv-case1-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-1-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case2-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-2-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case3-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-3-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case4-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-4-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case5-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-5-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case6-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-6-sub.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case6-head{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/case-6head.jpg) no-repeat right top!important;background-size:cover!important;}
#content .iv-content .iv-case7-head:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2020/06/case-7-sub2.svg) no-repeat center center;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-case7-head{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/case-7head-re.jpg) no-repeat right top!important;background-size:cover!important;}
#content .iv-content .mv-re.main-visual:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;
    background: url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/gradient-grey-e-re.svg) no-repeat center bottom;
    background-size: contain;
    max-width: 100%;}
#content .iv-content .iv-content-wrap{padding-bottom:3rem;}
#content .iv-content .interviewTxt{font-size:1.5rem;line-height:1.9;text-align: justify;}
#content .iv-content .interviewTitle{font-size:1.875rem;color:#000;position:relative;padding:1rem 0px;overflow:hidden;}
#content .iv-content .interviewTitle:after{content:"";border-top:1px solid #ccc;width:100%;height:1px;top:50%;margin-left:1em;position:absolute;}
#content .iv-content .iv-tcol{background:#f1f1f3;padding:4%;}
#content .iv-content .iv-tcol h4{margin-top:0px;}
#content .iv-content .iv-tcol p{margin-bottom:0px;}
#content .iv-content .iv-twocol{font-size:0px;}
#content .iv-content .iv-twocol .iv-content-wrap{display:inline-block;vertical-align:middle;width:49.999%;padding-bottom:0px;}
#content .iv-content .iv-twocol .iv-content-wrap.right{text-align:right;}
#content .iv-content .iv-twocol .iv-content-wrap.ivtxt{padding:3rem;}
#content .iv-content section .inner{max-width:1200px;}
/*お問い合わせフォーム*/
#contact-form-table{width:100%;}
#contact-form-table td{padding:10px;}
#contact-form-table td input,
#contact-form-table td textarea{width:100%;border:1px solid #666666;color:#666666;position:relative;opacity:0.5;}
#contact-form-table td input:focus,
#contact-form-table td textarea:focus,
#contact-form-table td input:hover,
#contact-form-table td textarea:hover{opacity:1}
#contact-form-table td input[type=submit]{background:#f0f0ef;}
#contact-form-table td input[type=submit]:hover{background:#666666;color:#FFF;}
.tel-table{margin-bottom:1rem;border:5px solid transparent;}
.tel-table:hover{border-color:#666666;}
.tel-table th,
.tel-table td{padding:10px;background:#f0f0ef;text-align:left;}
.tel-table td a{font-size:2.5rem;line-height:1.5em;color:#666666}
/*よくある質問*/
#content .question-content h4{position:relative;font-size:1.75rem;padding:1rem;color:#666666;font-weight:bold;margin-top:-100px;padding-top:110px;padding-left:1.5em;z-index:1;}
#content .question-content h4:before{content:"Q.";position:absolute;top:110px;left:0px;}
#content .question-content div.answer p{background:#f1f2f3;padding:1rem 1.5rem;border-radius:1rem;margin-bottom:3rem;margin-left:3rem;z-index:100;position:relative;}
#content .question-content div.answer p strong{font-family:"新ゴ DB",Shin Go DeBold;font-size:1.1em;}
#content .question-content div.answer p a{font-size:1.25rem;display:inline-block;margin-top:1rem;padding-right:28px;background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/03/newtab.svg) no-repeat right center;background-size:contain;}
#content .question-content .qa-menus,
#content .question-content .qa-menus li{margin:0px;list-style:none;position:relative;}
#content .question-content section{max-width:1100px;margin:auto;}
#content .question-content .qa-menus{padding-left:0px;}
#content .question-content .qa-menus li:before{content:"Q.";display:inline-block;vertical-align:top;position:absolute;left:0px;}
#content .question-content .qa-menus li{padding:0 0 0.5em 1.5em;margin-left:1em;}
#content .question-content h3.qasub{font-size:2.5rem;font-family: Ryumin Medium KL;position:relative;overflow:hidden;}
#content .question-content h3.qasub:after{content:"";position:absolute;height:0px;width:100%;border-top:1px solid #ccc;top:50%;margin-top:-0.375rem;}
#content .question-content h3 .etxt{font-size:0.6em;display:block;font-family:  "新ゴ R", Lato, YuGothic, '游ゴシック', Meiryo, 'メイリオ', arial, sans-serif;margin-top:0.5em;}
#content .question-content h3 .ltext{font-size:5.5rem;display:block;float:left;line-height:1em;padding: 0 0 .15em 0px;font-weight:bold;}
/*レスポンシブ*/
@media screen and (max-width: 1380px){
.container>.navbar-collapse{width:70%;float:left;}
header .navbar-default ul.nav-menu li{float:none;display:inline-block;width:135px;}
}
@media screen and (max-width: 1280px){
header .container{font-size:0px;}
header .container .navbar-header{font-size:1.5rem;}
.container>.navbar-collapse {
	width: 60%;
	float: left;
}
header .navbar-default .container .home-link{float:none;margin:auto;width:24.9999%;display:inline-block;vertical-align:top;float:left;}
header .navbar-default ul.nav-menu{float:none!important;text-align:center;display:block;}
header .navbar-default ul.nav-menu li{float:none;display:inline-block;width:15%;}
header .navbar-default ul.nav-menu li a{line-height:48px;padding-top:10px;height:65px;}
header .navbar-default .container .home-link{height:65px;}
#content{padding-top:65px;}
#content .page-content-wrap .main-visual{height:380px;}
#content .iv-content .interviewTitle{line-height:1.5em;}
#content .iv-content .interviewTitle:after{display:none;}
.home-content .add-content-wrap h5 span.pc-view{display:none;}
.home-content .add-content-wrap h5 {line-height: 1.5em!important;}
header .navbar-default ul.nav-menu li ul li{min-width:120px;}
header .navbar-default ul.nav-menu .sub-menu li a{height:50px;overflow:hidden;display:block;position:relative;}
header .navbar-default ul.nav-menu .sub-menu li a .t-item{margin:10px 0px 10px 50px;height:30px;}
header .sub-menu li a img{position:absolute;left:-20px;}
}
@media screen and (max-width: 1000px){

}
@media (min-width: 768px){
header .container {
    width: auto!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
}
@media screen and (max-width: 768px){
.container>.navbar-collapse{width:100%;}
header .navbar-default .container .home-link{width:100%;}
header .navbar-default ul.nav-menu .sub-menu li a .t-item{margin:auto;height:30px;}
header .sub-menu li a img{position:relative;left:0px;}
header .sub-menu li a span.t-item .e-txt{display:none;}
.home-content .add-content-wrap h5{line-height:1.5em!important;}
.home-content .add-content-wrap h5 .pc-view,
.home-content .add-content-wrap h5 br{display:none!important;}
.home-content .c-datas .su-column.su-column-size-1-3{width:33.3333%!important;}
footer div.rights div.cright ul li#menu-item-542{border-left:none;}
footer div.rights div.cright ul li#menu-item-539{border-right:none;}
footer div.rights div.cright ul li{width:49.9999%;}
footer div.rights div.cright ul li ul li{padding:0px;border:none;height:auto;}
#content .question-content .su-column.su-column-size-2-3{width:66.6666%!important;}
#content .question-content .su-column.su-column-size-1-3{width:30%!important;margin-right:3%!important;}
#content .entry-table th{width:250px;}
#content .entry-table.condition th{width:125px;}
#content .iv-content .iv-twocol .iv-content-wrap{width:100%;}
#content .iv-content .iv-twocol .iv-content-wrap.pc-view{display:none;}
#content .iv-content .iv-twocol .mobile-view{display:block!important;}
header .navbar-default ul.nav-menu li ul li{width:49.9999%;max-width:49.9999%;}
#content .entry-form-content .form-wrap .form-content{width:100%;display:block;}
#content .iv-content .su-column-size-1-3{display:block;float:none;width:100%!important;}
.container>.navbar-header{position:absolute;top:0px;right:0px;}
#content .company-content .culture-wrap .cl-content{width:100%}
#content .company-content .data-graph-wrap .data-content{width:100%;padding:1rem 0px}
.page-content-wrap.company-content .tiv-wrap .tiv-cwrap{width:49.999%;}
header #menu-item-57 a{color:#333!important;background:none;}
header #menu-item-57 a:hover{background:none!important;color:#195f85!important;}
#content{padding-top:65px;}
#content .page-content-wrap .main-visual{height:300px;}
header .navbar-default .container .home-link{height:65px;}
.su-column.su-column-size-2-3,
.su-column.su-column-size-1-3,
.su-column.su-column-size-1-2,
.su-column.su-column-size-1-4 {
    width: 49.999% !important;
    float: left !important;
}
    #company .su-row,
    #company .su-row .su-column.su-column-size-1-2{display:block;}
    #company .su-row .su-column.panel-image{min-height:365px;}
    section#default{padding:60px 20px 60px 60px;}
    .top-news ul li{line-height:1.5em;}
    .entry-content section.nopad .su-row .su-column{margin-left:0px;margin-bottom:0px!important;}
    header .navbar-default ul.nav-menu li{display:block;width:100%;height:auto;border-bottom: 1px solid #ccc;}
    header .navbar-default ul.nav-menu li a,
    header .navbar-default.scrolled ul.nav-menu li a{width:auto;height:auto;padding:1em;line-height:40px;}
    header .navbar-default ul.nav-menu li a span{display:inline-block;height:auto;padding:0px 1em;}
    header .navbar-default ul.nav-menu li ul{position:relative;display:block;background:#f1f1f3;text-align:center;margin:0px 1em 1em;width:auto;min-width:0px;height:auto!important;z-index:1;text-align:left;}
    header .navbar-default ul.nav-menu li ul:after{content:"\f103";color:#FFF;width:22px;height:22px;position:absolute;left:50%;margin-left:-11px;text-align:center;line-height:22px;top:-6px;
    display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    header .navbar-default ul.nav-menu li ul li{display:inline-block;border:none;}
.entry-content section .interviews .su-row{margin-bottom:0px;}
section#default .interviews .su-column{margin-bottom:2px!important;}
section#default .interviews .iv img{position:absolute;height:100%;width:auto;left:0px;top:0px;}
section#default .interviews .iv .iv-content{margin-left:33.3333%;display:inline-block;width:66.66666%;vertical-align:top;}
.tablet-view{display:block!important;}
.pc-view-tab{display:none!important;}
.sns-banners {/*メニューにアイコン追加*/
	display: none;
}
header .navbar-default ul.nav-menu li.menu-sns-banners {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
header .navbar-default ul.nav-menu li.menu-sns-banners a {
	padding: 0.5em;
}
.youtube_icon {
	margin: 3px;
}
.in_house_event .image_photo:first-child {/*会社を知る　にyoutube動画追加*/
	max-width: 100% !important;
	margin-right: 0px;
	padding-top: 56%;
	width: 100% !important;
}
.in_house_event .image_photo:first-child a{
	width: 100%;
	height: 100% !important;
	position: absolute;
}
.in_house_event .image_photo:last-child {
	display: none !important;
}
}

@media screen and (max-width: 640px){
header .navbar-default .container .home-link{height:65px;min-height:65px;}
.su-column {
    width: 100% !important;
    margin: 0 0 1.5em 0 !important;
    float: none !important;
}
.su-column.su-column-size-2-3,
.su-column.su-column-size-1-3,
.su-column.su-column-size-1-2,
.su-column.su-column-size-1-4 {
}
section#default div.pagetitlewrap{padding:60px 20px 0px;}
.entry-thumbnail{position:relative;height:200px;}
.entry-thumbnail img{height:200px;width:auto;max-width:none;position:absolute;left:50%;margin-left:-400px}
.hide-smart{display:none!important;}
header .navbar-default .navbar-collapse {background:rgba(255,255,255,0.5);}
header .navbar-default ul.nav-menu li a {
    border-bottom:none;
}
footer .footer_sitemap ul#menu-footer_sitemap li:nth-child(3),
footer .footer_sitemap ul#menu-footer_sitemap li:nth-child(4){margin-top:0px;}
footer .footer_sitemap ul li{width:49.9999%;}
footer div.rights div.cright,
footer div.rights div.cleft{width:auto;float:none;text-align:center;}
}

@media screen and (max-width: 480px){
#content .company-content .company-head{height:250px;}
#content .iv-content .main-visual.iv-ent-head{background:url(//www.okayama-bisho.co.jp/recruit/wp-content/uploads/sites/2/2017/04/iv-head2-mobile.jpg) no-repeat center center;background-size:cover;height:250px;}
h1.site-title{background-position:left center!important;}
.home-content .c-datas .su-column.su-column-size-1-3{width:100%!important;}
html{font-size:55%;}
footer div.rights .foot-logo{width:49.9999%;top:-80px;right:25%;}
#content .iv-content .greeting-wrap .gr-content{width:100%;}
footer div.rights div.cright ul li#menu-item-540,
footer div.rights div.cright ul li#menu-item-539,
footer div.rights div.cright ul li#menu-item-542{margin-bottom:2rem;}
footer div.rights div.cright ul li{width:250px!important;margin:auto;border:none;height:auto;}
#content .question-content .su-column.su-column-size-2-3{width:100%!important;}
#content .question-content  .su-column.su-column-size-1-3{width:100%!important;margin-right:0%!important;margin-bottom:7rem!important;}
#content .entry-table th, #content .entry-table td{padding:1rem;}
#content .entry-table th{width:120px;}
#content .entry-table.condition th{width:120px;}
#content .entry-table.condition th.con{display:none;}
#content .entry-table td table.allowance th{width:100px!important;}
#content .entry-form-content .form-wrap h3 span.title{font-size:2rem;}
#content .entry-form-content table.entry-form th{font-size:1.3rem;}
#content .entry-form-content table.entry-form th.m-hide{display:none;}
#content .entry-form-content table.entry-form th.twin{width:100px;}
.add-content section .add-content-choise .add-content-wrap,
.add-content section .add-content-choise .add-content-wrap.ct{width:100%;display:block;}
#content .add .entry-head h3{font-size:4rem;padding-left:10%;}
header .navbar-default ul.nav-menu li ul{display:none!important;}
#content .company-content .bene{font-size:1.5rem;}
.page-content-wrap.company-content .tiv-wrap .tiv-cwrap.tway,
#content .company-content .data-graph-wrap.data-tcol .data-content{width:100%;}
#content .iv-content .main-visual{background-position:center center;}
#content .iv-content .main-visual img{margin-left:-10%;height:110%;}
#content .iv-content .main-visual:before{background-size:150% 100%;background-position:80% center;}
#content .iv-content .iv-case6-head,
#content .iv-content .iv-case7-head{background-position:80% top!important;}
#content .iv-content .iv-case6-head:before,
#content .iv-content .iv-case7-head:before{background-position:10% center;}
#content .iv-content .iv-twocol .iv-content-wrap{width:100%;padding-bottom:0px;}
#content .iv-content .iv-twocol .iv-content-wrap.ivtxt{padding:1rem;}
#content .company-content .data-graph-wrap .data-content h4{position:relative;left:0px;top:0px;}
.su-column.su-column-size-1-2{width:100%!important;}
#content .company-content h3{font-size: 2rem;}
#content .company-content h4{font-size:1.625rem;padding:1rem;}
.page-content-wrap.company-content .tiv-wrap .tiv-cwrap{width:100%;}
.page-content-wrap .tiv-wrap .tiv-cwrap{width:49.999%;}
.toptcolmn-links .top-colmn {font-size:1.5rem;display:block;width:100%;}
.toptcolmn-links .top-colmn a{padding:5% 10%;}
.toptcolmn-links .top-colmn a span.tcs{margin-bottom:0px;}
.mobile-view{display:block!important;}
.pc-view{display:none!important;}
.entry-content section h3{letter-spacing:0px;}
.entry-content section{padding:3rem 1rem;}
.entry-content section.top-last-section{padding-top:0px;padding-left:0px;padding-right:0px;}
.entry-content section.top-last-section p.texts{padding-left:1rem;padding-right:1rem;}
}