@charset "utf-8";

/* CSS Document */

@import "reset.css";
@import "clearfix.css";

/* -----------------------------------------------common */

body { font-family: 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;}
 a { color:#000000; outline: none; text-decoration:none;}
 a:hover {}
 a img{ webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
 a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

#pagetop { position: fixed; bottom: 140px; right: 20px; background: no-repeat top center url(../img/pageTop.png); width: 60px; height: 60px; z-index: 9999; cursor: pointer;}
  
/* -----------------------------------------------common */
.under .common-inner { width: 600px; margin: 0 auto;}
#top .common-inner, .header .common-inner, .footer .common-inner { width: 930px; margin: 0 auto;}
.common-mv { width: 930px; margin: 80px auto 0 auto;}
.under .common-inner .common-mv { width: 100%;}
.common-mv img { width: 100%;}
.common-cap { margin: 55px 0 0 0;}
.common-cap p { margin: 15px 0 0 0; font-size: 0.9em; line-height: 2.0em; letter-spacing: 0.4em;}
.common-cap p.large { font-size: 1.2em;}
.common-cap p.center { text-align: center;}
.common-cap p img { width: 100%;}
.common-text { margin: 30px 0 0 0; font-size: 0.8em; line-height: 1.6em; text-align: left;}

.common-list { margin: 60px 0 0 0;}
.common-list ul { overflow: hidden;}
.common-list ul li { width: 30%; margin: 0 5% 30px 0; float: left;}
.common-list ul li:nth-child(3n) { margin: 0 0 30px 0;}
.common-list ul li a { text-align: center;}
.common-list ul li a img { width: 100%;}
.common-list ul li a span.common-list-num { display: block; width: 126px; height: 50px; margin: 20px auto 0 auto; background-position: center top; background-repeat: no-repeat; border-bottom: 4px solid #000000;}
.common-list ul li:nth-child(1) a span.common-list-num { background-image: url(../img/common-num01.png);}
.common-list ul li:nth-child(2) a span.common-list-num { background-image: url(../img/common-num02.png);}
.common-list ul li:nth-child(3) a span.common-list-num { background-image: url(../img/common-num03.png);}
.common-list ul li:nth-child(4) a span.common-list-num { background-image: url(../img/common-num04.png);}
.common-list ul li:nth-child(5) a span.common-list-num { background-image: url(../img/common-num05.png);}
.common-list ul li:nth-child(6) a span.common-list-num { background-image: url(../img/common-num06.png);}
.common-list ul li:nth-child(7) a span.common-list-num { background-image: url(../img/common-num07.png);}
.common-list ul li:nth-child(8) a span.common-list-num { background-image: url(../img/common-num08.png);}
.common-list ul li:nth-child(9) a span.common-list-num { background-image: url(../img/common-num09.png);}
.common-list ul li:nth-child(10) a span.common-list-num { background-image: url(../img/common-num10.png);}
.common-list ul li a span.common-list-title { display: block; margin: 25px 0 0 0; font-size: 1.2em;}
.common-list ul li a span.common-list-cap { display: block; margin: 15px 0 0 0; font-size: 0.9em; letter-spacing: 0.1em;}

.header { padding: 35px 0 0 0; overflow: hidden;}
.header-logo { width: 200px; float: left;}
.header-logo img { width: 100%;}
.header ul { display: inline-block; float: right;}
.header ul li { display: inline-block; margin: 0 0 0 30px;}
.header ul li a { display: inline-block; padding: 0 5px 10px 5px;}
.header ul li a:hover, #about .header-menu-about, #work .header-menu-work, #contact .header-menu-contact, #recruit .header-menu-recruit { background: url(../img/common-line.png) center bottom repeat-x; background-size: auto 12%;}


h2.top { margin: 135px 0 0 0; text-align: center; font-size: 3.0em; line-height: 2.0em; letter-spacing: 0.4em;}
.title-wave { margin: 160px 0 0 0; text-align: center;}
.title-wave span { display: inline-block; padding: 0 5px 35px 25px; font-size: 2.0em; letter-spacing: 0.4em; background: url(../img/common-line.png) center bottom repeat-x;}
.title-star { margin: 110px 0 0 0; background: url(../img/common-icon-star.png) no-repeat right center; font-size: 1.6em; letter-spacing: 0.2em; line-height: 1.6em;}
.title-common { margin: 140px 0 0 0; font-size: 2.0em; letter-spacing: 0.4em; text-align: center; font-weight: bold; padding: 35px 0 20px 0}
.title-common.placelist { background: url(../work/img/work-title-place.png) no-repeat left top; background-size: contain;}
.title-common.shoplist { background: url(../work/img/work-title-shop.png) no-repeat left top; background-size: contain;}
.title-common.recruitlist { background: url(../recruit/img/recruit-title.png) no-repeat left top; background-size: contain;}
.title-work-place { margin: 50px 0 0 0; height: 130px; padding: 40px 0 0 240px; box-sizing: border-box; background-repeat: no-repeat, no-repeat; background-position: 130px 20px, top left; background-size: 90px auto, auto auto; font-size: 1.6em; font-weight: bold; position: relative;}
.title-work-place span { display: block; width: 60px; height: 33px; padding:0 5px;  border-top: 2px #000000 solid; border-bottom: 2px #000000 solid; font-size: 0.55em; line-height: 2.5em; letter-spacing: 0.1em; text-align: center; position: absolute; top: 43px; left: 460px;}
.title-work-place.num01 {background-image: url(../img/common-num001.png), url(../work/img/place-title.png);}
.title-work-place.num02 {background-image: url(../img/common-num002.png), url(../work/img/place-title.png);}
.title-work-place.num03 {background-image: url(../img/common-num003.png), url(../work/img/place-title.png);}
.title-work-place.num04 {background-image: url(../img/common-num004.png), url(../work/img/place-title.png);}
.title-work-place.num05 {background-image: url(../img/common-num005.png), url(../work/img/place-title.png);}
.title-work-place.num06 {background-image: url(../img/common-num006.png), url(../work/img/place-title.png);}
.title-work-place.num07 {background-image: url(../img/common-num07.png), url(../work/img/place-title.png);}
.title-work-place.num08 {background-image: url(../img/common-num08.png), url(../work/img/place-title.png);}
.title-work-place.num09 {background-image: url(../img/common-num09.png), url(../work/img/place-title.png);}
.title-work-place.num10 {background-image: url(../img/common-num10.png), url(../work/img/place-title.png);}
.title-work-shop { margin: 50px 0 0 0; height: 130px; padding: 42px 0 0 240px; box-sizing: border-box; background-repeat: no-repeat, no-repeat; background-position: 122px 26px, top left; background-size: 90px auto, auto auto; font-size: 1.6em; font-weight: bold; position: relative;}
.title-work-shop span { display: block; width: 60px; height: 33px; padding:0 5px;  border-top: 2px #000000 solid; border-bottom: 2px #000000 solid; font-size: 0.55em; line-height: 2.5em; letter-spacing: 0.1em; text-align: center; position: absolute; top: 43px; left: 460px;}
.title-work-shop.num01 {background-image: url(../img/common-num001.png), url(../work/img/shop-title.png);}
.title-work-shop.num02 {background-image: url(../img/common-num002.png), url(../work/img/shop-title.png);}
.title-work-shop.num03 {background-image: url(../img/common-num003.png), url(../work/img/shop-title.png);}
.title-work-shop.num04 {background-image: url(../img/common-num004.png), url(../work/img/shop-title.png);}
.title-work-shop.num05 {background-image: url(../img/common-num005.png), url(../work/img/shop-title.png);}
.title-work-shop.num06 {background-image: url(../img/common-num006.png), url(../work/img/shop-title.png);}
.title-work-shop.num07 {background-image: url(../img/common-num07.png), url(../work/img/shop-title.png);}
.title-work-shop.num08 {background-image: url(../img/common-num08.png), url(../work/img/shop-title.png);}
.title-work-shop.num09 {background-image: url(../img/common-num09.png), url(../work/img/shop-title.png);}
.title-work-shop.num10 {background-image: url(../img/common-num10.png), url(../work/img/shop-title.png);}
.title-recruit { margin: 50px 0 0 0; height: 130px; padding: 54px 0 0 240px; box-sizing: border-box; background-repeat: no-repeat, no-repeat; background-position: 95px 35px, top left; background-size: 90px auto, auto auto; font-size: 1.6em; font-weight: bold; position: relative;}
.title-recruit span { display: block; width: 110px; height: 33px; padding:0 5px;  border-top: 2px #000000 solid; border-bottom: 2px #000000 solid; font-size: 0.55em; line-height: 2.5em; letter-spacing: 0.1em; text-align: center; position: absolute; top: 58px; left: 420px;}
.title-recruit.num01 {background-image: url(../img/common-num001.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num02 {background-image: url(../img/common-num002.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num03 {background-image: url(../img/common-num003.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num04 {background-image: url(../img/common-num004.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num05 {background-image: url(../img/common-num005.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num06 {background-image: url(../img/common-num006.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num07 {background-image: url(../img/common-num07.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num08 {background-image: url(../img/common-num08.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num09 {background-image: url(../img/common-num09.png), url(../recruit/img/recruit-under-title.png);}
.title-recruit.num10 {background-image: url(../img/common-num10.png), url(../recruit/img/recruit-under-title.png);}
p.work_ti_min {font-size: 0.8em;}
td.cont_titl { line-height: 3em;}

/* -----------------------------------------------top */

ul.owl-carousel { margin: 60px 0 0 0;}
ul.owl-carousel li.item {}
ul.owl-carousel li.item img {}

.top-logo { display: block; width: 40%; margin: 60px auto 100px auto;}

.top-icon { margin: 80px 0 0 0; }
.top-icon ul { overflow: hidden;}
.top-icon ul li { width: 18%; margin: 0 0 0 2.5%; text-align: center; float: left;}
.top-icon ul li:first-child { margin: 0;}
.top-icon ul li img {}
.top-icon ul li h4 { margin: 20px 0 0 0; font-size: 1.6em; letter-spacing: 0.4em;}

.top-fb { width: 500px; margin: 55px auto 0 auto;}

/* -----------------------------------------------under */ 

.about-link { display: block; padding: 75px 0 0 0; overflow: hidden;}
.about-link span { display: inline-block; width: 420px; height: 64px; padding: 15px 0 0 0; box-sizing: border-box; border-top: 3px solid #000000; border-bottom: 3px solid #000000; letter-spacing: 0.3em; text-align: center;}
.about-link img { float: right;}
.about-company {}
.about-company tr {}
.about-company tr td { letter-spacing: 0.2em; line-height: 3.4em; vertical-align: top;}
.about-company tr td:first-child { width: 200px;}
.about-company tr td a { display: inline-block; margin: 0 0 0 15px; padding: 0 20px; line-height: 1.4em; border-radius: 10px; border: 3px solid #000000;}

.work-person { margin: 65px 0 0 0; text-align: center;}
.work-person-inner { display: inline-block;}
.work-person-inner img { vertical-align: middle;}
.work-person-inner span { display: inline-block; margin: 0 0 0 20px; font-size: 1.4em;}

.recruit-youkou { margin: 60px 0 0 0; overflow: hidden;}
.recruit-youkou-btn span { display: none;}
.recruit-youkou-btn { width: 45%; float: right;}
.recruit-youkou-btn:first-child { float: left;}
.recruit-youkou-btn a { display: block; padding: 20px; box-sizing: border-box; border: #000000 4px solid; background: url(../img/common-arrow_black.png) 270px center no-repeat; text-align: center; letter-spacing: 0.3em; font-size: 1.4em;}
.recruit-youkou-btn a:hover { opacity: 0.8;}
.recruit-youkou-btn.off a { pointer-events : none; opacity: 0.3;}
.recruit-youkou-btn.off span { display: block; margin: 20px 0 0 0; text-align: center; letter-spacing: 0.1em;}

section.underbar { border-bottom: solid 4px #000; padding-bottom: 70px;}
.recruit-youkou-btn2 a { width: 45%; margin: 0 auto; text-align: center; cursor: pointer; background-color: #000000; color: #ffffff; display: block; padding: 20px; box-sizing: border-box; letter-spacing: 0.3em; font-size: 1.4em;}
.recruit-youkou-btn2 a:hover { opacity: .8; text-decoration: none;}


#contactForm table { width: 100%; margin: 60px 0 0 0;}
#contactForm th, #contactForm td { text-align: left; padding: 1.4em 0; vertical-align: top; }
#contactForm th { padding-right: 2em; width: 16em; white-space: nowrap; }
#contactForm th em { display: inline-block; font-size: 12px; color: #fff; background-color: #67b6ff; padding: 0.4em 0.8em; line-height: 1; border-radius: 4px; margin-left: 0.6em; }
#contactForm td p { display: none; }
#contactForm td p.error { display: block; padding-top: 0.5em; color: #c00; font-size: 13px; font-weight: bold; }
#contactForm label { color: #4d4d4d; display: 14px; margin-right: 2em; }
#contactForm .ra { display: inline-block; margin-right: 0.5em; }
#contactForm input[type="text"], #contactForm input[type="num"], #contactForm textarea { appearance: none; -webkit-appearance: none; font-size: 1.2em; display: block; width: 100%; margin: 5px 0 0 0; padding: 0.6em; line-height: 1.5; box-shadow: none; box-sizing: border-box; border: 4px solid #000000; }
#contactForm input[type="num"] { display: inline-block; width: 4.5em; }
#contactForm input[type="num"]:first-child { width: 3.2em; }
#contactForm #thanks { text-align: center; font-weight: bold; font-size: 18px; padding-top: 1em; color: #67b6ff; display: none; }
#contactForm input[type="submit"] { cursor: pointer; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; font-size: 24px; padding: 0.6em;  background-color: #000000; color: #fff; display: block; width: 100%; border: 0; appearance: none; -webkit-appearance: none; background-image: none; margin: 40px auto 0; }
#contactForm input[type="submit"]:hover { opacity: .8; text-decoration: none; }
#contactForm span.min_text { font-size: 0.8em; color: #818080;}

#thanks2 { max-width: 800px; margin: 0 auto; padding: 20px; }
#thanks2 h1 { margin: 0 auto; text-align: center; width: 100%; }
#thanks2 h1 img { margin: 0 auto; }
#thanks2 > div { margin-top: 40px; text-align: center; border: 6px solid #ddd; padding: 2em; }
#thanks2 a { text-align: center; cursor: pointer; transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; font-size: 18px; padding: 0.6em;  background-color: #000000; color: #fff; display: block; width: 100%; border: 0; appearance: none; -webkit-appearance: none; background-image: none; margin: 40px auto 0; }
#thanks2 a:hover { opacity: .8; text-decoration: none;}

/* -----------------------------------------------footer */


.footer-sns { padding: 60px 0 25px 25px;}
.footer-sns .fb-like { margin: 0 5px 0 0;}
.footer-sns .fb-like iframe { margin: -6px 0 0 0;}
._2tga, ._2tga:hover { background: #000000; border: 1px solid #000000;}
.footer-sns a.twitter-share-button .btn { background: #000000;}

.footer { padding: 60px 0 30px 0; background: url( ../img/footer-line.png) repeat-x center top;}
.footer-copy { text-align: center;}