@charset "UTF-8";
html{margin:0;padding:0;overflow-y:scroll;-moz-text-size-adjust:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;}
body {
font-size: 16px;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
line-height: 1.8;
color: #444;
overflow: hidden;
-webkit-text-size-adjust: 100%;border-top: solid 4px #0e308e;
}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;border-style:none;border:0;}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
a{text-decoration:none;}
.clearfix::after, .w::after{content:" ";display:block;visibility:hidden;clear:both;height:0;line-height:0;}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
.container {padding: 0 2.6%;margin: 0 auto;clear: both;}
/* ------------------------------------- */
/*電話番号リンクをスマホのみIE11〜
/* ------------------------------------- */
a[href^="tel:"] {text-decoration:none;}
li.sumaho {display:block}
/* ------------------------------------- */
/*フロート設定
/* ------------------------------------- */
.text img.centered,
.text img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:none;
}
.text img.alignright{
margin-left:20px;
margin-right:0;
margin-bottom:20px;
display:inline;
clear:none;
}
.text img.alignleft {
margin-left:0;
margin-right:20px;
margin-bottom:20px;
display:inline;
clear:none;
}
.text img.alignnone {
margin-left:0;
margin-right:0;
margin-bottom:10px;
clear:none;
display:block;
}
.text .alignright,
.right {
float:right;
}
.text .alignleft {
float:left;
}
/* ヘッダー
---------------------------------------------------- */
.w{max-width:100%;padding:0 15px;overflow:hidden;}
.h_back{max-width:100%;margin:0 auto;}
.logo{margin:15px 0 0 0;}
.logo a{background:url(../img/logo.png) no-repeat;width:237px;height:53px;background-size:237px 53px;margin:0 auto;display: block;}
.contactbox{display:none;}
.logo a span,
.sub_,
.contact span,.recruit span,.facebook span,.pt{display:none;}
@media screen and (min-width:768px){
.h_back{max-width:748px;}
.logo{margin:0;}
.logo a{float:left;text-align: center;background:url(../img/logo.png) no-repeat;width:237px;height:53px;background-size:237px 53px;margin:15px 0 0 0;}
.contactbox{float:right;width:185px;display:block}
.contact a,.recruit a,.facebook a,{display:none;}
.sumahom{display:none;}
}
@media screen and (min-width:960px){.cont,
.h_back{max-width:980px;}
.logo a{margin:43px 0 0px 0;}
.contactbox{width:600px;margin:0px 0px 8px 0;}
.contact a{float:right;background:url(../img/header_b_contact.png) no-repeat;background-size:170px 54px;width:170px;height:54px;margin:0px 0 0 0;display:block;z-index:-100}
.recruit a{float:right;background:url(../img/header_b_recruit.png) no-repeat;background-size:170px 54px;width:170px;height:54px;margin:0px 0 0 20px;display:block;z-index:-100}
.facebook a,.facebook {float: right;background: url(../img/facebook.gif) no-repeat;background-size: 47px 54px;width:47px;height:54px;margin: 0px 0px 0px 0px;display:block;}
.recruit a:hover,.contact a:hover,.facebook a:hover,{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
}

/* info
---------------------------------------------------- */
.osusume_box{width:100%;margin:0;padding:0;}
.osusume_box ul{display: -ms-flexbox;  display: -webkit-box;  display: -webkit-flex;  display: flex;  -ms-flex-wrap: wrap;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;}
.osusume_box ul:after{content: "";  clear: both;  display: block;}
.osusume_box li{width:100%;margin:0 3% 3% 0;padding:20px 0 10px 0;float:left;overflow:hidden;height:auto;position: relative}
.osusume_box li a{display:block}
.osusume_box li a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}
.osusume_box li, .osusume_box li:nth-child(2n){float:left;width:47%;margin:0 3% 10px 0;padding:0;}
.osusume_box li:nth-child(4n){margin:0;}

.photo{width:100%;overflow:hidden;height:160px;position:relative;margin:0;border-radius: 3px;}
.osusume_box li div img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-filter:opacity(100%);filter:opacity(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;max-width:100%;height:150px;object-fit: cover;}
.osusume_tex{width:100%;padding:5px 0 0 0;float:right;}
.osusume_tex p{float:none;font-size:80%;line-height:150%;font-weight:normal;text-align:left;color:#666;font-weight:normal;}
.osusume_box h5 {text-decoration:none;float:left;font-weight:normal;font-size:90%;line-height:150%;color:#333;}
.osusume_box h5:hover{text-decoration:underline;}
.date{font-size:70%;line-height:100%;font-weight:normal;text-align:left;color:#666;font-weight:normal;}
.category{font-size:70%;line-height:100%;font-weight:normal;text-align:left;color:#0e308e;font-weight:normal;}
ul li.an02{margin-bottom:20px}

/* page-top
/* ------------------------------------- */
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #00bfff; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #87cefa; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 70px; /*ボタンの高さ*/
    padding: 24px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
}
#PageTopBtn a {
    width: 70px;
    height: 50px;
    padding: 17px 0;
}
}

@media only screen and (max-width: 650px) {
/*tex
/* ------------------------------------- */
.text img.alignright,
.text img.alignleft,
.text img.alignnone,
.text img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.text .alignright {float:none;}
.text .alignleft {float:none;}
.text .aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}}
@media only screen and (max-width: 800px) {
body{font-size: 15px;line-height:1.5em;}}
@media screen and (min-width: 768px) {
.boxa {margin:30px 0 20px 0;}
.boxa:after {
content: "";
display: block;
clear: both
}
.boxl1 {
float: left;
width: 49%;
z-index: 1;
position: relative;
}
.boxr1 {float: right;width: 48%}
.container {max-width: 748px;}
}
@media screen and (min-width: 980px) {
.container {
max-width: 980px;
padding: 0;
}
/* info
---------------------------------------------------- */
.osusume_box li, .osusume_box li:nth-child(2n){float:left;width:22.84%;margin:0 2.88% 0 0;height:auto;padding:0;}
.osusume_box li:nth-child(4n){margin:0;}
}
/*	 footer
/* ------------------------------------- */
#footer{background-color:#c1d5ff;width:100%;text-align:center;}
.footer_box{width:100%;text-align:center;margin:0 auto;color:#000000;padding:20px 0}
.f_box h5{font-weight:normal;font-size:110%;color:#ffd400;}
.f_box address{font-style:normal;font-size:90%;}
.f_box p,.f_box a{color:#000000;}
.f_box a:hover{color:#ffd400;text-decoration:none;}
.f_t{display:none;}
.f_box img{
background:url(../img/f_title.png) no-repeat;background-size:168px 55px;width:168px;height:55px;margin:0px 0px 15px 0px;}
@media screen and (min-width:768px){
.f_box{margin:20px 30px 20px 0px;padding:0px 40px 0px 0px;float:left;background:url(../img/footer_sen.png) repeat-y;background-position:right top;border-right: solid 1px #000000}
.f_t{padding:20px 10px 20px 0px;float:left;line-height:20px;display:block;}
.f_t a{color:#000000;text-decoration:none;font-size:90%}
.f_t a:hover{color:#ff8000;text-decoration:none;}
.f_t dl{float:left;margin:0px 30px 0px 0px;}
.f_t dl dt{background:url(../img/icon.png) no-repeat 0px 3px;padding:0px 0px 5px 15px;}}
@media screen and (min-width:992px){
.footer_box{width:980px;text-align:left;margin:0px auto;}}
/* copy
---------------------------------------------------- */
#copy {background: #0e308e;width: 100%;color: #fff;font-size: 90%;text-align: center;padding: 15px 0px;font-family: Helvetica Neue;font-family: Verdana, “Droid Sans”;}
/* 文字選択色 */
::selection{background: #75dcff;color: #ffffff;}
/* for Firefox */
::-moz-selection{background: #75dcff;color: #ffffff;}