@charset "utf-8";
 @font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP"),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
body {
font-family: 'Noto Sans JP', "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
line-height:2em;
font-size:16px;
}
.wrapper{
background-color: #ffffff;
}
p{
margin-bottom:1em;
}
.container-fluid{
padding:0;
} .row-nopadding {
margin-left: 0;
margin-right: 0;
} .row-nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
} img {
max-width: 100%;
height: auto;
}
.v-middle{
vertical-align: middle;
}
.v-bottom{
vertical-align:bottom;
}
.alignleft{
float:left;
padding-right:30px;
padding-bottom:30px;
}
.alignright{
float:right;
padding-left:30px;
padding-bottom:30px;
}
.aligncenter{
display: block;
margin: 0 auto;
}
hr.clear{
visibility: hidden;
clear: both;
height: 1px;
margin: 0;
} .row-eq-height {
display: flex;
flex-wrap: wrap;
} table, table.table{
width: 100%;
border: 1px solid #cccccc;
margin-bottom: 15px;
}
table tr th{
border: 1px solid #cccccc;
background-color:#efefef;
padding: 5px 10px;
line-height: 1.5;
text-align: center;
white-space: nowrap;
}
table tr td{
border: 1px solid #cccccc;
padding: 5px 10px;
line-height: 1.5;
background-color:#ffffff;
}
table tr td.line-top-none{
border-top: none;
}
table tr td.line-bottom-none{
border-bottom: none;
}
table tr td.line-left-none{
border-left: none;
}
table tr td.line-right-none{
border-right: none;
}
table ol{
margin: 0;
padding-left: 1.25em;
}
table ul{
margin: 0;
padding-left: 1.25em;
}
table tr th p, table tr td p{
margin: 0;
line-height: 1.5;
}
table tr th.nowrap, table tr td.nowrap{
white-space:nowrap;
}
a{
color:#0068b7;
}
blockquote{
margin-left: 40px;
margin-right: 40px;
} header#site-header{
position: relative;
}
header#site-header .header-top{
padding: 0 0 0;
font-size: 14px;
line-height: 1;
position: relative;
}
header#site-header .header-top .header-line01{
border-top: solid 10px #0068b7;
}
header#site-header .header-top .header-line02{
border-top: solid 1px #231815;
} header#site-header .header-top .header{
position: relative;
padding-left: 45px;
padding-right: 45px;
} header#site-header .site-title::before{
content: ' ';
position: absolute;
width: 1px;
height: 100%;
border-left: solid 1px #000000;
left: 0px;
top: 0px;
}
header#site-header .site-title{
padding-top: 20px;
padding-bottom: 15px;
}
header#site-header .site-title .logo{
display: inline-block;
vertical-align: top;
}
header#site-header .site-title .logo img{
vertical-align: top;
} header#site-header .header-contact{
margin-top: 15px;
margin-bottom: 10px;
float: right;
}
header#site-header .header-contact p{
padding: 0;
margin: 0 0 5px;
font-size: 14px;
}
header#site-header .header-contact .tel{
font-size: 26px;
font-weight: 600;
}
header#site-header .header-contact .tel i{
display: inline-block;
border-radius: 5px;
color: #0068b7;
padding: 0 5px 0 0;
margin-right: 5px;
} header#site-header .header-top .header-desc{
position: relative;
padding-left: 45px;
padding-right: 45px;
}
header#site-header .header-top .header-desc p::before{
content: ' ';
position: absolute;
width: 1px;
height: 100%;
border-left: solid 1px #000000;
left: 30px;
top: 0px;
}
header#site-header .header-top .header-desc p{
margin: 0;
padding: 10px 0;
} header#site-header .navbar{
padding: 0;
}
header#site-header .nav-menu{
}
header#site-header .nav-menu ul{
width: 100%;
}
header#site-header .nav-menu ul li{
width: 20%;
text-align: center;
border-right: solid 1px #b5b6b6;
border-bottom: solid 1px #b5b6b6;
border-top: solid 1px #b5b6b6;
}
header#site-header .nav-menu ul li:first-child{
border-left: solid 1px #b5b6b6;
}
header#site-header .nav-menu ul li:hover{
}
header#site-header .nav-menu ul li a{
display: block;
padding: 5px;
color:#333333;
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
border-bottom: solid 2px #ffffff;
background: -moz-linear-gradient(top, #ffffff, #dddddd);
background: -webkit-linear-gradient(top, #ffffff, #dddddd);
background: linear-gradient(to bottom, #ffffff, #dddddd);
}
header#site-header .nav-menu ul li a:hover{
text-decoration: none;
background: -moz-linear-gradient(top, #dcdddd, #ffffff);
background: -webkit-linear-gradient(top, #dcdddd, #ffffff);
background: linear-gradient(to bottom, #dcdddd, #ffffff);
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
border-top: solid 2px #ffffff;
border-bottom:none;
}  #front-page{
margin-bottom: 30px;
} #front-page #slider{
margin: 10px 0;
} #front-page #info{
margin-top: 60px;
margin-bottom: 60px;
background-color: #ffffff;
text-align: center;
}
#front-page #info h1{
display: inline-block;
padding: 0 10px;
border-bottom: 3px solid #9fa0a0;
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
font-family: "リュウミン R-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#front-page #info .newsinfo{
text-align: left;
}
#front-page #info .newsinfo .title{
display: inline-block;
box-sizing: border-box;
background-color: #4c829a;
color: #ffffff;
padding: 5px 0;
text-align: center;
border-radius: 5px;
margin-right: 25px;
line-height: 1em;
vertical-align: top;
width: 90px;
}
#front-page #info .newsinfo ul{
padding: 0;
list-style: none;
margin: 0;
}
#front-page #info .newsinfo ul li{
padding: 15px 30px;
line-height: 1em;
border-bottom: 1px solid #9fa0a0;	
}
#front-page #info .newsinfo ul li:first-child{
border-top: 1px solid #9fa0a0;	
}
#front-page #info .newsinfo ul li .post-date{
display:inline-block;
vertical-align: top;
width: 140px;
}
#front-page #info .newsinfo ul li .post-name{
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width : calc(100% - 145px) ;
}
#front-page #info .newsinfo .top-more {
text-align:right;
margin: 15px 0;
}
#front-page #info .newsinfo .top-more a{
border: 1px solid #b5b5b6;
border-radius: 5px;
background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background: linear-gradient(to bottom, #ffffff, #e6e6e6);
color: #333333;
padding: 2px 20px;
}
#front-page #info .newsinfo .top-more a:hover{
text-decoration: none;
background: -moz-linear-gradient(top, #e6e6e6, #ffffff );
background: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
background: linear-gradient(to bottom, #e6e6e6, #ffffff);
}  #front-page #recruit{
margin-bottom: 100px;
margin-top: 100px;
} #front-page #company{
margin-top: 60px;
margin-bottom: 60px;
}
#front-page #company h1{
text-align: center;
font-size: 22px;
margin: 0 0 30px;
font-weight: 600;
}
#front-page #company .c-cate{
margin-bottom: 30px;
}
#front-page #company p{
margin: 0;
line-height: 1.5;
}
#front-page #company p.title{
font-size: 18px;
font-weight: 600;
padding: 5px 0;
}
#front-page #company p.btn{
margin: 15px 0; 
position: relative;
border:solid 1px #0068b7;
display: block;
border-radius: 0;
padding: 0;
}
#front-page #company p.btn:hover{
border:solid 1px #0068b7;
background-color: #0068b7;
color: #ffffff;
}
#front-page #company p.btn a::after{
font-weight: 900;
font-size: 24px;
content: '\f0da';
font-family: "Font Awesome 5 Free";
position: absolute;
right: 10px;
line-height: 1em;
color: #88abda;
}
#front-page #company p.btn a:hover::after{
color: #ffffff;
text-decoration: none;
}
#front-page #company p.btn a{
color: #0068b7;
display: block;
padding: 5px 30px;
}
#front-page #company p.btn a:hover{
color: #ffffff;
text-decoration: none;
}   .archive-post ul{
padding: 0;
list-style: none;
}
.archive-post ul li{
border-bottom: solid 1px #9fa0a0;
padding: 15px 30px;
line-height: 1em;
}
.archive-post ul li:first-child{
border-top: solid 1px #9fa0a0;
}
.archive-post ul li .post-date{
display:inline-block;
vertical-align: top;
width: 140px;
}
.archive-post ul li .post-name{
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width : calc(100% - 145px) ;
}
.archive-post .top-more {
text-align:center;
margin: 15px 0;
}
.archive-post .top-more a{
background-color: #898989;
color: #ffffff;
padding: 2px 20px;
border-radius: 5px;
}
.archive-post .top-more a:hover{
text-decoration: none;
background-color:#a0a0a0;
color: #ffffff;	
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: 100% !important;
}   #breadcrumb{
margin-top: 15px;
}
#breadcrumb ul{
padding: 0;
margin: 0;
list-style: none;
}
#breadcrumb ul li{
float: left;
} .contents{
margin-bottom: 30px;
padding: 0 50px;
} #content .post-content article{
}
#content .page-header{
background-position: top center;
background-size:cover;
background-repeat: no-repeat;
min-height: 300px;
}
#content header {
margin-top: 30px;
margin-bottom: 30px;
background-color: #0068b7;
margin:2em 0;
position: relative;
padding: 0px 10px 10px;
}
#content header .header-line{
border-bottom: solid 1px #ffffff;
}
#content header h1:before{
content: '';
position: absolute;
left: 10px;
top: 0px;
height: 100%;
border-left: solid 1px #ffffff;
}
#content header h1:after{
content: '';
position: absolute;
left: 0px;
bottom: 10px;
width: 100%;
border-bottom: solid 1px #ffffff;
}
#content header h1{
vertical-align: middle;
padding: 10px 10px 5px;
margin-bottom: 0;
font-size: 28px;
font-weight: 600;
line-height: 1.0;
font-family: "リュウミン R-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#ffffff;
}
#content .entry-content, #content .entry-post{
}
#content .entry-content h1, #content .entry-post h1{
font-size: 26px;
font-weight: 600;
font-family: "リュウミン R-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
#content .entry-content h2, #content .entry-post h2{
padding: 5px 0;
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
font-family: "リュウミン R-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
border-bottom: solid 8px #88abda;
}
#content .entry-content h3, #content .entry-post h3{
font-size: 20px;
font-weight: 600;
margin-top: 20px;
padding: 2px 0; 
margin-bottom: 15px;
border-bottom: solid 3px #88abda;
}
#content .entry-content h4::before, #content .entry-post h4::before{
content: "\f45c";
font-family: "Font Awesome 5 Free";
font-size: 18px;
font-weight: 900;
padding-right: 5px;
}
#content .entry-content h4, #content .entry-post h4,
#content .entry-content h5, #content .entry-post h5,
#content .entry-content h6, #content .entry-post h6{
font-size: 18px;
font-weight: 600;
margin-top: 15px;
}
#content .entry-post .entry-date{
text-align: right;
margin-bottom: 0.5em;
}
#content .entry-content img.img-base,  #content .entry-post img.img-base{
vertical-align: baseline;
}   #content .entry-content ul[class^="photo"], #content .entry-post ul[class^="photo"]{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 -15px;
padding: 0;
}
#content .entry-content ul[class^="photo"] li, #content .entry-post ul[class^="photo"] li{
margin-bottom: 30px;
text-align: center;
font-size: 14px;
line-height: 1.5;
padding: 5px 15px;
} #content .entry-content ul.photo02 li, #content .entry-post ul.photo02 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
} #content .entry-content ul.photo04 li, #content .entry-post ul.photo04 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
} iframe[src*="google.com"]{
max-width: 100%;
} .video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
.video iframe[src*="youtube.com"] {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
} #content .post-content #nav-below{
margin-top: 45px;
margin-left: 0px;
margin-right: 0px;
} #content .post-content #nav-below .nav-previous{
padding-left: 0;
height: 24px;
position: relative;
}
#content .post-content #nav-below .nav-previous .line .left-line{
display: block;
background: #0068b7;
width: 30px;
height: 1px;
position: absolute;
-webkit-transform: translateY(18px) rotate(-45deg);
transform: translateY(18px) rotate(-45deg);
}
#content .post-content #nav-below .nav-previous .line .left-line:first-child{
left: 0px;
}
#content .post-content #nav-below .nav-previous .line .left-line:nth-child(2){
left: 5px;
}
#content .post-content #nav-below .nav-previous .line .left-line:nth-child(3){
left: 10px;
}
#content .post-content #nav-below .nav-previous a{
border-bottom: solid 1px #0068b7;
padding-left: 25px;
padding-right: 10px;
margin-left: 15px;
} #content .post-content #nav-below .nav-next{
padding-right: 0;
text-align: right;
height: 24px;
position: relative;
}
#content .post-content #nav-below .nav-next .line .right-line{
display: block;
background: #0068b7;
width: 30px;
height: 1px;
position: absolute;
-webkit-transform: translateY(-14px) rotate(45deg);
transform: translateY(-14px) rotate(45deg);
}
#content .post-content #nav-below .nav-next .line .right-line:first-child{
right: 0px;
}
#content .post-content #nav-below .nav-next .line .right-line:nth-child(2){
right: 5px;
}
#content .post-content #nav-below .nav-next .line .right-line:last-child{
right: 10px;
}
#content .post-content #nav-below .nav-next a{
border-bottom: solid 1px #0068b7;
padding-right: 25px;
padding-left: 10px;
margin-right: 15px;
}   a.btn[target="_blank"]::after {
font-family: "Font Awesome 5 Free";
content : "\f35d";
font-weight: 900;
padding-left: 15px;
}   a[href$=".pdf"] {
background: url(//takasoku-uonuma.co.jp/wp-content/themes/takasoku/images/icon/pdf.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".doc"], a[href$=".docx"]{
background: url(//takasoku-uonuma.co.jp/wp-content/themes/takasoku/images/icon/word.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".xls"], a[href$=".xlsx"]{
background: url(//takasoku-uonuma.co.jp/wp-content/themes/takasoku/images/icon/excel.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}
a[href$=".pdf"] img {
margin-left: -25px;
background-image: none;
}  
a[href$=".doc"] img, a[href$=".docx"] img{
margin-left: -25px;
background-image: none;
}  
a[href$=".xls"] img, a[href$=".xlsx"] img{
margin-left: -25px;
background-image: none;
}   #content .content_block{
margin-top: 45px;
margin-bottom: 60px;
}
#front-page #recruit .content_block .recruit-button, #content .content_block .recruit-button{
position: relative;
}
#front-page #recruit .content_block .recruit-button .recruit-waku, #content .content_block .recruit-button .recruit-waku{
border: solid 4px #187fc4;
background: -moz-linear-gradient(top, #bae3f9, #ffffff);
background: -webkit-linear-gradient(top, #bae3f9, #ffffff);
background: linear-gradient(to bottom, #bae3f9, #ffffff);
padding: 15px;
min-height: 200px;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p, #content .content_block .recruit-button .recruit-waku p{
text-align: center;
margin-bottom: 10px;
line-height: 1.5;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.title, #content .content_block .recruit-button .recruit-waku p.title{
font-family: "リュウミン R-KL" , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 28px;
font-weight: 600;
color:#0068b7;
line-height: 1em;
margin-bottom: 15px;
margin-top: 5px;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn, #content .content_block .recruit-button .recruit-waku p.btn{
margin: 15px 0 0; 
position: relative;
display: block;
border-radius: 0;
padding: 0;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn:hover, #content .content_block .recruit-button .recruit-waku p.btn:hover{
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn a, #content .content_block .recruit-button .recruit-waku p.btn a{
color: #ffffff;
display: block;
padding: 5px 5px;
border-right:solid 2px #d28300;
border-bottom:solid 2px #d28300;
background-color: #f39800;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn a:hover, #content .content_block .recruit-button .recruit-waku p.btn a:hover{
text-decoration: none;
background-color: #d28300;
border-right:solid 2px #f39800;
border-bottom:solid 2px #f39800;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn a::after, #content .content_block .recruit-button .recruit-waku p.btn a::after{
font-weight: 900;
font-size: 24px;
content: '\f0da';
font-family: "Font Awesome 5 Free";
position: absolute;
right: 10px;
line-height: 1em;
color: #ffffff;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p.btn a:hover::after, #content .content_block .recruit-button .recruit-waku p.btn a:hover::after{
text-decoration: none;
}
#front-page #recruit .content_block .recruit-button .recruit-waku .recruit-photo, #content .content_block .recruit-button .recruit-waku .recruit-photo{
max-width: 48%;
height: auto;
position: absolute;
bottom: 3px;
right: 3px;
}  #content .archive-list{
background-color: #ffffff;
}
#content .archive-post{
margin-top: 45px;
}
#content .archive-content{
margin-top: 45px;
}
#content .archive-content article{
margin-bottom: 30px;
}
#content .archive-content .entry-header h2::before{
content: "■ ";
color: #71b567;
}
#content .archive-content .entry-header h2{
font-size: 24px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
}
#content .archive-content .entry-summary .entry-date{
margin-bottom: 0;
}
#content .archive-content .entry-summary h2.entry-title{
font-size: 18px;
margin: 0 0 15px;
}
#content .archive-content .entry-summary .excerpt_more{
text-align: right;
}
#content .archive-content .entry-summary .excerpt_more a i.fa{
color: #71b567;
}
#content .archive-content .entry-summary p{
line-height: 1.75em;
} #content #nav-above{
margin-top: 30px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
#content #nav-above .tab_nav{
text-align: center;
line-height: 1.25em;
}
#content #nav-above .tab_nav .page-numbers {
padding: 2px 7px;
border:solid 1px #cccccc;
color: #666666;
}
#content #nav-above .tab_nav .page-numbers:hover{
color: #FFFFFF;
border:solid 1px #0068b7;
background-color: #0068b7;
text-decoration: none;
}
#content #nav-above .tab_nav .current {
padding: 2px 7px;
color: #FFFFFF;
border:solid 1px #0068b7;
background-color: #0068b7;
} #side-bar .sticky-top{
top: 15px;
} #side-bar .widget{
margin-bottom: 30px;
}
#side-bar .widget header{
background-color:#9fa0a0;
padding: 10px 0px;
color: #ffffff;
margin-bottom: 3px;
}
#side-bar h3{
margin: 0;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
padding: 0 10px 2px;
border-bottom: solid 1px #ffffff;
}
#side-bar ul{
padding: 0;
list-style: none;
}
#side-bar ul li{
border-bottom: solid 1px #cccccc;
margin-bottom: 3px;
line-height: 1.5em;
}
#side-bar ul li a{
color: #333333;
display: block;
padding: 10px 0px;
}
#side-bar ul li a:hover{
text-decoration: none;
}
#side-bar .posts-all-link-area{
position: relative;
margin-bottom: 1em;
}
#side-bar .posts-all-link{
text-align: right;
margin: 0;
}
#side-bar .posts-all-link a{
border: 1px solid #b5b5b6;
border-radius: 5px;
background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background: linear-gradient(to bottom, #ffffff, #e6e6e6);
color: #333333;
padding: 2px 20px;
}
#side-bar .posts-all-link a:hover{
text-decoration: none;
background: -moz-linear-gradient(top, #e6e6e6, #ffffff );
background: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
background: linear-gradient(to bottom, #e6e6e6, #ffffff);
} footer{
margin: 45px 0 0;
padding: 0;
}
footer .footer{
padding: 5px 0 5px 50px;
position: relative;
background-image: url(//takasoku-uonuma.co.jp/wp-content/themes/takasoku/images/footer_img.png);
background-position: left bottom;
background-repeat: no-repeat;
min-height: 70px;
} footer #footer-first{
padding-top: 10px;
} footer #footer-first p{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1em;
color:#0068b7;
font-size: 20px;
}
footer #footer-first p.address{
font-size: 14px;
} footer #footer-second{
text-align: right;
padding-top: 10px;
} footer #footer-second .menu-footermenu-container {
float: right;
}
footer #footer-second ul{
padding: 0;
list-style: none;
margin: 0;
}
footer #footer-second::after,footer #footer-second ul::after{
content: " ";
float: none;
clear: both;
height: 1px;
display: block;
}
footer #footer-second ul li{
float: left;
}
footer #footer-second ul li a{
color: #0068b7;
border-right: 1px solid #0068b7;
padding: 5px 10px;
line-height: 1em;
margin-bottom: 5px;
margin-top: 5px;
display: block;
}
footer #footer-second ul li:first-child a{
border-left: 1px solid #0068b7;
} 
footer #footer-second ul li a:hover{
color: #0068b7;
text-decoration: none;
} footer .copyright{
padding: 5px 0;
background-color: #0068b7;
}
.copyright p#copyright{
line-height: 1em;
font-size: 12px;
text-align: center;
margin: 0;
color: #ffffff;
} .red{
color: #FF0000;
font-size: 12px;
}
#content .entry-content p.contact{
font-size: 32px;
margin-bottom: 0.5em!important;
}
#content .entry-content .contact i{
padding-right: 10px;
font-size: 34px;
}
#content .entry-content .form-group input.btn{
display: inline-block;
}
.form-group input.btn{
padding: 10px;
}
.form-group input.btn:hover{
}
span.wpcf7-list-item {
margin-right: 15px;
}
.form-group input#zip, .form-group input#zip2{
margin-bottom: 5px;
}
.disnon{
display: none;
}   #page-top {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 1200;
}
.page-id-21 #page-top{
bottom: 90px;
}
#page-top a {
background: #999;
text-decoration: none;
color: #fff;
width: 80px;
height: 80px;
text-align: center;
display: block;
opacity: 0.8;
border-radius: 50%;
font-size: 12px;
line-height: 1.5;
padding-top: 20px;
}
#page-top a i{
font-size: 18px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
opacity: 0.6;
}
@media screen{
.contents{
min-height: calc(100vh - 300px);		
}
}
@media screen and (max-width: 991px) { #front-page #recruit {
margin-bottom: 60px;
margin-top: 60px;
} #front-page #recruit .content_block .recruit-button .recruit-waku, #content .content_block .recruit-button .recruit-waku{
min-height: inherit;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p, #content .content_block .recruit-button .recruit-waku p{
font-size: 13px;
}	
}
@media screen and (max-width: 767px) {
.wrapper{
overflow: hidden;
} header#site-header .site-contact{
display: none;
} header#site-header{
min-height: 70px;
}
header#site-header .header-top .header{
position: relative;
padding-left: 30px;
padding-right: 30px;
}	
header#site-header .site-title{
min-height: 62px;
}
header#site-header .site-title .logo{
display: block;
margin-right: 45px;
} header#site-header .header-top .header-desc {
position: relative;
padding-left: 30px;
padding-right: 30px;
}	
header#site-header .header-top .header-desc p::before {
left: 15px;
} header#site-header .navbar{
position:inherit;
background-color:#eaedef;
}
header#site-header .nav-menu{
border-bottom: none;
}	
header#site-header .nav-menu .container{
max-width: 767px!important;
} .navbar .navbar-toggler {
color: #0068b7;
border: solid 2px #0068b7;
width: 42px;
height: 42px;
position: absolute;
right: 15px;
top: 25px;
z-index: 100;
}
.navbar-toggler .toggler-line{
display: block;
background: #0068b7;
width: 24px;
height: 2px;
position: absolute;
left: 8px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.navbar-toggler .toggler-line:first-child{
top:10px;
}
.navbar-toggler .toggler-line:nth-child(2){
margin-top: -1px;
top: 50%;
}	
.navbar-toggler .toggler-line:last-child{
bottom: 10px;
}
.navbar-toggler[aria-expanded="true"] .toggler-line:first-child{
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .toggler-line:nth-child(2){
background-color: transparent;
display: none;
}	
.navbar-toggler[aria-expanded="true"] .toggler-line:last-child{
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
header#site-header .nav-menu ul li{
width: 100%;
text-align: center;
border-right: none;
border-bottom: none;		
font-size: 18px;
line-height: 2em;
}
header#site-header .nav-menu ul li:first-child{
border-left: none;
}
header#site-header .nav-menu ul li:last-child{
border-bottom: solid 1px #b5b6b6;
}
header#site-header .nav-menu ul li a{
padding: 10px 0;
} #front-page #recruit {
margin-bottom: 45px;
margin-top: 45px;
} .contents{
padding: 0 15px;
} #content .entry-content iframe[src*="google.com"],
#content .entry-post iframe[src*="google.com"]{
max-width: 100%;
height: 60vh;
} #front-page #recruit .content_block .recruit-button .recruit-waku p.btn a::after, #content .content_block .recruit-button .recruit-waku p.btn a::after{
font-size: 18px;
}
#front-page #recruit .content_block .recruit-button .recruit-waku p, #content .content_block .recruit-button .recruit-waku p{
font-size: 12px;
}
#front-page #recruit .content_block .recruit-button .recruit-waku .recruit-photo, #content .content_block .recruit-button .recruit-waku .recruit-photo{
max-width: 41%;
} #content #side-bar{
margin-top: 30px;
padding-left:15px;
} footer{
border-top: solid 1px #0068b6;
}
footer .footer{
background-image: none;
padding: 0 15px;
} footer #footer-second{
text-align: left;
}
footer #footer-second .menu-footermenu-container{
float: none;
clear: both;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) { #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} #content .entry-content ul.photo04 li, #content .entry-post ul.photo04 li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (max-width: 575px) { .navbar .navbar-toggler {
top: 20px;
} #front-page #info .newsinfo ul li{
padding: 15px;
}
#front-page #info .newsinfo ul li .post-date{
display:block;
width: 100%;
margin-bottom: 5px;
}
#front-page #info .newsinfo ul li .post-name{
display: block;
width : 100%;
} .archive-post ul li{
padding: 15px;
}
.archive-post ul li .post-date{
display:block;
width: 100%;
margin-bottom: 5px;
}
.archive-post ul li .post-name{
display: block;
width : 100%;
} #front-page #company h1 {
font-size: 20px;
} #content .entry-content ul[class^="photo"] li, #content .entry-post ul[class^="photo"] li{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
} .alignleft{
float:none;
display:block;
padding-right:0px;
padding-bottom:10px;
}
.alignright{
float:none;
display: block;
padding-left:0px;
padding-bottom:10px;
} #content header h1{
font-size: 28px;
}
#content .entry-content h1, #content .entry-post h1{
font-size: 26px;
} #content .entry-content p.contact{
font-size: 22px;
}
#content .entry-content p.contact i{
padding-right: 10px;
font-size: 22px;
} #front-page #recruit .content_block .recruit-button .recruit-waku .logo, #content .content_block .recruit-button .recruit-waku .logo{
display: none;
visibility: hidden;
height: 0;		
}
#front-page #recruit .content_block .recruit-button .recruit-waku .recruit-photo, #content .content_block .recruit-button .recruit-waku .recruit-photo{
display: none;
visibility: hidden;
height: 0;
} }
@media screen and (max-width: 360px) { #front-page #linkbutton .link-txt{
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px){ #front-page #recruit .recruit-waku .container{
min-height: 175px;
}
#front-page #recruit .recruit-waku .container .r-text{
margin-top: 30px;
}
#front-page #recruit .recruit-waku .container .recruit-photo{
left: 0px;
width: 50%;
}	
}
@media (min-width: 992px) and (max-width: 1199px){ #front-page #recruit .recruit-waku .container{
min-height: 195px;
}
#front-page #recruit .recruit-waku .container .r-text{
margin-top: 35px;
}
}