@charset "UTF-8";
html, body { position: relative; height: 100%; }

html { overflow-y: scroll; }

body { font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 14px; line-height: 2; color: #2f363b; letter-spacing: 2px; background-color: #2f363b; -webkit-text-size-adjust: 100%; }

@media (max-width: 479px) { body { min-width: 320px; } }

@media (min-width: 480px) and (max-width: 767px) { body { min-width: 320px; } }

@media (min-width: 768px) and (max-width: 1079px) { body { min-width: 320px; } }

@media (min-width: 768px) and (max-width: 1079px) { body { min-width: 980px; } }

@media (max-width: 767px) { .two-rows-image {margin-bottom:15px;} }

@media (min-width: 768px) { .two-rows-image { max-width: 48%!important; margin-right: 13px;} }

h1, h2, h3, h4, h5, h6 { line-height: 1.4; }

img { max-width: 100%; height: auto; border: 0; }

a { cursor: pointer; color: inherit; outline: none; }

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: underline; outline: none; }

a:active { outline: none; }

a.hover { text-decoration: none; }

a.hover:hover { text-decoration: none; opacity: .7; }

#stage, .sidebar { margin-left: 0; transition: all 400ms; }

.is-menuopen #stage, .is-menuopen .sidebar { margin-left: -220px; }

.sidebar-btn { margin-right: 0; transition: all 400ms; }

.is-menuopen .sidebar-btn { margin-right: 220px; }

.site-header {
	position: absolute;
	z-index: 100;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all 400ms;
	background-image: url(../images/bg_header.png);
	background-repeat: repeat-x;
}

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #3187F9!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #E1D902!important; }/*黄*/
.navy{ color: #004182!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #FF7173!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #11ee11!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #aaa!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

@media (max-width: 479px) { .site-header { padding-top: 0px !important; } }

@media (min-width: 480px) and (max-width: 767px) { .site-header { padding-top: 30px; } }

.site-header__inner { padding: 0 60px; transition: all 400ms; }

@media (max-width: 479px) { .site-header__inner { padding: 0 0px; } }

@media (min-width: 480px) and (max-width: 767px) { .site-header__inner { padding: 0 30px; } }

.site-header__logo { float: left; transition: all 400ms; }

@media (max-width: 479px) { .site-header__logo { width: 160px; padding-top: 18px; padding-left: 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .site-header__logo { width: 180px; padding-top: 2px; } }

@media (min-width: 768px) and (max-width: 1079px) { .site-header__logo { width: 220px; } }

@media (min-width: 1080px) { .site-header__logo { width: 270px; } }

.site-header__nav { font-family: 'Hammersmith One', Verdana, Geneva, sans-serif; font-size: 15px; float: left; padding-top: 25px; padding-left: 80px; letter-spacing: 4px; color: #333; }

.site-header__nav ul { overflow: hidden; margin-right: -2em; }

.site-header__nav li { float: left; margin-right: 2em; }

.site-header__nav a { text-decoration: none; }

.site-header__fblink { float: right; width: 34px; }

.sidebar { position: fixed; z-index: 101; top: 0; left: 100%; overflow: scroll; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; width: 240px; height: 100%; margin: 0; padding: 20px 0; color: #fff; background-color: #2f363b; -webkit-overflow-scrolling: touch; }

.sidebar > ul { font-family: "Hammersmith One", Verdana, Geneva, sans-serif; font-size: 16px; line-height: 1; margin: 0; margin: 0; padding: 0; }

.sidebar li > a { display: block; padding: 20px; letter-spacing: 4px; color: #fff; }

.sidebar li > a, .sidebar li > a:hover { text-decoration: none; }

.sidebar-btn { position: fixed; z-index: 101; top: 0px; right: 0px; display: block; width: 50px; height: 50px; cursor: pointer; transition: all 400ms; background-color: #2f363b; }

.sidebar-btn__bar { position: absolute; left: 50%; display: block; width: 20px; height: 3px; margin-left: -10px; background-color: #fff; }

.sidebar-btn__bar--top { top: 16px; }

.sidebar-btn__bar--mid { top: 23px; }

.sidebar-btn__bar--btm { top: 30px; }

.sidebar__fblink { display: block; width: 34px; margin: 20px; }

#menu_overlay { position: absolute; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5); }

.site-footer { background-color: #2f363b; }

.site-footer__inner { padding: 30px 0; }

@media (min-width: 1080px) { .site-footer__inner { padding: 60px 0; } }

@media (min-width: 768px) and (max-width: 1079px) { .site-footer__inner { padding: 60px 0; } }

.footer-content { padding: 30px 0; background-color: #424b51; }

.footer-sns { line-height: 1; }

@media (min-width: 1080px) { .footer-sns { float: left; } }

@media (min-width: 768px) and (max-width: 1079px) { .footer-sns { float: left; } }

.footer-sns__item { display: inline-block; margin-right: .5em; vertical-align: top; }

@media (max-width: 479px) { .footer-sns__item { margin-bottom: .5em; } }

@media (min-width: 480px) and (max-width: 767px) { .footer-sns__item { margin-bottom: .5em; } }

.footer-nav { font-size: .8em; line-height: 1; margin-top: .5em; color: #fff; }

@media (min-width: 1080px) { .footer-nav { float: right; } }

@media (min-width: 768px) and (max-width: 1079px) { .footer-nav { float: right; } }

.footer-nav__group { margin: 0; padding: 0; }

.footer-nav__item { display: inline-block; vertical-align: top; }

@media (max-width: 479px) { .footer-nav__item { margin-top: 1.5em; margin-right: 2em; } }

@media (min-width: 480px) and (max-width: 767px) { .footer-nav__item { margin-top: 1.5em; margin-right: 2em; } }

@media (min-width: 768px) and (max-width: 1079px) { .footer-nav__item { padding: 0 2em; } }

@media (min-width: 1080px) { .footer-nav__item { padding: 0 2em; } }

@media (min-width: 768px) and (max-width: 1079px) { .footer-nav__item + .footer-nav__item { border-left: 1px solid #fff; } }

@media (min-width: 1080px) { .footer-nav__item + .footer-nav__item { border-left: 1px solid #fff; } }

.footer-nav__item a { text-decoration: none; }

.footer-nav__item a:hover { text-decoration: underline; }

.footer-copyright { line-height: 1; color: #CCC; margin: 0 auto; padding: 0; text-align: center; }

.fb-like > span { vertical-align: top !important; }

#loader { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #2f363b; }

#loader::before { position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 40px; content: ""; box-sizing: border-box; border-style: solid; border-width: 3px; border-color: rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 20px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin-left: -20px; margin-top: -20px; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.keyvisual { position: relative; width: 100%; height: 100%; min-height: 480px; max-height: 1000px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.keyvisual .box { position: absolute; bottom: 50%; left: 50%; }

@media (max-width: 479px) { .keyvisual .box { width: 260px; height: 52px; margin-left: -130px; } }

@media (min-width: 480px) and (max-width: 767px) { .keyvisual .box { width: 330px; height: 66px; margin-left: -165px; } }

@media (min-width: 768px) and (max-width: 1079px) { .keyvisual .box { width: 494px; height: 99px; margin-left: -247px; } }

@media (min-width: 1080px) { .keyvisual .box { width: 608px; height: 120px; margin-left: -304px; } }

.keyvisual__content { position: absolute; top: 0; left: 0; display: block; bottom: 0; right: 0; z-index: 99; }

#topTxt { position: absolute; top: 55%; left: 0; width: 100%; text-align: center; opacity: 0; }

#topTxt .btn { padding: 22px 60px 19px; }
@media (max-width: 750px) { #topTxt .btn { padding: 18px 30px 15px; font-size: 10px; } }

#btn01 { position: absolute; bottom: 40px; left: 50%; display: block; width: 48px; margin-left: -24px; opacity: 0; }

@media (max-width: 479px) { #btn01 { width: 36px; margin-left: -18px; } }

@media (min-width: 480px) and (max-width: 767px) { #btn01 { width: 36px; margin-left: -18px; } }

/*-------------------------------------------------------------------------- .kv ---------------------------------------------------------------------------*/
.bx-viewport { position: absolute !important; height: 100% !important; }

.main-slider, .main-slider__item { position: absolute !important; width: 100% !important; height: 100%; }

.main-slider__img { position: absolute; display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; -webkit-animation: slide 6000ms linear; animation: slide 6000ms linear; }

@-webkit-keyframes slide { 0% { -webkit-transform: scale(1.4); transform: scale(1.4); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes slide { 0% { -webkit-transform: scale(1.4); transform: scale(1.4); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.container { transition: all 400ms; margin-left: auto; margin-right: auto; }

@media (max-width: 479px) { .container { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .container { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 768px) and (max-width: 1079px) { .container { padding-left: 30px; padding-right: 30px; } }

@media (min-width: 1080px) { .container { max-width: 1000px; } }

.btn { font-family: "Hammersmith One", Verdana, Geneva, sans-serif; font-size: 12px; position: relative; z-index: 10; display: inline-block; box-sizing: border-box; margin: 0 auto; padding: 20px 20px 17px; transition: all .3s; text-align: center; letter-spacing: 2px; color: #888; border: 1px solid #ccc; display: block; text-decoration: none; }

a { display: block; font-size: 16px; }

.btn, .btn:hover { width: 70%; text-decoration: none; }

.btn:hover { color: #fff; background-color: #2f363b; }

.btn--white, .btn--white:hover { color: #fff; border: 1px solid #fff; text-decoration: none; }

.btn--white:hover { background-color: rgba(255, 255, 255, 0.3); }

.grid__col-md-1, .grid__col-sm-1, .grid__col-xs-1, .grid__col-md-2, .grid__col-sm-2, .grid__col-xs-2, .grid__col-md-3, .grid__col-sm-3, .grid__col-xs-3, .grid__col-md-4, .grid__col-sm-4, .grid__col-xs-4, .grid__col-md-5, .grid__col-sm-5, .grid__col-xs-5, .grid__col-md-6, .grid__col-sm-6, .grid__col-xs-6, .grid__col-md-7, .grid__col-sm-7, .grid__col-xs-7, .grid__col-md-8, .grid__col-sm-8, .grid__col-xs-8, .grid__col-md-9, .grid__col-sm-9, .grid__col-xs-9, .grid__col-md-10, .grid__col-sm-10, .grid__col-xs-10, .grid__col-md-11, .grid__col-sm-11, .grid__col-xs-11, .grid__col-md-12, .grid__col-sm-12, .grid__col-xs-12 { position: relative; display: block; box-sizing: border-box; min-height: 100px; background: gray; border: 1px solid #ddd; padding-right: 0; padding-left: 0; float: left; }

.grid--fwd .grid__col-md-1, .grid--fwd .grid__col-sm-1, .grid--fwd .grid__col-xs-1, .grid--fwd .grid__col-md-2, .grid--fwd .grid__col-sm-2, .grid--fwd .grid__col-xs-2, .grid--fwd .grid__col-md-3, .grid--fwd .grid__col-sm-3, .grid--fwd .grid__col-xs-3, .grid--fwd .grid__col-md-4, .grid--fwd .grid__col-sm-4, .grid--fwd .grid__col-xs-4, .grid--fwd .grid__col-md-5, .grid--fwd .grid__col-sm-5, .grid--fwd .grid__col-xs-5, .grid--fwd .grid__col-md-6, .grid--fwd .grid__col-sm-6, .grid--fwd .grid__col-xs-6, .grid--fwd .grid__col-md-7, .grid--fwd .grid__col-sm-7, .grid--fwd .grid__col-xs-7, .grid--fwd .grid__col-md-8, .grid--fwd .grid__col-sm-8, .grid--fwd .grid__col-xs-8, .grid--fwd .grid__col-md-9, .grid--fwd .grid__col-sm-9, .grid--fwd .grid__col-xs-9, .grid--fwd .grid__col-md-10, .grid--fwd .grid__col-sm-10, .grid--fwd .grid__col-xs-10, .grid--fwd .grid__col-md-11, .grid--fwd .grid__col-sm-11, .grid--fwd .grid__col-xs-11, .grid--fwd .grid__col-md-12, .grid--fwd .grid__col-sm-12, .grid--fwd .grid__col-xs-12 { float: left; }

.grid--rev .grid__col-md-1, .grid--rev .grid__col-sm-1, .grid--rev .grid__col-xs-1, .grid--rev .grid__col-md-2, .grid--rev .grid__col-sm-2, .grid--rev .grid__col-xs-2, .grid--rev .grid__col-md-3, .grid--rev .grid__col-sm-3, .grid--rev .grid__col-xs-3, .grid--rev .grid__col-md-4, .grid--rev .grid__col-sm-4, .grid--rev .grid__col-xs-4, .grid--rev .grid__col-md-5, .grid--rev .grid__col-sm-5, .grid--rev .grid__col-xs-5, .grid--rev .grid__col-md-6, .grid--rev .grid__col-sm-6, .grid--rev .grid__col-xs-6, .grid--rev .grid__col-md-7, .grid--rev .grid__col-sm-7, .grid--rev .grid__col-xs-7, .grid--rev .grid__col-md-8, .grid--rev .grid__col-sm-8, .grid--rev .grid__col-xs-8, .grid--rev .grid__col-md-9, .grid--rev .grid__col-sm-9, .grid--rev .grid__col-xs-9, .grid--rev .grid__col-md-10, .grid--rev .grid__col-sm-10, .grid--rev .grid__col-xs-10, .grid--rev .grid__col-md-11, .grid--rev .grid__col-sm-11, .grid--rev .grid__col-xs-11, .grid--rev .grid__col-md-12, .grid--rev .grid__col-sm-12, .grid--rev .grid__col-xs-12 { float: right; }

.grid__col-md-1, .grid__col-sm-1, .grid__col-xs-1 { width: 8.33333%; }

.grid__col-md-2, .grid__col-sm-2, .grid__col-xs-2 { width: 16.66667%; }

.grid__col-md-3, .grid__col-sm-3, .grid__col-xs-3 { width: 25%; }

.grid__col-md-4, .grid__col-sm-4, .grid__col-xs-4 { width: 33.33333%; }

.grid__col-md-5, .grid__col-sm-5, .grid__col-xs-5 { width: 41.66667%; }

.grid__col-md-6, .grid__col-sm-6, .grid__col-xs-6 { width: 50%; }

.grid__col-md-7, .grid__col-sm-7, .grid__col-xs-7 { width: 58.33333%; }

.grid__col-md-8, .grid__col-sm-8, .grid__col-xs-8 { width: 66.66667%; }

.grid__col-md-9, .grid__col-sm-9, .grid__col-xs-9 { width: 75%; }

.grid__col-md-10, .grid__col-sm-10, .grid__col-xs-10 { width: 83.33333%; }

.grid__col-md-11, .grid__col-sm-11, .grid__col-xs-11 { width: 91.66667%; }

.grid__col-md-12, .grid__col-sm-12, .grid__col-xs-12 { width: 100%; }

.grid, .grid__row { box-sizing: border-box; }

.grid { clear: both; }

.grid__row { zoom: 1; margin-right: 0; margin-left: 0; }

.grid__row:before, .grid__row:after { display: table; content: ''; }

.grid__row:after { clear: both; }

@media (max-width: 479px) { .grid__col-sm-1 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-2 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-3 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-4 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-5 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-6 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-7 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-8 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-9 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-10 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-11 { float: none; width: 100%; } }

@media (max-width: 479px) { .grid__col-sm-12 { float: none; width: 100%; } }

.label { font-size: .8em; line-height: 1; position: relative; top: -3px; display: inline-block; padding: 6px 4px 4px; text-align: center; vertical-align: middle; color: #fff; background-color: #2f363b; }
@media (max-width: 750px) { .label { font-size: 10px; line-height: 1; position: relative; top: -2px; display: inline-block; padding: 6px 0px 6px; } }


.label--news { background-color: #2f363b; }

.label--media { background-color: #f97341; }

.page-header { position: relative; transition: all 400ms; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media (max-width: 479px) { .page-header { height: 225px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-header { height: 225px; } }

@media (min-width: 768px) and (max-width: 1079px) { .page-header { height: 320px; } }

@media (min-width: 1080px) { .page-header { height: 320px; } }

.page-title { position: absolute; left: 50%; overflow: hidden; transition: all 400ms; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media (max-width: 479px) { .page-title { top: 100px; width: 230px; height: 75px; margin-left: -115px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-title { top: 100px; width: 230px; height: 75px; margin-left: -115px; } }

@media (min-width: 768px) and (max-width: 1079px) { .page-title { top: 150px; width: 448px; height: 120px; margin-left: -220px; } }

@media (min-width: 1080px) { .page-title { top: 150px; width: 448px; height: 120px; margin-left: -220px; } }

.page-nav { position: relative; color: #fff; background-color: #424b51; }

@media (min-width: 768px) and (max-width: 1079px) { .page-nav { padding: 50px; text-align: center; } }

@media (min-width: 1080px) { .page-nav { padding: 50px; text-align: center; } }

.page-nav__trg { line-height: 60px; position: relative; z-index: 2; display: block; height: 60px; padding: 0 20px; color: #fff; background-color: #252c31; }

.page-nav__trg::before, .page-nav__trg::after { position: absolute; top: 50%; right: 26px; display: block; width: 12px; height: 1px; background: #fff; }

@media (max-width: 479px) { .page-nav__trg::before, .page-nav__trg::after { content: ''; } }

@media (min-width: 480px) and (max-width: 767px) { .page-nav__trg::before, .page-nav__trg::after { content: ''; } }

.page-nav__trg::after { transition: all 400ms; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.page-nav.is-open .page-nav__trg::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.page-nav__list { margin: 0; padding: 0; list-style: none; vertical-align: top; }

@media (max-width: 479px) { .page-nav__list { line-height: 60px; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 60px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-nav__list { line-height: 60px; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 60px; } }

@media (min-width: 768px) and (max-width: 1079px) { .page-nav__list { display: inline-block; } }

@media (min-width: 1080px) { .page-nav__list { display: inline-block; } }

.page-nav__item { transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; transition: all 200ms; top: 0; }

.page-nav.is-open .page-nav__item:nth-child(1) { top: 60px; transition-duration: 0ms; }

.page-nav.is-open .page-nav__item:nth-child(2) { top: 120px; transition-duration: 120ms; }

.page-nav.is-open .page-nav__item:nth-child(3) { top: 180px; transition-duration: 240ms; }

.page-nav.is-open .page-nav__item:nth-child(4) { top: 240px; transition-duration: 360ms; }

.page-nav.is-open .page-nav__item:nth-child(5) { top: 300px; transition-duration: 480ms; }

.page-nav.is-open .page-nav__item:nth-child(6) { top: 360px; transition-duration: 600ms; }

.page-nav.is-open .page-nav__item:nth-child(7) { top: 420px; transition-duration: 720ms; }

.page-nav.is-open .page-nav__item:nth-child(8) { top: 480px; transition-duration: 840ms; }

.page-nav.is-open .page-nav__item:nth-child(9) { top: 540px; transition-duration: 960ms; }

.page-nav.is-open .page-nav__item:nth-child(10) { top: 600px; transition-duration: 1080ms; }

.page-nav.is-open .page-nav__item:nth-child(11) { top: 660px; transition-duration: 1200ms; }

.page-nav.is-open .page-nav__item:nth-child(12) { top: 720px; transition-duration: 1320ms; }

.page-nav.is-open .page-nav__item:nth-child(13) { top: 780px; transition-duration: 1440ms; }

.page-nav.is-open .page-nav__item:nth-child(14) { top: 840px; transition-duration: 1560ms; }

.page-nav.is-open .page-nav__item:nth-child(15) { top: 900px; transition-duration: 1680ms; }

.page-nav.is-open .page-nav__item:nth-child(16) { top: 960px; transition-duration: 1800ms; }

.page-nav.is-open .page-nav__item:nth-child(17) { top: 1020px; transition-duration: 1920ms; }

.page-nav.is-open .page-nav__item:nth-child(18) { top: 1080px; transition-duration: 2040ms; }

.page-nav.is-open .page-nav__item:nth-child(19) { top: 1140px; transition-duration: 2160ms; }

.page-nav.is-open .page-nav__item:nth-child(20) { top: 1200px; transition-duration: 2280ms; }

@media (max-width: 479px) { .page-nav__item { position: absolute; top: 0; width: 100%; height: 60px; } }

@media (min-width: 480px) and (max-width: 767px) { .page-nav__item { position: absolute; top: 0; width: 100%; height: 60px; } }

@media (min-width: 768px) and (max-width: 1079px) { .page-nav__item { float: left; margin: 0 1em; } }

@media (min-width: 1080px) { .page-nav__item { float: left; margin: 0 1em; } }

@media (min-width: 768px) and (max-width: 1079px) { .page-nav__item::after { margin-left: .2em; content: ' >'; color: #fff; } }

@media (min-width: 1080px) { .page-nav__item::after { margin-left: .2em; content: ' >'; color: #fff; } }

.page-nav__target { position: relative; }

@media (max-width: 479px) { .page-nav__target { line-height: 60px; display: block; height: 60px; padding: 0 20px; text-decoration: none; background-color: #424b51; } }

@media (min-width: 480px) and (max-width: 767px) { .page-nav__target { line-height: 60px; display: block; height: 60px; padding: 0 20px; text-decoration: none; background-color: #424b51; } }

.page-nav__target::before, .page-nav__target::after { position: absolute; top: 50%; right: 30px; display: block; width: 8px; height: 1px; background: #fff; }

@media (max-width: 479px) { .page-nav__target::before, .page-nav__target::after { content: ''; } }

@media (min-width: 480px) and (max-width: 767px) { .page-nav__target::before, .page-nav__target::after { content: ''; } }

.page-nav__target::before { margin-left: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.page-nav__target::after { margin-right: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.section-header { transition: all 400ms; }

@media (max-width: 479px) { .section-header { padding: 45px 0; } }

@media (min-width: 480px) and (max-width: 767px) { .section-header { padding: 45px 0; } }

@media (min-width: 768px) and (max-width: 1079px) { .section-header { padding: 80px 0; } }

@media (min-width: 1080px) { .section-header { padding: 80px 0; } }

.section-header p { transition: all 400ms; }

@media (max-width: 479px) { .section-header p { padding-top: 40px; } }

@media (min-width: 480px) and (max-width: 767px) { .section-header p { padding-top: 40px; } }

@media (min-width: 768px) and (max-width: 1079px) { .section-header p { padding-top: 60px; } }

@media (min-width: 1080px) { .section-header p { padding-top: 60px; } }

.section-title { font-weight: bold; text-align: center; margin: 0; line-height: 1.4; transition: all 400ms; }

@media (max-width: 479px) { .section-title { font-size: 22px; } }

@media (min-width: 480px) and (max-width: 767px) { .section-title { font-size: 22px; } }

@media (min-width: 768px) and (max-width: 1079px) { .section-title { font-size: 32px; } }

@media (min-width: 1080px) { .section-title { font-size: 32px; } }

@media (max-width: 479px) { .section-body { padding-bottom: 50px; } }

@media (min-width: 480px) and (max-width: 767px) { .section-body { padding-bottom: 50px; } }

@media (min-width: 768px) and (max-width: 1079px) { .section-body { padding-bottom: 80px; } }

@media (min-width: 1080px) { .section-body { padding-bottom: 80px; } }

.pager { font-size: 10px; line-height: 1; position: relative; overflow: hidden; letter-spacing: 1px; background-color: #f2f2f2; }

@media (min-width: 768px) and (max-width: 1079px) { .pager { font-size: 11px; padding-bottom: 20px; padding-top: 20px; } }

@media (min-width: 1080px) { .pager { font-size: 11px; padding-top: 20px; padding-bottom: 20px; } }

.pager__item { position: relative; display: block; box-sizing: border-box; width: 70px; height: 70px; padding-top: 45px; text-align: center; }

.pager__item, .pager__item:hover { text-decoration: none; }

.pager__item::before, .pager__item::after { position: absolute; display: block; content: ""; border: 2px; }

.pager__item--prev::before, .pager__item--prev::after, .pager__item--next::before, .pager__item--next::after { bottom: 50%; left: 50%; width: 8px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: #2f363b; }

.pager__item--prev { float: left; }

.pager__item--prev::before, .pager__item--prev::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pager__item--prev::before { margin-left: -8px; }

.pager__item--next { float: right; }

.pager__item--next::before, .pager__item--next::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.pager__item--next::before { margin-left: -3px; }

.pager__item--next::after { margin-left: -11px; }

.pager__item--index { margin-right: auto; margin-left: auto; }

.pager__item--index::before { top: 22px; left: 50%; display: block; width: 18px; height: 10px; margin-left: -9px; border-top: 2px solid #2f363b; border-bottom: 2px solid #2f363b; }

.pager__item--index::after { top: 28px; left: 50%; width: 18px; margin-left: -9px; border-top: 2px solid #2f363b; }

/*-------------------------------------------------------------------------- #stage ---------------------------------------------------------------------------*/
#stage { position: relative; overflow-x: hidden; width: 100%; }

@media screen and (min-width: 1070px) { .pcOnly { display: block; }
  .spOnly { display: none; } }

@media screen and (max-width: 1069px) { .pcOnly { display: none; }
  .spOnly { display: block; } }

/*-------------------------------------------------------------------------- #mv ---------------------------------------------------------------------------*/
#logo { position: absolute; top: 60px; left: 100px; width: 184px; height: 30px; }

#subLogo { position: absolute; top: 60px; left: 100px; display: block; width: 184px; height: 30px; }

@media screen and (min-width: 1081px) {
#privacyMv { position: relative; width: 100%; height: 470px; background: url(../images/kv04.jpg) no-repeat scroll center; background-size: cover; }
#recruitMv { position: relative; width: 100%; height: 470px; background: url(../images/kv05.jpg) no-repeat scroll center; background-size: cover; }
#estateMv { position: relative; width: 100%; height: 470px; background: url(../images/kv06.jpg) no-repeat scroll center; background-size: cover; }
}

@media screen and (max-width: 1080px) {
#privacyMv { position: relative; height: 470px; background: url(../images/kv04.jpg) no-repeat scroll center; background-size: cover; }
#recruitMv { position: relative; height: 470px; background: url(../images/kv05.jpg) no-repeat scroll center; background-size: cover; }
#estateMv { position: relative; height: 470px; background: url(../images/kv06.jpg) no-repeat scroll center; background-size: cover; }
}

@media screen and (max-width: 750px) {
#privacyMv { position: relative; height: 350px; background: url(../images/kv04.jpg) no-repeat scroll center; background-size: cover; }
#recruitMv { position: relative; height: 350px; background: url(../images/kv05.jpg) no-repeat scroll center; background-size: cover; }
#estateMv { position: relative; height: 350px; background: url(../images/kv06.jpg) no-repeat scroll center; background-size: cover; }
}

@media screen and (min-width: 1081px) { #logo { z-index: 1000; } }

#subHeadNav { font-family: 'Hammersmith One', Verdana, Geneva, sans-serif; position: absolute; top: 70px; left: 365px; }

#headNav ul li { font-size: 15px; display: inline-block; padding-left: 33px; letter-spacing: 4px; }

#headNav ul li:first-child { padding-left: 0; }

#headNav ul li a:hover { text-decoration: none; }

#subHeadNav ul li { font-size: 15px; display: inline-block; padding-left: 33px; letter-spacing: 4px; }

#subHeadNav ul li:first-child { padding-left: 0; }

#subHeadNav ul li a:hover { text-decoration: none; }

#subFbLink a { position: absolute; top: 60px; right: 100px; display: block; width: 34px; height: 34px; }

@media screen and (min-width: 1081px) { #fbLink { z-index: 1000; } }

@media screen and (min-width: 1070px) { #navSp { display: none; } }

@media screen and (max-width: 750px) { #logo { position: absolute; top: 32px; left: 20px; width: 135px; height: 22px; }
  #subLogo { position: absolute; top: 32px; left: 20px; width: 135px; height: 22px; }
  #navSp { position: fixed; top: 19px; right: 20px; } }

/*-------------------------------------------------------------------------- .path ---------------------------------------------------------------------------*/
.path { max-width: 100%; height: auto; fill: #fff; }

.path.animated { transition: all .3s ease-in-out; -webkit-animation: lineAnime 2s ease-in-out .5s forwards; animation: lineAnime 2s ease-in-out .5s forwards; stroke: #fff; fill: #fff; stroke-width: .4px; stroke-DASHarray: 3000; stroke-DASHoffset: 3000; }

@media only screen and (max-width: 750px) { .box .path { width: 494px; height: auto; margin: 0 auto; } }

@media only screen and (max-width: 580px) { .box .path { width: 400px; height: auto; margin: 0 auto; } }

@media only screen and (max-width: 470px) { .box .path { width: 330px; height: auto; margin: 0 auto; } }

@media only screen and (max-width: 390px) { .box .path { width: 260px; height: auto; margin: 0 auto; } }

@media screen and (min-width: 751px) { #privacyTtl { position: absolute; top: 50%; left: 50%; width: 520px; height: 82px; margin: -21px 0 0 -260px; }
  #recruitTtl { position: absolute; top: 50%; left: 50%; width: 500px; height: 130px; margin: -21px 0 0 -260px; }
  #newsMv .date { font-size: 18px; padding-top: 190px; letter-spacing: 1.8px; }
  #newsTtl h2 { padding-top: 30px; letter-spacing: 1.8px; }
  #newsTtl { font-size: 28px; width: auto; text-align: center; } }

@media screen and (max-width: 750px) { #privacyTtl { position: absolute; top: 50%; left: 50%; width: 280px; height: 44px; margin: 5px 0 0 -140px; }
  #recruitTtl { position: absolute; top: 50%; left: 50%; width: 280px; height: 73px; margin: 5px 0 0 -140px; }
  #newsMv .date { font-size: 12px; padding-top: 154px; letter-spacing: 1.4px; }
  #newsTtl h2 { padding-top: 20px; letter-spacing: 1px; }
  #newsTtl { font-size: 18px; width: auto; text-align: center; } }

/*-------------------------------------------------------------------------- #message ---------------------------------------------------------------------------*/
#message { position: relative; width: auto; padding: 90px 0 129px 0; color: #fff; background: #2f363b; }

@media (max-width: 479px) { #message { padding: 50px 0 60px 0; } }

@media (min-width: 480px) and (max-width: 767px) { #message { padding: 50px 0 60px 0; } }

@media (min-width: 768px) and (max-width: 1079px) { #message { padding: 90px 0 129px 0; } }

@media (min-width: 1080px) { #message { padding: 120px 0 120px 0; } }

/*#message::before { height: 85px; content: url(../images/rcTopBlue.png); display: block; position: absolute; left: 0; bottom: 100%; width: 100%; z-index: 60; }*/

#message .innerBlock { text-align: center; }

#message h2 { margin: 0 auto 37px auto; }

@media (max-width: 479px) { #message h2 { width: 280px; margin-bottom: 20px; } }

@media (min-width: 480px) and (max-width: 767px) { #message h2 { width: 280px; margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 1079px) { #message h2 { width: 370px; } }

@media (min-width: 1080px) { #message h2 { width: 370px; } }

#message p { font-size: 14px; line-height: 2.5; max-width: 600px; margin: 0 auto; text-align: center; letter-spacing: 1.8px; }

@media (max-width: 479px) { #message p { font-size: 12px; } }

@media (min-width: 480px) and (max-width: 767px) { #message p { font-size: 12px; } }

/*-------------------------------------------------------------------------- #company ---------------------------------------------------------------------------*/
#company { position: relative; width: auto; padding: 140px 0 107px 0; background: url(../images/bgCompany.jpg) no-repeat scroll center top; background-size: cover; }

@media screen and (max-width: 760px) { #company { padding: 60px 0 30px 0; } }

#company h2 { width: 370px; height: 96px; margin: 0 auto 94px auto; text-align: center; }

@media screen and (max-width: 760px) { #company h2 { width: 280px; height: 73px; margin: 0 auto 40px auto; text-align: center; } }

/*-------------------------------------------------------------------------- #map_canvas ---------------------------------------------------------------------------*/
#map_canvas { width: 100%; height: 500px; }

@media screen and (max-width: 740px) { #map_canvas { width: 100%; height: 500px; } }

/*-------------------------------------------------------------------------- #newsMedia ---------------------------------------------------------------------------*/
#newsMedia { position: relative; width: auto; padding: 100px 0 107px 0; background: #f2f2f2; }

@media screen and (max-width: 750px) { #newsMedia { width: auto; padding: 60px 0 50px 0; } }

@media screen and (max-width: 740px) { #newsMedia { width: auto; padding: 60px 0 40px 0; } }

#newsMedia .more { padding-top: 20px; }

@media screen and (max-width: 740px) { #newsMedia .more { padding-top: 10px; } }

@media screen and (max-width: 860px) { #newsMedia .more { padding-bottom: 60px; } }

@media screen and (max-width: 740px) { #newsMedia .more { padding-bottom: 20px; } }

#newsMedia .more a { font-family: 'Hammersmith One', Verdana, Geneva, sans-serif; font-size: 14px; display: block; width: 174px; height: 26px; margin: 0 auto; padding-top: 9px; padding-bottom: 3px; transition: all .2s ease-out 0s; text-align: center; letter-spacing: 2px; color: #2f363b; border: 1px solid #e0e0e0; background-color: #f5f5f5; }

@media screen and (max-width: 740px) { #newsMedia .more a { width: auto; } }

#newsMedia .more a:hover { transition: all .2s ease-out 0s; text-decoration: none; color: #fff; border: 1px solid #2f363b; background-color: #2f363b; }

#newsMedia .inner { width: 980px; margin: 0 auto; }

@media screen and (max-width: 1020px) { #newsMedia .inner { width: 820px; margin: 0 auto; } }

@media screen and (max-width: 940px) { #newsMedia .inner { width: 740px; margin: 0 auto; } }

@media screen and (max-width: 860px) { #newsMedia .inner { width: auto; margin: 0 40px; } }

@media screen and (max-width: 810px) { #newsMedia .inner { width: auto; margin: 0 20px; } }

#news .inner { position: relative; width: auto; }

@media screen and (max-width: 1020px) { #news .inner { padding: 0; } }

#news h2 { width: 146px; margin: 0 auto; }

@media (max-width: 479px) { #news h2 { width: 109px; height: 58px; margin-bottom: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { #news h2 { width: 109px; height: 58px; margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 1079px) { #news h2 { margin-bottom: 50px; } }

@media (min-width: 1080px) { #news h2 { margin-bottom: 50px; } }

/*-------------------------------------------------------------------------- #contact ---------------------------------------------------------------------------*/
#contact { width: auto; padding: 140px 0 140px 0; background: #fff; }

@media screen and (max-width: 750px) { #contact { padding: 60px 0 60px 0; } }

#contact h2 { width: 262px; height: 83px; margin: 0 auto 92px auto; }

@media screen and (max-width: 750px) { #contact h2 { width: 186px; height: 59px; margin: 0 auto 35px auto; } }

#contact p { line-height: 2; letter-spacing: 1.3px; }

@media screen and (max-width: 1080px) { #contact p { margin: 0 80px; } }

@media screen and (max-width: 750px) { #contact p { font-size: 12px; line-height: 1.7; margin: 0 20px; } }

#contact .inner { width: 950px; margin: 52px auto 0 auto; }

@media screen and (max-width: 1080px) { #contact .inner { width: auto; margin: 52px 80px 0; } }

@media screen and (max-width: 750px) { #contact .inner { width: auto; margin: 32px 20px 0; } }

#contact button[type='submit'] { font-size: 20px; display: block; width: 100%; margin-top: 40px; cursor: pointer; text-align: center; letter-spacing: 2px; color: #fff; border: 3px solid #2f363b; background: #2f363b; }

@media screen and (max-width: 750px) { #contact button[type='submit'] { font-size: 16px; margin-top: 25px; letter-spacing: 4px; } }

#contact button[type='submit']:hover { color: #2f363b; border: 3px solid #2f363b; background: #fff; }

#contact button[type='submit'] b { display: inline-block; width: 100%; padding: 15px 0; }

@media screen and (max-width: 750px) { #contact button[type='submit'] b { font-size: 100%; padding: 10px 0; } }

#contact dt, #contact dd, #contact input, #contact textarea, #contact label, #contact span, #contact button, #contact div { line-height: 2; margin: 0; }

#contact dl { margin-bottom: 25px; border-bottom: 1px solid #a4a4a4; }

#contact dt { font-weight: bold; position: relative; margin-bottom: -34px; padding: 5px 0; padding-top: 31px; border-top: 1px solid #a4a4a4; }

#contact dt:after { font-size: 10px; line-height: 1em; position: absolute; top: 30px; left: 212px; display: block; padding: 6px 12px 6px; content: ''; }

@media screen and (max-width: 720px) { #contact dt:after { position: relative; top: -1px; left: 5px; display: inline-block; margin-left: 5px; } }

#contact dt.required:after { font-size: 11px; display: inline-block; content: '必須'; color: #fff; background: #2f363b; }

@media screen and (max-width: 720px) { #contact dt { margin-bottom: 10px; padding-top: 30px; font-size: 12px; } }

#contact dd { position: relative; margin-left: 312px; padding-bottom: 30px; }

#contact dd.tel { overflow: hidden; }

@media screen and (max-width: 720px) { #contact dd { margin-left: 0; padding-bottom: 30px; } }

#contact dd > b, #contact dd > a { line-height: 3em; height: 3em; }

@media screen and (max-width: 720px) { #contact dd > b, #contact dd > a { line-height: 1.5em; height: 1.5em; } }

#contact input, textarea, select, button { margin: 0; padding: 0; border: none; border-radius: 0; background: none; }

#contact input, textarea { border: 1px solid #ccc; }

#contact label { display: inline-block; cursor: pointer; }

#contact label input { display: none; }

.ie8 article.contact section .contact label input { display: inline-block; float: left; width: 16px; height: 16px; padding: 8px; border: none; }

#contact label span { line-height: 32px; display: block; height: 32px; padding-left: 32px; }

@media screen and (max-width: 720px) { #contact label span { line-height: 48px; height: 48px; padding-left: 48px; } }

.ie8 article.contact section .contact label span { display: inline-block; padding-left: 5px; }

@media screen and (max-width: 720px) { #contact label span:before { zoom: 1.5; } }

.ie8 article.contact section .contact label span:before { display: none; }

#contact label input:checked + span:before, #contact label input.checked + span:before { background-position: -64px -32px; }

#contact label > input[type='text'] { line-height: 1.5em; display: block; box-sizing: border-box; width: 10em; height: 4em; padding: .5em; }

#contact .address div:after { display: block; clear: both; height: 0; content: ''; }

#contact address div label { display: block; float: left; }

#contact .name label, #contact .kana label, #contact .company label, #contact .section label, #contact .tel label { display: block; width: 100%; }

#contact .name label input, #contact .kana label input, #contact .company label input, #contact .section label input, #contact .tel label input { width: 100%; }

#contact .site label, #contact .address label, #contact .address label.addressbody, #contact .mail label { display: block; }

#contact .site label input, #contact .address label input, #contact .address label.addressbody input, #contact .mail label input { width: 100%; }

#contact .address label.addressbody { width: 100%; }

#contact .mail label { margin-bottom: 10px; }

#contact .text label { display: block; }

#contact .text label textarea { box-sizing: border-box; width: 100%; height: 8em; padding: .5em; }

#contact .address div:after { display: block; clear: both; height: 0; content: ''; }

#contact .address div.zipcode { float: left; margin-bottom: 10px; }

@media screen and (max-width: 720px) { #contact .address div.zipcode { float: none; margin-bottom: 0; } }

#contact .tel div label { float: left; width: auto; }

#contact .tel div label input { width: 5em; }

#contact .address div em, #contact .tel div em { font-size: 120%; font-style: normal; line-height: 2.5em; display: block; float: left; box-sizing: border-box; width: 1.5em; text-align: center; }

#contact .address div label input { width: 8em; }

#contact .address div button { line-height: .8em; display: block; box-sizing: border-box; height: 3em; padding: .5em; cursor: pointer; color: #36a3dc; }

#contact .address div button:hover { text-decoration: underline; }

#contact .address div button:disabled { cursor: default; color: #888; }

#contact .address div button:disabled:hover { text-decoration: none; }

#contact div.blank { background: url("../images/ico_blank.html") no-repeat 146px 5px; }

/*-------------------------------------------------------------------------- #contact1 ---------------------------------------------------------------------------*/
#contact1 { width: auto; padding: 140px 0 140px 0; background: #fff; }

@media screen and (max-width: 750px) { #contact1 { padding: 60px 0 60px 0; } }

#contact1 h2 { width: 262px; height: 83px; margin: 0 auto 92px auto; }

@media screen and (max-width: 750px) { #contact1 h2 { width: 186px; height: 59px; margin: 0 auto 35px auto; } }

#contact1 p { line-height: 2; letter-spacing: 1.3px; }

@media screen and (max-width: 1080px) { #contact1 p { margin: 0 80px; } }

@media screen and (max-width: 750px) { #contact1 p { font-size: 12px; line-height: 1.7; margin: 0 20px; } }

#contact1 .inner { width: 950px; margin: 52px auto 0 auto; }

@media screen and (max-width: 1080px) { #contact1 .inner { width: auto; margin: 52px 80px 0; } }

@media screen and (max-width: 750px) { #contact1 button[type='submit'] b { font-size: 100%; padding: 10px 0; } }

#contact1 dt, #contact1 dd, #contact1 input, #contact1 textarea, #contact1 label, #contact1 span, #contact1 button, #contact1 div { line-height: 2; margin: 0; }

#contact1 dl { margin-bottom: 25px; border-bottom: 1px solid #a4a4a4; }

#contact1 dt { font-weight: bold; position: relative; margin-bottom: -34px; padding: 5px 0; padding-top: 31px; border-top: 1px solid #a4a4a4; }

#contact1 dt:after { font-size: 10px; line-height: 1em; position: absolute; top: 30px; left: 212px; display: block; padding: 6px 12px 6px; content: ''; }

@media screen and (max-width: 720px) { #contact1 dt:after { position: relative; top: -1px; left: 5px; display: inline-block; margin-left: 5px; } }

#contact1 dt.required:after { font-size: 11px; display: inline-block; content: '必須'; color: #fff; background: #2f363b; }

@media screen and (max-width: 720px) { #contact1 dt { margin-bottom: 10px; padding-top: 30px; font-size: 12px; } }

#contact1 dd { position: relative; margin-left: 312px; padding-bottom: 30px; }

#contact1 dd.tel { overflow: hidden; }

@media screen and (max-width: 720px) { #contact1 dd { margin-left: 0; padding-bottom: 30px; } }

#contact1 dd > b, #contact1 dd > a { line-height: 3em; height: 3em; }

.attention { font-size: 12px; margin-bottom: 23px; }

@media screen and (max-width: 1080px) { .attention { font-size: 11px; margin: 0 !important; padding-bottom: 20px; text-align: left; } }

#privacy { overflow-y: scroll; width: 888px; height: 200px; padding: 23px 30px 0 30px; border: 1px solid #ccc; }

@media screen and (max-width: 1080px) { #privacy { box-sizing: border-box; width: auto; } }

@media screen and (max-width: 750px) { #privacy { height: 120px; padding: 15px 15px 0 15px; } }

#privacy h3 { font-size: 16px; padding-bottom: 5px; text-align: center; }

@media screen and (max-width: 750px) { #privacy h3 { font-size: 14px; } }

#privacy h3, #privacy h4, #privacy h5 { font-weight: 600; line-height: 2; padding-bottom: 15px; letter-spacing: 1.5px; }

@media screen and (max-width: 750px) { #privacy h3, #privacy h4, #privacy h5 { font-size: 12px; padding-bottom: 10px; } }

#privacy p { padding-bottom: 20px; }

@media screen and (max-width: 1080px) { #privacy p { margin-right: 0 !important; margin-left: 0 !important; } }

#privacy a { color: #2f363b; }

/*-------------------------------------------------------------------------- #linkBlock ---------------------------------------------------------------------------*/
#linkBlock { position: relative; padding: 20px 100px; text-align: center; background: #f2f2f2; }

@media screen and (max-width: 750px) { #linkBlock { padding: 20px 20px; } }

@media screen and (max-width: 485px) { #linkBlock { padding: 20px 0; } }

#linkBlock ul { display: inline-block; }

#linkBlock ul li { float: left; margin-left: 60px; }

@media screen and (max-width: 485px) { #linkBlock ul { display: block; }
  #linkBlock ul li { float: left; margin-left: 0; } }

@media screen and (max-width: 485px) { #linkBlock ul li { box-sizing: border-box; width: 50%; } }

#linkBlock ul li:first-child { margin-left: 0; }

#linkBlock ul li.careerparkIcon { width: 88px; }

@media screen and (max-width: 750px) { #linkBlock ul li.careerparkIcon { width: 70px; } }

@media screen and (max-width: 485px) { #linkBlock ul li.careerparkIcon { width: 50%; padding-bottom: 20px; }
  #linkBlock ul li.careerparkIcon img { width: 70px; } }

#linkBlock ul li.tabimoIcon { width: 88px; }

@media screen and (max-width: 750px) { #linkBlock ul li.tabimoIcon { width: 72px; } }

@media screen and (max-width: 485px) { #linkBlock ul li.tabimoIcon { width: 50%; padding-bottom: 20px; }
  #linkBlock ul li.tabimoIcon img { width: 72px; } }

#linkBlock ul li.naninaniIcon { width: 64px; }

@media screen and (max-width: 750px) { #linkBlock ul li.naninaniIcon { width: 52px; } }

@media screen and (max-width: 485px) { #linkBlock ul li.naninaniIcon { width: 50%; }
  #linkBlock ul li.naninaniIcon img { width: 52px; } }

#linkBlock ul li.spiritsIcon { width: 84px; }

@media screen and (max-width: 750px) { #linkBlock ul li.spiritsIcon { width: 69px; } }

@media screen and (max-width: 485px) { #linkBlock ul li.spiritsIcon { width: 50%; }
  #linkBlock ul li.spiritsIcon img { width: 69px; } }

/*-------------------------------------------------------------------------- SubPage ---------------------------------------------------------------------------*/
.blueBlock { position: relative; width: auto; color: #fff; background: #2f363b; }

.blueBlock a { text-decoration: underline; }

@media screen and (min-width: 581px) { .blueBlock { padding: 130px 0 132px 0; } }

@media screen and (max-width: 750px) { .blueBlock { padding: 100px 0 100px 0; } }

@media screen and (max-width: 580px) { .blueBlock { padding: 60px 0 62px 0; } }

.blueBlock .inner { position: relative; }

@media screen and (min-width: 1081px) { .blueBlock .inner { width: 980px; margin: 0 auto; } }

@media screen and (max-width: 1080px) { .blueBlock .inner { width: auto; margin: 0 40px; } }

@media screen and (max-width: 540px) { .blueBlock .inner { width: auto; margin: 0 20px; } }

.blueBlock h3 { font-weight: 500; line-height: 1.8; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .blueBlock h3 { font-size: 28px; margin-bottom: 60px; } }

@media screen and (max-width: 700px) { .blueBlock h3 { font-size: 24px; margin-bottom: 48px; } }

/*20151113*/
@media screen and (max-width: 580px) { .blueBlock h3 { font-size: 16px; margin-bottom: 28px; } }

.blueBlock h4 { font-weight: 600; line-height: 1.8; text-align: left; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .blueBlock h4 { font-size: 16px; margin-bottom: 40px; } }

@media screen and (max-width: 700px) { .blueBlock h4 { margin-bottom: 28px; } }

@media screen and (max-width: 580px) { .blueBlock h4 { font-size: 14px; margin-bottom: 18px; } }

.blueBlock p { line-height: 2; text-align: left; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .blueBlock p { font-size: 14px; }
  /*20151113*/
  .blueBlock p em { font-weight: normal; font-style: italic; opacity: .7; } }

@media screen and (max-width: 700px) { .blueBlock p { font-size: 13px; }
  /*20151113*/
  .blueBlock p em { font-weight: normal; font-style: italic; opacity: .7; } }

@media screen and (max-width: 580px) { .blueBlock p { font-size: 12px; }
  /*20151113*/
  .blueBlock p em { font-weight: normal; font-style: italic; opacity: .7; } }

.whiteBlock { position: relative; width: auto; color: #2f363b; background: #f2f2f2; }

@media screen and (min-width: 751px) { .whiteBlock { padding: 130px 0 132px 0; } }

@media screen and (max-width: 750px) { .whiteBlock { padding: 100px 0 105px 0; } }

@media screen and (max-width: 580px) { .whiteBlock { padding: 60px 0 62px 0; } }

.whiteBlock .inner { position: relative; }

@media screen and (min-width: 1081px) { .whiteBlock .inner { width: 980px; margin: 0 auto; } }

@media screen and (max-width: 1080px) { .whiteBlock .inner { width: auto; margin: 0 40px; } }

@media screen and (max-width: 540px) { .whiteBlock .inner { width: auto; margin: 0 20px; } }

.whiteBlock h3 { font-weight: 500; line-height: 1.8; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .whiteBlock h3 { font-size: 28px; margin-bottom: 60px; } }

@media screen and (max-width: 700px) { .whiteBlock h3 { font-size: 24px; margin-bottom: 48px; } }

@media screen and (max-width: 580px) { .whiteBlock h3 { font-size: 24px; margin-bottom: 28px; } }

.whiteBlock h4 { font-weight: 600; line-height: 1.8; text-align: left; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .whiteBlock h4 { font-size: 16px; margin-bottom: 40px; } }

@media screen and (max-width: 700px) { .whiteBlock h4 { margin-bottom: 28px; } }

@media screen and (max-width: 580px) { .whiteBlock h4 { font-size: 14px; } }

.whiteBlock p { line-height: 2; text-align: left; letter-spacing: 1.4px; }

@media screen and (min-width: 701px) { .whiteBlock p { font-size: 14px; } }

@media screen and (max-width: 700px) { .whiteBlock p { font-size: 13px; } }

@media screen and (max-width: 580px) { .whiteBlock p { font-size: 12px; } }

.checkList { position: relative; margin-bottom: 51px; }

@media screen and (max-width: 580px) { .checkList { position: relative; margin-bottom: 41px; } }

.checkList li { font-size: 14px; line-height: 2; margin-bottom: 15px; padding-left: 33px; letter-spacing: 1.4px; background: url(../images/check.png) no-repeat 0 4px; background: url(../images/checkIe.html) no-repeat scroll 0 4px\9; background-size: 18px 16px; _background: url(../images/checkIe.html) no-repeat scroll 0 4px; *background: url(../images/checkIe.html) no-repeat scroll 0 4px; }

@media screen and (max-width: 700px) { .checkList li { font-size: 13px; background: url(../images/check.png) no-repeat 0 4px; background: url(../images/checkIe.html) no-repeat scroll 0 4px\9; background-size: 18px 16px; _background: url(../images/checkIe.html) no-repeat scroll 0 4px; *background: url(../images/checkIe.html) no-repeat scroll 0 4px; } }

.sectionBlock { position: relative; margin-bottom: 67px; }

@media screen and (max-width: 580px) { .sectionBlock { position: relative; margin-bottom: 37px; } }

.bottomTxt { text-align: left; }

@media screen and (max-width: 580px) { .bottomTxt { text-align: center !important; } }

.rcTop { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; }

.rcTop img { width: 100%; }

/*-------------------------------------------------------------------------- Other ---------------------------------------------------------------------------*/
#btnTop { position: fixed; z-index: 5000; right: 20px; bottom: 20px; }

#btnTop a img { width: 50px; }





#service{
	position:relative;
	background:#fff;
	color:#2f363b;
	padding:140px 0 0 0;
	width:auto;
}
@media screen and (max-width:750px){
#service{
	padding:60px 0 0 0;
}
}
#service h2{
	width:370px;
	height:96px;
	margin:0 auto 94px auto;
}
@media screen and (max-width:750px){
#service h2{
	width:280px;
	height:73px;
	margin:0 auto 40px auto;
}
}
#business{
	position:relative;
	background:#fff;
	color:#2f363b;
	padding:140px 0 0 0;
	width:auto;
}
@media screen and (max-width:750px){
#business{
	padding:60px 0 0 0;
}
}
#business h2{
	width:370px;
	height:96px;
	margin:0 auto 94px auto;
}
@media screen and (max-width:750px){
#business h2{
	width:280px;
	height:73px;
	margin:0 auto 40px auto;
}
}




#news h2{
	width:370px;
	height:96px;
	margin:0 auto 94px auto;
}
@media screen and (max-width:750px){
#news h2{
	width:280px;
	height:73px;
	margin:0 auto 40px auto;
}
}




#contact h2{
	width:370px;
	height:96px;
	margin:0 auto 94px auto;
}
@media screen and (max-width:750px){
#contact h2{
	width:280px;
	height:73px;
	margin:0 auto 40px auto;
}
}


.svBlock{
	position:relative;
	width:auto;
}
.svItem01{
	background:#AD2038;
	color:#fff;
}
.svItem02{
	background:#f2f2f2;
	color:#2f363b;
}
.svItem01, .svItem02{
	position:relative;
	width:auto;
}
@media screen and (max-width:1110px){
.svItem01{
	width:50%;
	float:left;
}
.svItem02{
	width:50%;
	float:right;
}
}
@media screen and (max-width:570px){
.svItem01{
	width:auto;
	float:none;
}
.svItem02{
	width:auto;
	float:none;
}
}
#sv01Txt, #sv03Txt{
	width:50%;
	float:right;
	height:400px;
	position:relative;
	display:table;
}
#sv02Txt, #sv04Txt{
	width:50%;
	float:left;
	height:400px;
	position:relative;
	display:table;
}


.online{
	position:relative;
	background:#fff;
	color:#2f363b;
	padding:140px 0 0 0;
	width:auto;
}
.online ul{
	width: 100%;
}
.online li{
	float: left;
	width: 33.3%;
	height: 150px;
}
.online li.inner{
	width: 94%;
	padding: 2%;
	background-color: #CFC;
}
@media screen and (max-width:1110px){
.online li{
	width:50%;
}
}
@media screen and (max-width:750px){
.online li{
	width:auto;
	float:none;
}
}








.btn_link{
	margin-top: 26px;
}
.btn_link a{
	border:1px solid #2f363b;
	box-sizing: border-box;
    color: #2f363b;
    font-family: "Hammersmith One",Verdana,Geneva,sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 14px 60px 11px;
    position: relative;
    text-align: center;
    transition: all .3s ease 0s;
    z-index: 040;
}
.btn_link a:hover{
	background: #2f363b;
	text-decoration: none;
	color: #fff;
}

@media screen and (max-width:1110px){
#sv01Txt, #sv03Txt{
	width:auto;
	float:none;
	height:380px;
	position:relative;
	display:table;
}
#sv02Txt, #sv04Txt{
	width:auto;
	float:none;
	height:380px;
	position:relative;
	display:table;
}
}
@media screen and (max-width:965px){
#sv01Txt, #sv03Txt{
	height:360px;
}
#sv02Txt, #sv04Txt{
	height:360px;
}
}
@media screen and (max-width:800px){
#sv01Txt, #sv03Txt{
	height:300px;
}
#sv02Txt, #sv04Txt{
	height:300px;
}
.btn_link{
	margin-top: 18px;
}
.btn_link a{
	box-sizing: border-box;
    font-size: 10px;
    padding: 10px 40px 7px;
}
}
@media screen and (max-width:570px){
#sv01Txt, #sv03Txt{
	height:250px;
}
#sv02Txt, #sv04Txt{
	height:250px;
}
}
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	display:table-cell;
	vertical-align:middle;
	padding:0 90px;
}
@media screen and (max-width:1110px){
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	padding:0 70px;
}
}
@media screen and (max-width:800px){
#sv01Txt .inner, #sv02Txt .inner, #sv03Txt .inner, #sv04Txt .inner{
	padding:0 30px;
}
}
#sv01Img, #sv03Img{
	width:50%;
	float:left;
	height:400px;
	position:relative;
}
#sv02Img, #sv04Img{
	width:50%;
	float:right;
	height:400px;
	position:relative;
}
#on01Img, #on03Img{
	width:50%;
	float:left;
	height:400px;
	position:relative;
}
#on02Img, #on04Img{
	width:50%;
	float:right;
	height:400px;
	position:relative;
}
@media screen and (max-width:1110px){
#sv01Img, #sv03Img{
	width:100%;
	float:none;
	height:380px;
}
#sv02Img, #sv04Img{
	width:100%;
	float:none;
	height:380px;
}
#on01Img, #on03Img{
	width:100%;
	float:none;
	height:380px;
}
#on02Img, #on04Img{
	width:100%;
	float:none;
	height:380px;
}
}
@media screen and (max-width:965px){
#sv01Img, #sv03Img{
	height:360px;
}
#sv02Img, #sv04Img{
	height:360px;
}
#on01Img, #on03Img{
	height:360px;
}
#on02Img, #on04Img{
	height:360px;
}
}
@media screen and (max-width:800px){
#sv01Img, #sv03Img{
	height:300px;
}
#sv02Img, #sv04Img{
	height:300px;
}
#on01Img, #on03Img{
	height:300px;
}
#on02Img, #on04Img{
	height:300px;
}
}
@media screen and (max-width:570px){
#sv01Img, #sv03Img{
	height:250px;
}
#sv02Img, #sv04Img{
	height:250px;
}
#on01Img, #on03Img{
	height:250px;
}
#on02Img, #on04Img{
	height:250px;
}
}
#sv01Img{
	background:url(../images/photo01.jpg) no-repeat scroll right center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:right;
}
#on01Img{
	background:url(../../images_online/01.jpg) no-repeat scroll right center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:right;
}
@media screen and (max-width:800px){
#sv01Img{
	background-position:right;
}
#on01Img{
	background-position:right;
}
}
@media screen and (max-width:500px){
#sv01Img{
	background-position:right;
	background-size:500px 250px;
}
#on01Img{
	background-position:right;
	background-size:500px 250px;
}
}
#sv02Img{
	background:url(../images/photo02.jpg) no-repeat scroll;
	background-size:cover;
	-moz-background-size:cover;
	background-position:right;
}
#on02Img{
	background:url(../../images_online/02.jpg) no-repeat scroll;
	background-size:cover;
	-moz-background-size:cover;
	background-position:right;
}
@media screen and (max-width:1210px){
#sv02Img{
	background-position:-180px center;
}
#on02Img{
	background-position:-180px center;
}
}
@media screen and (max-width:1110px){
#sv02Img{
	background-position:-200px;
}
#on02Img{
	background-position:-200px;
}
}
@media screen and (max-width:890px){
#sv02Img{
	background-position:-30px;
}
#on02Img{
	background-position:-30px;
}
}
@media screen and (max-width:800px){
#sv02Img{
	background-position:-170px;
}
#on02Img{
	background-position:-170px;
}
}
@media screen and (max-width:720px){
#sv02Img{
	background-position:0px;
}
#on02Img{
	background-position:0px;
}
}
@media screen and (max-width:500px){
#sv02Img{
	background-position:right;
	background-size:500px 250px;
}
#on02Img{
	background-position:right;
	background-size:500px 250px;
}
}
@media screen and (max-width:365px){
#sv02Img{
	background-position:-135px;
}
#on02Img{
	background-position:-135px;
}
}
#sv03Img{
	background:url(../images/photo03.jpg) no-repeat scroll right center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:left;
}
#on03Img{
	background:url(../../images_online/03.jpg) no-repeat scroll right center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:left;
}
@media screen and (max-width:500px){
#sv03Img{
	background-size:500px 250px;
}
#on03Img{
	background-size:500px 250px;
}
}
#sv04Img{
	background:url(../images/photo04.jpg) no-repeat scroll left center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
}
#on04Img{
	background:url(../../images_online/04.jpg) no-repeat scroll left center;
	background-size:cover;
	-moz-background-size:cover;
	background-position:center;
}
@media screen and (max-width:500px){
#sv04Img{
	background-size:500px 250px;
}
#on04Img{
	background-size:500px 250px;
}
}
.onItem01 h3, .onItem02 h3{
	font-size:20px;
	letter-spacing:1.8px;
	font-weight:600;
	line-height:1.7;
	margin-bottom:15px;
}
@media screen and (max-width:800px){
.onItem01 h3, .onItem02 h3{
	font-size:14px;
}
}
@media screen and (max-width:800px){
.onItem01 h3, .onItem02 h3{
	margin-bottom:10px;
}
}
.onItem01 p, .onItem02 p{
	font-size:12px;
	letter-spacing:1.2px;
	line-height:2;
}
@media screen and (max-width:800px){
.onItem01 p, .onItem02 p{
	font-size:11px;
	line-height: 1.7;
}
}
#sv01Txt .num{
	width:106px;
	height:88px;
	margin-bottom:32px;
}
#sv02Txt .num{
	width:126px;
	height:88px;
	margin-bottom:32px;
}
#sv03Txt .num{
	width:126px;
	height:88px;
	margin-bottom:32px;
}
#sv04Txt .num{
	width:130px;
	height:88px;
	margin-bottom:32px;
}
@media screen and (max-width:965px){
#sv01Txt .num{
	width:82px;
	height:68px;
	margin-bottom:32px;
}
#sv02Txt .num{
	width:97px;
	height:68px;
	margin-bottom:32px;
}
#sv03Txt .num{
	width:97px;
	height:68px;
	margin-bottom:32px;
}
#sv04Txt .num{
	width:100px;
	height:68px;
	margin-bottom:32px;
}
}
@media screen and (max-width:800px){
#sv01Txt .num{
	width:43px;
	height:34px;
	margin-bottom:22px;
}
#sv02Txt .num{
	width:53px;
	height:34px;
	margin-bottom:22px;
}
#sv03Txt .num{
	width:53px;
	height:34px;
	margin-bottom:22px;
}
#sv04Txt .num{
	width:55px;
	height:34px;
	margin-bottom:22px;
}
}
@media screen and (max-width:570px){
#sv01Txt .num{
	margin-bottom:22px;
}
#sv02Txt .num{
	margin-bottom:22px;
}
#sv03Txt .num{
	margin-bottom:22px;
}
#sv04Txt .num{
	margin-bottom:22px;
}
}
.arw01{
	background:url(../images/arw01.png) no-repeat scroll 0 0;
	width:60px;
	height:122px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-61px 0 0 -30px;
}
.arw02{
	background:url(../images/arw02.png) no-repeat scroll 0 0;
	width:60px;
	height:122px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-61px 0 0 -30px;
}
@media screen and (max-width:1110px){
.arw01{
	background:url(../images/arw03.png) no-repeat scroll 0 0;
	width:122px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -61px;
}
.arw02{
	background:url(../images/arw04.png) no-repeat scroll 0 0;
	width:122px;
	height:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -61px;
}
}
@media screen and (max-width:500px){
.arw01{
	width:61px;
	height:30px;
	background:url(../images/arw03.png) no-repeat scroll 0 0;
	background-size:61px 30px;
	-moz-background-size: 61px 30px;
	-webkit-background-size: 61px 30px;
	-o-background-size: 61px 30px;
	-ms-background-size: 61px 30px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -30px;
}
.arw02{
	width:61px;
	height:30px;
	background:url(../images/arw04.png) no-repeat scroll 0 0;
	background-size:61px 30px;
	-moz-background-size: 61px 30px;
	-webkit-background-size: 61px 30px;
	-o-background-size: 61px 30px;
	-ms-background-size: 61px 30px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-15px 0 0 -30px;
}
}

/*
# テーブルの基本設定
*/

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	padding: 1em;
	vertical-align: top;
}

.main th,
.main td{
	line-height: 1.5;
}

th{
	text-align: right;
	width: 20%;
}

td{
	text-align: left;
	width: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

/*テーブルへの装飾をリセット*/
.table_no-style table{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

.table_no-style th,
.table_no-style td{
	padding: 0;
	background: transparent;
	border: 0;
}

.table_no-style thead th{
	background-color: transparent;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}


/*テーブルリスト*/
.table-list thead{
	display: none;
}

.table-list{
}

.table-list tr,
.table-list th,
.table-list td{
	display: block;
}

.table-list td{
	border-top: 0; 
}

.table-list tbody td::before{
	display: inline-block;
	width: 6.5em;
	content: attr(data-th)": ";
}

@media screen and (max-width:570px){
/*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
.table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{
	display: block;
}

.table-block{
	border-top: 1px solid #ddd;
}

.table-block th,
.table-block td{
	box-sizing: border-box;
}

.table-block td,
.table-block th{
	border-top: 0;
}

.table-block th{
	text-align: left;
}

.table-scroll::before{
	content: "※スクロールできます。"
}
}










.members__header { position: relative; background: url("../images/bg_member.jpg") 50% 50% no-repeat; background-size: cover; }

@media (max-width: 479px) { .members__header { height: 160px; } }

@media (min-width: 480px) and (max-width: 767px) { .members__header { height: 160px; } }

@media (min-width: 768px) and (max-width: 1079px) { .members__header { height: 380px; } }

@media (min-width: 1080px) { .members__header { height: 380px; } }

.members__title { position: absolute; top: 50%; left: 50%; text-align: center; }

@media (max-width: 479px) { .members__title { width: 280px; height: 80px; margin-top: -40px; margin-left: -140px; } }

@media (min-width: 480px) and (max-width: 767px) { .members__title { width: 280px; height: 80px; margin-top: -40px; margin-left: -140px; } }

@media (min-width: 768px) and (max-width: 1079px) { .members__title { width: 448px; height: 128px; margin-top: -64px; margin-left: -224px; } }

@media (min-width: 1080px) { .members__title { width: 448px; height: 128px; margin-top: -64px; margin-left: -224px; } }

@media (max-width: 479px) { .members__body { padding: 50px 0; } }

@media (min-width: 480px) and (max-width: 767px) { .members__body { padding: 50px 0; } }

@media (min-width: 768px) and (max-width: 1079px) { .members__body { padding: 75px 0; } }

@media (min-width: 1080px) { .members__body { padding: 75px 0; } }

.members__body > :first-child, .members__body > .container > :first-child { margin-top: 0; }

.members__body > :last-child, .members__body > .container > :last-child { margin-bottom: 0; }

.member-title { font-size: 1.4em; font-weight: bold; position: relative; box-sizing: border-box; text-align: center; }

@media (max-width: 479px) { .member-title { height: 46px; margin-bottom: 40px; line-height: 46px; padding-top: 3px; } }

@media (min-width: 480px) and (max-width: 767px) { .member-title { height: 46px; margin-bottom: 40px; line-height: 46px; padding-top: 3px; } }

@media (min-width: 768px) and (max-width: 1079px) { .member-title { font-size: 2em; height: 46px; margin-bottom: 50px; line-height: 46px; padding-top: 3px; } }

@media (min-width: 1080px) { .member-title { font-size: 2em; height: 80px; margin-bottom: 50px; line-height: 80px; padding-top: 3px; } }

.member-title::before { position: absolute; top: 0; display: block; width: 100%; height: 100%; content: ''; /*border: 1px solid #ddd;*/ }

@media (max-width: 479px) { .member-title::before { left: 25%; } }

@media (min-width: 480px) and (max-width: 767px) { .member-title::before { left: 25%; } }

@media (min-width: 768px) and (max-width: 1079px) { .member-title::before { left: 50%; margin-left: -130px; } }

@media (min-width: 1080px) { .member-title::before { left: 50%; margin-left: -130px; } }

.member-list { margin-right: auto; margin-left: auto; }

@media (max-width: 479px) { .member-list { max-width: 260px; } }

@media (min-width: 480px) and (max-width: 767px) { .member-list { max-width: 260px; } }

@media (min-width: 768px) and (max-width: 1079px) { .member-list { margin-right: -60px; margin-bottom: 130px; } }

@media (min-width: 1080px) { .member-list { margin-right: -60px; margin-bottom: 60px; } }

.member-list__item { box-sizing: border-box; }

@media (max-width: 479px) { .member-list__item { margin-bottom: 50px; } }

@media (min-width: 480px) and (max-width: 767px) { .member-list__item { margin-bottom: 50px; } }

@media (min-width: 768px) and (max-width: 1079px) { .member-list__item { float: left; width: 50%; margin-bottom: 90px; padding-right: 60px; } }

@media (min-width: 1080px) { .member-list__item { float: left; width: 50%; margin-bottom: 90px; padding-right: 60px; } }

.member-list__item:nth-child(odd) { clear: left; }

.member__img-block { position: relative; }

@media (max-width: 479px) { .member__img-block { display: block; margin-right: auto; margin-left: auto; width: 130px; } }

@media (min-width: 480px) and (max-width: 767px) { .member__img-block { display: block; margin-right: auto; margin-left: auto; width: 130px; } }

@media (min-width: 768px) and (max-width: 1079px) { .member__img-block { float: left; width: 50%; max-width: 220px; margin-right: 30px; } }

@media (min-width: 1080px) { .member__img-block { float: left; width: 50%; max-width: 220px; margin-right: 30px; } }

.member-list__item:nth-child(odd) .member__img-block::before { display: block; position: absolute; width: 2000px; height: 100%; top: 0; right: 0; /*border: 1px solid  #d5d7d8;*/ }

@media (min-width: 768px) and (max-width: 1079px) { .member-list__item:nth-child(odd) .member__img-block::before { content: ""; } }

@media (min-width: 1080px) { .member-list__item:nth-child(odd) .member__img-block::before { content: ""; } }

.member__block { letter-spacing: 2px; }

@media (max-width: 479px) { .member__block { padding: 2em 0; } }

@media (min-width: 480px) and (max-width: 767px) { .member__block { padding: 2em 0; } }

@media (min-width: 768px) and (max-width: 1079px) { .member__block { font-size: .9em; overflow: hidden; } }

@media (min-width: 1080px) { .member__block { font-size: .9em; overflow: hidden; } }

.member__title { margin-bottom: 1.2em; color: #f97341; }

@media (max-width: 479px) { .member__title { text-align: center; } }

@media (min-width: 480px) and (max-width: 767px) { .member__title { text-align: center; } }

.member__post { font-size: .9em; display: block; margin-bottom: 1em; }

.member__name { font-size: 1.4em; font-weight: bold; display: block; }

.company-profile { line-height: 2; max-width: 730px; margin-left: auto; margin-right: auto; letter-spacing: 2px; color: #fff; }

@media (max-width: 479px) { .company-profile { text-align: center; } }

@media (min-width: 480px) and (max-width: 767px) { .company-profile { text-align: center; } }

@media (max-width: 479px) { .company-profile__title { font-size: 14px; margin-bottom: .5em; color: #71a1a5; } }

@media (min-width: 480px) and (max-width: 767px) { .company-profile__title { font-size: 1.4em; margin-bottom: .5em; color: #71a1a5; } }

@media (min-width: 768px) and (max-width: 1079px) { .company-profile__title { float: left; clear: left; width: 140px; } }

@media (min-width: 1080px) { .company-profile__title { float: left; clear: left; width: 140px; } }

@media (max-width: 479px) { .company-profile__text { margin-bottom: 2em; font-size: 12px; } }

@media (min-width: 480px) and (max-width: 767px) { .company-profile__text { margin-bottom: 2em; } }

@media (min-width: 768px) and (max-width: 1079px) { .company-profile__text { margin-bottom: 2em; overflow: hidden; } }

@media (min-width: 1080px) { .company-profile__text { margin-bottom: 2em; overflow: hidden; } }

.mission { position: relative; }

.mission__img-block { position: relative; top: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media (max-width: 479px) { .mission__img-block { height: 200px; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__img-block { height: 200px; } }

@media (min-width: 768px) and (max-width: 1079px) { .mission__img-block { position: absolute; right: auto; left: 0; width: 50%; height: 100%; } }

@media (min-width: 1080px) { .mission__img-block { position: absolute; right: auto; left: 0; width: 50%; height: 100%; } }

.mission--rev .mission__img-block { background-color: #fff; }

@media (min-width: 768px) and (max-width: 1079px) { .mission--rev .mission__img-block { right: 0; left: auto; } }

@media (min-width: 1080px) { .mission--rev .mission__img-block { right: 0; left: auto; } }

.mission__img-block::before { position: absolute; top: 0; left: 50%; display: block; width: 0; height: 0; margin: 0; content: ''; transition: all 400ms; border: 0; border-style: solid; border-color: transparent; border-top-color: #f97341; }

@media (max-width: 479px) { .mission__img-block::before { margin-left: -15px; border-width: 15px 15px 0; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__img-block::before { margin-left: -15px; border-width: 15px 15px 0; } }

.mission--rev .mission__img-block::before { border-top-color: #fff; }

.mission__block { display: table; transition: height 400ms; color: #fff; background-color: #f97341; }

@media (max-width: 479px) { .mission__block { width: 100%; min-height: 200px; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__block { width: 100%; min-height: 200px; } }

@media (min-width: 768px) and (max-width: 1079px) { .mission__block { width: 50%; height: 320px; margin-right: 0; margin-left: auto; text-align: center; } }

@media (min-width: 1080px) { .mission__block { width: 50%; height: 320px; margin-right: 0; margin-left: auto; text-align: center; } }

.mission--rev .mission__block { color: #2f363b; background-color: #fff; }

@media (min-width: 768px) and (max-width: 1079px) { .mission--rev .mission__block { margin-right: auto; margin-left: 0; } }

@media (min-width: 1080px) { .mission--rev .mission__block { margin-right: auto; margin-left: 0; } }

.mission__block-inner { display: table-cell; transition: all 400ms; vertical-align: middle; }

@media (max-width: 479px) { .mission__block-inner { padding: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__block-inner { padding: 30px; } }

@media (min-width: 768px) and (max-width: 1079px) { .mission__block-inner { padding: 40px; } }

@media (min-width: 1080px) { .mission__block-inner { padding: 40px; } }

.mission__title { line-height: 1.4; transition: all 400ms; letter-spacing: 2px; }

@media (max-width: 479px) { .mission__title { font-size: 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__title { font-size: 20px; } }

@media (min-width: 768px) and (max-width: 1079px) { .mission__title { font-size: 30px; } }

@media (min-width: 1080px) { .mission__title { font-size: 30px; } }

.mission__text { transition: all 400ms; letter-spacing: 1px; }

@media (max-width: 479px) { .mission__text { font-size: .9em; margin-top: 18px; } }

@media (min-width: 480px) and (max-width: 767px) { .mission__text { font-size: .9em; margin-top: 18px; } }

@media (min-width: 768px) and (max-width: 1079px) { .mission__text { margin-top: 40px; } }

@media (min-width: 1080px) { .mission__text { margin-top: 40px; } }

.news-nav { position: relative; text-align: center; background-color: #424b51; }

@media (min-width: 768px) and (max-width: 1079px) { .news-nav { padding: 50px 20px; } }

@media (min-width: 1080px) { .news-nav { padding: 50px 20px; } }

.news-nav__list { display: table; margin: 0 auto; padding: 0; table-layout: fixed; list-style: none; vertical-align: top; }

.news-nav__item { display: table-cell; transition: all 400ms; text-align: center; color: #fff; }

@media (max-width: 479px) { .news-nav__item { padding: 0 10px; } }

@media (min-width: 480px) and (max-width: 767px) { .news-nav__item { padding: 0 10px; } }

@media (min-width: 768px) and (max-width: 1079px) { .news-nav__item { padding: 0 20px; } }

@media (min-width: 1080px) { .news-nav__item { padding: 0 20px; } }

.news-nav__target { display: block; overflow: hidden; transition: all 400ms; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 479px) { .news-nav__target { line-height: 60px; height: 60px; } }

@media (min-width: 480px) and (max-width: 767px) { .news-nav__target { line-height: 60px; height: 60px; } }

.news-nav__target, .news-nav__target:hover { text-decoration: none; }

.news-nav__target::after { position: relative; top: -1px; display: inline-block; width: .5em; height: .5em; margin: 0 4px; padding: 0; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; }

.news-block { padding: 60px 0; }

.news-block > :first-child, .news-block > .container > :first-child { margin-top: 0; }

.news-block > :last-child, .news-block > .container > :first-child { margin-bottom: 0; }

.news-list { max-width: 800px; margin-right: auto; margin-bottom: 28px; margin-left: auto; }

.news-list__item { padding: 20px 2px 19px; border-bottom: 1px solid #d7d9db; }
@media (max-width: 750px){
	.news-list__item {
		font-size:12px;
		padding: 22px 2px 20px;
	}
}

.news-list__date { margin-right: 50px; }

@media (max-width: 479px) { .news-list__date { margin-right: 2px; } }

@media (min-width: 480px) and (max-width: 767px) { .news-list__date { margin-right: 10px; line-height: 1.7; } }

.news-list__label { width: 60px; margin-right: 25px; }

@media (max-width: 479px) { .news-list__text { display: block; margin-top: 5px; line-height: 1.7; } }

@media (min-width: 480px) and (max-width: 767px) { .news-list__text { display: block; margin-top: .5em; } }

.news-list__text a { color: inherit; }

.news { max-width: 800px; margin-right: auto; margin-left: auto; }

.news h1, .news h2, .news h3, .news h4, .news h5, .news h6 { font-weight: bold; margin-top: 1em; margin-bottom: 1em; }

.news h1 { font-size: 1.6em; }

.news h2 { font-size: 1.4em; }

.news h3 { font-size: 1.2em; }

.news h4, .news h5, .news h6 { font-size: 1em; }

.news p { margin: 2em 0; }

.news__header { padding-bottom: 2em; border-bottom: 1px solid #d7d9db; }

.news__body { padding: 2em 0; }

.news__body > :first-child { margin-top: 0; }

.news__body > :last-child { margin-bottom: 0; }

.news__header > :first-child, .news__body > :first-child, .news__footer > :first-child { margin-top: 0; }

.news__header > :last-child, .news__body > :last-child, .news__footer > :last-child { margin-bottom: 0; }

.news__date { margin-right: 2em; }

.news__img{ width:auto;}

@media screen and (max-width: 750px) {.news__img { width:100%; } }

.monthlyuser { position: relative; transition: all 400ms; color: #fff; background: url(../images/bg_monthlyusers.jpg) 50% 59% no-repeat; background-size: cover; }

@media (max-width: 479px) { .monthlyuser { height: 210px; } }

@media (min-width: 480px) and (max-width: 767px) { .monthlyuser { height: 210px; } }

@media (min-width: 768px) and (max-width: 1079px) { .monthlyuser { height: 420px; } }

@media (min-width: 1080px) { .monthlyuser { height: 420px; } }

.monthlyuser__text { line-height: 1.8; position: absolute; top: 50%; right: 50%; margin-top: -1.4em; transition: all 400ms; }

@media (max-width: 479px) { .monthlyuser__text { font-size: 1em; margin-right: 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .monthlyuser__text { font-size: 1em; margin-right: 30px; } }

@media (min-width: 768px) and (max-width: 1079px) { .monthlyuser__text { font-size: 1.6em; margin-right: 200px; } }

@media (min-width: 1080px) { .monthlyuser__text { font-size: 1.6em; margin-right: 200px; } }

.monthlyuser__count { font-size: 2em; line-height: 1; position: absolute; top: 50%; left: 50%; transition: all 400ms; text-align: center; border: 1px solid #fff; border-radius: 50%; }

@media (max-width: 479px) { .monthlyuser__count { font-size: 1em; width: 110px; height: 110px; margin-top: -55px; margin-left: 15px; } }

@media (min-width: 480px) and (max-width: 767px) { .monthlyuser__count { font-size: 1em; width: 110px; height: 110px; margin-top: -55px; margin-left: 15px; } }

@media (min-width: 768px) and (max-width: 1079px) { .monthlyuser__count { font-size: 2em; width: 220px; height: 220px; margin-top: -110px; margin-left: -110px; } }

@media (min-width: 1080px) { .monthlyuser__count { font-size: 2em; width: 220px; height: 220px; margin-top: -110px; margin-left: -110px; } }

.monthlyuser__count span { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -.5em; }

.media-about { display: block; }

.media-about__img-block, .media-about__body { float: left; transition: all 400ms; text-align: center; vertical-align: middle; }

@media (max-width: 479px) { .media-about__img-block, .media-about__body { float: none; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about__img-block, .media-about__body { float: none; } }

.media-about--rev .media-about__img-block, .media-about--rev .media-about__body { float: right; }

@media (max-width: 479px) { .media-about--rev .media-about__img-block, .media-about--rev .media-about__body { float: none; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about--rev .media-about__img-block, .media-about--rev .media-about__body { float: none; } }

.media-about__img-block { display: table; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 479px) { .media-about__img-block { width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about__img-block { width: 100%; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about__img-block { width: 60%; } }

@media (min-width: 1080px) { .media-about__img-block { width: 60%; } }

.media-about__img-block-inner { display: table-cell; vertical-align: middle; }

@media (max-width: 479px) { .media-about__img-block-inner { padding-right: 20px; padding-left: 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about__img-block-inner { padding-right: 20px; padding-left: 20px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about__img-block-inner { padding: 60px; } }

@media (min-width: 1080px) { .media-about__img-block-inner { padding: 60px; } }

.media-about__title { margin: 0 auto; text-align: center; }

@media (max-width: 479px) { .media-about__title { width: 200px; margin-bottom: 40px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about__title { width: 200px; margin-bottom: 40px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about__title { margin-bottom: 60px; } }

@media (min-width: 1080px) { .media-about__title { margin-bottom: 60px; } }

.media-about__text { margin: 0; }

.media-about__body { display: table; width: 100%; }

@media (min-width: 768px) and (max-width: 1079px) { .media-about__body { width: 40%; height: 420px; } }

@media (min-width: 1080px) { .media-about__body { width: 40%; height: 420px; } }

.media-about__body-inner { display: table-cell; transition: all 400ms; vertical-align: middle; }

@media (max-width: 479px) { .media-about__body-inner { padding: 50px 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about__body-inner { padding: 50px 20px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about__body-inner { padding: 50px 40px; } }

@media (min-width: 1080px) { .media-about__body-inner { padding: 50px 40px; } }

.media-about--flow { color: #f97341; }

@media (min-width: 768px) and (max-width: 1079px) { .media-about--flow .media-about__img-block, .media-about--flow .media-about__body { height: 360px; } }

@media (min-width: 1080px) { .media-about--flow .media-about__img-block, .media-about--flow .media-about__body { height: 420px; } }

.media-about--flow .media-about__img-block { background-color: #f97341; }

@media (max-width: 479px) { .media-about--flow .media-about__img-block-inner { padding-top: 50px; padding-bottom: 50px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about--flow .media-about__img-block-inner { padding-top: 50px; padding-bottom: 50px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about--business .media-about__img-block, .media-about--business .media-about__body { height: 460px; } }

@media (min-width: 1080px) { .media-about--business .media-about__img-block, .media-about--business .media-about__body { height: 640px; } }

.media-about--business .media-about__img-block { background-image: url("../images/bg_businessarea.jpg"); }

@media (max-width: 479px) { .media-about--business .media-about__img-block-inner { padding-top: 35px; padding-bottom: 35px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about--business .media-about__img-block-inner { padding-top: 35px; padding-bottom: 35px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about--business .media-about__img-block-inner { padding: 40px; } }

.media-about--business .media-about__img { transition: all 400ms; }

@media (max-width: 479px) { .media-about--business .media-about__img { max-width: 280px; } }

@media (min-width: 480px) and (max-width: 767px) { .media-about--business .media-about__img { max-width: 280px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media-about--business .media-about__img { max-width: 360px; } }

.media__header, .media__body { float: left; transition: all 400ms; }

@media (max-width: 479px) { .media__header, .media__body { width: 100%; } }

@media (min-width: 480px) and (max-width: 767px) { .media__header, .media__body { width: 100%; } }

@media (min-width: 768px) and (max-width: 1079px) { .media__header, .media__body { width: 50%; } }

@media (min-width: 1080px) { .media__header, .media__body { width: 50%; } }

.media--rev > .media__header, .media--rev > .media__body { float: right; }

.media__header { position: relative; background-position: 50% 50%; background-size: cover; }

@media (max-width: 479px) { .media__header { height: 170px; } }

@media (min-width: 480px) and (max-width: 767px) { .media__header { height: 170px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media__header { height: 300px; } }

@media (min-width: 1080px) { .media__header { height: 300px; } }

.media__title { position: absolute; top: 50%; left: 50%; display: block; overflow: hidden; transition: all 400ms; text-indent: -9999px; background-size: 100% auto; }

@media (max-width: 479px) { .media__title { width: 200px; height: 50px; margin-top: -25px; margin-left: -100px; } }

@media (min-width: 480px) and (max-width: 767px) { .media__title { width: 200px; height: 50px; margin-top: -25px; margin-left: -100px; } }

@media (min-width: 768px) and (max-width: 1079px) { .media__title { width: 400px; height: 100px; margin-top: -50px; margin-left: -200px; } }

@media (min-width: 1080px) { .media__title { width: 400px; height: 100px; margin-top: -50px; margin-left: -200px; } }

.media__body { display: table; }

@media (min-width: 768px) and (max-width: 1079px) { .media__body { height: 300px; } }

@media (min-width: 1080px) { .media__body { height: 300px; } }

.media__body p + p { margin-top: 1.5em; }

.media__body .btn { width: 260px; }

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

@media (max-width: 479px) { .media__body-inner { padding: 1em 2em; }
  .media__body-inner p { margin: 1.5em 0; } }

@media (min-width: 480px) and (max-width: 767px) { .media__body-inner { margin: 1.5em; padding: 3em 2em; }
  .media__body-inner p { margin: 1.5em 0; } }

.media--careerpark .media__header { background-image: url(../images/bg_careerpark.jpg); }

.media--careerpark .media__title { background-image: url(../images/logo_careerpark.png); }

.media--tabimo .media__header { background-image: url(../images/bg_tabimo.jpg); }

.media--tabimo .media__title { background-image: url(../images/logo_tabimo.png); }

.media--medicil .media__header { background-image: url(../images/bg_medicil.jpg); }

.media--medicil .media__title { background-image: url(../images/logo_medicil.png); }

.media--shukatsumirai .media__header { background-image: url(../images/bg_shukatsumirai.jpg); }

.media--shukatsumirai .media__title { background-image: url(../images/logo_shukatsumirai.png); }

.media--manet .media__header { background-image: url(../images/bg_manet.jpg); }

.media--manet .media__title { background-image: url(../images/logo_manet.png); }

.service-graph { background-color: #f97341; }

@media (max-width: 479px) { .service-graph { padding: 40px 20px 30px; } }

@media (min-width: 480px) and (max-width: 767px) { .service-graph { padding: 40px 20px 30px; } }

@media (min-width: 768px) and (max-width: 1079px) { .service-graph { padding: 80px 20px 50px; } }

@media (min-width: 1080px) { .service-graph { padding: 80px 20px 50px; } }

.service-graph__title { line-height: 1.8; transition: all 400ms; text-align: center; letter-spacing: 2px; }

@media (max-width: 479px) { .service-graph__title { margin-bottom: 1em; font-size: 1.4em; } }

@media (min-width: 480px) and (max-width: 767px) { .service-graph__title { margin-bottom: 1em; font-size: 1.4em; } }

@media (min-width: 768px) and (max-width: 1079px) { .service-graph__title { font-size: 1.8em; } }

@media (min-width: 1080px) { .service-graph__title { font-size: 1.8em; } }

.service-graph__text { margin: 0 0 2em; transition: all 400ms; text-align: center; letter-spacing: 2px; }

@media (min-width: 768px) and (max-width: 1079px) { .service-graph__text { font-size: 1.8em; } }

@media (min-width: 1080px) { .service-graph__text { font-size: 1.8em; } }

.service-graph__img { display: block; margin-right: auto; margin-left: auto; }

.service__header, .service__body { float: left; box-sizing: border-box; transition: all 400ms; }

@media (max-width: 479px) { .service__header, .service__body { float: none; } }

@media (min-width: 480px) and (max-width: 767px) { .service__header, .service__body { float: none; } }

@media (min-width: 768px) and (max-width: 1079px) { .service__header, .service__body { width: 50%; height: 300px; } }

@media (min-width: 1080px) { .service__header, .service__body { width: 50%; height: 300px; } }

.service--rev .service__header, .service--rev .service__body { float: right; }

@media (max-width: 479px) { .service--rev .service__header, .service--rev .service__body { float: none; } }

@media (min-width: 480px) and (max-width: 767px) { .service--rev .service__header, .service--rev .service__body { float: none; } }

.service--fwd .service__header, .service--fwd .service__body { float: left; }

@media (max-width: 479px) { .service--fwd .service__header, .service--fwd .service__body { float: none; } }

@media (min-width: 480px) and (max-width: 767px) { .service--fwd .service__header, .service--fwd .service__body { float: none; } }

.service__header { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

@media (max-width: 479px) { .service__header { height: 160px; } }

@media (min-width: 480px) and (max-width: 767px) { .service__header { height: 160px; } }

.service__title { font-weight: bold; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; margin-top: -.5em; transition: all 400ms; text-align: center; color: #fff; }

@media (max-width: 479px) { .service__title { font-size: 1.6em; } }

@media (min-width: 480px) and (max-width: 767px) { .service__title { font-size: 1.6em; } }

@media (min-width: 768px) and (max-width: 1079px) { .service__title { font-size: 2.2em; } }

@media (min-width: 1080px) { .service__title { font-size: 2.2em; } }

.service__body { text-align: center; }

@media (max-width: 479px) { .service__body { height: 160px; } }

@media (min-width: 480px) and (max-width: 767px) { .service__body { height: 160px; } }

@media (min-width: 768px) and (max-width: 1079px) { .service__body { display: table; } }

@media (min-width: 1080px) { .service__body { display: table; } }

.service__body-inner { padding: 30px 20px; }

@media (min-width: 768px) and (max-width: 1079px) { .service__body-inner { display: table-cell; vertical-align: middle; } }

@media (min-width: 1080px) { .service__body-inner { display: table-cell; vertical-align: middle; } }

.contact-link { text-align: center; background: url(../images/bg_contact.jpg) 50% 50% no-repeat; background-size: cover; padding: 80px 40px; transition: all 400ms; }

@media (max-width: 479px) { .contact-link { padding: 50px 20px; } }

@media (min-width: 480px) and (max-width: 767px) { .contact-link { padding: 50px 20px; } }

@media (min-width: 768px) and (max-width: 1079px) { .contact-link { padding: 80px 40px; } }

@media (min-width: 1080px) { .contact-link { padding: 80px 40px; } }

.contact-link__label { color: #fff; font-size: 2em; margin: 0 0 1em; }

@media (max-width: 479px) { .contact-link__btn { width: 280px; } }

@media (min-width: 480px) and (max-width: 767px) { .contact-link__btn { width: 280px; } }

@media (min-width: 768px) and (max-width: 1079px) { .contact-link__btn { width: 300px; } }

@media (min-width: 1080px) { .contact-link__btn { width: 300px; } }

/* display
-----------------------------------------------------------------*/
@media (max-width: 479px) { .xs-hide { display: none !important; } }

@media (min-width: 480px) and (max-width: 767px) { .sm-hide { display: none !important; } }

@media (min-width: 768px) and (max-width: 1079px) { .md-hide { display: none !important; } }

@media (min-width: 1080px) { .lg-hide { display: none !important; } }

/* テキスト
-----------------------------------------------------------------*/
.white { color: #fff; }

.em { font-weight: bold; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

/* 背景
-----------------------------------------------------------------*/
.bg-cover { background-size: cover; }

.bg-white { background-color: #fff; }

.bg-gray { background-color: #2f363b; }

/* 配置
-----------------------------------------------------------------*/
.aligncenter { margin-right: auto; margin-left: auto; }

.alignleft { float: left; }

.alignright { float: right; }

.t-ct { text-align: center !important; }

.t-lt { text-align: left !important; }

.t-rt { text-align: right !important; }

.mt30 { margin-top: 30px !important; }

.mt61 { margin-top: 61px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb67 { margin-bottom: 67px !important; }

/* clearfix
-----------------------------------------------------------------*/
.cf:after, .clearfix:after { display: block; clear: both; content: ''; }

@keyframes lineAnime { 0% { stroke-DASHoffset: 3000;
    fill: #000; }
  80% { stroke-DASHoffset: 2000;
    fill: #ddd; }
  100% { stroke-DASHoffset: 0;
    fill: #fff; } }

@-webkit-keyframes lineAnime { 0% { stroke-DASHoffset: 3000;
    fill: #000; }
  80% { stroke-DASHoffset: 2000;
    fill: #ddd; }
  100% { stroke-DASHoffset: 0;
    fill: #fff; } }

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }


/* ICON
-----------------------------------------------------------------*/

.cat{
	display: inline-block;
	margin-right: 3px;
	padding: 3px;
	background-color: #999;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
}

.cat001{
	background-color: #eb3b54!important;
	color: #fff;
}

.cat002{
	background-color: #db8d00!important;
	color: #fff;
}

.cat003{
	background-color: #0baedd!important;
	color: #fff;
}

.cat004{
	background-color: #20a672!important;
	color: #fff;
}

.cat001 > a,
.cat002 > a,
.cat003 > a,
.cat004 > a{
	color: #fff;
}


/* 不動産
-----------------------------------------------------------------*/
.estate {
	background-color: #EFEEE2;
	width: 96%;
	min-height: 110px;
}

/* 不動産
-----------------------------------------------------------------*/
.property {
	position:relative;
	background:#fff;
	color:#2f363b;
	width:auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.property table th,td{
	background-color: #EFEEE2;
}

.property th,td{
	border: 1px solid #CCC;
}

/*--------------------------------------------------------
	プロフィール
--------------------------------------------------------*/

.slider_cast{
	margin: 0 auto 0 auto;
	display: inline-block;
}
.slider_cast img{
	margin: 0 auto 0 auto;
	text-align: center;
	max-width: 68%;
	height: auto;
	vertical-align: bottom;
}

@media (min-width : 768px){
.slider_cast{
	margin: 0 auto 0 auto;
	display: inline-block;
	max-width: 100%;
}
.slider_cast img{
	max-width: 100%;
}
}

slider_cast{
	background: rgba(1, 1, 1, 1);
}

#slide .slick-slide:not(.slick-center) {
  opacity: 0.3;
  transition: 0.2s linear;
}
.thumbnail{
	max-width: 600px;
	display: inline-block;
	padding: 10px 10px 0 10px;
	margin: 0 auto 50px auto;
}
.thumbnail div{
	padding: 3px;
}