@charset 'UTF-8';
/*=============================================================
Foundation
=============================================================*/

body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
#main-contents p {
  margin: 10px 0;
}
/*=============================================================
Layout
=============================================================*/

#wrap-outer1 {
  width: 1206px;
  background: url(../../img/top2/bg_outer.gif) repeat-y 50%;
}
#wrap-inner {
  background-image: none;
}
#head-box {
  width: 100%;
  margin-left: 0;
}
/* パンくず */

#path-box {
  width: 100%;
  margin-left: 0;
  padding-bottom: 0;
}
#main {
  background: url(../../img/top2/bg_sidebar.gif) repeat-y right top;
}
/* 本文エリア */

#main-contents {
  width: 950px !important;
  margin: 0 15px !important;
  padding-bottom: 15px;
}
/* サイドバー */

#sidebar {
  float: right;
  margin-left: 0;
}
/* フッター */

#foot-box {
  margin-left: 0;
}
body.no-navi #foot-box,
#foot-box div.lower {
  width: 100%;
}
#foot-box div.upper div.col2-r {
  width: 1045px;
}
/*=============================================================
Object - Component
=============================================================*/


/*----------------------------------
グリッド3分割
----------------------------------*/

.c-row {
  overflow: hidden;
}
.c-row:after {
  display: block;
  clear: both;
  content: '';
}
.c-row>div {
  float: left;
  margin-left: 7px;
}
.c-row>div:first-child {
  margin-left: 0;
}
.c-row__col--1 {
  width: 312px;
}
.c-row__col--2 {
  width: 631px;
}
/*----------------------------------
見出し
----------------------------------*/

h1 {
  font-size: 181%;
  font-weight: normal;
  margin-bottom: 0;
  padding: 10px 20px;
  color: #c70210;
  border-top: 8px solid #cb0000;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.c-ttl--bg {
  font-size: 112.5%;
  font-weight: bold;
  line-height: 40px !important;
  height: 40px;
  margin: 30px 0 15px;
  padding-bottom: 1px;
  padding-left: 20px;
  background: url(../../img/top2/h2_bar.gif) no-repeat left top !important;
}
.c-ttl--accent {
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5 !important;
  position: relative;
  margin: 20px 0 15px;
  padding-bottom: 3px;
  padding-left: 20px;
  background: none !important;
}
.c-ttl--accent:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  content: '';
  vertical-align: middle;
  background-color: #cb0000;
}
/*----------------------------------
ボタン
----------------------------------*/

.c-btn {
  display: inline-block;
  text-decoration: none !important;
 *display: inline;
 *zoom: 1;
}
.c-btn--large {
  font-size: 112%;
  font-weight: bold;
  line-height: 65px;
  width: 280px;
  height: 70px;
  padding: 0;
  color: #fff !important;
  background: url(../../img/top2/btn_green_s.png) no-repeat left top;
}
/*----------------------------------
リスト
----------------------------------*/
/* 矢印アイコン付 */
.c-list--icon {
  padding-left: 0;
}
.c-list--icon li {
  position:relative;
  margin-bottom: .25em;
  padding-left:20px;
}
.c-list--icon li:before {
  position: absolute;
  left:0;
  top: 4px;
  content: url(../../img/top2/arrow_nav.gif);
}
/* 色丸付 */
.c-list--disc {
  padding-left: 0;
}
.c-list--disc li {
  position: relative;
  padding-left: 16px;
}
.c-list--disc li:before {
  position: absolute;
  top: .4em;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 3px;
  background: #9e956e;
}
/*----------------------------------
ページ上部に戻る
----------------------------------*/

.c-pagetop {
  margin: 15px 0 60px !important;
  text-align: right;
}
.c-pagetop a {
  padding-left: 16px;
  background: url(../../img/top2/icon_page_top.gif) no-repeat left center;
}
/*=============================================================
Object - Project
=============================================================*/


/*----------------------------------
 アイキャッチ
----------------------------------*/

.p-eyecatch {
  position: relative;
  overflow: hidden;
  height: 240px;
  margin-bottom: 7px;
  color: #594c3c;
  border: 1px solid #ccc;
}
.p-eyecatch__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.p-eyecatch p {
  position: relative;
  margin-left: 30px!important;
}
.p-lead {
  font-size: 230% !important;
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}
.p-lead+p {
  font-size: 110% !important;
  margin-bottom: 30px !important;
}
/*----------------------------------
 索引
----------------------------------*/

.p-anchors {
  margin: 30px 0 50px;
}
.p-anchors dt,
.p-anchors dd {
  font-size: 85%;
  display: inline-block;
 *display: inline;
 *zoom: 1;
}
.p-anchors dt,
.p-anchors a {
  line-height: 25px;
  height: 25px;
  padding: 0 .35em;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
}
.p-anchors dt {
  color: #fff;
  border-color: #727171;
  background: #727171;
}
.p-anchors dd {
  margin-left: 0;
}
.p-anchors a {
  display: block;
  text-decoration: none;
  color: #cb0000;
  border-color: #cb0000;
}
.p-anchors a:before {
  display: inline-block;
  margin-right: .25em;
  content: url(../../img/top2/arrow_down_link.gif);
  vertical-align: middle;
}
/*----------------------------------
 ラインナップ
 ----------------------------------*/

.p-lineup .u-bg--yellow {
  color: #594c3c;
}
.p-lineup h2 {
  font-size: 200%;
  font-weight: normal;
  position: relative;
}
.p-lineup h2 span {
  position: absolute;
  top: 15px;
  left: 10px;
}
.p-lineup h2 small {
  font-size: 50%;
  font-weight: bold;
  display: block;
}
.p-lineup .u-bg--yellow>h3,
.p-lineup .u-bg--yellow>p {
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.p-lineup .c-list--icon {
  min-height: 190px;
  padding: 15px;
}
/*----------------------------------
 Webゆうびんとは
 ----------------------------------*/

.p-about .u-bg--yellow {
  min-height: 185px;
}
.p-about__ttl {
  min-height: 100px;
  color: #594c3c;
  position: relative;
  margin-bottom: -10px !important;
  padding-left: 115px;
  padding-top: 10px;
  font-size: 160%;
}
.p-about__ttl img {
  position: absolute;
  left: 0;
  top: 0;
}
.p-about__ttl small {
  font-weight: bold;
  display: block;
  font-size: 60%;
  line-height: 1.5;
  margin-bottom: 10px;
}
/*----------------------------------
メリット
----------------------------------*/

.p-merit {
  overflow: hidden;
  padding: 0;
  list-style: none;
}
.p-merit:after {
  display: block;
  clear: both;
  content: '';
}
.p-merit>li {
  display: block;
  float: left;
  width: 312px;
  margin-bottom: 7px;
  margin-left: 7px;
  background: #f3f1e2;
}
.p-merit>li:first-child {
  margin-left: 0;
}
.p-merit__newrow {
  clear: left;
  margin-left: 0 !important;
}
.p-merit__ttl {
  display: table;
  width: 100%;
}
.p-merit__ttl>* {
  display: table-cell;
  vertical-align: middle;
}
.p-merit__ttl>span {
  font-size: 250%;
  width: 91px;
  height: 90px;
  text-align: center;
  color: #fff;
  background: #9e956e;
}
.p-merit__ttl small {
  font-size: 40%;
  display: block;
  width: 100%;
}
.p-merit__body {
  font-size: 107%;
  font-weight: bold;
  box-sizing: border-box;
  min-height: 120px;
  padding: 5px 15px;
  color: #594c3c;
}
.p-merit__body p {
  line-height: 1.5 !important;
}
.p-merit__body sup {
  font-size: 80%;
}
/*----------------------------------
ガイド、その他のサービス
----------------------------------*/

#guide .u-has-border,
#services .u-has-border {
  min-height: 215px;
}
/*----------------------------------
お知らせリスト
----------------------------------*/

.p-info li {
  padding: 15px 0;
  background: url(../../img/top/bgDot01.gif) repeat-x top;
}
.p-info li:first-child {
  background-image: none;
}
.p-info dl {
  position: relative;
}
.p-info dt {
  position: absolute;
  top: 0;
  left: 0;
}
.p-info dd {
  padding-left: 150px;
}
/*=============================================================
Object - Utility
=============================================================*/


/* 背景・線 */

.u-has-border {
  border: 1px solid #ccc;
}
.u-bg--yellow {
  background: #f3f1e2;
}
/* float */

.u-pull--left {
  float: left;
}
.u-pull--right {
  float: right;
}
.u-clearfix {
  overflow: hidden;
}
.u-clearfix:after {
  display: block;
  clear: both;
  content: '';
}
/* テキスト装飾 */

.u-text--center {
  text-align: center;
}
.u-text--s {
  font-size: 80% !important;
}
.u-text--l {
  font-size: 120% !important;
}
.u-text--ll {
  font-size: 220% !important;
}
.u-text--bgy {
  color: #594c3c !important;
}
.u-underline {
  text-decoration: underline !important;
}
/* 幅 */

.u-w-50 {
  width: 50% !important;
}
/* 余白 */

.u-m--0 {
  margin: 0 !important;
}
.u-m--s {
  margin: 10px !important;
}
.u-m--m {
  margin: 15px !important;
}
.u-m--l {
  margin: 30px !important;
}
.u-ml--0 {
  margin-left: 0 !important;
}
.u-ml--s {
  margin-left: 10px !important;
}
.u-ml--m {
  margin-left: 15px !important;
}
.u-ml--l {
  margin-left: 30px !important;
}
.u-mr--0 {
  margin-right: 0 !important;
}
.u-mr--s {
  margin-right: 10px !important;
}
.u-mr--m {
  margin-right: 15px !important;
}
.u-mr--l {
  margin-right: 30px !important;
}
.u-mt--0 {
  margin-top: 0 !important;
}
.u-mt--s {
  margin-top: 10px !important;
}
.u-mt--m {
  margin-top: 15px !important;
}
.u-mt--l {
  margin-top: 30px !important;
}
.u-mt--ll {
  margin-top: 60px !important;
}
.u-mb--0 {
  margin-bottom: 0 !important;
}
.u-mb--s {
  margin-bottom: 10px !important;
}
.u-mb--m {
  margin-bottom: 15px !important;
}
.u-mb--l {
  margin-bottom: 30px !important;
}
.u-p--0 {
  padding: 0 !important;
}
.u-p--s {
  padding: 10px !important;
}
.u-p--m {
  padding: 15px !important;
}
.u-p--l {
  padding: 30px !important;
}