@charset "utf-8";
/* CSS Document */
/* メイン
-------------------------------------------- */
.contents-main {
  position: relative;
  width: 100%;
}
.title-wrap {
  position: absolute;
  top: 62px;
  width: 100%;
  text-align: center;
}
.contents-title {
  padding: 9px 22px;
  font-size: 1.3rem;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc {
  display: none !important;
}
.sp {
  display: block !important;
	margin: 0 0 10px 0;
}
/* 線付きdiv
-------------------------------------------- */
.frame-box{
	border: 1px solid #707070;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 100%;
}
/* acrobatアイコン
-------------------------------------------- */
.acrobat{
	display: none;
}
/*お知らせ*/
div.blog-wrap {}
div.blog-body {
    width: 95%;
    float: none;
}
article.entry {
    margin-bottom: 20px;
}
div.entry-header h2{
    font-size: 1.8rem;
    border-bottom: 1px dotted;
}
div.entry-header h2 a{
    color: #c43401;
}
div.entry-meta {}
p.date {
    font-weight: 600;
}
div.entry-summary, div.entry-content {
	font-size: 1.6rem;
}
div.entry-summary a, div.entry-content a{
	color: #c43401;
}
a.more-link {
    display: block;
    text-align: right;
    font-size: 1.6rem;
    color: #cc3300;
}
div.blog-side {
    width: 95%;
    float: none;
}
div.side-navi {
    margin-bottom: 20px;
}
div.side-navi h2{
    background: #cfdc29 ;
    padding: 10px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}
div.side-navi ul {
    font-size: 1.5rem;
	list-style-type: disc;
	list-style-position: inside;
}
.paging, .paging-navigation {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 15px;
}
/*会社概要*/
table.company {
    width: 98%;
    margin: 10px auto 10px auto;
    border: none;
    font-size: 90%;
}
table.company th, table.company td{
display: block;
    padding: 10px;
    vertical-align: bottom;
}
table.company th{
    border-bottom:1px solid #f25b27;
    width: 72%;
    text-align: left;
    font-weight: 500;
}
table.company td{
    border-bottom:1px solid #ccc;
    width: auto;
    text-align: left;
    font-weight: 400;
}
.hissu {
	font-size:80%;
	color: green;
}
@media print, screen and (min-width : 768px) {
  /* メイン
-------------------------------------------- */
  .contents-main {
  position: relative;
  width: 100%;
}
  .title-wrap {
    position: absolute;
    top: 150px;
    width: 100%;
  }
  .contents-title {
    padding: 18px 50px;
    font-size: 3.6rem;
  }
  /* タブレットで見たときは"sp"のclassがついた画像が表示される */
  .pc {
    display: block!important;
  }
  .sp {
    display: none!important;
  }
/* 線付きdiv
-------------------------------------------- */
.frame-box{
	border: 1px solid #707070;
	margin: 0 0 0px 40px;
	padding: 30px;
	width: 90%;
}
/* acrobatアイコン
-------------------------------------------- */
.acrobat{
	display: block;
	margin: 0 0 50px 0px;
}
	
}
@media print, screen and (min-width : 1600px) {
  /* メイン
-------------------------------------------- */
.contents-main {
  position: relative;
  width: 100%;
}
  .title-wrap {
    position: absolute;
    top: 200px;
    width: 100%;
  }
  .contents-title {
    padding: 28px 110px;
    font-size: 3.6rem;
  }
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }

/*お知らせ*/
div.blog-wrap {}
div.blog-body {
    width: 65%;
    float: right;
}
article.entry {
    margin-bottom: 30px;
}
div.entry-header h2{
    font-size: 130%;
    border-bottom: 1px dotted;
}
div.entry-header h2 a{
    color: #c43401;
}
div.entry-meta {}
p.date {
    font-weight: 600;
}
div.entry-summary {
		font-size: 1.8rem;
	}
a.more-link {
    display: block;
    text-align: right;
    font-size: 90%;
    color: #cc3300;
}
div.blog-side {
    width: 30%;
    float: left;
}
div.side-navi {
    margin-bottom: 25px;
}
div.side-navi h2{
    background: #cfdc29 ;
    padding: 10px;
    text-align: center;
    font-size: 110%;
    font-weight: 600;
}
div.side-navi ul {
    font-size: 1.8rem;
}
}
.paging {
	text-align: center;
}
/*会社概要*/
table.company {
    width: 70%;
    margin:20px auto 50px auto;
    border: none;
}
table.company th, table.company td{
    display:inline-block;
    padding: 15px;
}
table.company th{
    border-bottom:2px solid #f25b27;
    width: 20%;
}
table.company td{
    border-bottom:2px solid #ccc;
    width: 80%;
	text-align: left;
}
form > table.company {
	width: 70%;
}
form > table.company th {
	width: 20%;
}
}