/* ======================================================================= COMMON */

html { scroll-behavior: smooth; }
body { width: 100%; color: #42210b; background-color: #F8F2EB; }

/* pc mb switch */
.pc { display: inline-block; }
.mb { display: none; }
.clear { clear: both; }
@media screen and (max-width: 750px) {
	.pc { display: none; }
	.mb { display: inline-block; }
}

/* centering */
body { width: 100%; clear: both; }
.center { width: 1440px; margin: 0 auto; }
@media screen and (max-width: 1440px) { .center { width: 100%; } }

/* main ctn */
section.main { width:100%; }
@media screen and (max-width: 1440px) { section.main { width: 96%; margin: 0 2%; box-shadow: none; } }

/* title */
h2 { font-family: "Montserrat",UD Shin Go Medium, sans-serif; font-weight: 600; font-size: 34px; letter-spacing: 0.1em; margin-top: 2em; margin-bottom: 1em; }
h2 span { font-weight: normal; font-size: 14px; color:#968C8C; vertical-align: 4px; letter-spacing: 0; margin-left: 2em; }
h3 { font-size: 20px; margin-bottom: 0.5em; }
@media screen and (max-width: 1000px) {
	h2 { font-size: 28px; }
	h2 span { font-size: 12px; }
	h3 { font-size: 18px; line-height: 1.5em; }
}
@media screen and (max-width: 750px) {
	h2 {  margin-top: 0.5em; margin-bottom: 0.6em; }
	h3 { margin-bottom: 0; font-size: 16px;  }
}
@media screen and (max-width: 480px) {
	h2 { font-size: 20px; letter-spacing: 0.05em; }
	h2 span { font-size: 10px; vertical-align: 3px; margin-left: 1em; }
	h3 { font-size: 13px; }
}

/* link */
a,a img,label {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out; /* opera */
	-moz-transition: all 0.3s ease-in-out; /* firefox */
	-webkit-transition: all 0.3s ease-in-out; /* chrome, safari */
		-ms-transition: all 0.3s ease-in-out; /* ie */
	text-decoration:none;
}
a { color: #504646; font-size: 1em; }
a:hover, a:active, a:hover img, a:active img {
		opacity:0.6;
		filter:alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
		}
a.btn1,a.btn2, input[type="submit"].btn1,input[type="submit"].btn2, input[type="button"].btn1, input[type="button"].btn2 {
	display: inline-block;
	width: 60%;
	max-width: 300px;
	padding: 1.5em 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: white;
	transition: .3s;
	cursor: pointer;
}
a.btn1, input[type="submit"].btn1, input[type="button"].btn1 { background-color: #005BAB; }
a.btn2, input[type="submit"].btn2, input[type="button"].btn2 { background-color: #A67C52; margin-right: 2em; }
input[type="submit"], input[type="button"] { border: none; }
	@media screen and (max-width: 750px) { a.btn1,a.btn2, input[type="submit"].btn1,input[type="submit"].btn2, input[type="button"].btn1, input[type="button"].btn2 { display: block; margin-right: auto; margin-bottom: 1em; max-width: auto; } }
	@media screen and (max-width: 480px) { a.btn1,a.btn2, input[type="submit"].btn1,input[type="submit"].btn2, input[type="button"].btn1, input[type="button"].btn2 { padding: 1em 0; font-size:12px; } }

/* etc */
p { font-size: 16px; line-height: 1.6em; letter-spacing: 0.075em; color: #42210B; }
p a { color: #005BAB; }
dl { font-size: 0.9em; }
@media screen and (max-width: 480px) {
	p { font-size:13px; line-height: 1.2em; font-weight: normal; }
}



/* ----------------------------------------------------------------------- Header */


/* header > logo / nav */

/* header */
header {
	font-family: "Montserrat",UShin Maru Go Regular, sans-serif;
	color: white;
	background-color: #4E2C0F;
	width: 100%;
	height: 90px;
	position:fixed;
	top: 0;
	z-index:2;
	clear: both;
	border-bottom: 1px;
}
html { scroll-padding-top: 90px; }
.header-mg { margin-top: 90px !important; }
.index .header-mg { margin-top: 100px !important; }
header a { color: white; }
	@media screen and (max-width: 1440px) { header { height: 90px; }  html { scroll-padding-top: 90px; }  .index .header-mg,.header-mg { margin-top: 90px !important; } }
	@media screen and (max-width: 1330px) { header { height: 110px; } html { scroll-padding-top: 110px; } .index .header-mg,.header-mg { margin-top: 110px !important; } }
	@media screen and (max-width: 750px)  { header { height: 55px; }  html { scroll-padding-top: 55px; }  .index .header-mg,.header-mg { margin-top: 55px !important; } }

/* logo */
header h1 {
	display: block;
	font-size: 33px;
	font-weight: 600;
	float: left;
	width: 12em;
	margin: 25px 0 0 .8em;
	}
header h1 span { font-size: 28px; }
	@media screen and (max-width: 1440px) { header h1 { margin-left: .5em; } }
	@media screen and (max-width: 1330px) {
		header h1 { font-size: 30px; margin: 8px 0 0 .5em; }
		header h1 span { font-size: 25px; }
	}
	@media screen and (max-width: 1000px) {
		header h1 { font-size: 26px; margin-top: 11px; }
		header h1 span { font-size: 23px; }
	}
	@media screen and (max-width: 480px) {
		header h1 { font-size: 18px; margin-top: 16px; }
		header h1 span { font-size: 15px; }
	}

/* nav */
nav {
	padding: 0;
	float: right;
	font-size: 18px;
	font-weight: 300;
	width: 37em;
	}
	@media screen and (max-width: 1440px) { nav { width: 32em; } }
	@media screen and (max-width: 1330px) { nav { float: none; clear: both; width: 100%; height: 55px; overflow: auto; background-color: #633813;} }
	@media screen and (max-width: 1000px) { nav { font-size:14px; } }
	@media screen and (max-width: 750px)  { nav { background-color: transparent; height: auto; } }


.menu ul { margin: 25px 0 0; padding: 0; }
.menu ul li { list-style: none; margin:10px 0 0 2.5em; float: left; }
.menu ul li:first-child { margin-left: 0; }
.menu ul li a { display: block; text-decoration: none; text-align: center; transition: .5s; }
.menu ul li:nth-child(1) a,
.menu ul li:nth-child(2) a,
.menu ul li:nth-child(3) a,
.menu ul li:nth-child(5) a { letter-spacing: .2em; }
.menu ul li:nth-child(6) { font-weight: 600; }
.menu ul li a:link,.menu ul li a:visited {  }
.menu ul li a img { margin-top: -7px; }
	@media screen and (max-width: 1440px) { .menu { font-size: 16px; } .menu ul li { margin-left: 2em; } }
	@media screen and (max-width: 1330px) { .menu { float: none; width: 46em; margin: 0 auto; } .menu ul { margin: 0; } .menu ul li { margin: 18px 0 0 5em; } .menu ul li:last-child { margin-right: 0; } }
	@media screen and (max-width: 1000px) { .menu { width: 38em; } .menu ul li { margin-left: 3em; } }
	@media screen and (max-width: 750px) {
		nav { width: 100%; }
		.menu { display: none; overflow: hidden; }
		.menu ul { background-color:#F5F3F2; }
		.menu ul li { float:none; margin: 0; }
		.menu ul li a { margin: 0; padding: 1em 2em; font-size: 14px; text-align: left; background-color: #633813; border-top: 1px solid #634613; }
	}
.no-link { cursor: default; }
.nav_insta { float: right; margin: 0 50px 0 0; }

/*OPEN時*/
.menu.open {
	display: block;
	position: absolute;
	top: 55px;
	width: 100%;
}
/*トグルボタン*/
.nav-toggle {
  display: block;
  position: absolute;
  width: 42px;
  height: 42px;
  cursor: pointer;
  z-index: 3;
  top: 9px;
  right: 0;
}
.nav-toggle span {
  display: block;
  position: absolute;
  width: 30px;
  border-bottom: solid 4px white;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
.nav-toggle span:nth-child(1) { top: 5px; }
.nav-toggle span:nth-child(2) { top: 16px; }
.nav-toggle span:nth-child(3) { top: 28px; }
.nav-toggle.active span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.nav-toggle.active span:nth-child(2),
.nav-toggle.active span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 751px) {
header::after{ display:none; }
nav{ display: block; }
.nav-toggle{ display: none; }
.menu{ display: block; }
}

header .tel,header .mail {
	float: right;
	text-align: center;
}
header .tel {
	font-size: 22px;
	letter-spacing: .05em;
	width: 11em;
	height: 60px;
	padding-top: 30px;
	font-weight: 600;
	background-color: #754C24;
}
header .mail {
	font-size: 26px;
	background-color: #005BAB;
}
header .mail a {
	display: block;
	height: 60px;
	width: 100px;
	padding-top: 30px;
}
	@media screen and (max-width: 1330px) {
		header .tel { height: 42px; padding-top: 13px; }
		header .mail a { width: 3em; height: 43px; padding-top: 12px; font-size: 24px; }
	}
	@media screen and (max-width: 750px) {
		header .mail { display: block; position: absolute; z-index: 3; top: 0; right: 55px; width: 55px; }
		header .mail a { height: 40px; padding-top: 15px; font-size: 20px; width: 55px; }
		header .tel { position: absolute; z-index: 3; top: 0; right: 110px; width: 55px; }
		header .tel a { display: block; height: 40px; font-size: 24px; width: 55px; }
	}
	@media screen and (max-width: 480px) {
		header .mail, header .mail a, header .tel, header .tel a { width: 45px; }
		header .tel { right: 100px; }
	}


/* ----------------------------------------------------------------------- FOOTER */

footer {
	font-family: "Montserrat",UShin Maru Go Regular, sans-serif;
	padding: 35px 0;
	text-align: center;
	background-color: #4E2C0F;
	clear: both;
}
footer a,footer p { color: white; }
footer section address { font-style: normal; }
footer section address h1 { font-weight: 600; font-size: 24px; letter-spacing: .1em; }
footer section address p {
	line-height: 1.1em;
	margin-top: 10px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5em;
}
	@media screen and (max-width: 1000px) {
		footer section address h1 { font-size: 20px; }
		footer section address p { font-size: 12px; margin-top: 5px; }
	}
	@media screen and (max-width: 750px) {
		footer section address { width: 100%; }
		footer section address p { display: block !important; }
		footer section address p a.tel {
			display: inline-block;
			font-size: 18px;
			font-weight: 500;
			border: 2px solid #E6DCDC;
			border-radius: 6px;
			padding: 10px 35px;
			width: 175px;
			margin-top: 5px;
		}
	}
	@media screen and (max-width: 480px) {
		footer section address h1 { font-size: 18px; }
		footer section address p a.tel {
			display: inline-block;
			font-size: 16px;
			border: 2px solid #E6DCDC;
			border-radius: 6px;
			padding: 8px 30px;
			margin-top: 0;
		}
	}

footer p#copy {
	font-weight: 300;
	letter-spacing: 0.2em;
	clear: both;
	margin-top:0.5em;
	font-size:0.7em;
	text-align: center;
	opacity: .3;
}
@media screen and (max-width: 750px) {
	footer p#copy { float: none; letter-spacing: 0; text-align: center; padding-top: 5px; }
}

/* ======================================================================= Index */

.index article { clear:both; overflow:auto; width: 100%; }

.index .main_img figure { line-height: 0em; margin-bottom: 10px; width: 100%; }
.index .main_img figure img { width: 100%; }

.index .induction { background: url(../img/index_back01.jpg) no-repeat 0 0/100%; }
.index .induction .catchphrase p { text-align: center; margin: 1.5em auto; font-weight: bold; font-size: 40px; line-height: 1.4em; text-shadow: -2px 2px 0px rgba(255, 255, 255, 0.5); color: #42210B; transition: .3s; font-family: "Montserrat",UD Shin Go Medium, sans-serif; }
.index .induction a,.index .induction p { color: white; }
.index .induction h2 { margin: auto; text-align: center; }
.index .induction h2 span { display: block; margin-left: auto; font-size: 75px; opacity: .3; font-weight: bold; color: white; }
.index .induction h2 img { width: .6em; vertical-align: 1px; }
.index .induction .induction-nav { padding: 40px; background-color: #F8F2EB; }
.index .induction .induction-nav1 { background: url(../img/index_back02.jpg) no-repeat center center/cover; margin-bottom: 1.25%; }
.index .induction .induction-nav1 h2 { padding-top: 50px; font-size: 37px; }
.index .induction .induction-nav1 h3 { font-weight: normal; margin-bottom: 0; }
.index .induction .induction-nav1 ul { display: block; overflow: auto; margin: 90px auto 0; padding-bottom: 40px; width: 100%; font-family: "Montserrat",UShin Maru Go Regular, sans-serif; font-size: 20px; font-weight: 600; line-height:1em; letter-spacing: 0.1em; }
.index .induction .induction-nav1 ul li { float: left; text-align: center; width: 16.4%; border-left: 1px solid #A47C52; padding-top: 1em; padding-bottom: 1em; }
.index .induction .induction-nav1 ul li:first-child { margin-left:.5%; border-left: none; }
.index .induction .induction-nav1 ul li:last-child { margin-right:.5%; }
.index .induction .induction-nav1 ul li a { display: inline-block; font-weight: normal; }
.index .induction .induction-nav1 ul li a span { font-size: 12px; font-weight: normal; color:#968C8C; }
.index .induction .induction-nav1 ul li p { margin: 1em 15% 0; font-size: 15px; font-weight: normal; text-align: left; line-height:1.5em; }
.index .induction .induction-nav2,
.index .induction .induction-nav3,
.index .induction .induction-nav4 { width: 32.5%; margin-right: 1.25%; padding: 5.5em 0 7em; float: left; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.index .induction .induction-nav2 { background-image: url(../img/index_back03.jpg); }
.index .induction .induction-nav3 { background-image: url(../img/index_back04.jpg); }
.index .induction .induction-nav4 { margin-right: 0; background-image: url(../img/index_back05.jpg); }
.index .induction .induction-nav2 h2,
.index .induction .induction-nav3 h2,
.index .induction .induction-nav4 h2 { font-size: 30px; }
.index .induction .induction-nav2 h2 span,
.index .induction .induction-nav3 h2 span,
.index .induction .induction-nav4 h2 span { font-size: 45px; }

.index .recruit { background: url(../img/index_back06-pc.jpg) no-repeat center center/cover; margin: 40px 0 0; }
.index .recruit h2 { font-size: 37px; margin: 0; }
.index .recruit h2 img { width: .6em; vertical-align: 2px; }
.index .recruit h2 span { font-size: 60px; font-weight: bold; color: #005BAB; opacity: .3; vertical-align: -7px; margin-left: auto; }
.index .recruit .center { padding: 100px 0 100px 15%; width: 85%; max-width: 1440px; }

.index .news { background-color: #EEDFCC; }
.index .news .center { background-color: #F8F2EB; margin: 50px auto; padding: 60px 0; }
.index .news h2 { text-align:center; font-size: 45px; color: #C3B5AC; font-weight: bold; letter-spacing: 0; line-height:.9em; margin: 0; }
.index .news h2 span { margin-left: 0; font-size: 20px; font-weight: bold; color: #4E2C0F; display: block; }
.index .news dl { width: 80%; padding: 20px 10%; font-size: 16px; }
.index .news dl dt .news-date { float:left; display: inline-block; width: 5em; }
.index .news dl dt .news-title { font-size: 18px; color: #005BAB; font-weight: bold; }
.index .news dl dt .news-title a { color: #005BAB; }
.index .news dl dd { margin-left: 5em; margin-bottom: 1em; line-height:1.5em; margin-top: .2em; }
.index .news dl dd:last-child { margin-bottom: 0; }

@media screen and (max-width: 1440px) {

	.index .main_img figure { margin-bottom: 0; }

	.index .induction .induction-nav { padding: 30px; margin: auto 2%; }
	.index .induction h2 span { font-size: 50px; }
	.index .induction .induction-nav1 h2 { padding-top: 35px; font-size: 28px; }
	.index .induction .induction-nav1 ul { margin-top: 50px; }
	.index .induction .induction-nav2,.index .induction .induction-nav3,.index .induction .induction-nav4 { padding: 4.5em 0 6em;}
	.index .induction .induction-nav2 h2,.index .induction .induction-nav3 h2,.index .induction .induction-nav4 h2 { font-size: 25px; }
	.index .induction .induction-nav2 h2 span,.index .induction .induction-nav3 h2 span,.index .induction .induction-nav4 h2 span { font-size: 33px; }

	.index .recruit { margin: 30px 0 0; }
	.index .recruit h2 { font-size: 30px; }
	.index .recruit h2 img { vertical-align: 3px; }
	.index .recruit h2 span { font-size: 50px; vertical-align: -7px; }
	.index .recruit .center { padding: 80px 0 80px 10%; width: 90%; }

	.index .news .center { margin: 30px 2%; padding: 40px 0; width: 96%; }
	.index .news h2 { text-align:center; font-size: 45px; color: #C3B5AC; font-weight: bold; letter-spacing: 0; line-height:.9em; margin: 0; }
	.index .news h2 span { margin-left: 0; font-size: 20px; font-weight: bold; color: #4E2C0F; display: block; }
	.index .news dl { width: 80%; padding: 20px 10%; font-size: 16px; }
	.index .news dl dt .news-date { float:left; display: inline-block; width: 9%; }
	.index .news dl dt .news-title { float: right; width: 90%; font-size: 18px; color: #005BAB; font-weight: bold; line-height: 1.3em; }
	.index .news dl dt .news-title a { color: #005BAB; }
	.index .news dl dd { margin-left: 10%; margin-bottom: 1em; }
	.index .news dl dd:last-child { margin-bottom: 0; }

}
@media screen and (max-width: 1330px) {
	.index .induction .induction-nav1 ul li { width: 33%; }
	.index .induction .induction-nav1 ul li:nth-child(-n+3) { margin-bottom: 1em; }
	.index .induction .induction-nav1 ul li:nth-child(4) { margin-left:.5%; border-left: 0; }
	.index .induction .induction-nav1 ul li:last-child { margin-right:0; }
	.index .induction .induction-nav1 ul li p { min-height: 5em; }
}
@media screen and (max-width: 1000px) {

	.index .induction .catchphrase p { font-size: 30px; font-family :UD Shin Go Medium; }
	.index .induction .induction-nav1 { padding: 20px; }
	.index .induction h2 span { font-size: 40px; }
	.index .induction .induction-nav1 h2 { font-size: 24px; }
	.index .induction .induction-nav1 ul { font-size: 18px; }
	.index .induction .induction-nav1 ul li a span { font-size: 11px; }
	.index .induction .induction-nav1 ul li p { font-size: 13px; }
	.index .induction .induction-nav2,.index .induction .induction-nav3,.index .induction .induction-nav4 { padding: 3em 0 4em;}
	.index .induction .induction-nav2 h2,.index .induction .induction-nav3 h2,.index .induction .induction-nav4 h2 { font-size: 18px; }
	.index .induction .induction-nav2 h2 span,.index .induction .induction-nav3 h2 span,.index .induction .induction-nav4 h2 span { font-size: 24px; }
	.index .induction .induction-nav2 h2 img,.index .induction .induction-nav3 h2 img,.index .induction .induction-nav4 h2 img { font-size: 1.4em; vertical-align: -1px; }

	.index .recruit { margin: 25px 0 0; }
	.index .recruit h2 { font-size: 24px; }
	.index .recruit h2 img { vertical-align: 2px; }
	.index .recruit h2 span { font-size: 40px; vertical-align: -7px; }
	.index .recruit .center { padding: 60px 0 60px 10%; width: 90%; }

	.index .news .center { margin: 30px 2%; padding: 40px 0; }
	.index .news h2 { font-size: 40px; }
	.index .news h2 span { font-size: 18px; }
	.index .news dl { width: 84%; padding: 20px 8%; }
	.index .news dl dt .news-date { width: 11% }
	.index .news dl dt .news-title { width: 88% }
	.index .news dl dd { margin-left: 12%; }

}
@media screen and (max-width: 750px) {

	.index .induction .catchphrase p { font-size: 22px; }
	.index .induction .induction-nav { padding: 15px; }
	.index .induction h2 span { font-size: 30px; }
	.index .induction h2 img { vertical-align: -1px; width: .8em; }
	.index .induction .induction-nav1 h2 { padding-top: 25px; font-size: 20px; }
	.index .induction .induction-nav1 ul { margin-top: 30px; padding-bottom: 20px; }
	.index .induction .induction-nav1 ul li { padding-top: .5em; padding-bottom: .5em; }
	.index .induction .induction-nav1 ul li:nth-child(-n+3) { margin-bottom: .5em; }
	.index .induction .induction-nav1 ul li p { min-height: 5em; margin: .5em 10%; }
	.index .induction .induction-nav2,.index .induction .induction-nav3,.index .induction .induction-nav4 { padding: 3em 0 4em;}
	.index .induction .induction-nav2 h2,.index .induction .induction-nav3 h2,.index .induction .induction-nav4 h2 { font-size: 14px; }
	.index .induction .induction-nav2 h2 span,.index .induction .induction-nav3 h2 span,.index .induction .induction-nav4 h2 span { font-size: 16px; }
	.index .induction .induction-nav2 h2 img,.index .induction .induction-nav3 h2 img,.index .induction .induction-nav4 h2 img { font-size: 1.2em; vertical-align: -1.5px; }

	.index .recruit h2 { font-size: 18px; }
	.index .recruit h2 img { width: .8em; vertical-align: 0; }
	.index .recruit h2 span { font-size: 25px; vertical-align: -2px; }
	.index .recruit .center { padding: 50px 0 50px 10%; width: 90%; }
	.index .recruit p { font-size: 14px; margin-top: .5em; }
	.index .recruit p br.mb { display: none; }

	.index .news .center { margin: 20px 2%; padding: 40px 0; }
	.index .news h2 { font-size: 25px; line-height:1em; }
	.index .news h2 span { font-size: 14px; }
	.index .news dl { width: 84%; padding: 10px 8%;  font-size: 14px; }
	.index .news dl dt .news-date { float: none; }
	.index .news dl dt .news-title { float: none; font-size: 14px; width: 100%; }
	.index .news dl dd { margin-left: 0; }

}
@media screen and (max-width: 480px) {

	.index .induction .catchphrase p { font-size: 18px; letter-spacing: 0; margin: 1.3em auto .8em; }
	.index .induction h2 span { font-size: 25px; }
	.index .induction .induction-nav1 { padding: 10px; }
	.index .induction .induction-nav1 h2 { padding-top: 20px; font-size: 18px; }
	.index .induction .induction-nav1 ul { margin-top: 20px; padding-bottom: 10px; }
	.index .induction .induction-nav1 ul li { width: 49.5%; padding-top: .3em; padding-bottom: .3em; margin-bottom: .3em; }
	.index .induction .induction-nav1 ul li:nth-child(-n+3) { margin-bottom: auto; }
	.index .induction .induction-nav1 ul li:nth-child(-n+4) { margin-bottom: .3em; }
	.index .induction .induction-nav1 ul li:first-child { margin-left: 0; }
	.index .induction .induction-nav1 ul li:nth-child(3),
	.index .induction .induction-nav1 ul li:nth-child(5) { border-left: 0; }
	.index .induction .induction-nav1 ul li:nth-child(4) { border-left: 1px solid #A47C52; margin-left: 0; }
	.index .induction .induction-nav1 ul li p { font-size: 11px; line-height: 1.2em; margin: .3em 6%;  min-height: 3em; }
	.index .induction .induction-nav2,.index .induction .induction-nav3,.index .induction .induction-nav4 { padding: 1em 0 1.4em; float: none; width: 100%; margin-bottom: 5px; }

	.index .recruit { background-image:url(../img/index_back06-mb.jpg); margin: 0; }
	.index .recruit p { font-size: 12px; line-height:1.5em; }
	.index .recruit p br.mb { display: inline; }

	.index .news .center { margin: 10px 2%; padding: 40px 0; }
	.index .news dl dt { line-height:1.2em; }
	.index .news dl dt .news-date,
	.index .news dl dd { font-size: 12px; line-height:1.5em; }
}

/* ======================================================================= Second page */

.page_title {
	color: #42210B;
	width: 100%;
	margin-bottom: 40px;
}
.page_title h1 {
	display: block;
	background: url(../img/common_title_back.jpg) no-repeat 0 0/cover;
	font-size: 40px;
	font-family: "Montserrat",UD Shin Go Medium, sans-serif;
	font-weight: 600;
	text-align: center;
	letter-spacing: .1em;
	padding: 1.5em 0 1em;
	line-height: 1em;
}
.page_title h1 span { font-size: 25px; font-weight: 600; letter-spacing: 0; opacity: .5; }

@media screen and (max-width: 1000px) {
	.page_title h1 { font-size: 30px; padding: 1.5em 0 1em; }
	.page_title h1 span { font-size: 15px; vertical-align: 5px; }
}
@media screen and (max-width: 750px) {
	.page_title { margin-bottom: 15px; }
	.page_title h1 { font-size: 24px; }
	.page_title h1 span { font-size: 10px; vertical-align: 3px; }
}
@media screen and (max-width: 480px) {
	.page_title { margin-bottom: 10px; }
}

.page_nav { float: left; width: 20%; margin-right: 2%; font-family: "Montserrat",Shin Maru Go Regular, sans-serif; font-weight: 400; margin-bottom: 25px; border-top: 5px solid #4E2C0F; border-bottom: 5px solid #4E2C0F; }
.page_nav h1 { text-align: center; padding: 1.5em; font-size:20px; }
.page_nav ul {}
.page_nav ul li a { display: block; padding: 1.5em; border-top: 1px dotted #4E2C0F; background-color: white; }
@media screen and (max-width: 1330px) { .page_nav { display:none; } }

.ctn { float: right; width: 78%; }
.ctn p { line-height: 2em; }
@media screen and (max-width: 1330px) { .ctn { width: 100%;} }

.ctn1 { background-color: white; padding: 25px 45px 45px; margin-bottom: 30px; }
.ctn1:last-child { margin-bottom: 50px; }
.ctn1 h1 { font-size: 30px; padding:10px 30px; margin:0 0 25px -45px; border-left: 15px solid #005BAB; }
.ctn1 h2 { font-size: 25px; padding:0 0 20px 0; margin: 0; color: #005BAB }
.ctn1 figure img { width: 100%; }
@media screen and (max-width: 1000px) {
	.ctn1 { padding: 20px 40px 40px; }
	.ctn1 h1 { font-size: 26px; padding:8px 25px; margin:0 0 20px -40px; border-left: 13px solid #005BAB; }
}
@media screen and (max-width: 750px) {
	.ctn1 { padding: 17px 30px 30px; margin-bottom: 15px; }
	.ctn1:last-child { margin-bottom: 40px; }
	.ctn1 h1 { font-size: 20px; padding:5px 20px; margin:0 0 15px -30px; border-left: 11px solid #005BAB; }
	.ctn1 h2 { font-size:16px; padding:0 0 10px 0; }
	.ctn1 p { font-size: 14px; line-height: 1.5em; }
}
@media screen and (max-width: 480px) {
	.ctn1 { padding: 15px 20px 25px; margin-bottom: 10px; }
	.ctn1:last-child { margin-bottom: 10px; }
	.ctn1 h1 { font-size: 17px; padding:3px 17px; margin:0 0 10px -20px; border-left: 10px solid #005BAB; }
	.ctn1 h2 { font-size:14px; }
	.ctn1 p { font-size: 12px; }
}

.table01 { width: 100%; }
.table01 tr { border-bottom: 1px solid #E1CFC2; }
.table01 tr:last-child { border: none; }
.table01 tr th,.table01 tr td { padding: 0.8em 1em; }
.table01 tr th { text-align: center; background-color: #F4F6FB; font-weight: normal; }
@media screen and (max-width: 750px) { .table01 { font-size: 14px; } }
@media screen and (max-width: 480px) { .table01 { font-size: 12px; } }


/* Company */

.greeting p span { display: block; text-align: right; }
.company-profile .table01 tr th { width: 6em; }
.machine .table01 tr:nth-child(1) th:nth-child(1),
.machine .table01 tr:nth-child(1) th:nth-child(2),
.machine .table01 tr:nth-child(1) th:nth-child(3) { background-color:white !important; }
.machine .table01 tr th:nth-child(2) { text-align:center; width:2em; }
.machine .table01 tr td:nth-child(3) { padding-left: 0; padding-right: 0; }
.facility .table01 tr th { width: 10em; }

/* Achieve */

.achieve {}
.construction-list figure { width: 80%; margin: 0 auto; }
.construction-area figure { width: 80%; margin: 0 auto; margin-top: 1em; }


/* Event & Work */

ul.photo-list { overflow: auto; clear: both; }
ul.photo-list li { text-align: center; line-height: 1.3em; float: left; width: 23.875%; margin-right: 1.5%; margin-bottom: 2%; }
ul.photo-list li:nth-child(4n+4) { margin-right: 0;}
ul.photo-list li.plan { margin-top:110px; }
ul.photo-list li figure { background-color: white; padding: 10px; line-height: 0em; margin-bottom: .7em; aspect-ratio: 18 / 13; }
ul.photo-list li figure img { width: 100%; }
@media screen and (max-width: 1000px) {
	ul.photo-list li { width: 32.2%; margin-right: 1.7%; }
	ul.photo-list li:nth-child(4n+4) { margin-right: 1.7%;}
	ul.photo-list li:nth-child(3n+3) { margin-right: 0;}
	ul.photo-list li.plan { margin-top:0; }
	ul.photo-list li figure { padding: 7px; }
}
@media screen and (max-width: 750px) {
	ul.photo-list li { font-size: 14px; }
	ul.photo-list li { width: 49%; margin-right: 2%; }
	ul.photo-list li:nth-child(4n+4) { margin-right: 2%;}
	ul.photo-list li:nth-child(3n+3) { margin-right: 2%;}
	ul.photo-list li:nth-child(2n+2) { margin-right: 0;}
}
@media screen and (max-width: 480px) {
	ul.photo-list { margin-top: 5px; }
	ul.photo-list li { font-size: 12px; }
	ul.photo-list li figure { margin-bottom: .3em; }
}


/* Recruit */
.job .table01 tr th { width: 5em; }
.recruit .connect ul.recruit-photo { overflow: auto; margin-top: 1em; }
.recruit .connect ul.recruit-photo li { float: left; text-align: center; width: 32%; margin-right: 2%; margin-bottom: 1em; line-height: 1.5em; }
.recruit .connect ul.recruit-photo li:nth-child(3n+3) { margin-right: 0; }
.recruit .connect ul.recruit-photo li:last-child { margin-bottom: 0; }
.recruit .connect ul.recruit-photo figure {}
@media screen and (max-width: 750px) { .recruit .connect ul.recruit-photo li { font-size: 14px; } }
@media screen and (max-width: 1000px) {
	.recruit .connect ul.recruit-photo li { width: 49%; }
	.recruit .connect ul.recruit-photo li:nth-child(3n+3) { margin-right: 2%; }
	.recruit .connect ul.recruit-photo li:nth-child(2n+2) { margin-right: 0; }
}
@media screen and (max-width: 480px) { .recruit .connect ul.recruit-photo li { font-size: 12px; } }

/* Contact */

.contact .mail-form p { margin-bottom: 1em; }
.contact .mail-form p.atten { text-align: center; background-color: #FDF0F0; color: red; margin: 0 5% 2em; padding: 1em; }
.contact .mail-form table th,.contact .mail-form table td { vertical-align: middle; }
.contact .mail-form table th { min-width: 4em; }
.contact .mail-form table td input,
.contact .mail-form table td textarea { padding: .8em 2%; box-shadow: none; outline: none; border: 1px solid #E1CFC2; border-radius:4px; }
.contact .mail-form table td input:focus,
.contact .mail-form table td textarea:focus { outline: none; background-color: #FCFAF8; }
.contact .mail-form table td input::placeholder,
.contact .mail-form table td textarea::placeholder { color: red; }
.contact .mail-form table td input:focus::placeholder,
.contact .mail-form table td textarea:focus::placeholder { color:transparent; }
.contact .mail-form table.f-check tr th { width: 7em; }
.contact .mail-form p.pp { text-align: center; margin: 1em 0; }
#f-name1,#f-name2,#f-company,#f-department,#f-position,#f-yubin,#f-tel,#f-fax { width: 50%; }
#f-address,#f-mail,#f-naiyou { width: 96%; }
#f-address { margin-top:.5em; }
.contact .mail-form .send_btn-ctn { text-align: center; padding-top: 1em; }
.contact .privacy-policy h2 { color: #42210B; font-size: 16px; margin: 1em 0 0; padding-bottom: 0; }
.contact .privacy-policy p { text-indent: 1em; }
.contact .mail-form .send_end { padding: 3em 4em; text-align: center; background-color: #F4F6FB; }
.contact .mail-form .send_end h2 { color: #42210b !important; }
@media screen and (max-width: 750px) {
	.contact .mail-form p.atten { margin: 0 0 2em; }
	.contact .mail-form table td input,.contact .mail-form table td textarea { font-size: 14px; }
	#f-name1,#f-name2,#f-company,#f-department,#f-position,#f-tel,#f-fax { width: 96%; }
	#f-yubin { width: 50%; }
	.contact .privacy-policy h2 { font-size: 13px; }
}
@media screen and (max-width: 480px) {
	.contact .mail-form table td input,.contact .mail-form table td textarea { font-size: 12px; padding: .5em 2%; border-radius:3px; }
	.contact .privacy-policy h2 { font-weight: normal; }
	.contact .mail-form table td input::placeholder,
	.contact .mail-form table td textarea::placeholder { font-size: 12px; }
	.contact .mail-form .send_end { padding: 2em; }
}