@charset "UTF-8";


/* Setting
------------------------------------------------------------------- */
html,body { color:#222; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; background:#FFF; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; }

a { color:#EE8318; text-decoration:underline;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a img { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover { color:#F19C46; }
.defs { display:none; }

	/* block */
	.container { width:1000px; margin:0 auto; position:relative; }
	.container:after { content:""; display:block; clear:both; }

	/* block */
	.fix { position:absolute; right:0; top:855px; padding:20px 15px; background:#CCC;
	border-top-left-radius:5px; border-bottom-left-radius:5px; }
	.fix:hover { background:#EE8318; padding:20px 20px; }


/* header
------------------------------------------------------------------- */
body > header { height:140px; line-height:140px; }
body > header h1 { float:left; margin-right:50px; }
body > header p { float:left; font-size:1.05rem; color:#888; line-height:1.4; padding-top:55px; letter-spacing:1px; }
body > header address { float:right; }


/* nav
------------------------------------------------------------------- */
body > nav { width:100%; position:relative; background:#FFF; height:80px; line-height:80px; box-sizing:content-box; border-bottom:10px solid #EE8318; }
body > nav ul li { float:left; }
body > nav ul li a { display:block; color:#000; text-decoration:none; font-weight:bold; font-size:1.35rem; margin-left:63px; height:80px; }
body > nav ul li:first-child a { margin-left:0; }
body > nav ul li a:hover,
body > nav ul li.ac a { color:#EE8318; }
body > nav ul li.ac a { border-top:2px solid #EE8318; }
body > nav ul li a img { margin-right:10px; }
body > nav ul li a:hover img { -webkit-animation:turn 1.5s; -moz-animation:turn 1.5s; -ms-animation:turn 1.5s; -o-animation:turn 1.5s; animation:turn 1.5s; }
body > nav ul li.ac a:hover img { -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; }

	@-webkit-keyframes turn {
		0% { -webkit-transform:rotateX(0deg); }
		100% { -webkit-transform:rotateX(360deg); }
	}
	@-moz-keyframes turn {
		0% { -moz-transform:rotateX(0deg); }
		100% { -moz-transform:rotateX(360deg); }
	}
	@-ms-keyframes turn {
		0% { -ms-transform:rotateX(0deg); }
		100% { -ms-transform:rotateX(360deg); }
	}
	@-o-keyframes turn {
		0% { -o-transform:rotateX(0deg); }
		100% { -o-transform:rotateX(360deg); }
	}
	@keyframes turn {
		0% { transform:rotateX(0deg); }
		100% { transform:rotateX(360deg); }
	}

body > nav div > a { display:block; width:100px; height:30px; line-height:30px; padding-left:13px; background:#EE8318; border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:absolute; left:0; bottom:-35px; z-index:99999; }
body > nav div > a:hover { bottom:-40px; }



/* title
------------------------------------------------------------------- */
body > h1 { height:130px; text-align:center; background:url(../images/h1_line.jpg) left bottom repeat-x; font-size:3rem; text-transform:uppercase; letter-spacing:1px; font-family: 'Josefin Sans', sans-serif; position:relative; padding:25px; margin-bottom:60px; color:#000; font-weight:700; }
body > h1:first-letter { color:#EE8318; }
body > h1 span { display:block; font-size:1.1rem; color:#999; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; font-weight:normal; }


/* column
------------------------------------------------------------------- */
body .container > article { float:left; width:700px; }
body .container > aside { float:right; width:240px; padding-bottom:80px; }

body article section { padding-bottom:80px; position:relative; }
body article section:last-of-type { padding-bottom:100px; }
body article section h1 { border-top:5px solid #DDD; padding-top:25px; font-size:1.8rem; color:#000; letter-spacing:2px; font-weight:bold; position:relative; margin-bottom:40px; }
body article section h1:before { content:""; width:150px; height:5px; background:#EE8318; position:absolute; left:0; top:-5px; }



/* pickup
------------------------------------------------------------------- */
aside .pickup a { display:block; border:5px solid #EE8318; margin-bottom:30px; text-align:center; padding-bottom:15px; position:relative; }
aside .pickup a h1 { margin-bottom:210px; }
aside .pickup a > img { position:absolute; left:35px; top:110px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a p { width:200px; height:36px; line-height:36px; text-align:center; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a p:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a:hover p { background:#F19C46; }
aside .pickup a:hover p:after { right:8px; }
aside .pickup a:hover { border:5px solid #F19C46; }
aside .pickup a:hover > img { left:45px; top:100px; }


/* bnr
------------------------------------------------------------------- */
aside > a:first-of-type { display:block; margin-bottom:20px; }
aside > a:first-of-type img { max-width:100%; height:auto; }
aside > a img { margin-bottom:10px; }
aside > a:hover { opacity:0.6; }
aside > p { font-size:1.1rem; color:#888; }

aside > ul { text-align:center; margin-top:30px; }
aside > ul li { border-top:1px solid #CCC; padding-top:20px; }
aside > ul li:first-child { margin-bottom:30px; }
aside > ul li img { margin-bottom:10px; }
aside > ul li a { text-decoration:none; }
aside > ul li h2 { font-size:1.1rem; }
aside > ul li p { font-size:1rem; color:#333; }


/* footer
------------------------------------------------------------------- */
body > footer { height:150px; border-top:1px solid #CCC; background:#EEE; border-bottom:10px solid #EE8318; box-sizing:content-box; }
body > footer h1 { float:left; margin-right:50px; padding-top:35px; }
body > footer address { float:left; color:#666; font-size:1.2rem; padding-top:55px; }
body > footer small { float:right; color:#999; line-height:150px; font-style:italic; }



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* cst
------------------------------------------------------------------- */
.cst .s1 dt { margin-bottom:50px; }
.cst .s1 dd h2 { margin-bottom:50px; }
.cst .s1 dd p { margin-bottom:50px; }
.cst .s1 dd h3 { text-align:right; }

.cst .s2 dl { margin-bottom:40px; }
.cst .s2 dl:after { content:""; display:block; clear:both; }
.cst .s2 dl:last-of-type { margin-bottom:0; }
.cst .s2 dt { float:left; margin:0 60px 0 0; }
.cst .s2 dd { overflow:hidden; padding-top:20px; }
.cst .s2 dd h2 { margin-bottom:40px; }
.cst .s2 dd p { margin-bottom:60px; }
.cst .s2 dl:nth-of-type(2) dt { float:right; margin:0 0 0 40px; }
.cst .s2 dd > a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; }
.cst .s2 dd > a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.cst .s2 dd > a:hover { background:#F19C46; }
.cst .s2 dd > a:hover:after { right:8px; }



/* works
------------------------------------------------------------------- */
.wks nav { text-align:center; margin-bottom:60px; }
.wks nav li { display:inline; }
.wks nav a { display:inline-block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#000; text-decoration:none; letter-spacing:1px; font-size:1.3rem; position:relative; margin:0 10px; }
.wks nav a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.wks nav a:hover { background:#EE8318; }
.wks nav a:hover:after { right:8px; }
.wks nav .ui-tabs-selected a { background:#EE8318; }

.wks .s1 p { width:550px; padding:30px; background:#FFF; margin:-40px auto 0; z-index:2; position:relative; }
.wks .s1 ul { padding:20px; border:3px solid #DDD; background:#FAFAFA; margin-bottom:40px; }
.wks .s1 ul:after { content:""; display:block; clear:both; }
.wks .s1 ul li { width:33.333333%; float:left; text-align:center; padding:10px; }
.wks .s1 ul li img { max-width:100%; height:auto; margin-bottom:10px; }
.wks .s1 ul li a { text-decoration:none; font-weight:bold; }
.wks .s1 ul li a:hover { opacity:.6; }
.wks .s1 > a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; }
.wks .s1 > a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.wks .s1 > a:hover { background:#F19C46; }
.wks .s1 > a:hover:after { right:8px; }

.wks .s1 > a:nth-of-type(2) { background:#3694D6; margin-top:20px; }


/* com
------------------------------------------------------------------- */
.com table { width:100%; }
.com table th,
.com table td { padding:15px; border:1px solid #CCC; }
.com table th { background:#F1F1F1; width:200px; }
.com table td strong { font-weight:bold; }

.com iframe { width:100%; height:340px; overflow:hidden; border:1px solid #CCC; border-top:none; }




/* gal
------------------------------------------------------------------- */
article.gal { float:none !important; width:1000px !important; }
.gal ul:after { content:""; display:block; clear:both; }
.gal li { width:320px; float:left; margin-right:20px; margin-bottom:30px; }
.gal li:nth-child(3n) { margin-right:0; }
.gal li:nth-last-child(3),
.gal li:last-child { margin-bottom:0; }

.gal li div a { display:block; width:320px; height:300px; margin-bottom:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.gal li div a:hover { opacity:0.7; }
.gal li h2 { text-align:center; }


	/* pagenation
	------------------------------------------------------------------- */
	.gal .pagination_control { text-align:center; }
	.gal .pagination_control:after { content:""; display:block; clear:both; }
	.gal .pagination_control * { display:inline-block; }
	.gal .pagination_control a { display:inline-block; width:40px; height:40px; border:1px solid #EE8417; border-left:none; line-height:40px;
	 text-decoration:none; color:#EE8417; cursor:pointer; font-size:1.3rem; }
	.gal .pagination_control a.jp-previous { border-left:1px solid #F19C46; }
	.gal .pagination_control a.jp-current, .gal .pagination_control a:hover { background:#EE8417; color:#FFF; }



/* rec
------------------------------------------------------------------- */
.rec .s1 dl:after { content:""; display:block; clear:both; }
.rec .s1 dl dt { float:right; }
.rec .s1 dl dd { padding:50px 50px 0 0; overflow:hidden; }
.rec .s1 dl dd h2 { margin-bottom:30px; }
.rec .s1 dl dd p { margin-bottom:60px; }
.rec .s1 dl dd a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; }
.rec .s1 dl dd a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.rec .s1 dl dd a:hover { background:#F19C46; }
.rec .s1 dl dd a:hover:after { right:8px; }

.rec .s2 ul { margin-bottom:60px; }
.rec .s2 ul:after { content:""; display:block; clear:both; }
.rec .s2 li { float:left; margin-right:30px; }
.rec .s2 li:nth-child(3) { margin-right:0; }
.rec .s2 li img { margin-bottom:20px; }
.rec .s2 li h2 { font-weight:bold; font-size:1.4rem; text-align:center; color:#000; }
.rec .s2 div { text-align:center; }
.rec .s2 div img { margin-bottom:20px; }
.rec .s2 div h2 { font-weight:bold; font-size:2rem; text-align:center; color:#000; }

.rec .s3 table { width:100%; margin-bottom:50px; }
.rec .s3 table th,
.rec .s3 table td { padding:15px; border:1px solid #CCC; }
.rec .s3 table th { width:200px; background:#F1F1F1; }
.rec .s3 table tr:nth-child(2) td { color:#F00; }
.rec .s3 address { width:50%; margin:0 auto; margin-bottom:30px; }
.rec .s3 address img { max-width:100%; height:auto; }
.rec .s3 > a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; }
.rec .s3 > a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.rec .s3 > a:hover { background:#F19C46; }
.rec .s3 > a:hover:after { right:8px; }



/* con
------------------------------------------------------------------- */
.con .s1 div { height:290px; background:url(../images/con_s1_ph.jpg) right top no-repeat; padding-top:50px; }
.con .s1 div h2 { margin-bottom:40px; }

.con .s2 > p:first-of-type { text-align:center; line-height:1.8; margin-bottom:60px; }
.con .s2 p span,
.con .s2 table span { color:#D1472E; padding:0 10px; }

.con .s2 table { width:100%; margin:0 auto 50px; }
.con .s2 table th,
.con .s2 table td { padding:25px; border-top:1px dotted #CCC; }
.con .s2 table th { width:200px; }
.con .s2 table tr:hover { background:#FAFAFA; }
.con .s2 table tr:last-child th,
.con .s2 table tr:last-child td { border-bottom:1px dotted #CCC; }

.con .s2 table td input[type="radio"] { margin:10px; }
.con .s2 table td input[type="text"] { width:100%; padding:5px 10px; border:1px solid #DDD; }
.con .s2 table td select { width:50%; padding:5px 10px; border:1px solid #DDD; }
.con .s2 table td textarea { width:100%; height:200px; padding:5px 10px; border:1px solid #DDD; }

.con .s2 table td.short input { width:50%; }
.con .s2 table td.short2 input { width:15%; margin-right:5px; margin-left:10px; }
.con .s2 table td.short2 input:first-of-type { margin-left:0; }

.con .s2 table td p { font-size:1rem; margin-top:10px; color:#888; }

.con .s2 input[type="submit"] { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; border:none; }
.con .s2 input[type="submit"]:hover { background:#F19C46; }

.con .s2 table .close { display:none; }

.con .s2 a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; }
.con .s2 a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.con .s2 a:hover { background:#F19C46; }
.con .s2 a:hover:after { right:8px; }





/* job
------------------------------------------------------------------- */
.job .s1 dl:after { content:""; display:block; clear:both; }
.job .s1 dt { float:left; margin-right:50px; }
.job .s1 dd { overflow:hidden; padding-top:40px; }
.job .s1 dd h2 { margin-bottom:50px; }

.job .s2 table { width:100%; }
.job .s2 table th,
.job .s2 table td { padding:15px; border:1px solid #CCC; }
.job .s2 table th { width:200px; background:#F1F1F1; }
.job .s2 table tr:nth-child(2) td { color:#F00; }

.job .s3 dl { margin-bottom:40px; }
.job .s3 dl:after { content:""; display:block; clear:both; }
.job .s3 dt { float:left; margin-right:30px; }
.job .s3 dd { overflow:hidden; padding-top:20px; }
.job .s3 dd h2 { margin-bottom:50px; }

.job .s3 table { width:100%; }
.job .s3 table th,
.job .s3 table td { padding:15px; border:1px solid #CCC; }
.job .s3 table th { background:#F1F1F1; }
.job .s3 table tr:first-child td { background:#EE8318; color:#FFF; text-align:center; letter-spacing:1px; font-size:1,4rem; }
.job .s3 table tr:last-child td { border:none; }
.job .s3 table td input[type="text"] { width:100%; padding:5px 10px; border:1px solid #DDD; }
.job .s3 input[type="submit"] { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; border:none; }
.job .s3 input[type="submit"]:hover { background:#F19C46; }

.job .s3 > p { padding:20px; border:5px solid #DDD; background:#F1F1F1; margin-top:50px; }
.job .s3 > p strong { font-weight:bold; }