@charset "utf-8";

/*============================
#mainPanelArea
============================*/
#mainPanelArea { position: relative; min-width: 1200px; }
#mainPanelArea .slidePanel {}
#mainPanelArea .slidePanel ul.bxslider01 {}
#mainPanelArea .slidePanel ul.bxslider01 li { height: 940px; text-indent: -9999px; }
#mainPanelArea .slidePanel ul.bxslider01 li.slide01 { background: url(../../imageFile/top/mainPanelArea_bxslider01.png) no-repeat center top; background-size: cover; }
#mainPanelArea .slidePanel ul.bxslider01 li.slide02 { background: url(../../imageFile/top/mainPanelArea_bxslider02.png) no-repeat center top; background-size: cover; }
#mainPanelArea .slidePanel ul.bxslider01 li.slide03 { background: url(../../imageFile/top/mainPanelArea_bxslider03.png) no-repeat center top; background-size: cover; }
#mainPanelArea .slidePanel ul.bxslider01 li.slide04 { background: url(../../imageFile/top/mainPanelArea_bxslider04.png) no-repeat center top; background-size: cover; }
/* bxslider */

/* /bxslider */
#mainPanelArea .container { position: absolute; left:0; top: 0; width: 100%; }
#mainPanelArea .wrap { margin: 0 auto; width: 1200px; }
#mainPanelArea .pad { margin: 0 50px; width: 1100px; }
#mainPanelArea .contactBox { text-align: right; margin-top: 25px; margin-right: 25px; }
#mainPanelArea .contactBox ul {}
#mainPanelArea .contactBox ul li { display: inline-block; }
#mainPanelArea .contactBox ul li .phone { margin-right: 25px; }
#mainPanelArea .contactBox ul li .phone a { color: #fff; line-height: 0.8; letter-spacing: 0.1em; }
#mainPanelArea .contactBox ul li .phone a:before { background: url(../../imageFile/global/icon_phone_white.png) no-repeat; background-size: contain; content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 4px; }
#mainPanelArea .contactBox ul li .button {}
#mainPanelArea .contactBox ul li .button a { border: solid 1px #fff; color: #fff; display: inline-block; font-size: 0.75em; padding: 13px 0 12px; text-align: center; width: 160px; }
#mainPanelArea .logo { margin-top: 190px; text-align: center; }
#mainPanelArea .logo .images { margin-top: 15px; }
#mainPanelArea .logo .images img {}
#mainPanelArea .logo .copy { color: #fff; line-height: 1.75; }
#mainPanelArea .logo .copy h1 { display: block; font-size: 1.375em; color: #fff; line-height: 1.75; }

/*============================
#navArea
============================*/
#topNavArea{ border-bottom: solid 1px #dedede; margin-top: -79px; position: relative; min-width: 1200px; }
#topNavArea .wrap { margin: 0 auto; width: 1200px; }
#topNavArea .pad { margin: 0 50px; width: 1100px; position: relative; }
#topNavArea .contents {}
#topNavArea .contents .title { background: url(../../imageFile/top/navArea_bg_title.png) no-repeat center bottom; color: #fff; font-size: 0.875em; padding-bottom: 65px; text-align: center; }
#topNavArea .contents ul { margin: 0 auto; width: 900px; }
#topNavArea .contents ul li { float: left; }
#topNavArea .contents ul li a { background: url(../../imageFile/global/navArea_bg_separatLine.png) no-repeat right center; color: #222; display: inline-block; text-align: center; padding: 26px 0 25px; width: 150px; }
#topNavArea .contents ul li:first-child a { background: url(../../imageFile/global/navArea_bg_separatLine.png) no-repeat left center, url(../../imageFile/global/navArea_bg_separatLine.png) no-repeat right center; }
#topNavArea .contents ul li a span.eng { display: block; }
#topNavArea .contents ul li a span.jpn { font-size: 0.75em; }

/*============================
#arrivalArea
============================*/
#arrivalArea { margin-top: 75px; min-width: 1200px; }
#arrivalArea .titleBox { text-align: center; }
#arrivalArea .titleBox .eng { font-size: 2.25em; font-weight: bold; font-style: italic; }
#arrivalArea .titleBox .jpn { margin: 12px auto 0; position: relative; width: 160px; }
#arrivalArea .titleBox .jpn:before { border-top: solid 1px #565656; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; }
#arrivalArea .titleBox .jpn span { background-color: #fff; font-size: 0.875em; font-weight: bold; padding: 0 10px; position: relative; z-index: 2; }
#arrivalArea .bxslider { margin-top: 45px; width: 100%; }
#arrivalArea .bxslider ul.bxslider02 { width: 100%; }
#arrivalArea .bxslider ul.bxslider02 li { position: relative; }
#arrivalArea .bxslider ul.bxslider02 li a:hover:before { background: url(../../imageFile/top/arrivalArea_on.png) no-repeat; content: ""; width: 273px; height: 350px; position: absolute; left: 0; top: 0; }

/*============================
#conceptArea
============================*/
#conceptArea { background: url(../../imageFile/top/conceptArea_bg.png) no-repeat center; background-size: cover; min-width: 1200px; }
#conceptArea .contents { text-align: center; padding: 110px 0 100px; }
#conceptArea .contents .title { font-size: 2.25em; font-weight: bold; }
#conceptArea .contents .text { margin-top: 55px; }
#conceptArea .contents .text p.subTitle { background: url(../../imageFile/top/conceptArea_bg_subTitle.png) no-repeat center; font-size: 1.5em; font-weight: bold; line-height: 1; margin-top: 55px; }
#conceptArea .contents .text p { font-size: 0.875em; line-height: 1.5; margin-top: 30px; }
#conceptArea .contents .button { margin-top: 40px; }
#conceptArea .contents .button a { background-color: #191919; color: #fff; display: inline-block; padding: 18px 0 17px; text-align: center; width: 245px; }

/*============================
#serviceArea
============================*/
#serviceArea { margin-top: 75px; min-width: 1200px; }
#serviceArea .titleBox { text-align: center; }
#serviceArea .titleBox .eng { font-size: 2.25em; font-weight: bold; font-style: italic; }
#serviceArea .titleBox .jpn { margin: 12px auto 0; position: relative; width: 160px; }
#serviceArea .titleBox .jpn:before { border-top: solid 1px #565656; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; }
#serviceArea .titleBox .jpn span { background-color: #fff; font-size: 0.875em; font-weight: bold; padding: 0 10px; position: relative; z-index: 2; }
#serviceArea .container { background: url(../../imageFile/top/serviceArea_bg.png) no-repeat center; margin-top: 55px; height: 1099px; min-width: 1200px; }
#serviceArea .wrap { margin: 0 auto; width: 1200px; }
#serviceArea .pad { margin: 0 50px; width: 1100px; position: relative; }
#serviceArea .container .wrap .pad ul {}
#serviceArea .container .wrap .pad ul li {}
#serviceArea .container .wrap .pad ul li .contents { box-sizing: border-box; background-image: url(../../imageFile/top/serviceArea_bg_contents_onLayer.png); height: 363px; padding: 65px 40px 0; text-align: center; width: 363px; }
#serviceArea .container .wrap .pad ul li .contents .title { background: url(../../imageFile/top/serviceArea_bg_subTitle.png) no-repeat center bottom; color: #fff; padding-bottom: 25px; }
#serviceArea .container .wrap .pad ul li .contents .title span { display: block; }
#serviceArea .container .wrap .pad ul li .contents .title span.eng { font-size: 0.75em; }
#serviceArea .container .wrap .pad ul li .contents .title span.jpn { font-size: 1.375em; margin-top: 12px; }
#serviceArea .container .wrap .pad ul li .contents .text { color: #fff; font-size: 0.75em; line-height: 1.5; letter-spacing: 0.08em; margin-top: 24px; }
#serviceArea .container .wrap .pad ul li .contents .text span.big { display: block; font-size: 1.6666666666666667em; font-weight: bold; margin-bottom: 5px; }
#serviceArea .container .wrap .pad ul li .contents .button { margin-top: 20px; }
#serviceArea .container .wrap .pad ul li .contents .button a { border: solid 1px #fff; color: #fff; display: inline-block; font-size: 0.875em; font-weight: bold; padding: 14px 0 13px; text-align: center; width: 200px; }
#serviceArea .container .wrap .pad ul li.service01 { position: absolute; left: -1px; top: 0; }
#serviceArea .container .wrap .pad ul li.service01 .contents { background-color: #984b43; }
#serviceArea .container .wrap .pad ul li.service02 { position: absolute; left: 367px; top: 368px; }
#serviceArea .container .wrap .pad ul li.service02 .contents { background-color: #eac67a; }
#serviceArea .container .wrap .pad ul li.service03 { position: absolute; right: 2px; top: 736px; }
#serviceArea .container .wrap .pad ul li.service03 .contents { background-color: #353f48; }

/*============================
#beliefArea
============================*/
#beliefArea { background: url(../../imageFile/top/beliefArea_bg.png) no-repeat center; background-size: cover; margin-top: 10px; min-width: 1200px; }
#beliefArea .contents { text-align: center; padding: 155px 0 175px; }
#beliefArea .contents .title { font-size: 2.25em; font-weight: bold; letter-spacing: 0.1em; }
#beliefArea .contents .text { line-height: 1.5; margin-top: 65px; }
#beliefArea .contents .text p { margin-top: 35px; line-height: 1.75; }
#beliefArea .contents .text p:first-child { margin-top: 0; }

/*============================
#instagramArea
============================*/
#instagramArea { background: url(../../imageFile/top/instagramArea_bg.png) repeat; margin-top: 10px; padding: 75px 0 100px; min-width: 1200px; }
#instagramArea .titleBox { text-align: center; }
#instagramArea .titleBox .eng { font-size: 2.25em; font-weight: bold; font-style: italic; }
#instagramArea .titleBox .jpn { margin: 12px auto 0; position: relative; width: 160px; }
#instagramArea .titleBox .jpn:before { border-top: solid 1px #565656; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; }
#instagramArea .titleBox .jpn span { background-color: #fff; background-image: url(../../imageFile/top/instagramArea_bg.png); font-size: 0.875em; font-weight: bold; padding: 0 10px; position: relative; z-index: 2; }
#instagramArea .link { margin-top: 35px; text-align: center; }
#instagramArea .link a { color: #222; font-size: 1.125em; font-style: italic; }
#instagramArea .wrap { margin: 0 auto; width: 1200px; }
#instagramArea .pad { margin: 0 50px; width: 1100px; }
#instagramArea .instaImage ul { padding: 50px 0 60px; }
#instagramArea .instaImage ul li { float: left; margin-left: 30px; }
#instagramArea .instaImage ul li:first-child { margin-left: 0; }
#instagramArea .instaImage ul li:nth-child(5n) { margin-left: 0; }
#instagramArea .instaImage ul li:nth-child(n+5) { margin-top: 30px; }
/*#instagramArea ul { margin-top: 65px; }
#instagramArea ul li { float: left; margin-right: 25px; width: 200px; }
#instagramArea ul li.last { margin-right: 0; }
#instagramArea ul li:nth-child(n+6) { margin-top: 25px; }
#instagramArea ul li a {}
#instagramArea ul li a img {}*/
#instagramArea .button { text-align: center; }
#instagramArea .button a { background-color: #191919; color: #fff; display: inline-block; padding: 18px 0 17px; text-align: center; width: 245px; }

/*============================
#contactArea
============================*/
#contactArea { background: #f1f1f1 url(../../imageFile/top/contactArea_bg.png) repeat; margin-top: 10px; padding: 75px 0 100px; min-width: 1200px; }
#contactArea .titleBox { text-align: center; }
#contactArea .titleBox .eng { font-size: 2.25em; font-weight: bold; font-style: italic; }
#contactArea .titleBox .jpn { margin: 12px auto 0; position: relative; width: 160px; }
#contactArea .titleBox .jpn:before { border-top: solid 1px #565656; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; }
#contactArea .titleBox .jpn span { background-color: #fff; background-image: url(../../imageFile/top/contactArea_bg.png); font-size: 0.875em; font-weight: bold; padding: 0 10px; position: relative; z-index: 2; }
#contactArea .wrap { margin: 0 auto; width: 1200px; }
#contactArea .pad { margin: 0 50px; width: 1100px; }
#contactArea ul { margin-top: 80px; text-align: center; }
#contactArea ul li { display: inline-block; /*margin-right: 40px;*/ margin-top: -20px; }
#contactArea ul li.last { margin-right: 0; }
#contactArea ul li .button {}
#contactArea ul li .button a { box-sizing: border-box; display: inline-block; font-weight: bold; padding: 25px 0 24px; text-align: center; width: 360px; }
#contactArea ul li .button.black a { background-color: #000; color: #fff; }
#contactArea ul li .button.white a { border: solid 1px #222; background-color: #fff; color: #222; }
#contactArea .contents { background-color: #fff; margin: 40px auto 0; padding: 30px 0 29px; text-align: center; width: 767px; }
#contactArea .contents .text { font-weight: bold; }
#contactArea .contents .phone { margin-top: 20px; }
#contactArea .contents .phone a { color: #222; font-size: 1.875em; font-weight: bold; letter-spacing: 0.1em; }
#contactArea .contents .phone a:before { background: url(../../imageFile/global/icon_phone_black.png) no-repeat; background-size: contain; content: " "; display: inline-block; width: 21px; height: 24px; margin-right: 8px; }
#contactArea .contents .phone span { font-weight: bold; }

/*============================
#accessArea
============================*/
#accessArea { margin-top: 75px; min-width: 1200px; }
#accessArea .titleBox { text-align: center; }
#accessArea .titleBox .eng { font-size: 2.25em; font-weight: bold; font-style: italic; }
#accessArea .titleBox .jpn { margin: 12px auto 0; position: relative; width: 160px; }
#accessArea .titleBox .jpn:before { border-top: solid 1px #565656; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; }
#accessArea .titleBox .jpn span { background-color: #fff; font-size: 0.875em; font-weight: bold; padding: 0 10px; position: relative; z-index: 2; }
#accessArea .gmap { margin-top: 55px; }
#accessArea .gmap #map { height: 600px; width: 100%; }
#accessArea .gmap .buttton { margin-top: 35px; text-align: center; }
#accessArea .gmap .buttton a { border: solid 1px #222; color: #222; display: inline-block; padding: 22px 0 20px; text-align: center; width: 375px; position: relative; }
#accessArea .gmap .buttton a:before { content: url(../../imageFile/global/icon_window.png); height: 10px; width: 10px; position: absolute; right: 10px; top: 8px; }
#instagramArea .wrap { margin: 0 auto; width: 1200px; }
#instagramArea .pad { margin: 0 50px; width: 1100px; }
#accessArea .content { margin-top: 65px; text-align: center; }
#accessArea .content ul {}
#accessArea .content ul li { display: inline-block; padding-right: 55px; vertical-align: middle; }
#accessArea .content ul li.last { border-left: solid 1px #dedede; padding-left: 60px; padding-right: 0; }
#accessArea .content ul li .logo {}
#accessArea .content ul li .logo img { width: 120px; }
#accessArea .content ul li .text { text-align: left; }
#accessArea .content ul li .text p.title { font-size: 1.125em; font-weight: bold; }
#accessArea .content ul li .text p.address { margin-top: 22px; }
#accessArea .content ul li .text p.howto { margin-top: 12px; font-size: 0.75em; font-weight: bold; line-height: 1.5; }