@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */
body { background: #FFF; color: #000; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif; font-size: 16px; }

/* acms.cssの上書き */
.acms-label { font-size: 75%; background-color: #595959; margin-right: 10px; }

/* リンクの設定 */
a { color: #1258A0; text-decoration: none; border: none; }
a:active { color: #006DD9; text-decoration: none; }
a:hover { color: #006DD9; text-decoration: underline; }

.acms-container { max-width: 1100px; }
.acms-container .acms-container { padding: 0; }

@media (max-width: 1170px) { .acms-container { padding-left: 20px; padding-right: 20px; }
  .sp-container, .acms-grid-r .sp-container { padding-right: 20px; padding-left: 20px; }
  .sp-container .sp-container, .sp-container .acms-container .sp-container { padding: 0; } }
.content-wrapper { padding: 30px 0; }

@keyframes fade-in { 0% { display: none; opacity: 0; }
  20% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
@-webkit-keyframes fade-in { 0% { display: none; opacity: 0; }
  20% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
/* ------------------------------
　　共通部品
------------------------------ */
.entryColumn strong { background-color: #F3E05A; padding: 4px; }
.entryColumn em { color: #900; font-weight: bold; }
.entryColumn .color-black { font-weight: bold; }

/* ------------------------------
　　ボタン
------------------------------ */
.btn { background: #999999; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 8px 15px; border-radius: 3px; }
.btn:hover, .btn:visited { color: #FFF; text-decoration: none; }
.btn:focus, .btn:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btn:hover { background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#999999)); background-image: linear-gradient(top, #c1c1c1, #999999); color: #ffffff; }
.btn:active, .btn:focus { background: #878787; }

.btnAttention { display: block; background: #88C96D; font-weight: bold; color: #000; line-height: 1.2; border: 0; border-radius: 7px; padding: 8px 15px; text-align: center; display: inline-block; max-width: 480px; margin: 0 auto; }
.btnAttention a { display: block; font-size: 113%; color: #000 !important; }
.btnAttention:hover, .btnAttention:visited { text-decoration: none; color: #FFF; background: #6D9AC9; }
.btnAttention:focus, .btnAttention:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btnAttention:hover { background: #6AB14C; }
.btnAttention:hover a { text-decoration: none; color: #FFF; }

.btnLarge { background: #999999; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 15px 20px; text-align: center; border-radius: 5px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; }
.btnLarge:hover, .btnLarge:visited { color: #FFF; text-decoration: none; }
.btnLarge:focus, .btnLarge:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btnLarge:hover { background: #777777; }
.btnLarge:active, .btnLarge:focus { background: #878787; }

.btnAttentionLarge { background: #ff9a00; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 15px 20px; text-align: center; border-radius: 5px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; }
.btnAttentionLarge:hover, .btnAttentionLarge:visited { color: #FFF; text-decoration: none; }
.btnAttentionLarge:focus, .btnAttentionLarge:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btnAttentionLarge:hover { background: #ff7e00; }
.btnAttentionLarge:active, .btnAttentionLarge:focus { background: #eda800; }

.btnBlockLarge { width: 100%; background: #999999; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 15px 20px; text-align: center; border-radius: 5px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; }
.btnBlockLarge:hover, .btnBlockLarge:visited { color: #FFF; text-decoration: none; }
.btnBlockLarge:focus, .btnBlockLarge:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btnBlockLarge:hover { background: #777777; }
.btnBlockLarge:active, .btnBlockLarge:focus { background: #878787; }

.btnAttentionBlockLarge { width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#2f79c4), to(#21649d)); background-image: linear-gradient(180deg, #2f79c4 0%, #21649d 100%); border: 2px solid rgba(255, 255, 255, 0.8); font-weight: bold; color: #FFF; line-height: 1.2; display: inline-block; padding: 15px 60px; text-align: center; border-radius: 5px; font-size: 138%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; }
.btnAttentionBlockLarge:hover, .btnAttentionBlockLarge:visited { color: #FFF; text-decoration: none; }
.btnAttentionBlockLarge:focus, .btnAttentionBlockLarge:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.btnAttentionBlockLarge:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(#2664a2), to(#1d598b)); background-image: linear-gradient(180deg, #2664a2 0%, #1d598b 100%); -webkit-box-shadow: 0px 3px 0px #164374; box-shadow: 0px 3px 0px #164374; }

@media (min-width: 768px) { .btnBlockLarge, .btnAttentionBlockLarge { max-width: 360px; } }
@media (max-width: 767px) { .btnSearchBlock { display: block; width: 100%; max-width: 360px; margin: 0 auto; padding: 15px 20px; font-size: 20px; } }
.homeBtn { margin: 20px 0 10px; }

.btnBorder { display: inline-block; padding: 7px 10px; color: #333; font-size: 16px; border-radius: 4px; border: 1px solid #CCC; }
.btnBorder [class*='acms-icon-'] { color: #CCC; font-size: 14px; }
.btnBorder:hover { text-decoration: none; }

/* ------------------------------
　　ページタイトル
------------------------------ */
.pageTitleWrapper { position: relative; width: 100%; height: 100px; color: #FFF; display: table; background: url(../images/bg_other.jpg) #333333 no-repeat center; background-size: cover; }

.pageTitleFilter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); }

.pageTitleInner { display: table-cell; position: relative; padding: 15px 10px; vertical-align: middle; }

.pageTitle { margin: 0 0 10px 0; font-size: 30px; font-weight: bold; line-height: 1.2; }

.pageDescription { margin: 10px 0; font-size: 16px; line-height: 1.5; }

@media (min-width: 768px) { .pageTitleWrapper { height: 270px; } }
/* ------------------------------
　　ページャー
------------------------------ */
.pager { list-style: none; margin: 0 -5px 50px -5px; padding: 0; text-align: center; }
.pager li { display: inline-block; margin: 0 5px; }
.pager li.cur { padding: 5px 20px; color: #FFF; background: #999999; border-radius: 3px; }

.pagerLink { display: block; padding: 5px 20px; color: #333; border-radius: 3px; background: #e5e5e5; }
.pagerLink:visited, .pagerLink:focus, .pagerLink:active { color: #333; }
.pagerLink:hover { color: #FFF; text-decoration: none; background: #333; }

.pagerLinkForward { float: right; }

.pagerLinkPrev { float: left; }

@media screen and (min-width: 768px) { .pagerLink, .pager li.cur { padding: 5px 10px; } }
.serialNav { list-style: none; margin: -25px 0 60px 0; padding: 0; }
.serialNav .serialNavItem { display: block; float: none; }
.serialNav .serialNavItemPrev { text-align: left; }
.serialNav .serialNavItemNext { text-align: right; }
.serialNav a { display: block; padding: 25px 0; border-bottom: 1px solid #e5e5e5; color: #333; border-radius: 6px; }
.serialNav a:hover, .serialNav a:visited, .serialNav a:focus, .serialNav a:active { color: inherit; text-decoration: none; }
.serialNav a:hover { background: #A0D486; }

@media screen and (min-width: 768px) { .serialNav { margin: 0 0 60px 0; border: 0; }
  .serialNav .serialNavItemPrev { float: left; }
  .serialNav .serialNavItemNext { float: right; }
  .serialNav a { display: inline; border: 0; background-color: #C0D6AC; font-weight: bold; padding: 20px; -webkit-transition: 0.25s; transition: 0.25s; } }
/* ------------------------------
　　トピックパス
------------------------------ */
.topicpath { padding: 10px 0; }

.topicpathList { list-style: none; margin: 0 auto; }

.topicpathItem { float: left; padding: 0 10px 0 23px; background: url(../images/marker/icon_arrow.png) no-repeat left center; font-size: 88%; }
.topicpathItem:first-child { padding: 0 10px 0 0; background: 0; }

.topicpathLink { color: #666; font-size: 14px; }
.topicpathLink:visited, .topicpathLink:focus, .topicpathLink:active { color: #666; }

/* ------------------------------
　　スライダー
------------------------------ */
.slick-slide { height: initial; }

.slick-slider { padding: 0 0 12px 0; }
.slick-slider img { margin: 0 auto; height: auto; max-width: 100%; }

.js-main-slider { overflow: hidden; }

.slick-slide:hover { cursor: pointer; }

.mainSliderInner { background: url(../images/bg_top.png) no-repeat center #333333; background-size: cover; text-align: center; }
.mainSliderInner a:hover { text-decoration: none; }

.mainSliderTextInner { display: table-cell; text-align: center; vertical-align: middle; }

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 19px; height: 60px; margin-top: -29px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev { left: 10px; background: url(../images/marker/icon_white_arrow_left.png) no-repeat; }

.slick-next { right: 10px; background: url(../images/marker/icon_white_arrow_right.png) no-repeat; }

.slick-dots { position: relative; margin: -35px 0 0 0; padding: 0; list-style: none; text-align: center; }
.slick-dots li { display: inline-block; }
.slick-dots li button { content: ""; position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 8px; font-size: 0; background: #FFF; border-radius: 7px; border: 0; }
.slick-dots li button:focus { outline: 0; }
.slick-dots li:hover button { cursor: pointer; }
.slick-dots li.slick-active button { background: #c41134; }
.slick-dots button { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); }

@media screen and (min-width: 768px) { .slick-prev { left: 50px; }
  .slick-next { right: 50px; }
  .js-main-slider { margin: 0 auto; }
  .mainSliderInner { height: 540px; } }
/* ------------------------------
　　各モジュール
------------------------------ */
.moduleSection { margin: 0 0 30px 0; clear: both; }
@media screen and (min-width: 1024px) { .moduleSection { padding: 0 15px; } }

.moduleHeader { position: relative; margin: 0; color: #333; }
.moduleHeader + .summaryCustom, .moduleHeader + .summaryDefault, .moduleHeader + .entryColumn, .moduleHeader + .pickupList, .moduleHeader + .searchForm, .moduleHeader + .banner { margin-top: 10px; }

.moduleHeading { margin: 0 0 14px; font-size: 18px; background-color: #444; color: #FFF; padding: 6px 12px; border-bottom: 3px solid #8F1800; }

a.moduleIndexLink { position: absolute; bottom: 28px; right: 10px; color: #FFF; font-size: 16px; }
a.moduleIndexLink [class*='acms-icon-'] { color: #CCC; font-size: 14px; }

/* ------------------------------
　　リスト
------------------------------ */
.acms-list-group { border-top: 0; }

.acms-page-header { border-bottom: 0; }

@media screen and (min-width: 768px) { a.acms-list-group-item { padding: 10px 20px 10px 10px; -webkit-transition: padding 0.15s ease-out; transition: padding 0.15s ease-out; }
  a.acms-list-group-item:hover { padding: 10px 10px 10px 20px; -webkit-transition: padding 0.25s ease-out; transition: padding 0.25s ease-out; } }
/* ------------------------------
　　サマリー
------------------------------ */
.summaryDefault { margin: 0 0 20px 0; padding: 0; list-style: none; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }

.summaryDefaultEntry { float: left; width: 100%; padding: 15px; color: #333; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; }
.summaryDefaultEntry.bl-hover { background: #F1F1F1; }

.summaryTitle { margin: 0 0 10px 0; font-size: 113%; font-weight: bold; padding: 10px; }

.summaryDetail { margin: 0; line-height: 1.6; }

@media screen and (min-width: 768px) { .summaryDefault { margin: 0 0 20px 0; }
  .summaryDefaultEntry { width: 50%; } }
.noimage { display: table-cell; width: 120px; height: 120px; text-align: center; vertical-align: middle; background-color: #EEE; border-radius: 50%; font-weight: bold; }

/* ------------------------------
　　ピックアップリスト
------------------------------ */
.pickupList { margin: 0; padding: 0; list-style: none; }
.pickupList img { display: block; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.pickupList img:hover { opacity: 0.75; filter: alpha(opacity=75); }

.banner { margin: 0; padding: 0; list-style: none; }
.banner a { display: block; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.banner a:hover { opacity: 0.75; filter: alpha(opacity=75); }

.bannerListItem { margin: 0 0 20px 0; }

/* ------------------------------
　　ヘッドライン
------------------------------ */
.headlineItem { line-height: 1.5; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; }
.headlineItem.bl-hover { background: #F1F1F1; }

@media screen and (max-width: 479px) { .headlineItem { padding: 10px 0; }
  .headlineTitle { display: block; margin: 0; } }
/* ------------------------------
　　検索フォーム
------------------------------ */
.searchForm .btnSearch { font-size: 16px; -webkit-filter: none; filter: none; background: #595959; color: #FFF; border-radius: 0 4px 4px 0; border: 1px solid #595959; padding: 10px 20px; }
.searchForm .btnSearch:hover { background: #595959; }
.searchForm input[type="search"] { padding: 9px 10px; height: 40px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="search"].searchFormInput { padding-top: 5px; padding-bottom: 4px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ------------------------------
　　エントリー
------------------------------ */
.entry { margin: 0 0 25px 0; border-bottom: 1px solid #e5e5e5; }

.pageHeader { margin: 0 0 32px 0; border: 1px solid #CCC; border-left: 6px solid #8C0000; padding: 4px 20px 10px; }

.entryInfo { margin-top: 0; font-size: 14px; }

.entryCategory, .entryNew { font-size: 14px; }

.entryTitle { margin: 0; font-size: 175%; }
.entryTitle a { color: #333; }

.acms-entry h2.entryTitle { padding: 0; }

.entryColumn { color: #000; }
.entryColumn h2 { margin: 0 10px 20px 10px; padding: 7px 12px 3px; font-size: 150%; color: #FFF; background: #8E1001; border-left: 4px solid #C88A7F; }
.entryColumn h2.check { padding: 20px 25px 30px 145px; position: relative; background: url(../images/bg_check.png) top left; color: #FFF; font-size: 175%; margin-right: 0; overflow: visible; border-left: none; }
.entryColumn h2.gear { position: relative; font-weight: bold; text-align: left; text-shadow: 3px 3px 0px #f0cec0; overflow: visible; font-size: 200%; z-index: 10; background: url(../images/bg_gear.png) top left no-repeat; padding: 24px 20px 0 64px; min-height: 115px; color: #000; border-left: none; }
.entryColumn h2.gear:before { content: none; }
.entryColumn h2.check:before { content: ''; position: absolute; width: 149px; height: 91px; background: url(../images/bg_checkIcon.png) top left repeat-y; background-size: cover; border-radius: 0; top: -13px; left: -24px; }
.entryColumn h2.moduleHeading { margin: 0; padding: 0; border: 0; }
.entryColumn h3 { margin: 0 10px 8px 10px; padding: 5px 10px 5px 5px; font-size: 125%; color: #8F1001; border-bottom: 5px double #8F1001; display: inline-block; }
.entryColumn h3:before { vertical-align: top; margin-right: 10px; content: ''; width: 25px; height: 25px; border-radius: 50%; display: inline-block; background-image: -webkit-gradient(linear, left top, left bottom, from(#c7887f), color-stop(46%, #c7887f), color-stop(48%, #bc7464), to(#bc7464)); background-image: linear-gradient(#c7887f 0%, #c7887f 46%, #bc7464 48%, #bc7464 100%); }
.entryColumn h4 { font-size: 113%; background-color: #DDD; margin: 0 10px 14px; padding: 2px 4px; }
.entryColumn .block { border: 1px solid #DDD; padding: 0; }
.entryColumn .block.acms-col-md-6 { width: 48%; margin: 0 1% 30px; }
.entryColumn .block h4 { margin-top: 0; padding: 6px 12px; background-color: #EEE; }
.entryColumn .block hr { display: none; }
.entryColumn a:link { color: #006DD9; text-decoration: none; }
.entryColumn a:hover, .entryColumn a:focus, .entryColumn a:active { text-decoration: underline; }
.entryColumn a:visited { color: #7F5AD7; text-decoration: none; }
.entryColumn p { margin-top: 0; line-height: 1.75; margin-bottom: 24px; overflow: hidden; }
.entryColumn p.entryBtn { margin-bottom: 10px; }
.entryColumn p.entryBtn a { background: #999999; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 8px 15px; border-radius: 3px; }
.entryColumn p.entryBtn a:hover, .entryColumn p.entryBtn a:visited { color: #FFF; text-decoration: none; }
.entryColumn p.entryBtn a:focus, .entryColumn p.entryBtn a:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.entryColumn p.entryBtn a:hover { background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#999999)); background-image: linear-gradient(top, #c1c1c1, #999999); color: #ffffff; }
.entryColumn p.entryBtn a:active, .entryColumn p.entryBtn a:focus { background: #878787; }
.entryColumn p.entryBtnAttention { text-align: center; }
.entryColumn p.entryBtnAttention a { background: #ff9a00; font-weight: bold; color: #FFF; line-height: 1.2; border: 0; display: inline-block; padding: 8px 15px; border-radius: 3px; }
.entryColumn p.entryBtnAttention a:hover, .entryColumn p.entryBtnAttention a:visited { color: #FFF; text-decoration: none; }
.entryColumn p.entryBtnAttention a:focus, .entryColumn p.entryBtnAttention a:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
.entryColumn p.entryBtnAttention a:hover { background-color: #ff9a00; background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd87d), to(#ff9a00)); background-image: linear-gradient(top, #fdd87d, #ff9a00); color: #ffffff; }
.entryColumn p.entryBtnAttention a:active, .entryColumn p.entryBtnAttention a:focus { background: #eda800; }
.entryColumn p.summaryTitle { margin: 0 0 10px 0; }
.entryColumn p.summaryDetail { margin: 0 0 10px 0; font-size: 14px; }
.entryColumn .entry-container { margin: 0 10px; }
.entryColumn table { font-size: 100%; margin: 30px 0; }
.entryColumn th, .entryColumn td { padding: 5px 10px; text-align: left; font-size: 16px; line-height: 1.5; color: #333; border-top: 1px solid #DFDFDF; vertical-align: top; }
.entryColumn .acms-table-responsive { margin-bottom: 30px; }
.entryColumn .acms-table-responsive th, .entryColumn .acms-table-responsive td { display: table-cell; white-space: nowrap; }
.entryColumn .acms-table-responsive table { margin: 0; }
.entryColumn th { background: #F5F5F5; }
.entryColumn table.tableHistory tr { background: #FFF; }
.entryColumn table.tableHistory th, .entryColumn table.tableHistory td { display: block; }
.entryColumn table.tableHistory th { padding: 10px; }
.entryColumn table.tableHistory td { padding: 10px 0; }
.entryColumn table.tableHistory .tableHistoryImg { padding: 0 10px 10px 10px; display: block; }
.entryColumn ul { margin: 0 0 25px 0; padding: 0 0 0 3em; overflow: hidden; }
.entryColumn ul.acms-list-inline { padding-left: 10px; }
.entryColumn ul li { margin: 0 0 8px 0; font-size: 16px; line-height: 1.7; }
.entryColumn ul.summaryDefault { padding: 0; }
.entryColumn ul.summaryDefault li { margin: 0; }
.entryColumn ol { margin: 0 0 25px 0; padding: 0 0 0 2.5em; overflow: hidden; }
.entryColumn ol li { margin: 0 0 8px 0; font-size: 16px; line-height: 1.7; }
.entryColumn dl { margin: 0 4px 20px; }
.entryColumn dt { margin: 10px 0 8px 0; font-size: 16px; line-height: 1.2; background-color: #FFEBCC; padding: 3px 5px; clear: both; }
.entryColumn dd { font-size: 88%; line-height: 1.65; clear: both; }
.entryColumn blockquote { margin-bottom: 30px; padding: 15px 20px 15px 16px; font-size: 16px; line-height: 1.5; border-left: 4px solid #BFBFBF; background: #EFEFEF; overflow: hidden; }
.entryColumn pre { margin: 0 0 30px 0; }
.entryColumn pre ol { margin: 0; padding: 0 0 0 2.5em; }
.entryColumn pre ol li { line-height: 1.5; }
.entryColumn hr { border: 0; border-bottom: 1px solid #e5e5e5; }
.entryColumn [class*='column-image-'] .caption { margin: 0 0 20px 0; text-align: center; }

@media screen and (max-width: 768px) { .entryColumn .block.acms-col-md-6 { width: 98%; margin: 0 1% 30px; }
  .entryColumn .block.acms-col-md-6 table { width: 100%; }
  .entryColumn h3 { display: block; } }
@media screen and (min-width: 768px) { .entryColumn h3 { display: block; padding: 5px 20px 5px 5px; margin-bottom: 24px; } }
@media screen and (min-width: 768px) { .entryColumn dt { display: inline-block; font-size: 113%; }
  .entryColumn dd { margin-right: 30px; font-size: 100%; }
  .entryColumn form dd { display: block; margin-bottom: 16px; }
  .entryColumn dd:first-child { padding-left: 12em; } }
@media screen and (min-width: 480px) { .entryColumn .tableHistoryImg { float: right; } }
@media screen and (min-width: 768px) { .entryColumn th, .entryColumn td { display: table-cell; padding: 8px 20px; text-align: left; border-top: 1px solid #DFDFDF; }
  .entryColumn th { background: inherit; }
  .entryColumn tr:nth-child(odd) { background: #F5F5F5; } }
.entryFooter { margin: 0 0 20px 0; padding: 10px; background: #F5F5F5; }

.entryTag { margin: 0 0 5px 0; }

.entryTagIcon { float: left; color: #999; }

.entryTagItem { float: left; margin: 0 0 0 10px; }

.shareWrapper { float: right; }

.shareText { display: inline; float: left; margin: 0; }

.shareList { display: inline; list-style: none; float: right; margin: 0; padding: 0; }

.shareItem { display: inline-block; margin: 0 0 0 20px; vertical-align: top; }
.shareItem a { color: #999; text-decoration: none; }
.shareItem [class*='acms-icon'] { font-size: 16px; vertical-align: text-bottom; }
.shareItem .shareItemFacebook { display: block; width: 22px; height: 22px; line-height: 1.2; color: #FFF; text-align: center; font-size: 16px; background: #3b5999; border-radius: 4px; }
.shareItem .shareItemFacebook:before { vertical-align: middle; }
.shareItem .shareItemTwitter { display: block; width: 22px; height: 22px; line-height: 1.2; color: #FFF; text-align: center; font-size: 16px; background: #55acee; border-radius: 4px; }
.shareItem .shareItemTwitter:before { vertical-align: middle; }
.shareItem .shareItemGplus { display: block; width: 22px; height: 22px; line-height: 1.2; color: #FFF; text-align: center; font-size: 16px; background: #dd4b39; border-radius: 4px; }
.shareItem .shareItemGplus:before { vertical-align: middle; }

.continueLink { margin: 0; font-size: 16px; }
.continueLink a { display: inline-block; padding: 10px; color: #FFF; line-height: 1.5; font-weight: bold; border-radius: 3px; background: #999; }
.continueLink a [class*='acms-icon'] { margin: 0 10px 0 0; }
.continueLink a:link, .continueLink a:visited { color: #FFF; }
.continueLink a:hover, .continueLink a:focus, .continueLink a:active { color: #FFF; text-decoration: none; background: #AAA; }

@media screen and (min-width: 768px) { .entryTag { margin: 0; }
  .continueLink a { padding: 5px 10px; font-weight: normal; } }
/* ------------------------------
　　編集ページ
------------------------------ */
.fieldTitle { padding: 0 10px; }
.fieldTitle:first-child { margin: 0 0 10px 0; }

/* ------------------------------
　　サブカラム
------------------------------ */
.sideTitle { margin-top: 0; font-size: 18px; }

/* ------------------------------
　　物件情報
------------------------------ */
.realestateMap { overflow: hidden; }
.realestateMap .js-s2d-ready, .realestateMap [class*='column-map-'] { width: auto !important; max-width: 100%; }
.realestateMap img[class*='column-map-'] { width: auto !important; max-width: 100%; height: auto; }

.realestateMapEntry { margin: 0 10px; }

.entryColumn table.realestateSearch { margin: 20px 0 30px 0; }

@media screen and (min-width: 1024px) { .tableNowrap { white-space: nowrap; } }
.summaryCustom { margin: 0 0 40px 0; padding: 0; list-style: none; border-left: 1px solid #e5e5e5; }

.summaryCustomEntry { padding: 10px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.summaryCustomEntry:hover { background: #F5F5F5; -webkit-transition: background-color 0.25s linear; transition: background-color 0.25s linear; }

.photo { margin: 0 0 10px 0; }

.photoTitle { margin: 0; font-size: 16px; }

.pickupTitle { color: #333; font-size: 16px; }

@media screen and (max-width: 767px) { .realestateSearch th, .realestateSearch td { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .realestateSearch input { -webkit-box-sizing: border-box; box-sizing: border-box; } }
/* ------------------------------
　　お問い合わせ
------------------------------ */
.contactBox p.message { margin: 0 0 35px 0; padding: 0 10px; font-weight: bold; color: #c41134; }
.contactBox ul.contactNo { text-align: center; }
.contactBox ul.contactNo li { list-style-type: none; margin: 0 30px; font-size: 30px; font-weight: bold; color: #333; display: inline-block; }
.contactBox p.contactNo a { color: inherit; }
.contactBox p.errorText { margin: 5px 0 0 0; color: #c41134; }
.contactBox table.contactForm { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.contactBox table.contactForm tr { background: #FFF; }
.contactBox .mailStep { margin: 0 10px 35px 10px; padding: 0 10px; background: #e5e5e5; counter-reset: mailStep; }
.contactBox .mailStepItem { float: left; list-style: none; margin: 0 10px; padding: 18px 0 14px; color: #999; font-size: 16px; font-weight: bold; border-bottom: 4px solid transparent; }
.contactBox .mailStepItem:before { counter-increment: mailStep; content: counter(mailStep) "."; }
.contactBox .mailStepItemCurrent { color: #333; border-bottom: 4px solid #333333; }

@media screen and (min-width: 480px) { .contactBox th, .contactBox td { display: table-cell; } }
@media screen and (min-width: 768px) { .contactBox th { width: 260px; } }
@media screen and (min-width: 768px) { .contactBox .mailStep { height: 60px; } }
.formBtnBox { margin: 0 10px 50px 10px; text-align: center; }

.formBtn { display: inline-block; }

.formBtnReturn { float: left; }

.formBtnSend { float: right; }

@media screen and (min-width: 768px) { .formBtnReturn { float: none; }
  .formBtnSend { float: none; max-width: 360px; width: 100%; } }
.labelRequired { margin: 0 5px; padding: 2px 8px; color: #FFF; font-size: 12px; border-radius: 3px; background: #c41134; }

@media screen and (min-width: 768px) { .labelRequired { float: right; } }
/* フォーム */
::-webkit-input-placeholder, :-ms-input-placeholder, ::-moz-placeholder { color: #595959; }

.contactBox .acms-form input[type="text"], .contactBox .acms-form input[type="password"], .contactBox .acms-form input[type="datetime"], .contactBox .acms-form input[type="datetime-local"], .contactBox .acms-form input[type="date"], .contactBox .acms-form input[type="month"], .contactBox .acms-form input[type="time"], .contactBox .acms-form input[type="week"], .contactBox .acms-form input[type="number"], .contactBox .acms-form input[type="email"], .contactBox .acms-form input[type="url"], .contactBox .acms-form input[type="search"], .contactBox .acms-form input[type="tel"], .contactBox .acms-form input[type="color"] { font-size: 100%; margin: 6px 0; padding: 6px 10px; }
.contactBox .acms-form textarea { font-size: 100%; margin: 6px 0; padding: 6px 10px; }

.acms-form select { font-size: 100%; }

.contactMain table { width: 100%; }
.contactMain table th { width: 35%; }

legend { padding: 0 20px 0 10px; font-weight: bold; font-size: 113%; color: #950505; }

dd label { margin-right: 30px; }

fieldset { margin: 0 10px 30px; padding: 20px 20px 0; border-radius: 5px; border: 1px solid #AAA; }

.ablogcmsForm { margin: 0 0 20px 0 !important; border-collapse: collapse; border: 0px; margin-bottom: 4px; }

span.required { margin: 0 10px; padding: 1px 8px; background: #900; color: #FFF; font-size: 75%; border-radius: 3px; font-weight: normal; }

ul.mailStep { padding: 0; }

#siteDescription { margin: 6px 0; font-size: 88%; }

.siteName { font-size: 24px; font-weight: bold; color: #c41134; }
.siteName a { color: #c41134; }
.siteName a:hover, .siteName a:focus, .siteName a:active, .siteName a:visited { color: #c41134; }

.siteLogo { display: inline-block; vertical-align: middle; height: auto; width: auto; max-width: 240px; }

.siteLogoL { height: 84px; }

.siteNameText { display: inline; vertical-align: middle; }

.editLink { display: inline-block; vertical-align: middle; font-size: 14px; }

.btnGeneral { background-color: #8C0000; color: #FFF; padding: 8px 63px; font-weight: bold; border-radius: 5px; }
.btnGeneral:link, .btnGeneral:visited { color: #FFF; display: inline-block; white-space: nowrap; }
.btnGeneral:hover { text-decoration: none; }

.headerLogo { vertical-align: middle; padding: 60px 0 10px 0; }

@media (min-width: 768px) { .siteName { margin: 0 0 16px; font-size: 24px; }
  .siteLogo { max-width: 450px; }
  .header { width: 100%; }
  .headerLogo { width: 100%; vertical-align: middle; }
  .headerNav { vertical-align: middle; }
  .headAddress { text-align: right; margin: 0; font-size: 88%; }
  #headTelNo { text-align: right; text-align: right; margin-bottom: 6px; }
  #headTelNo span { font-size: 175%; color: #8C0000; font-style: normal; font-weight: bold; vertical-align: baseline; }
  #headTelNo span.acms-icon-tel { margin-right: 10px; }
  #headTelNo a { text-decoration: none; }
  .headMail { margin: 0; }
  span.acms-icon-config_mail { margin-right: 10px; font-size: 20px; vertical-align: bottom; } }
@media (min-width: 1024px) { .headerLogo { margin: 0; }
  .headerNav { width: 100%; clear: both; } }
@media (max-width: 480px) { .siteLogoL { max-width: 100%; height: auto; } }
/* ------------------------------
　　ナビゲーション
------------------------------ */
.siteHeader { position: fixed; top: 0; right: 0; width: 100%; padding: 0 5px; border-top: 4px solid #EA570F; background: #FFF; z-index: 100000; -webkit-box-sizing: border-box; box-sizing: border-box; }
.siteHeader [class*="acms-icon-"] { color: #EA570F; }

.navMenuBtn { display: inline-block; height: 44px; padding: 7px 5px; font-size: 20px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }

a.navMenuBtn { color: #333; }

.navMenuBtn:hover { text-decoration: none; }
.navMenuBtn .acms-icon-sort { display: inline-block; }

.navMenuBtnText { margin: 0 0 0 5px; font-size: 11px; font-weight: bold; color: #333; vertical-align: middle; display: inline-block; }

.navMenuAction { display: table; float: right; margin: 0; padding: 0; }

.navMenuActionItem { display: table-cell; width: 44px; height: 44px; vertical-align: middle; text-align: center; font-size: 20px; color: #333333; }

.navMenuActionLink { color: #333333; }
.navMenuActionLink:hover, .navMenuActionLink:active, .navMenuActionLink:visited, .navMenuActionLink:focus { color: #333333; text-decoration: none; }

.navbar { display: none; width: 100%; }
.navbar ul { list-style: none; margin: 0; padding: 0; }
.navbar li a { padding: 10px; color: #333; font-weight: bold; font-size: 16px; display: block; }
.navbar li a:hover, .navbar li a:focus, .navbar li a:active { text-decoration: none; color: #FFF; background: #c41134; }

@media (min-width: 1024px) { .navbar li:hover a { background-color: #c41134; color: #ffffff; }
  .navbar li { width: 20%; text-align: center; border-left: 2px solid #BBB; }
  .navbar li:last-child { border-right: 2px solid #BBB; }
  .navbar { display: inline-block; vertical-align: middle; margin-bottom: 20px; }
  .navbar > ul { list-style: none; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .navbar li ul { position: absolute; min-width: 320px; left: 0; display: none; z-index: 100; }
  .navbar li li { margin: 0; }
  .navbar li a { padding: 8px 20px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; -webkit-transition: border 0.25s ease-out; transition: border 0.25s ease-out; }
  .navbar li a:hover, .navbar li a:focus, .navbar li a:active { color: #333; background: #ffef19; }
  .navbar li.stay a { background-color: #ffc083; }
  .navbar li.stay a.btnAttention { border: 0; }
  .navbar li:hover ul { display: block; z-index: 10000; -webkit-animation: 0.8s fade-in; animation: 0.8s fade-in; }
  .navbar li:hover a.btnAttention { border: 0; }
  .navbar li:hover li a { border: 0; }
  .navbar li li { display: block; float: none; text-align: left; background: #c41134; border-top: 1px solid #910021; }
  .navbar li li:first-child { border: 0; }
  .navbar li li a { margin: 0; padding: 10px 15px; color: #FFF; border: 0; }
  .navbar li li a:hover { color: #FFF; border: 0; background: #910021; }
  .navbar a.btnAttention { background: #ff9a00; font-weight: bold; color: #FFF; line-height: 1.2; display: inline-block; padding: 8px 15px; border-radius: 3px; border: 0; }
  .navbar a.btnAttention:hover, .navbar a.btnAttention:visited { color: #FFF; text-decoration: none; }
  .navbar a.btnAttention:focus, .navbar a.btnAttention:active { color: #FFF; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5); }
  .navbar a.btnAttention:hover { background-color: #ff9a00; background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd87d), to(#ff9a00)); background-image: linear-gradient(top, #fdd87d, #ff9a00); color: #ffffff; border: 0; }
  .navbar a.btnAttention:active, .navbar a.btnAttention:focus { background: #eda800; } }
@media (min-width: 1024px) { .headerLogo { padding: 24px 0px; } }
@media (min-width: 1440px) { .navbar ul li a { font-size: 16px; -webkit-transition: 0.3s; transition: 0.3s; } }
@media (max-width: 1023px) { #nav { padding: 10px 15px 100px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .js-nav body { width: 100%; overflow: hidden; }
  .js-nav #nav { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
  .offcanvasNav { margin: 0 0 20px 0; }
  .offcanvasNav ul { list-style: none; margin: 0; padding: 0; }
  .offcanvasNav li { display: block; padding: 10px; font-size: 16px; border-top: 1px solid #CCC; }
  .offcanvasNav li.navbarBtn { border: 0; }
  .offcanvasNav li.stay { background: #555; }
  .lt-ie9 .offcanvasNav li.stay, .no-js .offcanvasNav li.stay { background: #e5e5e5; }
  .offcanvasNav li:first-child { border: 0; }
  .offcanvasNav li ul { display: none; }
  .offcanvasNav a { display: block; margin: -10px; padding: 10px; color: #E8EDE3; }
  .offcanvasNav a:hover { text-decoration: none; }
  .offcanvasNav a.btnAttention { border-top: 0; border-radius: 0; font-weight: normal; }
  .offcanvasNav a.btnAttention:hover { background: #ff9a00; }
  .lt-ie9 .offcanvasNav a, .no-js .offcanvasNav a { color: #333; }
  .offcanvasBar .moduleHeader { color: #FFF; border-bottom: 2px solid #FFF; }
  .lt-ie9 .offcanvasBar .moduleHeader, .no-js .offcanvasBar .moduleHeader { color: #333; border-bottom: 2px solid #333; }
  .offcanvasBar .sideListLink { color: #FFF; }
  .lt-ie9 .offcanvasBar .sideListLink, .no-js .offcanvasBar .sideListLink { color: #333; }
  .offcanvasBar .sideListLink:hover, .offcanvasBar .sideListLink:visited, .offcanvasBar .sideListLink:focus, .offcanvasBar .sideListLink:active { color: #FFF; background: 0; }
  .lt-ie9 .offcanvasBar .sideListLink:hover, .lt-ie9 .offcanvasBar .sideListLink:visited, .lt-ie9 .offcanvasBar .sideListLink:focus, .lt-ie9 .offcanvasBar .sideListLink:active { color: #333; }
  .no-js .offcanvasBar .sideListLink:hover, .no-js .offcanvasBar .sideListLink:visited, .no-js .offcanvasBar .sideListLink:focus, .no-js .offcanvasBar .sideListLink:active { color: #333; }
  .offcanvasBar .pickupTitle { margin: 0; color: #FFF; font-size: 16px; }
  .offcanvasBar .pickupTitle a { color: inherit; }
  .lt-ie9 .offcanvasBar .pickupTitle a { color: #333; }
  .offcanvasBar .btnSearch { background: #999; border: 1px solid #666; }
  .offcanvasBar .snsList { margin: 0 -5px; }
  .js-nav .offCanvasShadow { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 100000; -webkit-transition: background 0.25s linear; transition: background 0.25s linear; }
  .js-ready #nav { position: fixed; -webkit-transition: left 500ms ease; transition: left 500ms ease; }
  .js-ready #outer-wrap { left: 0; -webkit-transition: left 500ms ease; transition: left 500ms ease; }
  .js-ready #inner-wrap { -webkit-transition: left 500ms ease; transition: left 500ms ease; }
  .js-ready .siteHeader { right: 0; -webkit-transition: right 500ms ease; transition: right 500ms ease; }
  .js-nav #nav { left: 0; z-index: 10000; }
  .js-nav .siteHeader { right: -70%; }
  .no-js #nav { position: static; padding: 10px 20px; }
  .lt-ie9 #nav { position: static; padding: 10px 0; }
  .lt-ie9 .header { width: 100%; }
  .lt-ie9 .headerLogo, .lt-ie9 .headerNav { display: block; width: 100%; } }
/* ------------------------------
　　フッター
------------------------------ */
.footerNavi { padding: 50px 0; background-color: #e65500; color: #FFF; }
.footerNavi .footerNaviColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footerNavi .footerNaviList { width: 100%; margin-bottom: 30px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (min-width: 480px) { .footerNavi .footerNaviList { width: 50%; } }
@media screen and (min-width: 1024px) { .footerNavi .footerNaviList { width: 33.3%; } }
.footerNavi ul { margin: 0; padding: 0; list-style-type: none; }
.footerNavi h3 { margin: 0 0 10px; }
.footerNavi .footerNaviItem { padding-left: 36px; }
.footerNavi .footerNaviItem:before { display: inline-block; content: '▲'; font-size: 62.5%; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 10px; color: #FFBE85; margin-left: -20px; }
.footerNavi a { color: #FFF; padding: 6px 0; display: inline-block; vertical-align: middle; }
.footerNavi a:hover { text-decoration: underline; }
.footerNavi a span { font-size: 75%; margin-right: 8px; line-height: 16px; }

.footerBox { background: url(../images/bg_conversion.png) center center; background-size: cover; padding: 50px 30px 80px; position: relative; }
.footerBox .pageTopBtn { display: block; position: absolute; left: 50%; bottom: -58px; margin-left: -58px; width: 116px; height: 116px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: #FFF url(../images/button_totop.png) no-repeat center; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 1000; border-radius: 50%; }
.footerBox .no-js .pageTopBtn { opacity: 0.6; filter: alpha(opacity=60); }
@media screen and (min-width: 768px) { .footerBox .pageTopBtn:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } }

.footerBox a { color: #FFF; display: block; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; }
.footerBox a:hover { opacity: 0.8; }

.footerColumn { padding: 60px 30px 30px; background: #FFF; border-radius: 6px; text-align: center; }
.footerColumn img { max-width: 100%; }

.footerBlock { width: 100%; }

.footerInner { width: 100%; padding: 15px 0; }

.footerItem { width: 100%; padding: 0; }

.footerText { margin: 0 0 10px 0; line-height: 1.5; font-weight: bold; }

.footerTel { margin: 0 0 10px 0; font-size: 200%; font-weight: bold; }
.footerTel span { color: #E65500; font-size: 30px; vertical-align: baseline; margin-right: 10px; }

.footerBtn span:before { margin-right: 8px; }

@media screen and (min-width: 768px) { .footerItem { width: 50%; float: left; }
  .footerInner { padding: 0; }
  .footerTel { font-size: 175%; margin: 0; } }
@media screen and (min-width: 1024px) { .footerTel { font-size: 300%; } }
.footWrapper { -webkit-box-shadow: 3px 0px 4px #999; box-shadow: 3px 0px 4px #999; border-bottom: 40px solid #e65500; background-color: #FFF; }

.companyAbout { margin: 0; }

.companyName { margin: 0 0 15px 0; font-size: 20px; font-style: normal; font-weight: bold; }
.companyName img { background-color: #FFF; }

.companyDetail { margin: 0 0 5px 0; padding: 0; font-style: normal; }
.companyDetail a:hover { text-decoration: underline; }

.snsList { list-style: none; margin: 0 -5px 30px 15px; padding: 0; }

.snsListItem { float: left; margin: 0 5px; }
.snsListItem a:hover, .snsListItem a:visited, .snsListItem a:active, .snsListItem a:focus { text-decoration: none; }
.snsListItem [class*='acms-icon'] { vertical-align: text-bottom; }
.snsListItem .snsListFacebook { display: block; width: 30px; height: 30px; text-align: center; line-height: 1.5; font-size: 19px; color: #FFF; border-radius: 4px; background: #3b5999; }
.snsListItem .snsListFacebook:before { vertical-align: middle; }
.snsListItem .snsListTwitter { display: block; width: 30px; height: 30px; text-align: center; line-height: 1.5; font-size: 19px; color: #FFF; border-radius: 4px; background: #55acee; }
.snsListItem .snsListTwitter:before { vertical-align: middle; }
.snsListItem .snsListGplus { display: block; width: 30px; height: 30px; text-align: center; line-height: 1.5; font-size: 19px; color: #FFF; border-radius: 4px; background: #dd4b39; }
.snsListItem .snsListGplus:before { vertical-align: middle; }
.snsListItem .snsListYoutube { display: block; width: 30px; height: 30px; text-align: center; line-height: 1.5; font-size: 19px; color: #FFF; border-radius: 4px; background: #cd201f; }
.snsListItem .snsListYoutube:before { vertical-align: middle; }

@media screen and (min-width: 768px) { .snsList { float: right; margin: 0 -10px; }
  .snsListItem { margin: 10px; }
  .snsListItem a:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } }
.copyright { margin: 0; font-size: 88%; }

.copyrightText { text-align: right; margin: 0 auto; color: #E65500; }

.copryrightLogo { vertical-align: middle; }

p.attention { color: #C00; padding: 20px; background-color: #FEE; font-weight: bold; }

/* トップページ */
.topHeader { position: relative; border-top: 10px solid #BC7266; background-color: #8E1000; max-width: 500px; text-align: center; margin: 0 auto 30px; color: #FFF; padding: 6px 0 0; }
.topHeader:after { position: absolute; content: ' '; background-color: #8E1000; border-top: 14px solid #8E1000; border-right: 250px solid #FFF; border-bottom: 14px solid #FFF; border-left: 250px solid #FFF; bottom: -28px; left: 0; }

#feature img { width: 100%; vertical-align: bottom; }
#feature .featureColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#feature .featureItem { position: relative; margin-bottom: 40px; width: 48%; float: left; }
#feature .featureItem h3 { margin: 0 0 0 10px; position: absolute; }
#feature .featureItem h3 img { max-width: 460px; width: 80%; }
#feature .featureItem p { margin: 0; }
#feature .featureItem p.description { padding: 14px 20px; color: #fff; font-weight: bold; }
#feature .featureItem .featurePhoto { padding: 50px 0 0 0; }
#feature .featureItem.color-orange { width: 100%; }
#feature .featureItem.color-orange h3 img { max-width: 560px; }
#feature .featureItem.color-orange .description { background-color: #F07400; }
#feature .featureItem.color-green .description { background-color: #006600; }
#feature .featureItem.color-red .description { background-color: #CC0000; }
#feature .featureItem.color-magenta .description { background-color: #BD3A91; }
#feature .featureItem.color-blue .description { background-color: #1A489D; }

#topBusiness { margin-bottom: 30px; }

.topBusinessItem { padding: 10px; }
.topBusinessItem .columnInner { padding: 0 10px 10px; border: 1px solid #CCC; }
.topBusinessItem p { margin: 10px 0; }
.topBusinessItem h3 { margin: 0 -10px; font-size: 18px; background-color: #444; color: #FFF; padding: 6px 12px; border-bottom: 3px solid #8F1800; }
.topBusinessItem.metal h3 { background: #a5a5a5; background: linear-gradient(135deg, #a5a5a5 0%, #babac2 25%, #e8e8e8 50%, #a5a5a5 75%, #babac2 100%); }
.topBusinessItem:hover .columnInner { background-color: #EBF3FF; -webkit-transition: 0.3s; transition: 0.3s; }
.topBusinessItem.metal h3 a { color: #000; }
.topBusinessItem h3 a { color: #FFF; }
.topBusinessItem img { width: 100%; height: auto; }
.topBusinessItem .toDetail { display: inline-block; border-radius: 5px; background-color: #2F79C4; -webkit-box-shadow: 2px 2px 0 #264675; box-shadow: 2px 2px 0 #264675; color: #FFF; padding: 2px 8px; font-size: 88%; float: right; margin: 0; }
.topBusinessItem .toDetail:after { content: ' '; clear: both; display: inline-block; }

#message { background: transparent url("../images/message_bg.png") center center; background-size: cover; padding: 50px 0; }
@media screen and (min-width: 768px) { #message { padding: 70px 0 50px; } }
#message .photo { display: block; margin: 0 auto 20px; width: 100%; height: auto; text-align: center; font-size: 88%; margin-right: 20px; }
@media screen and (min-width: 480px) { #message .photo { float: left; max-width: 160px; } }
@media screen and (min-width: 768px) { #message .photo { max-width: 280px; } }
#message .photo img { margin-bottom: 10px; }
@media screen and (min-width: 480px) { #message .photo img { margin-right: 20px; } }
#message h2 { font-size: 150%; background-color: #9d1a1a; color: #FFF; padding: 10px 10px 10px 140px; position: relative; }
#message h2:before { content: ''; background: url(../images/icon_message.png) center center no-repeat; position: absolute; display: inline-block; top: -10px; left: 10px; width: 120px; height: 80px; background-size: contain; }
#message h2 a { color: #000; }
@media screen and (min-width: 1024px) { #message h2 { text-align: center; font-size: 200%; padding: 10px 10px 10px 320px; }
  #message h2:before { width: 303px; height: 156px; top: -70px; } }
#message .topMessage { background-color: #FFF; padding: 20px; margin-left: 0; line-height: 1.8; }
#message .topMessage h3 { background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #fff000), color-stop(66%, #fFF000)); background: linear-gradient(transparent 65%, #fff000 65%, #fFF000 66%); padding: 0 8px; display: inline; }
#message .topMessage .topMessageButton { text-align: right; }
@media screen and (min-width: 480px) { #message .topMessage { margin-left: 180px; } }
@media screen and (min-width: 768px) { #message .topMessage { margin-left: 300px; } }

@media screen and (max-width: 768px) { .topHeader:after { display: none; } }
#topImage { position: relative; }
#topImage h2 img { width: 80%; height: auto; position: absolute; bottom: 6%; right: 0; left: 0; margin: 0 auto; width: 40%; max-width: 460px; }
@media screen and (min-width: 768px) { #topImage h2 img { width: 50%; max-width: 600px; } }

h2.imageHeader { margin-bottom: 30px; }
h2.imageHeader img { width: 100%; }

#service { background-color: #2F4352; padding: 50px 0; }
#service .serviceColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
#service h2 { color: #FFF; text-align: center; position: relative; font-size: 150%; padding: 0 10px; }
#service h2:before, #service h2:after { vertical-align: middle; width: 39px; height: 68px; content: ''; top: -20px; display: inline-block; }
#service h2:before { background: url(../images/service_h2_before.png) center center no-repeat; left: 10px; background-size: cover; margin-right: 20px; }
#service h2:after { background: url(../images/service_h2_after.png) center center no-repeat; right: 10px; background-size: cover; margin-left: 20px; }
@media screen and (min-width: 1024px) { #service h2 { font-size: 250%; }
  #service h2:before, #service h2:after { width: 77px; height: 135px; } }
#service h3 { background: transparent url(../images/service_bg_h3.png); margin-top: 0; text-align: center; padding: 10px 10px; font-size: 125%; margin-bottom: 40px; }
@media screen and (min-width: 768px) { #service h3 { font-size: 225%; } }
#service .serviceItem { -webkit-box-sizing: border-box; box-sizing: border-box; background-size: cover; padding: 0 15px; margin-bottom: 40px; -webkit-transition: 0.1s linear; transition: 0.1s linear; width: none; }
@media screen and (min-width: 480px) { #service .serviceItem { width: 50%; } }
#service .serviceItem:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
#service .serviceItem:hover p.description { background-color: rgba(255, 255, 255, 0.8); }
#service .serviceItem .serviceItemInner { background: url(../images/service_bg.png) left top no-repeat; padding: 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#service .serviceItem h4 { color: #000; line-height: 1.5; vertical-align: middle; margin: 0 0 20px; display: table-cell; vertical-align: middle; }
@media screen and (min-width: 768px) { #service .serviceItem h4 { margin: 0; height: 60px; } }
#service .serviceItem h4 a { color: #000; font-size: 150%; text-shadow: -3px -3px #fff, -3px -2px #fff, -3px -1px #fff, -3px 0px #fff, -3px 1px #fff, -3px 2px #fff, -3px 3px #fff, -2px -3px #fff, -2px -2px #fff, -2px -1px #fff, -2px 0px #fff, -2px 1px #fff, -2px 2px #fff, -2px 3px #fff, -1px -3px #fff, -1px -2px #fff, -1px -1px #fff, -1px 0px #fff, -1px 1px #fff, -1px 2px #fff, -1px 3px #fff, 0px -3px #fff, 0px -2px #fff, 0px -1px #fff, 0px 0px #fff, 0px 1px #fff, 0px 2px #fff, 0px 3px #fff, 1px -3px #fff, 1px -2px #fff, 1px -1px #fff, 1px 0px #fff, 1px 1px #fff, 1px 2px #fff, 1px 3px #fff, 2px -3px #fff, 2px -2px #fff, 2px -1px #fff, 2px 0px #fff, 2px 1px #fff, 2px 2px #fff, 2px 3px #fff, 3px -3px #fff, 3px -2px #fff, 3px -1px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 3px 3px #fff; }
#service .serviceItem h4 a:hover { text-decoration: none; }
#service .serviceItem p { margin: 0; }
#service .serviceItem p.description { background-color: #fff; padding: 12px 46px 12px 12px; font-size: 88%; position: relative; }
#service .serviceItem p.description span { font-size: 20px; margin-top: -10px; top: 50%; right: 0px; position: absolute; color: #82c1e0; }
#service .serviceItem img { width: 100%; vertical-align: bottom; }

.blogHeadline { background-color: #FFF000; padding: 50px 0; }
.blogHeadline .blogHeading { text-align: center; font-size: 150%; margin: 0 0 30px; padding-bottom: 30px; text-shadow: 2px 2px 2px #fff0c4; }
@media screen and (min-width: 768px) { .blogHeadline .blogHeading { font-size: 250%; } }
.blogHeadline .blogHeading img { width: 100%; height: auto; }
.blogHeadline ul { margin: 0; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #FFF; }
.blogHeadline .blogItem { background-color: #fff; list-style-type: none; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 5px solid #f15a24; margin: 15px 0; }
.blogHeadline .blogItem a { color: #000; }
.blogHeadline .blogItem a:hover { text-decoration: none; }
@media screen and (min-width: 768px) { .blogHeadline .blogItem { width: 48%; } }
.blogHeadline .blogItem:hover { background-color: #ff962e; -webkit-transition: 0.3s; transition: 0.3s; }
.blogHeadline .blogImage { float: left; display: table; }
.blogHeadline .blogImage img { border-radius: 50%; }
.blogHeadline .blogBody { padding-left: 140px; }
.blogHeadline .blogBody p { margin: 0 0 10px; }
.blogHeadline .summaryTitle { background-color: #FFE3BA; }
.blogHeadline .label { background-color: #CFE2FF; padding: 2px; font-size: 88%; }

/* ------------------------------
　　L-ZERO
------------------------------ */
table.format tr { background-color: #FFF; }
table.format th { text-align: center; vertical-align: middle; padding: 3px 4px; border: 1px solid #AAA; font-size: 75%; }
table.format td { vertical-align: middle; padding: 3px 4px; border: 1px solid #AAA; font-size: 75%; }
table.format tr th:last-child, table.format tr td:last-child { text-align: right; }
table.format tr:last-child { background-color: #FFD9D9; font-weight: bold; }
table.format tr:last-child td { vertical-align: middle; font-size: 125%; }

/* ------------------------------
　　超特急
------------------------------ */
.condition { margin: 30px 0 40px; }
.condition table { background-color: #FFF; }
.condition table caption { font-size: 100%; padding: 8px; font-weight: bold; color: #595959; background-color: #FFFFFF; color: #000; }
.condition table th { font-size: 88%; vertical-align: middle; text-align: center; width: 20%; border: 1px solid #BBB; }
.condition table td { font-size: 88%; vertical-align: middle; text-align: center; width: 20%; border: 1px solid #BBB; }
.condition table td.b6 { color: #D90000; font-weight: bold; background-color: #FFEDED; }
.condition table td.fa { color: #0A891A; font-weight: bold; background-color: #ECFBE4; }

/* ------------------------------
　　フッター
------------------------------ */
.acms-col-md-8 { text-decoration: none; /* モダンブラウザ向け */ }

.new { font-size: 88%; font-weight: bold; color: #900; }