@charset "UTF-8";
@-ms-viewport {
  width: device-width; }

/*--------------------------------------------------------------------------
株式会社 昭和工芸 CMSサイト　2018/6～
--------------------------------------------------------------------------*/
/*$mainColor:#2b9799;*/
/*------------------------------
■■■■■Common■■■■■
------------------------------*/
html{
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
	
}
body {
	height:100%;
  font-family: 'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
  line-height: 1.6; }

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

a {
  outline: none; }
  a :focus {
    outline: none; }

a {
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition: 0.2s; }
  a :link {
    color: #222; }
  a :visited {
    color: #a2580e; }
  a :hover, a :active {
    color: #0e59a2; }

hr {
  border-top: 1px dotted #999; }
/*----------------------------------------
■■■■■　　■■■■■
----------------------------------------*/
.recluit-list{
	height:100%;
}
.recluit-list > br{
	display:none;
}
.recluit-list > ul > br{
	display:none;
}
.recluit-list > ul{
	padding:0;
	list-style-type: none;
}
.recluit-list > ul li{
	margin:0;
	font-size:10pt;
	padding:5px 12px 12px;
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #CCC;
	color:#222;
}
.recluit-list > ul li strong{
	margin-top:-5px;
	margin-bottom:12px;
	margin-left:-12px;
	margin-right:-12px;
	padding:5px 12px;
	display:block;
	font-size:12pt;
	width:100%;
	background-color:#cbe7e8;
}
/*----------------------------------------
トップに戻るボタン
----------------------------------------*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 20px; }
  #page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    width: 54px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    border: 1px solid #FFF;
    -webkit-box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.3); }
  #page-top a:hover {
    text-decoration: none;
    background: #222; }

/*-----<spacer>-----*/
.ctsp0 {
  margin-top: 0 !important; }

.cbsp0 {
  margin-bottom: 0 !important; }

.ctsp1 {
  margin-top: 10px; }

.cbsp1 {
  margin-bottom: 10px; }

.ctsp2 {
  margin-top: 20px; }

.cbsp2 {
  margin-bottom: 20px; }

.ctsp3 {
  margin-top: 30px; }

.cbsp3 {
  margin-bottom: 30px; }

.ctsp4 {
  margin-top: 40px; }

.cbsp4 {
  margin-bottom: 40px; }

/* ---------------------------------------------------------
■■■■■■■■■■スマホ用設定ここから■■■■■■■■■■
------------------------------------------------------------*/
/* ---------------------------------------------------------
～768px(Extra small)
----------------------------------------------------------*/
@media only screen and (max-width: 48em) {
}

/* -------------------------------------------------------------------------------
 768px～
------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
}

/* -------------------------------------------------------------------------------
 768px～991px(Small/col-sm)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 48.063em) and (max-width: 61.9375em) {
}

/* -------------------------------------------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
}

/* -------------------------------------------------------------------------------
 ～1199px
------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------
1200px～(Large/col-lg)
------------------------------------------------------------------------------- */