/***********************************************************************
topボタンここから
**********************************************************************/
.hd_right {
	float: right;
	font-size: 20px;
}
.contact_btn {
	display: block;
	width: 236px;
	height: 50px;
	background: #d51e00;
	text-decoration: none;
	transition: ease-in 0.1s;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.contact_btn a {
	color: #FFF5F5;
}
.contact_btn a hover {
}
.tel {
	display: block;
	width: 250px;
	height: 50px;
	text-align: center;
}
.tel a {
	font-size: 23px;
}
.tel icon{
	
}
/***********************************************************************
gnaviここから
**********************************************************************/å
#header.flat-menu nav ul.nav-main li > a:hover, #header.flat-menu nav ul.nav-main li.dropdown:hover a {
    color: #FFF;
	background-color: #0088cc !important;}
.active-page{
	background-color: #0088cc;
	color: #FFF;
}
.color-white{
		color:#FFF;
}



/***********************************************************************
お知らせここから
**********************************************************************/
.main {
	letter-spacing: 5px;
	font-weight: bold;
	line-height: 0.8;
}
.sub {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: -30px;
	color: #999;
}
.table_style {
	width: 100%;
	letter-spacing: normal;
	font-weight: normal;
	line-height: normal;
}
.table_style td {
	padding: 20px 0;
}
.table_style td:first-child {
	width: 220px;
}

@media (max-width: 768px) {
.table_style td:first-child {
	width: 80px;
	vertical-align: top;
}
#company_info_ja td, #company_info_en td {
	display: block;
}
#company_info_ja td:first-child, #company_info_en td:first-child {
	padding-bottom: 0;
}
}
.table_style_link td {
	padding: 0;
}
/*** news ***/
.news_date, .news_category {
	display: inline-block;
}
.news_category {
	width: 130px;
	text-align: center;
}
.news_date {
	font-size: 12px;
	color: #999;
	margin-right: 8px;
}
.news_category {
	color: #0088cc;
	border: solid 1px #0088cc;
	padding: 5px 5px 3px;
}
.contents_news_list a {
	width: 100%;
	height: 100%;
	display: block;
	padding: 20px 0;
	color: #000;
	text-decoration: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	border-bottom: solid 1px #E8EBEE;
}
.contents_news_list a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.contents_news_list .table_style a > div {
	display: table-cell;
}
.contents_news_list .table_style a > div:first-child {
	width: 110px;
}
.contents_news_list .table_style a > div:nth-child(2) {
	width: 150px;
}

@media (max-width: 768px) {
.contents_news_list .table_style a > div {
	display: block;
}
.contents_news_list .table_style a > div:first-child {
	float: left;
}
.contents_news_list .table_style a > div:nth-child(2) {
	float: right;
}
.contents_news_list .table_style a > div:last-child {
	margin-top: 50px;
}
}
.block_news_detail img {
	max-width: 100%;
	height: auto;
}
.block_news_detail h4 {
	margin-top: 40px;
	font-size: 13px;
	font-size: 0.86667rem;
}
.news_release {
	background: #F4F4F4;
	padding: 20px;
	margin: 24px 0 40px;
	border-radius: 4px;
}
.news_release h4 {
	margin-top: 0;
}
.news_release p {
	margin: 0;
}
.news_share_buttons {
	text-align: right;
}

@media (max-width: 768px) {
.news_share_buttons {
	text-align: center;
}
}
.news_pdf_download {
	margin-top: 40px;
}
.news_image_download {
	margin-top: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.news_image_download a {
	text-decoration: underline;
}
.news_image_download div {
	margin-right: 46px;
}
.contents_text p {
	margin-bottom: 1.6rem;
	font-weight: normal;
	color: #000000;
	line-height: 25px;
}
.news_title {
	letter-spacing: normal;
	font-weight: normal;
	line-height: normal;
	margin: 20px;
}
.news_midashi {
	padding-bottom: 12px;
	border-bottom: solid 1px #E8EBEE;
	margin-bottom: 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
.syukusyo {
	width: 70%;
	margin: auto;
	letter-spacing: 2px;
}

@media (max-width: 768px) {
.syukusyo {
	width: 100%;
}
}
.ichiran {
	text-align: center;
}
/*pagination*/
.pagination_center {
	font-size: 14px;
	font-weight: normal;
}


.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 80px 0 0; }

.pagination_arrow_left, .pagination_arrow_right {
  width: 44px;
  height: 44px;
  background: #0088cc;
  text-align: center;
  border-radius: 4px; }
  .pagination_arrow_left a, .pagination_arrow_right a {
    padding: 0 !important;
    display: block;
    width: 100%;
    height: 100%; }
    .pagination_arrow_left a:hover, .pagination_arrow_right a:hover {
      text-decoration: none; }
  .pagination_arrow_left i, .pagination_arrow_right i {
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    text-decoration: none; }

.pagination_center {
  text-align: center;
  height: 44px;
  line-height: 44px;
  padding: 0 50px; }
  .pagination_center a {
    color: #999;
}
.pagination_center a:hover{
	color:#FFCC00;
	text-decoration: none;
}


.icon_indicator_left:before {
  content: "indicator_left"; }

.icon_indicator_right:before{
  content: "indicator_right"; }
.icon_indicator_left:before {
  content: "indicator_left"; }

.icon_indicator_right:before {
  content: "indicator_right"; }

.yellowline{
	border-bottom:  solid 1px #0088cc;
}
/***********************************************************************
article　ここから
**********************************************************************/
.blueline{
	border-bottom: solid 1px #0088cc;
}
.bold{
	font-weight: bold;
}
/***********************************************************************
右下問い合わせ　ここから
**********************************************************************/
#page-top {
    position: fixed;
    bottom: 80px;
    right: 4px;
    width: 200px;
    height: 100px;
    background-color: #d51e00;
    z-index: 100000;
    border-radius: 4px;
    padding: 15px 10px 10px;
    border: solid 2px #ffffff;
    transition: opacity 0.2s ease 0s;
    text-align: center;
    cursor: pointer;
	text-decoration: none;
	letter-spacing: normal;
	line-height: normal;
}

#page-top:hover{
	opacity: 0.8;
	text-decoration: none;
}

#page-top span {
    display: block;
    color: #ffffff;
	font-weight: 700;}
#page-top img {
    margin-top: 4px;
    height: 40px;
	text-align: center;}

@media only screen and (max-width: 767px) {
#page-top {
	width: 30%;
	height:auto;
	padding: 2px 10px 10px;}

	}}
}