@charset "utf-8";
/*============================
ClearFix
============================*/
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
#header
============================*/
#header { background-color: #0e111a; min-width: 1200px; }
#header .wrap { width: 1200px; margin: 0 auto; }
#header .wrap .pad { width: 1100px; margin: 0 50px; }
#header .contents { padding: 13px 0 12px; }
#header .contents .left { width: 50%; float: left; margin-top: 15px; }
#header .contents .left h1 { color: #fff; font-size: 0.875em; letter-spacing: 0.1em; }
#header .contents .right { width: 50%; float: left; text-align: right; }
#header .contents .right ul {}
#header .contents .right ul li { display: inline-block; vertical-align: middle; }
#header .contents .right ul li .phone { margin-right: 60px; margin-top: 5px; }
#header .contents .right ul li .phone a { color: #cbaa7f; font-size: 1.5em; letter-spacing: 0.1em; }
#header .contents .right ul li .button {}
#header .contents .right ul li .button a { box-sizing: border-box; border: solid 1px rgba(255,255,255,0.6); color: #fff; display: inline-block; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; letter-spacing: 0.2em; padding: 12px 0 11px; text-align: center; width: 180px; }

/*============================
#pageSet
============================*/
#pageSet { background-color: #151927; background-image: url(../../imageFile/top/mainPanel.png); background-position: center top; background-repeat: no-repeat; min-width: 1200px; }
#pageSet .bc-container {  background-image: url(../../imageFile/top/mainPanel_bg.png); background-position: center 570px; background-repeat: repeat-x; padding-top: 690px; }

/*============================
#conceptArea
============================*/
#conceptArea {}
#conceptArea .wrap { width: 1200px; margin: 0 auto; }
#conceptArea .wrap .pad { width: 1100px; margin: 0 50px; }
#conceptArea .title { color: #b79d7b; font-size: 2.25em; font-weight: bold; line-height: 2; letter-spacing: 0.17em; margin-top: -20px; text-align: center; }
#conceptArea .text { color: #fff; font-size: 1.125em; line-height: 2; letter-spacing: 0.12em; margin-top: 30px; text-align: center; }

/*============================
#pointArea
============================*/
#pointArea { background-image: url(../../imageFile/top/conceptArea_line.png); background-position: center top; background-repeat: no-repeat; margin-top: 130px; padding: 120px 0 120px; }
#pointArea .wrap { width: 1200px; margin: 0 auto; }
#pointArea .wrap .pad { width: 1100px; margin: 0 50px; }
#pointArea .title { color: #fff; font-size: 2.25em; font-weight: bold; letter-spacing: 0.17em; text-align: center; }
#pointArea .title span { color: #b08558; font-size: 2em; }
#pointArea ul.choose { margin-top: 90px; }
#pointArea ul.choose li { float: left; margin-right: 40px; width: 340px; }
#pointArea ul.choose li.last { margin-right: 0; }
#pointArea ul.choose li a { display: block; height: 500px; width: 340px; }
#pointArea ul.choose li .buttonBox { width: 230px; margin: 0 auto; padding-top: 305px; }
#pointArea ul.choose li .buttonBox .text { color: #fff; letter-spacing: 0.02em; line-height: 1.75; text-align: center; }
#pointArea ul.choose li:hover .buttonBox .text { color: #010101; }
/*ポイント選択ボタン背景指定*/
#pointArea ul.choose li.pointTitle01 a { background-image: url(../../imageFile/top/pointArea_titlbge_point01.png); background-position: center top; background-repeat: no-repeat; }
#pointArea ul.choose li.pointTitle01 a:hover { background-image: url(../../imageFile/top/pointArea_titlbge_point01_on.png); background-position: center top; background-repeat: no-repeat; opacity: 1!important; }
#pointArea ul.choose li.pointTitle02 a { background-image: url(../../imageFile/top/pointArea_titlbge_point02.png); background-position: center top; background-repeat: no-repeat; }
#pointArea ul.choose li.pointTitle02 a:hover { background-image: url(../../imageFile/top/pointArea_titlbge_point02_on.png); background-position: center top; background-repeat: no-repeat; opacity: 1!important; }
#pointArea ul.choose li.pointTitle03 a { background-image: url(../../imageFile/top/pointArea_titlbge_point03.png); background-position: center top; background-repeat: no-repeat; }
#pointArea ul.choose li.pointTitle03 a:hover { background-image: url(../../imageFile/top/pointArea_titlbge_point03_on.png); background-position: center top; background-repeat: no-repeat; opacity: 1!important; }
/*ポイントコンテンツ*/
#pointArea .container { margin-top: 200px; }
#pointArea .container ul {}
#pointArea .container ul li { margin-top: 50px; width: 100%; min-width: 1200px; }
#pointArea .container ul li.last {}
#pointArea .container ul li:first-child { margin-top: 0; }
#pointArea .container ul li .contents { box-sizing: border-box; background-color: rgba(10,12,18,0.7); padding: 50px; width: 65%; }
#pointArea .container ul li .contents .subTitle { color: #fff; font-size: 1.625em; font-weight: bold; line-height: 1.5; letter-spacing: 0.1em; padding-top: 60px; }
#pointArea .container ul li .contents .subTitle span { color: #b08558; }
#pointArea .container ul li .contents .textBox { margin-top: 30px;}
#pointArea .container ul li .contents .textBox p { color: #fff; line-height: 1.75; letter-spacing: 0.02em; margin-top: 20px; }
#pointArea .container ul li .contents .textBox p:first-child { margin-top: 0; }
/*ポイントコンテンツ背景指定*/
#pointArea .container ul li#point01 { background-image: url(../../imageFile/top/pointArea_bg_point01.png); background-position: left top; background-repeat: no-repeat; height: 438px; }
#pointArea .container ul li#point01 .contents { background-image: url(../../imageFile/top/pointArea_title_point01.png); background-position: 50px 50px; background-repeat: no-repeat; float: right; margin-top: 65px; padding-left: 180px; }
#pointArea .container ul li#point02 { background-image: url(../../imageFile/top/pointArea_bg_point02.png); background-position: right top; background-repeat: no-repeat; height: 500px; }
#pointArea .container ul li#point02 .contents { background-image: url(../../imageFile/top/pointArea_title_point02.png); background-position: 50px 50px; background-repeat: no-repeat; float: left; margin-top: 85px; padding-left: 180px; }
#pointArea .container ul li#point03 { background-image: url(../../imageFile/top/pointArea_bg_point03.png); background-position: left top; background-repeat: no-repeat; height: 556px; }
#pointArea .container ul li#point03 .contents { background-image: url(../../imageFile/top/pointArea_title_point03.png); background-position: 50px 50px; background-repeat: no-repeat; float: right; margin-top: 115px; padding-left: 180px; }

/*============================
#memberArea
============================*/
#memberArea { background-color: #f2f2f2; padding: 120px 0; width: 100%; }
#memberArea .wrap { width: 1200px; margin: 0 auto; }
#memberArea .wrap .pad { width: 1100px; margin: 0 50px; }
#memberArea .title { font-size: 1.875em; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em; text-align: center; }
#memberArea ul { margin-top: 80px; }
#memberArea ul li {}
#memberArea ul li .memBox {}
#memberArea ul li.last { margin-top: 80px; }
#memberArea ul li .memBox .images { width: 550px; height: 460px; }
#memberArea ul li .memBox .images img {}
#memberArea ul li .memBox .profile { box-sizing: border-box; width: 550px; height: 460px; padding: 70px; }
#memberArea ul li .memBox .profile .profileTitle {}
#memberArea ul li .memBox .profile .profileTitle span { display: block; }
#memberArea ul li .memBox .profile .profileTitle span.company { font-size: 1.25em; font-style: italic; font-weight: bold; letter-spacing: 0.05em; }
#memberArea ul li .memBox .profile .profileTitle span.position { font-size: 1.125em; font-style: italic; font-weight: bold; margin-top: 15px; }
#memberArea ul li .memBox .profile .profileTitle span.name { font-size: 2.875em; font-style: italic; letter-spacing: 0.15em; margin-top: 20px; }
#memberArea ul li .memBox .profile .text { margin-top: 40px; line-height: 1.5; }
/*左右設定*/
#memberArea ul li .mem01 .images { float: left; }
#memberArea ul li .mem01 .profile { background-image: url(../../imageFile/top/memberArea_bg_hori.png); background-position: left top; background-repeat: no-repeat; float: right; }
#memberArea ul li .mem02 .images { float: right; }
#memberArea ul li .mem02 .profile { background-image: url(../../imageFile/top/memberArea_bg_tatsumi.png); background-position: left top; background-repeat: no-repeat; float: left; }


/*============================
#movieArea
============================*/
#movieArea { background-color: #fff; padding: 80px 0 90px; width: 100%; }
#movieArea .wrap { width: 1200px; margin: 0 auto; }
#movieArea .wrap .pad { width: 1100px; margin: 0 50px; }
#movieArea .title { background-image: url(../../imageFile/top/movieArea_line.png); background-position: center bottom; background-repeat: no-repeat; font-size: 2.25em; font-style: italic; font-weight: bold; line-height: 2; letter-spacing: 0.05em; text-align: center; padding-bottom: 25px; }
#movieArea .youtubeBox { background-color: #000; margin: 50px auto 0; width: 100%; height: 610px; }

/*============================
#footer
============================*/
#footer { background-color: #151927; padding-top: 100px; width: 100%; min-width: 1200px; }
#footer .wrap { width: 1200px; margin: 0 auto; padding-bottom: 70px; }
#footer .wrap .pad { width: 1100px; margin: 0 50px; }
#footer .contactBox { box-sizing: border-box; border: solid 1px #b79d7b; margin: 0 auto; padding: 10px; width: 800px; }
#footer .contactBox a { background-color: #f0f0f0; display: block; padding: 40px 0 38px; }
#footer .contactBox a .contents { text-align: center; }
#footer .contactBox a .contents .title { color: #151927; font-size: 1.875em; font-weight: bold; letter-spacing: 0.05em; }
#footer .contactBox a .contents .text { color: #909090; font-size: 0.875em; line-height: 1.5; margin-top: 15px; }
#footer .button { margin-top: 70px; text-align: center; }
#footer .button a { box-sizing: border-box; border: solid 1px rgba(240,240,240,0.6); color: #fff; display: inline-block; font-size: 0.875em; letter-spacing: 0.05em; padding: 14px 0 13px; text-align: center; width: 480px; }
#footer .copyright { background-color: #0e111a; width: 100%; padding: 28px 0 26px; text-align: center; }
#footer .copyright p { color: #f0f0f0; font-size: 0.875em; }