@charset "UTF-8";
/* ***********************************************************************
    Takasaki Nishiguchi Goda Naika - <Common>
*********************************************************************** */
/*
    1 : Initialize
    2 : Format (header, contents area, footer)
    3 : Text  (h1~, p, etc.)
    4 : Space (margin, padding, etc.)
	5 : Other (breadcrumb, pageTop, imgOnMouse, etc.)
	6 : Clear
*/



/* ***********************************************************************
    1 : Initialize (html5)
*********************************************************************** */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	outline       : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}
body {
	line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}

ins {
	background-color: #ff9;
	color           : #000;
	text-decoration : none;
}

mark {
	background-color: #ff9;
	color           : #000;
	font-style      : italic;
	font-weight     : bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor       : help;
}

table {
	border-collapse: collapse;
	border-spacing : 0;
}

hr {
    display   : block;
    height    : 1px;
    border    : 0;
    border-top: 1px solid #cccccc;
    margin    : 1em 0;
    padding   : 0;
}

input, select {
	vertical-align: middle;
}


/**追加**/

img {
	vertical-align: bottom;
}

a {
	outline-style: none;
}

a img {
	border: none;
}

ul {
	list-style         : none;
	list-style-image   : none;
	list-style-position: outside;
}

ol {
	list-style-type    : decimal;
	list-style-image   : none;
	list-style-position: outside;
}





/* ***********************************************************************
    2 : Format (header, contents area, footer)
*********************************************************************** */
body {
	text-align              : center;
	-webkit-text-size-adjust: none;
	color                   : #000;
}

#btn_toRecruit {
	position: absolute;
	top     : 0;
	right   : 20px;
	display : block;
	width   : 170px;
	height  : 74px;
	z-index : 10;
}

/* *************************
	Header
************************* */
header {
	position   : relative;
	width      : 1000px;
	min-height : 430px;
	margin     : 0 auto;
	text-align : left;
}


@media (max-width:896px) {
	body {
		background: none;
		font-size : 16px;
	}
	#btn_toRecruit {
		position: absolute;
		top     : 0;
		right   : 2.5%;
		display : block;
		width   : 24%;
		height  : 45px;
		z-index : 10;
	}
	#btn_toRecruit img {
		width : 100%;
		height: auto;
	}
	header {
		position   : relative;
		width      : 100%;
		min-height : 0;
		height     : auto;
		padding-top: 0;
		text-align : center;
	}
}



/* *************************
	Section
************************* */
section {
	width     : 100%;
	height    : auto;
	text-align: center;
}

section#greeting .box,
section#profile .box,
section#map .box,
section#recruit .box {
	position  : relative;
	width     : 980px;
	height    : auto;
	margin    : 0 auto;
	text-align: left;
}
section#greeting .box h3 {
	width     : 100%;
	font      : normal 36px/46px "UD Shin Go Conde90 L", sans-serif;
	text-align: center;
}
section#profile .box h3,
section#map .box h3 {
	float     : left;
	width     : 280px;
	font      : normal 36px/46px "UD Shin Go Conde90 L", sans-serif;
	text-align: left;
}
section#greeting .box .text {
	width     : 100%;
	margin-top: 40px;
}
section#profile .box .text,
section#map .box .text {
	float   : right;
	width   : 700px;
	height  : auto;
}

@media (max-width:896px) {
	section#greeting .box,
	section#profile .box,
	section#map .box,
	section#recruit .box {
		width     : 90%;
		text-align: center;
	}
	section#greeting .box h3,
	section#profile .box h3,
	section#map .box h3 {
		float      : none;
		width      : 100%;
		text-align : center;
		font-size  : 26px;
		line-height: 1.0;
	}
	section#greeting .box .text,
	section#profile .box .text,
	section#map .box .text {
		float     : none;
		width     : 100%;
		text-align: left;
	}
}



/************
 #Greeting 
************/
section#greeting {
	/*border-top      : solid 10px #906631;*/
	background-color: #ffe100;
	padding-top     : 80px;
	padding-bottom  : 80px;
}/*
section#greeting .box #facephoto {
	position: absolute;
	top     : 85px;
	left    : -5px;
	display : block;
	width   : 200px;
	height  : 250px;
}*/
section#greeting .box h3 {
	color     : #000;
	text-align: center;
}
section#greeting .box .text p {
	margin-top : 1.0em;
	font-size  : 20px;
	line-height: 2.0em;
}
section#greeting .box .text p:first-child {
	margin-top: 0;
}
section#greeting .text #name {
	float     : right;
	margin-top: 48px;
	text-align: right;
	font-size : 26px;
}
section#greeting .box .text #name span {
	display    : block;
	font-size  : 19px;
	line-height: 1.5;
}
section#greeting .box .text #name .smaller {
	display       : block;
	font-family   : Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	line-height   : 1.5;
}

@media (max-width:896px) {
	section#greeting {
		border-top    : solid 5px #906631;
		padding-top   : 75px;
		padding-bottom: 40px;
	}
	section#greeting .box #facephoto {
		position: relative;
		top     : 0;
		left    : 0;
		width   : 48%;
		height  : auto;
		margin  : 32px auto;
	}
	section#greeting .box .text p {
		font-size  : 17px;
		line-height: 1.75;
	}
	section#greeting .text #name {
		margin-top: 32px;
		font-size : 24px;
	}
	section#greeting .box .text #name span {
		font-size: 18px;
	}
}





/************
 #Profile 
************/
section#profile {
	background-color: #906631;
	padding-top     : 60px;
	padding-bottom  : 70px;
	color           : #fff;
}
section#profile .box h3 {
	margin-top: 10px;
	color     : #fff;
}
section#profile .box .text div {
	float      : left;
	width      : 330px;
	height     : auto;
	margin-left: 40px;
	padding    : 0;
	text-align : left;
}
section#profile .box .text div dl {
	margin-top: 16px;
}
section#profile .box .text div:first-child,
section#profile .box .text div dl:first-child {
	margin-left: 0;
}
section#profile .box .text div dl dt,
section#profile .box .text div dl dd {
	float: left;
	font : normal 16px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
}
section#profile .box .text div dl dt {
	width : 80px;
	height: auto;
}
section#profile .box .text div dl dd {
	width : 250px;
	height: auto;
}
section#profile .box .text div p {
	font : normal 16px/32px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (max-width:896px) {
	section#profile {
		padding-top   : 40px;
		padding-bottom: 60px;
	}
	section#profile .box h3 {
		margin-top: 0;
	}
	section#profile .box .text div {
		float      : none;
		width      : 100%;
		height     : auto;
		margin-left: 0;
	}
	section#profile .box .text div.sp_mgnTop_40 {
		margin-top: 40px
	}
	section#profile .box .text div dl dt {
		width : 25%;
	}
	section#profile .box .text div dl dd {
		width : 75%;
	}
}


/************
 #Map 
************/
section#map {
	background-color: #fff;
	padding-top     : 80px;
	padding-bottom  : 75px;
	color           : #000;
}
section#map .box .text {
	text-align: center;
}
section#map .box .text iframe {
	display : block;
	width   : 700px;
	height  : 500px;
}

section#map .box .text #gifImg img {
	display: block;
	width  : 700px;
	height : 500px;
}
section#map .box .text a {
	display   : block;
	width     : 700px;
	height    : 14px;
	margin-top: 5px;
	text-align: right;
	font      : normal 12px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color     : #0173ff;
}
section#map .box .text p {
	width      : 700px;
	height     : 58px;
	text-align : center;
	font-size  : 18px;
	line-height: 58px;!important
}

@media (max-width:896px) {
	section#map {
		padding-top   : 40px;
		padding-bottom: 60px;
	}
	section#map .box h3 {
		margin-bottom: 40px;
		text-align   : center;
	}
	section#map .box .text iframe {
		width   : 100%;
		height  : 500px;
	}

	section#map .box .text #gifImg img.pcImg {
		display: none;
	}
	section#map .box .text #gifImg img.spImg {
		display   : block;
		width     : 100%;
		height    : auto;
		margin-top: 30px;
	}
	section#map .box .text a {
		display: inline-block;
		width  : 100%;
	}
	section#map .box .text p {
		width    : 100%;
		font-size: 14px;
	}
}





/************
 #Recruit 
************/
section#recruit {
	background-color: #f6ac1d;
	padding-top     : 70px;
	padding-bottom  : 45px;
	color           : #000;
}
section#recruit .box {
	background-color: #fffdf1;
	width           : 964px;
	height          : auto;
	/*margin-top      : 100px;*/
	margin-bottom   : 45px;
	padding-bottom  : 50px;
	text-align      : center;
	border          : solid 8px #f3930c;
}
section#recruit .box h3 {
	background      : url(../images/h3_recruit.gif) center center no-repeat;
	background-color: #fff;
	width           : 964px;
	height          : 100px;
	margin-bottom   : 25px;
	text-indent     : -9999px;
	border-bottom   : solid 6px #f3930c;
}
section#recruit .box p {
	font : normal 18px/28px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #684206;
}
section#recruit .box .graph {
	background      : url(../images/dottedline.gif) left bottom repeat-x;
	background-color: #fbc52f;
	width           : 804px;
	height          : auto;
	padding-bottom  : 1px;
	margin-top      : 30px;
	margin-left     : auto;
	margin-right    : auto;
}
section#recruit .box .graph dl {
	background : url(../images/dottedline.gif) left top repeat-x;
	width      : 804px;
	height     : auto;
	padding-top: 1px;
}
section#recruit .box .graph dl dt {
	float      : left;
 	width      : 222px;
	min-height : 26px;
	padding    : 15px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size  : 18px;
	line-height: 26px;
	color      : #333;
	text-align : center;
}
section#recruit .box .graph dl dd {
	float           : right;
	background-color: #fff;
	width           : 552px;
	min-height      : 26px;
	padding         : 15px 10px 15px 20px;
	text-align      : left;
	font            : normal 16px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color           : #333;
	text-align      : left;
}
section#recruit .box .graph dl dd p {
	font-size  : 16px;
	line-height: 26px;
	color      : #333;
}
section#recruit .box .graph dl dd h5:first-child {
	margin-top: 0;
}
section#recruit .box #btn_appli {
	display: block;
	width  : 460px;
	height : 81px;
	margin : 40px auto 0;
}

section#recruit #copy {
	font : normal 10px/10px Arial, Helvetica, sans-serif;
	color: #fff;
}


@media (max-width:896px) {
	section#recruit {
		border-top : solid 4px #906631;
		padding-top: 60px;
	}
	section#recruit .box {
		width       : 90%;
		margin-left : auto;
		margin-right: auto;
		text-align  : left;
		border      : solid 4px #f3930c;
	}
	section#recruit .box h3 {
		background-size : auto 60%;
		width           : 100%;
		height          : 62px;
		margin-bottom   : 15px;
		border-bottom   : solid 3px #f3930c;
	}
	section#recruit .box p {
		width : 90%;
		margin: 0 auto;
		font  : normal 16px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	section#recruit .box .graph {
		width        : 90%;
		margin-top   : 15px;
		margin-bottom: 15px;
	}
	section#recruit .box .graph dl {
		width: 100%;
	}
	section#recruit .box .graph dl dt {
		width      : 27.6%;
		padding    : 10px 0;
		font-size  : 15px;
		line-height: 25px;
	}
	section#recruit .box .graph dl dd {
		width      : 67.54%;
		padding    : 10px 1.50% 10px 3.36%;
		font-size  : 15px;
		line-height: 25px;
		letter-spacing: -1px;
	}
	section#recruit .box .graph dl dd p {
		width      : 100%;
		font-size  : 15px;
		line-height: 25px;
	}
	section#recruit .box #btn_appli {
		width  : 90%;
		height : auto;
		margin : 30px auto 0;
	}
	
	section#recruit #copy {
		font : normal 10px/10px Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
}





/* *************************
	Footer
************************* */
footer {
	background-color: #fff;
	width           : 100%;
	height          : auto;
	padding-top     : 24px;
	padding-bottom  : 24px;
	text-align      : center;
}
footer img {
	display: block;
	height : 78px;
	width  : auto;
	margin : 0 auto;
}
@media (max-width:896px) {
	footer {
		border-top      : solid 5px #906631;
		padding-top     : 18px;
		padding-bottom  : 20px;
	}
	footer img {
		height : 50px;
		width  : auto;
	}
}





/* ***********************************************************************
    3 : Text  (h1~, p, etc.)
*********************************************************************** */
h1 {
	position   : absolute;
	top        : 100px;
	left       : -20px;
	background : url(../images/h1_logo.png) left top no-repeat;
	width      : 650px;
	height     : 207px;
	text-indent: -9999px;
	font-size  : small;
}
h2 {
	position   : absolute;
	top        : 30px;
	right      : -55px;
	background : url(../images/h2_open_p.png) left top no-repeat;
	width      : 361px;
	height     : 361px;
	text-indent: -9999px;
	font-size  : small;
}
/*h3 {
	float     : left;
	width     : 280px;
	font      : normal 32px/40px "UD Shin Go Conde90 L", sans-serif;
	color     : #000;
	text-align: left;
}*/
h4 {
	width         : 330px;
	height        : 20px;
	margin-bottom : 15px;
	padding-bottom: 10px;
	font          : normal 20px/20px "UD Shin Go Conde90 L", sans-serif;
	text-align    : center;
	color         : #fff;
	border-bottom : solid 1px #fff;
}
h5 {
	color     : #684206;
	font      : bold 16px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 10px;
}

@media (max-width:896px) {
	h1 {
		position   : relative;
		top        : 0;
		left       : 0;
		background : url(../images/h1_logo.png) left top no-repeat;
		background-size: 100% auto;
		width      : 317px;
		height     : 101px;
		margin     : 76px auto 0;
	}
	h2 {
		position     : relative;
		top          : 0;
		right        : 0;
		background      : url(../images/h2_open_s.png) center center no-repeat;
		background-color: #fff;
		background-size : auto 55px;
		width        : 90%;
		height       : 55px;
		margin       : 55px auto -45px;
		padding      : 14px 0 16px;
		border       : solid 2.5px #e4007f;
		border-radius: 20px;
	}
	/*h3 {
		float     : none;
		width     : 100%;
		font      : normal 24px/24px "UD Shin Go Conde90 L", sans-serif;
		text-align: center;
	}*/
	h4 {
		background     : url(../images/h4_dotted_s.gif) left bottom repeat-x;
		background-size: 2px auto;
		width         : 100%;
		height         : 18px;
		margin-top     : 30px;
		padding-bottom : 12px;
		font           : normal 18px/18px "UD Shin Go Conde90 L", sans-serif;
		text-align     : center;
		border-bottom  : none;
	}
	h5 {
		font: bold 15px/25px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}





p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color          : #ef8200;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/***/
.bigger {
	font-size: 18px;
}
.smaller {
	font-size  : 12px;
	line-height: 18px;
}
.text-wide {
	display  : inline-block;
	transform: scale(1.05, 1);
}
@media (max-width:896px) {
	.smaller {
		font-size  : 14px;
		line-height: 20px;
	}
}

/***/
.text-wide-left {
	display         : inline-block;
	transform       : scale(1.05, 1);
    transform-origin: top left;
}
.align_right {
	text-align: right;
}

/***/
.brown {
	color: #5d4538;
}

/***/
.br {
	display: block;
}
@media (max-width:896px) {
	.br {
		display: inline;
	}
}





/* ***********************************************************************
    4 : Space (margin, padding, etc)
*********************************************************************** */

.mgn_top_5 {
	margin-top: 5px;
}
.mgn_top_15 {
	margin-top: 15px;
}
.mgn_top_20 {
	margin-top: 20px;
}
.mgn_top_25 {
	margin-top: 25px;
}
.mgn_top_30 {
	margin-top: 30px;
}
.mgn_top_35 {
	margin-top: 35px;
}
.mgn_top_40 {
	margin-top: 40px;
}
.mgn_top_50 {
	margin-top: 50px;
}
.mgn_top_80 {
	margin-top: 80px;
}






/* ***********************************************************************
	5 : Other (breadcrumb, graph,  pageTop, imgOnMouse, etc.)
*********************************************************************** */

#page-top {
    position : fixed;
    bottom   : 24px;
    right    : 20px;
	z-index  : 2000;
}
#page-top a {
	display        : block;
	background     : url(../images/pageTop.png) left top no-repeat;
	background-size: 76px auto;
	width          : 76px;
	height         : 76px;
	text-indent    : -9999px;
}
#page-top a:hover {
	opacity : 0.6;
	filter  : alpha(opacity=60);
}
@media (max-width:896px) {
	#page-top {
		bottom: 5px;
		right : 2.5%;
	}
	#page-top a:hover {
		opacity : 1.0;
		filter  : alpha(opacity=100);
	}
}



a:hover img {
  opacity : 0.6;
  filter  : alpha(opacity=60);
}





/**************
   IMG DISPLAY
**************/
.spImg {
	display: none;
}
@media (max-width:896px) {
	.pcImg {
		display: none;
	}
	.spImg {
		display: block;
	}
}





/* ***********************************************************************
	6 : Clear
*********************************************************************** */

.clear {
	clear: both;
}


.clearfix:after {
	content   : "."; 
	display   : block; 
	height    : 0; 
	clear     : both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */