@charset "UTF-8";

/* topImage
--------------------------------------------------------------------*/
#headImage {
  background: url(../img/topimg_other.jpg) center no-repeat;
  background-size: cover;
}




/* 新着情報
--------------------------------------------------------------------*/
#newsArea dl {
  margin-bottom: 3em;
  width: 100%;
  border-bottom: solid #ddd 1px;
}
#newsArea dl dt {
  padding: 1.5em 2em;
  border-top: solid #ddd 1px;
  position: relative;
}
#newsArea dl dt::after {
  content: "\0229E";
  position: absolute;
  top: 35px;
  right: 15px;
  line-height: 0;
  font-size: 25px;
  color: #f39700;
}
#newsArea dl dt.open::after {
  content: "\0229F";
  top: 36px;
  right: 16px;
  font-size: 22px;
}
#newsArea dl dt span {
  font-weight: bold;
}
#newsArea dl dt img {
  margin: 0 1em;
  width: 90px;
  vertical-align: middle;
}
#newsArea dl dd {
  padding: 1.5em 2em 3em;
  border-top: dashed #ddd 1px;
}
#newsArea dl dd .img {
  margin-top: 1em;
  text-align: center;
}
#newsArea dl dd .img img {
  width:650px;
}
/* pager */
#newsPager {
  text-align: center;
  font-size: 120%;
}
#newsPager a {
  margin: 0 10px;
  padding: 5px 15px;
  background: #0e3480;
  color: #fff;
}
#newsPager a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media only screen and (max-width:768px){
  #newsArea dl dt img {margin-bottom: 5px;}
  #newsArea dl dt span::before {
    content: "\A";
    white-space: pre;
  }
  #newsArea dl dd .img img {width: 100%;}
}




/* お問い合わせ
--------------------------------------------------------------------*/
#contactArea::after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}
/* 電話＆FAX */
.telBox {
  padding: 1em 1em 0;
  border-top: dashed #d2d2d2 1px;
  border-bottom: dashed #d2d2d2 1px;
}
.telBox h4 {
  padding-left: 50px;
  background: url(../contact/img/icon_tel.png) left center no-repeat;
  background-size: contain;
}
.faxBox {
  padding: 1em 1em 0;
  border-bottom: dashed #d2d2d2 1px;
}
.faxBox h4 {
  padding-left: 50px;
  background: url(../contact/img/icon_fax.png) left center no-repeat;
  background-size: contain;
}
.emailBox {
  margin-bottom: 4em;
  padding: 1em 1em 0;
  border-bottom: dashed #d2d2d2 1px;
}
.emailBox h4 {
  padding-left: 50px;
  background: url(../contact/img/icon_email.png) left center no-repeat;
  background-size: contain;
}
.telno {
  font-size: 120%;
  font-weight: bolder;
  color: #0e3480;
}
.num {
  margin-right: 15px;
  font-size: 180%;
  font-weight: bolder;
  color: #0e3480;
  white-space:nowrap;
}
/* 入力画面の流れ */
#mailFlowing {
  margin: 0 0 4em;
  text-align: center;
}
#mailFlowing::after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}
#mailFlowing span{
  padding: 10px 2.5vw;
  background: #7F9FCB;
  font-size: 125%;
  font-weight: bolder;
  color: #fff;
}
#mailFlowing span.on {
  background: #0e3480;
}
/* フォームtable */
#contactArea .table {margin-bottom: 2em;}
#contactArea .table table th {width: 25%;}
#contactArea input,
#contactArea textarea {
  padding: 7px;
  width: 96%;
  background: #eee;
  border: solid #ddd 1px;
}
#contactArea select {
  padding: 7px;
  background: #eee;
  border: solid #ddd 1px;
}
#contactArea input:hover,
#contactArea select:hover,
#contactArea textarea:hover {background: #e2e2e2;}
#contactArea textarea {height: 100px;}
/* 必須 */
#contactArea .label-Req,
#contactArea .label-Opt {
  margin-left: 1em;
  padding: 2px 7px;
  background: #0e3480;
  color: #fff;
}
#contactArea .label-Opt{
	background:#999;
}
/* 個人情報の取り扱いについて */
#contactArea .privacy {
  margin-bottom: 2em;
  padding: 1.5em 1.5em 0.5em;
  border: solid #ddd 1px;
}
/* 送信確認チェック */
#contactArea .checkbox01 input {width: auto;}
#contactArea .checkbox01 {
  margin-bottom: 2em;
  text-align: center;
  font-size: 110%;
}
/* 送信ボタン */
#contactArea  input.submit {
  margin-right: 2em;
  width: 250px;
  background: #0e347f;
  border: none 0;
	font-size: 120%;
	color: #fff;
}
#contactArea input.submit:hover {opacity: 0.8;}
/* 戻るボタン */
#contactArea  input.modoru {
  width: 250px;
  background: #ccc;
  border: none 0;
	font-size: 120%;
	color: #000;
}
#contactArea input.modoru:hover {opacity: 0.8;}
/* 送信完了ページ */
.thanksBox {
  margin: 40px auto;
  padding: 15px 15px 0;
  width: 400px;
  background: #fff;
  border: solid 1px #ccc;
  line-height: 1.7;
  text-align:center;
}
.thanksBox h4 {color: #0e3480;}
.formError{color:#f00;}

@media only screen and (max-width:768px){
  .telBox h4,
  .faxBox h4,
  .emailBox h4 {padding-left: 2.5em;}
  .num::after {
    content: "\A";
    white-space: pre;
  }
  #mailFlowing {
    width: auto;
    font-size: 81%;
  }
  #mailFlowing span {
    padding: 10px 5.5vw;
    font-size: 92%;
  }
  #contactArea .table table th {width: auto;}
  #contactArea input,
  #contactArea select,
  #contactArea textarea {font-size: 4vw;}
  #contactArea input.submit {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .thanksBox {width: 80%;}
}




/* プライバシーポリシー
--------------------------------------------------------------------*/
#privacyArea ol {
  margin: 0 0 1em;
  padding: 1em 1em 1em 2.5em;
  list-style: decimal;
  border: solid #ddd 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: bolder;
  color: #0e3480;
}
#privacyArea ol li {
  margin-bottom: 1em;
  border-bottom: dashed #d2d2d2 1px;
}
#privacyArea ol li p {
  font-weight: normal;
  color: #000;
}
#privacyArea ol li:last-child {
  margin-bottom: 0;
  border-bottom: none 0;
}

#privacyAddress {
  margin-bottom: 20px;
  padding: 1em;
  background: #e2e2e2;
  border: solid #d2d2d2 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
#privacyAddress span {margin-left: 1em;}

#privacyMail {
  padding: 1em;
  background: #195dc0;
  border: solid #0e3480 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
}
#privacyMail span {
  margin-left: 15px;
  padding-left: 20px;
  background: url(../img/arrow01.png) left center no-repeat;
  font-weight: bolder;
}

@media only screen and (max-width:768px){
  #privacyAddress span {margin-left: 0;}
  #privacyAddress span::before {
    content: "\A";
    white-space: pre;
  }
  #privacyMail span {
    margin-left: 0;
    padding-left: 5px;
    background: transparent;
    display: list-item;
    list-style: inside url(../img/arrow01.png);
  }
}




/* このサイトについて
--------------------------------------------------------------------*/
.siteBox {
  margin-bottom: 3em;
}




/* サイトマップ
--------------------------------------------------------------------*/
#sitemapArea ul {
  margin-bottom: 3em;
}
#sitemapArea ul::after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
}
#sitemapArea ul li {
  float: left;
  width: 20%;
}
#sitemapArea ul li::before {
  margin-right: 5px;
  content: "\0bb";
  font-size: 150%;
  font-weight: bolder;
  line-height: 0;
  color: #0e3480;
}

@media only screen and (max-width:768px){
  #sitemapArea ul li {
    float: none;
    width: 100%;
  }
}