@charset "utf-8";

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance:checkbox; }
input[type="radio"]{ -webkit-appearance:radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block; }
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; font-size:14px; color:#000; line-height:1; width:100%; min-width:1330px; background:#fff; }
a { color:#000; text-decoration:none; }
a, a .caption, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#b69e84; text-decoration:none; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */
.inner { width:100%; max-width:1200px; margin:0 auto; position:relative; }
#main_contents { width:100%; position:relative;}
@media screen and (max-width: 768px) {
  #main_contents { padding: 0;}
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_contents { background:#222; color:#fff; text-align:center; }
#footer_contents a { color:#fff; }
#footer_contents a:hover { color:#92785f; text-decoration:none; }

#footer_info { padding:43px 30% 44px; position:relative; }

/* logo */
#footer_logo { margin:0; }
#footer_logo .logo { display:inline-block; margin:0; font-size:36px; line-height:1.2; }

/* footer bottom menu */
#footer_bottom_menu { display:inline-block; margin:12px 0 0 0; }
#footer_bottom_menu ul { display:inline; font-size:0; }
#footer_bottom_menu li { display:inline-block; font-size:12px; line-height:2; }
#footer_bottom_menu li:after { content:"|"; display:inline-block; padding:0 0.5em; }
#footer_bottom_menu li:last-child:after { content:""; }

/* SNSボタン */
#footer_social_link { width:30%; text-align:left; position:absolute; left:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#footer_social_link li { display:inline-block; margin:0 8px 0 0; position:relative; z-index:1; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:14px; height:14px; position:relative; z-index:2;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#fff; font-size:14px; display:block; position:absolute; top:0; left:0; z-index:1;
  width:14px; height:14px; line-height:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#footer_social_link li:hover:before { color:#fff; }
#footer_social_link li.twitter:before { content:'\e904'; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; margin-top:1px; }
#footer_social_link li.rss:before { content:'\e90b'; }

/* コピーライト */
#copyright { width:30%; font-size:12px; line-height:1.6; text-align:right; position:absolute; right:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}

/* ページ上部へ戻るボタン */
#return_top { display:none; position:fixed; bottom:20px; right:20px; z-index:990; }
#return_top a { display:block; width:55px; height:55px; text-decoration:none; background:#b69e84; border-radius:50%; opacity:0.8; }
#return_top a:before {
  color:#fff; font-size:16px; line-height:1; display:block; position:absolute; top:50%; left:50%; margin:-0.5em 0 0 -0.5em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#return_top a:before { content:''; width: 14px;height: 8px; background: url(../images/common/ico_arrow_top.png) no-repeat center /cover; transform: translateY(3px); }
#return_top a:hover { opacity:1; }
#return_top a span { display:none; }

/* フッターウィジェット */
#footer_widget { padding:50px 0 12px; text-align:center; border-bottom:1px solid #444;
  display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
}
.footer_widget { display:inline-block; font-size:12px; line-height:2.2; text-align:left; width:300px; overflow:hidden; margin:0 0 30px 0; padding:0; vertical-align:top; position:relative; }
.footer_widget.widget_nav_menu { width:200px; }
.footer_headline { margin:0 0 14px 0; font-size:24px; color:#b69e84; line-height:1.4; }
.footer_widget ul { margin:0; }
.footer_widget li { margin:0 0 10px 0; padding:0; line-height:2.4; }
.footer_widget li:last-child { margin-bottom:0; }
.footer_widget li ul { margin:10px 0 0 10px; }
.footer_widget a { color:#fff; text-decoration:none; }
.footer_widget a:hover { color:#b69e84; }
.footer_widget img { height:auto; max-width:100%; }

#footer_widget.footer_widget_type2 { -webkit-flex-wrap:none; -ms-flex-wrap:none; flex-wrap:none; }
#footer_widget.footer_widget_type2 .ml_ad_widget { width:25%; /*margin-right:2%;*/margin-right:8%; }
#footer_widget.footer_widget_type2 .widget_nav_menu { /*width:20%;*/ width:17%; }
#footer_widget.footer_widget_type2 .tcdw_banner_list_widget { width:30.666%; }

.footer_widget .collapse_category_list { border-top:1px solid #ddd; }
.footer_widget .styled_post_list1 li { margin:0; padding:10px; }
.footer_widget .styled_post_list1_tabs li { margin:0; padding:0; }
.footer_widget ul.banner_list li { margin:0 0 28px 0; }
.footer_widget.widget_nav_menu li { margin-bottom:0; }

/* エリア・カテゴリーメニュー */
#footer_nav { padding:50px 0 40px 0; background:#f7f7f7; }
#footer_nav .footer_nav_cols .footer_nav_1 { width:49%; float:left; }
#footer_nav .footer_nav_cols .footer_nav_2 { width:49%; float:right; }
#footer_nav .headline { display:inline-block; margin:0 0 15px 0; padding:0 18px; min-width:54px; font-size:12px; line-height:26px; text-align:center; color:#fff; background:#000; border-radius:13px; }
#footer_nav a { text-decoration:none; }
#footer_nav a:hover { color:#92785f; text-decoration:none; }
#footer_nav ul { margin:0; padding:0; }
#footer_nav li { margin:0; padding:0; font-size:12px; line-height:2.4; }
#footer_nav li ul { display:inline; }
#footer_nav li li { display:inline-block; }
#footer_nav li li:before { content:'|'; padding:0 0.5em; }
#footer_nav .footer_nav_type1 li { display:inline-block; float:left; padding-right:1.5em; min-width:12.5%;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#footer_nav .footer_nav_cols .footer_nav_type1 li { min-width:25%; }
#footer_nav .footer_nav_type2 > ul > li > a { font-weight:700; }


#footer_image {
  padding-top: 50px;
  padding-bottom: 50px;
  box-shadow: none;
  background: url('/about/images/company_background_2.jpg') fixed rgb(239, 243, 246);
      background-size: auto auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.footer-image {
  background-position: 30% 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
}


.footer-image .footer-title{
  font-weight:700; ;font-size: 50px; margin: 15px;color: rgb(241, 194, 50);
}

@media only screen and (max-width : 767px) {
  .footer-image .footer-title{
    font-size: 40px;
  }
}


    article.resultItem{
        cursor:pointer;
    }