@charset "utf-8";
/*----------------------------------------------------
  基本のレイアウト
----------------------------------------------------*/
* {
  box-sizing: border-box;
}
body {
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}
article#main-contents {
  padding: 147px 0 0;
}
@media (max-width: 797.98px) {
	article#main-contents {
    padding: 147px 0 0;
  }
}
@media (max-width: 786.98px) {
	article#main-contents {
    padding: 103px 0 0;
  }
}
@media (max-width: 700.98px) {
	article#main-contents {
    padding: 115px 0 0;
  }
}
@media (max-width: 386.98px) {
	article#main-contents {
    padding: 127px 0 0;
  }
}
.title-area {
  position: relative;
  /*width: 940px;*/
  margin: 0 auto;
  padding: 0 0 10px;
  background: #fff;
}
.contents {
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align:left;
}
section {
  clear: both;
  margin: 0 0 30px;
}
/*----------------------------------------------------
  ヘッダー
----------------------------------------------------*/
.header {
  position: fixed;
  width: 100%;
  z-index: 2;
}
.header:after {
  content: "";
  display: block;
  clear: both;
}
.header .header-area {
  margin: 0;
  background: #fff;
  overflow: hidden;
}
.header .header-area .header-inner {
 	position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.header p.site-copy {
	 padding: 10px 60px 5px 30px;
  color: #333;
  font-size: 0.7rem;
  line-height: 1.1;
}
header .logo-area {
  float: left;
}
header .contact-area {
	 display: block;
	 position: absolute;
	 top: 10px;
 	right: 30px;
  text-align: right;
	 transition: .3s;
}
header .contact-area .contact-btn img {
	 width: 172px;
 	height: 37px;
 	transition: .3s;
}
header .contact-area .tel img {
	 width: 266px;
 	height: 45px;
 	transition: .3s;
}
#logo {
  display: block;
	 height: 76px;
  padding: 10px 30px 5px;
  background-color: #fff;
  transition: .3s;
}
#logo img {
	width: 224px;
	height: 56px;
	transition: .3s;
}
#logo.is-animation {
  height: 55px;
}
#logo.is-animation img {
	width: 163px;
	height: 35px;
}
header .contact-area.is-animation {
	top: 7px;
}
header .contact-area.is-animation .contact-btn img {
	width: 140px;
  height: auto;
}
header .contact-area.is-animation .tel img {
	width: 207px;
	height: 35px;
}
.toggle {
  display: none;
}
@media (max-width: 849.98px) {
  header .contact-area {
    top: 45px;
  }
  header .contact-area.is-animation {
    top: 37px;
  }
  header .contact-area .contact-btn {
    margin-left: 10px;
    float: right;
  }
  header .contact-area .tel {
   float: right;
  }
}
@media (max-width: 767.98px) {
	header .contact-area {
    display: none;
  }
}
/*----------------------------------------------------
  リンク色
----------------------------------------------------*/
a:link {
  color: #0075c2;
  text-decoration: underline;
}
a:visited {
  color: #0075c2;
  text-decoration: underline;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}
a:active {
  color: #f60;
  text-decoration: underline;
}
/*----------------------------------------------------
  ヘッダー
----------------------------------------------------*/
#header-area {
  position: relative;
  /*width: 940px;*/
  margin: 0 auto 10px;
}
#header-area p.site-copy {
  margin: 10px 0 0;
  color: #333;
  font-size: 1.1em;
  line-height: 1.0;
}
#header-area h1 a {
  float: left;
  display: block;
  width: 224px;
  height: 56px;
  margin: 20px 0 0;
  background: url(../images/common/header_logo.png) 0 0 no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#header-area .header-right {
  position: absolute;
  top: 0;
  right: 0;
  /*width: 420px;*/
  margin: 0;
}
#header-area .header-right .header-contact {
  float: right;
  width: 240px;
  height: 46px;
  margin: 0 0 12px;
}
#header-area .header-right .header-tel {
  clear: right;
  width: 420px;
  height: 30px;
  margin: 0;
}
/*----------------------------------------------------
  パンクズメニュー
----------------------------------------------------*/
.breadcrumb {
  margin: 20px 0 6px;
  padding: 0 0 8px;
  font-size: 0.9em;
  line-height: 1.2;
  border-bottom: 1px dotted #7bf;
}
.breadcrumb ul {
  margin: 0;
	padding-left: 0;
}
.breadcrumb li {
  display: inline;
  list-style: none;
}
.breadcrumb li a {
  margin: 0 4px 0 0;
  padding: 0 15px 0 0;
  background: url(../images/common/ico_arrow01.png) right 5px no-repeat;
}
/*----------------------------------------------------
  タイトル
----------------------------------------------------*/
h1.page-tit {
  margin: 10px auto 20px;
}
h1.page-tit img.smp-img {
  display: none;
}
h2.tit02 {
  min-height: 45px;
  margin: 5px 0 20px;
  padding: 14px 12px;
  background: url(../images/common/bg_tit_h2.png) 0 bottom repeat-x;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.0;
}
h3.tit03 {
  margin: 0 0 20px;
  padding: 5px 0 10px;
  background: url(../images/common/bg_tit_h3.png) 0 bottom repeat-x;
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.0;
	overflow: hidden
}
h4.tit04 {
  margin: 0 0 10px;
  padding: 11px 20px 8px;
  background: url(../images/common/bg_tit_h4.png) 0 0 no-repeat;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.0;
}
h4.copy {
  margin: 0 0 5px 14px;
  padding: 0;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4;
}
h2.sub-tit {
  margin: 0;
  padding: 0 0 10px;
  background: url(../images/common/bg_tit_h3.png) 0 bottom repeat-x;
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.0;
}
@media (max-width: 575.98px) {
  h1.page-tit img.pc-img {
    display: none;
  }
  h1.page-tit img.smp-img {
    display: inherit;
  }
}
/*----------------------------------------------------
  ローカルナビ
----------------------------------------------------*/
.l-nav {
  margin: 0 0 20px;
}
.l-nav ul {
  margin: 0;
  list-style: none;
}
.l-nav ul li {
  margin: 0;
}
.l-nav ul li a {
  display: block;
  margin: 0;
  padding: 10px 5px 7px 25px;
  border-bottom: 1px dotted #ccc;
  background: #f3f3f3 url(../images/common/ico_arrow01.png) 12px 16px no-repeat;
  color: #000;
  text-decoration: none;
}
.l-nav ul li a:hover {
  background: #7bf url(../images/common/ico_arrow01.png) 12px 16px no-repeat;
  color: #000;
}
/*----------------------------------------------------
  フッターメニュー
----------------------------------------------------*/
.footer-wide {
  margin: 0 auto;
}
.footer-menu {
  clear: both;
  margin: 0 auto 10px;
	 background: #0185dc;
  background: -moz-linear-gradient(top,  #0185dc 0%, #0075c2 100%);
  background: -webkit-linear-gradient(top,  #0185dc 0%,#0075c2 100%);
  background: linear-gradient(to bottom,  #0185dc 0%,#0075c2 100%);
	 border-bottom: 3px solid #77bbff;
  text-align: center;
}
.footer-menu ul {
  margin: 0 auto;
  padding: 10px 0;
  list-style: none;
  font-size: 0;
}
.footer-menu li {
  display: inline-block;
  border-left: 1px dotted #ccc;
  font-size: 0.8rem;
  line-height: 1.6;
}
.footer-menu li a {
  display: block;
  margin: 0;
  padding: 0 20px;
  color: #fff;
  text-align: center;
	 text-decoration: none;
}
.footer-menu li a:hover {
	text-decoration: underline;
}
.footer-menu li:last-child {
  border-right: 1px dotted #ccc;
}
@media (max-width: 767.98px) {
  .footer-menu ul {
    padding: 0;
  }
  .footer-menu li {
    width: 50%;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}
}
@media (max-width: 767.98px) {
  .footer-menu li a {
    padding: 0 10px;
  }
}
/*----------------------------------------------------
  フッター
----------------------------------------------------*/
.footer-content {
  line-height: 1.3;
}
.footer-in {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.footer-main {
  float: left;
}
.footer-logo {
  margin: 0 0 5px;
}
.address {
  float: left;
  padding-left: 30px;
  font-size: 1.4em;
  line-height: 1.5;
}
.footer-sub {
  position: absolute;
  top: 10px;
  right: 30px;
}
.f-nav {
  text-align: right;
  font-size: 0.9em;
}
.f-nav ul {
  list-style: none;
  margin: 0;
}
.f-nav ul li {
  float: left;
  margin: 0 0 0 18px;
  padding: 0 0 4px 10px;
  background: url(../images/common/ico_arrow01.png) 0 5px no-repeat;
  font-size: 1.5em;
}
.f-nav ul li a {
  text-decoration: none;
}
.copyright {
	 clear: both;
  float: left;
  margin: 5px 0 20px;
  padding-left: 30px;
  color: #666;
  font-size: 1.3em;
}
@media (max-width: 767.98px) {
	.address {
    margin-top: 0;
  }
	.footer-sub {
  position: inherit;
		top: 0;
  right: auto;
		margin: 0 auto 10px;
  padding-left:30px;
		overflow: hidden;
  }
	.f-nav ul li {
    margin: 0 18px 0 0;
    padding: 0 0 4px 10px;
  }
}
@media (max-width: 575.98px) {
	.copyright {
		margin: 5px 0 40px;
	}
}
/*----------------------------------------------------
  ページトップ
----------------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}
#page-top a {
  display: block;
  width: 150px;
  padding: 8px 0 6px 14px;
  background: #77bbe1 url(../images/common/ico_arrow02.png) 13px center no-repeat;
  background: rgba(119,187,255,0.3) url(../images/common/ico_arrow02.png) 13px center no-repeat;
  color: #000;
  font-size: 12px;
  line-height: 1.0;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;		/* CSS3草案 */
  -webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30); /* IE lt 8 */
  -ms-filter: "alpha(opacity=30)"; /* IE 8 */
  zoom: 1;
}
#page-top a:hover {
  background: #77bbe1 url(../images/common/ico_arrow02.png) 13px center no-repeat;
  background: rgba(119,187,255,0.8) url(../images/common/ico_arrow02.png) 13px center no-repeat;
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80); /* IE lt 8 */
  -ms-filter: "alpha(opacity=80)"; /* IE 8 */
  zoom: 1;
}
/*----------------------------------------------------
  ニュース&トピックス
----------------------------------------------------*/
.topics-list {
  margin-bottom: 20px;
}
.topics-area {
  margin: 0 15px;
}
.topics {
  margin: 0;
}
.topics dt {
  padding: 5px 10px 4px 0;
  color: #333;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.3;
}
.topics dt .category img {
  padding: 0 0 2px 10px;
  vertical-align: middle;
}
.topics dd {
  padding: 0 10px 12px 15px;
  background: url(../images/common/ico_arrow01.png) 5px 5px no-repeat;
  color: #333;
  font-size: 1.0rem;
  line-height: 1.2;
}
.topics dd .new img {
  margin: 0 0 2px 8px;
  vertical-align: middle;
}
.topics dd.no-post {
  margin: 15px 0 0 5px;
}
.topics-area p.link-list {
  float: right;
  margin: 10px 0;
  padding: 0 0 0 24px;
  background: url(../images/common/ico_arrow01.png) 5px 6px no-repeat;
}
/*ページネーション*/
#pagenation {
  clear: left;
}
#pagenation .tablenav {
  margin: 10px auto 0;
  color: #f60;
  font-size: 0.9em;
  line-height: 2.0;
  text-align: center;
}
#pagenation a.page-numbers {
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #ccc;
  color: #0075c2;
  text-decoration: none;
}
#pagenation .tablenav .current {
  padding: 5px 10px;
  background: #0075c2;
  color: #fff;
  border: 1px solid #0075c2;
  text-decoration: none;
}
#pagenation a.page-numbers:hover {
  padding: 5px 10px;
  background: #fff;
  color: #f60;
  border: 1px solid #f60;
  text-decoration: none;
}
#pagenation .tablenav .next,
#pagenation .tablenav .prev {
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #ccc;
  color: #0075c2;
  text-decoration: none;
}
/*----------------------------------------------------
  ニュース&トピックス投稿ページ
----------------------------------------------------*/
.post-info {
  position: relative;
  margin: -10px 0 20px;
  padding: 0;
  border-bottom: 1px dotted #ddd;
}
.post-info .new img {
  margin: 0 0 4px 5px;
  vertical-align: middle;
}
/*----------------------------------------------------
  共通クラス
----------------------------------------------------*/
.contents p {
  margin: 0 0 10px;
}
.contents .align-right,
.contents .alignright {
  float: right;
  margin: 0 0 10px 20px;
}
.contents .align-left,
.contents .alignleft {
  float: left;
  margin: 0 20px 10px 0;
}
.contents .align-center,
.contents .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.br-sp {
  display: inline-block;
  text-decoration: none;
}
/*----------------------------------------------------
  表組み（table）
----------------------------------------------------*/
table.table01 {
  margin: 20px auto 0;
	border-collapse: separate;
  border-spacing: 3px;
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 0.9rem;
  line-height: 1.6;
  text-align: left;
  width: 100%;
}
table.table01 th {
  background: #b0b0b0;
  border-top: 1px solid #ccc;
	color: #fff;
  font-weight: 500;
  padding: 14px 14px 8px;
  vertical-align: top;
}
table.table01 td {
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 14px 14px 10px;
  vertical-align: middle;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  table.table01 {
    border: medium none;
  }
  table.table01 tr {
    display: block;
  }
  table.table01 th {
    background: #b0b0b0;
    border-top: 1px solid #ccc;
    display: block;
    margin: 0 auto;
    padding: 11px 14px 8px;
    width: 100%;
  }
  table.table01 td {
    background: #fff;
    border: medium none;
    display: list-item;
    list-style: outside none none;
    margin: 0;
    padding: 10px;
    width: 100%;
  }
}
.back-btn {
	clear: both;
  padding: 20px 0 0;
  text-align: center;
}
/*----------------------------------------------------
  カラム
----------------------------------------------------*/
.column-area {
  margin: 0 10px;
  padding: 0;
}
.column2 > [class*='col-'] {
  margin: 0 0 30px;
}
.column2-1 {
	height: 100%;
  padding: 20px 20px 70px;
  background: url(../images/home/original_img_bg.png)  0 0 repeat;
  border: 1px solid #eee;
  border-radius: 6px;		/* CSS3草案 */
  -webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
}
.column2-1 > .no-gutter {
	margin-right: 0;
  margin-left: 0;
}
.column2-1 > .no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.column2-1 img.photo {
  float: left;
  margin: 0 0 15px;
  border: 1px solid #fff;
}
.column2-1 .detail-btn {
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin: 10px 0 0;
  text-align: center;
  transform: translateX(-100px);
}
.column3 {
  width: 960px;
  margin: 0 0 30px;
  padding: 0;
}
.column3-1 {
  position: relative;
  float: left;
  width: 278px;
  margin: 0 20px 20px 0;
  padding: 20px 10px 60px;
  border: 1px solid #eee;
  border-radius: 6px;		/* CSS3草案 */
  -webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
}
.column3-1 .detail-btn {
  position: absolute;
  left: 44px;
  bottom: 5px;
}
p.caption {
  margin: 0 0 20px;
  font-size: 0.8em;
  line-height: 1.2;
}
.column4 {
  margin-bottom: 0;
}
.column4 .no-gutter {
  margin: 0;
}
.column4 .no-gutter > [class*='col-'] {
  margin: 0 0 30px;
}
.column2-2 {
  position: relative;
	height: 100%;
  margin: 0 0 20px;
  padding: 20px 10px 60px;
  border: 1px solid #eee;
  border-radius: 6px;		/* CSS3草案 */
  -webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
  text-align: center;
}
.column2-2 h3 {
  text-align: left;
}
.column2-2 p {
  margin: 0 0 10px;
  text-align: left;
}
.column2-2 .detail-btn {
  position: absolute;
  left: 50%;
  bottom: 5px;
	transform: translateX(-100px);
}
p.caption {
  margin: 0 0 20px;
  font-size: 0.8em;
  line-height: 1.2;
}
/*----------------------------------------------------
  ムービーギャラリー
----------------------------------------------------*/
.column {
  clear: both;
}
.column img {
  margin: 0;
}
.column p.caption {
  background: rgba(0, 0, 0, 0) url("../images/common/ico_arrow01.png") no-repeat scroll left 3px;
  font-size: 0.9rem;
  line-height: 1;
  margin: 0;
  padding: 0 0 0 12px;
}
.column figure {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.column figure img {
  width: 100%;
}
.column figcaption {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 1;
}
.column figure:hover figcaption {
  opacity: 1;
}
.column figure p {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.movie-area {
  clear: both;
  padding: 60px 0;
}
.movie-column {
  display: flex;

  margin: 0 auto 40px;
}
.movie-column .movie {
  flex: 0 0 48%;
}
.movie-column .movie:not(:last-child) {
  margin-right: auto;
}
@media (max-width: 577.98px) {
  .movie-column {
    display: block;
    flex-direction: column;
  }
  .movie-column .movie {
    margin: 0 auto 30px;
  }
}
/*----------------------------------------------------
  自動アイコン
----------------------------------------------------*/
.icon a[href$=".xls"],
.icon a[href$=".xlsx"],
.icon a[href$=".doc"],
.icon a[href$=".docx"],
.icon a[href$=".ppt"],
.icon a[href$=".pptx"],
.icon a[href$=".pdf"] {
 padding: 3px 0 0 1.5em;
 background: left 50% no-repeat;
}
.icon a[href$=".xls"] {
 background-image: url(../images/common/ico_xls.gif);
}
* html .icon a.xls {
  padding: 3px 0 0 1.5em;
  background: url(../images/common/ico_xls.gif) left 50% no-repeat;
}
.icon a[href$=".xlsx"] {
 background-image: url(../images/common/ico_xls.gif);
}
* html .icon a.xlsx {
  padding: 3px 0 0 1.5em;
  background: url(../images/common/ico_xls.gif) left 50% no-repeat;
}
.icon a[href$=".doc"] {
 background-image: url(../images/common/ico_doc.gif);
}
* html .icon a.doc {
  background: url(../images/common/ico_doc.gif) left 50% no-repeat;
  padding: 3px 0 0 1.5em;
}
.icon a[href$=".docx"] {
 background-image: url(../images/common/ico_doc.gif);
}
* html .icon a.docx {
  background: url(../images/common/ico_doc.gif) left 50% no-repeat;
  padding: 3px 0 0 1.5em;
}
.icon a[href$=".ppt"] {
 background-image: url(../images/common/ico_doc.gif);
}
* html .icon a.ppt {
  background: url(../images/common/ico_doc.gif) left 50% no-repeat;
  padding: 3px 0 0 1.5em;
}
.icon a[href$=".pptx"] {
 background-image: url(../images/common/ico_doc.gif);
}
* html .icon a.pptx {
  background: url(../images/common/ico_doc.gif) left 50% no-repeat;
  padding: 3px 0 0 1.5em;
}
.icon a[href$=".pdf"] {
 background-image: url(../images/common/ico_pdf.gif);
}
* html .icon a.pdf {
  background: url(../images/common/ico_pdf.gif) left 50% no-repeat;
  padding: 3px 0 0 1.5em;
}
* html .icon a { /* IE6用 */
 behavior: expression( this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : '', this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : '', this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : '', this.style.behavior = "none");
}
/*----------------------------------------------------
	404
----------------------------------------------------*/
#notfound .breadcrumb {
  margin: 15px 0 6px;
}
.notfound .box {
  margin: 0 0 30px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;		/* CSS3草案 */
  -webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
}
.notfound .box h3 {
  margin: 10px 0;
  padding: 8px 10px 6px;
  background: #060;
  border-bottom: none;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.0;
}
.notfound .box p {
  margin: 0 10px 20px;
  font-size: 1.0em;
  line-height: 2.0;
}
.notfound ul {
  margin: 0 0 10px;
  border-top: 1px dotted #ddd;
  list-style: none;
}
.notfound ul li {
  padding: 0;
}
.notfound ul li a {
  display: block;
  margin: 0;
  padding: 12px 10px 12px 35px;
  background: url(../images/common/ico_arrow01.png) 20px 15px no-repeat;
  border-bottom: 1px dotted #ddd;
  font-size: 1.0em;
  line-height: 1.2;
}
.notfound ul li a:hover {
  background: #fff url(../images/common/ico_arrow01.png) 20px 15px no-repeat;
  color: #333;
  text-decoration: none;
}