@charset "UTF-8";
@import url(reset.css);
/*-------------------Comment-----------------------*/
body {
	font-family:  'Noto Serif JP',Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-weight:300;
	font-size:1em; 
	line-height:160%;
	letter-spacing:0.1em;
	background:url(../images/bg.jpg);
}

a:link{ text-decoration: none; color:#000;}
a:visited{color:#000; }
a:hover{color:#ff0000; text-decoration: none;}
a:active{color:#ff0000;}

.annotation{color:#666;font-size:0.925em;}
.stress1{font-weight:600;}
.stress2{font-weight:500;}
/* ------------------------------------------------------- */
.title1Wrap{width:100%;margin:1em auto; }
.title1{text-align:center;line-height:120%;text-transform:uppercase;}
.title1 .span1{font-size:2em;font-weight:500;position:relative; }
.title1 .span2{color:#ff0000;font-weight:300; font-size:0.75em;-webkit-transform:scale(0.75);display: block;transform-origin: center center;}
.title1 .span1::before,.title1 .span1::after{position:absolute;top:70%; content:'';width:800%;height:1px;background:#999;}
.title1 .span1::before{right:110%;}
.title1 .span1::after{left:110%;}
@media (min-width: 1024px) and (max-width: 1140px){}
@media (max-width: 1023px){
	.title1Wrap{width:60%;overflow:hidden;}
	.title1 .span1{font-size:1.35em;}
}
/* --------------------------------------------------- */
.btn1{
	width:12em;
	height:40px;
	line-height:39px;
	font-size:1.125em;
	display:block;
	text-align:center;
	letter-spacing:0.2em;
	margin:0.5em 0 1em calc(100% - 12em);
}
.btn2{
	width:30%;
	height:43px;
	line-height:41px;
	margin:1em auto;
	font-size:1.125em;
	text-align:center;
	display:block;
	border:1px solid #999;
	background:#fff;
	letter-spacing:0.2em;
	-webkit-appearance: none; 
	border-radius:0;
}
.btn3{
	width:250px;
	height:43px;
	line-height:41px;
	margin:1em 10px;
	font-size:1.125em;
	text-align:center;
	display:block;
	border:1px solid #999;
	background:#fff;
	letter-spacing:0.2em;
	-webkit-appearance: none; 
	border-radius:0;
	display: inline-block;
}
.btn1:hover,.btn2:hover,.btn3:hover{
	background:#333;
	color:#fff;
}
@media (max-width: 719px){	
	.btn1{
		width:94%;
		margin:1em auto;
		border:1px solid #999;
	}
	.btn2{
		width:94%;
	}	
	.btn3{
		width:calc((100% - 44px)/2);
		float:left;
	}
}
/* --------------------------- */
#headerWrap{
	width:100%;	
	background:#fff;
}
header{
	width:1140px;
	height:90px;
	margin:0 auto;
	overflow:hidden;
	line-height:90px;
	position:relative;
}
.siteName{
	width:280px;
	padding:22px 10px 0 10px;
}
.navUlPC{
	width:720px;
	position:absolute;
	top:25px;
	right:20px;
}
.navUlPC li{
	width:16.6%;
	list-style:none;
	float:left;	
	border-bottom:3px solid #fff;
}
.navUlPC li a{
	width:99%;
	margin:0 auto;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
}
.navUlPC li a:hover{
	border-bottom:3px solid #333;
}
.active{
	border-bottom:3px solid #333;
}
.logo{
	width:28px;
	vertical-align:middle;
	padding:0 5px 5px;
}
#navIcon{
	display:none;
}
#navbar{	
	width:100%;
	height:0;
	overflow:hidden;
}
@media (min-width: 1024px) and (max-width: 1140px){
	header{
		width:98%;
	}
	.siteName{
		width:250px;
		padding:26px 10px 0 0;
	}
}
@media screen and (max-width: 1023px){
	header{		
		width:100%;				
		background:#fff;
	}
}
@media (min-width:720px) and (max-width: 1023px){
	header{	
		line-height:1.5;
		position:static;
		height:auto;
	}
	.siteName{
		width:260px;
		padding:20px 0 10px 10px;
	}	
	#navIcon{
		display:none;
	}
	.navUlPC{
		position:static;
		width:100%;
		margin-bottom:10px;
	}	
}
@media (max-width:719px){
	header{		
		height:60px;
		line-height:60px;
		background:rgba(255,255,255,0.95);
		position:fixed;
		top:0;
		z-index:20;
	}	
	.siteName{
		width:220px;
		padding:11px 10px 0 5px;
	}
	.navUlPC{
		display:none;
	}
	#navIcon{
		display:block;
		position:fixed;
		top:5px;
		right:5px;
		color:#000;		
		width:48px;
		height:38px;
		padding:5px 0;
		text-align:center; 
		cursor: pointer;	
		line-height:4px;
		overflow:hidden;
		z-index:30;
	}	
	#navIcon p{			
		font-size: 12px;
		font-weight:500;
		display: block;
		-webkit-transform : scale(0.64,0.64);
	}
	
	.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
		width: 27px;
		height: 2px;
		background:#000;
		margin: 6px auto;
		transition: 0.3s;
	}
	.close .nav-icon-first {
		background:#fff;		
		-webkit-transform: rotate(-45deg) translate(-6px,5px);
		transform: rotate(-135deg) translate(-6px,-5.5px);
	}
	.close .nav-icon-second {
		opacity: 0;
	}
	.close .nav-icon-thrid {		
		background:#fff;
		-webkit-transform: rotate(45deg) translate(-5px,-6px);
		transform: rotate(135deg) translate(-6px,5.5px);
	}

	#navbar{
		background:rgba(0,0,0,0.92);
		color:#fff;
		position:fixed;
		top:0;
		z-index:20;
		display:none;
	}
	.navbarModule{
		width:4.5em;
		margin:2.5em auto 0;
		font-size:1.125em;
	}
	.navbarModule a{
		color:#fff;
	}	
	.navUl{list-style:none; padding:4em 0 0;}
	.navUl li{list-style:none;width:70%; margin:0 auto; padding:0;}
	.navUl li a{color:#fff;width:100%;height:48px; line-height:48px; text-align:center; letter-spacing:0.25em; font-size:1em; padding:0; display:block; font-weight:500px; }
	.navUl li a:hover{background:#333;text-decoration: none;}
}
/* ----------------------------------------------- */
.mv{
	height:644px;
}
.mv p{
	width:80%;
	margin:0 auto;
	color:#fff;
	line-height:1.35em;
	font-weight:700;
	text-align: center;
	font-size:2em;
	position: relative;
	top:50%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}
.pageShow{
	background:url(../images/pageShow.jpg);
	height:157px;
}
.pageShow p{
	width:95%;
	margin:0 auto;
	color:#fff;
	line-height:1.25em;
	font-weight:600;
	text-align: center;
	font-size:2em;
	position: relative;
	top:35%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}
@media (min-width: 1024px) and (max-width: 1140px){
	.pageShow p{
		font-size:1.5em;
	}
}
@media (max-width: 1023px){
	.mv p{
		font-size:1.5em;
	}
	.pageShow p{
		font-size:1.25em;
	}
}
@media (min-width: 720px) and (max-width: 1023px){
	.mv{
		height:400px;
	}
	.pageShow p{
		font-size:1.25em;
	}	
}
@media (max-width: 719px){
	.pageShow{
		margin-top:60px;
	}
	.pageShow p{
		margin-top:60px;
		font-size:1em;
	}
}
@media (min-width: 360px) and (max-width: 719px){}
@media (min-width: 320px) and (max-width: 359px){}
@media (max-width: 319px){}
/* --------------------------------------------------------------------------- */
.content{
	width:980px;	
	margin:70px auto 1em;
	overflow:hidden;
	font-size:0.875em;
	text-align:justify;
	min-height:400px;
}
@media only screen and (max-width: 1023px) {
	.content{		
		width:90%;		
		margin-top:48px;		
		min-height:0;
	}
}
/* -------------------------------------------------------------------------- */
.article{
	width:100%;
	margin:1.25em auto 2em;
	font-size:1em;
	font-weight:400;
	letter-spacing:0.175em;
}
.article p:first-child:first-letter{
	font-size:2.25em;
	font-weight:400;
	float:left;
	padding:6px 5px 2px 0;
}
.topicItemTable{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #ccc;
}
.topicItemTable:hover{
	background:#fafafa;
}
.topicItemTable td{
	padding:15px 0;
	vertical-align:top;
	font-size:0.925em;	
	text-align:justify;
}
.dateTd{	
	width:8em;
	color:#999;
	font-size:0.75em;
}

.topicTitle{
	font-size:1.5em;
	margin-bottom:0.5em;
	font-weight:500;	
	text-align:center;
}
.topicDate{
	text-align:center;
	font-size:0.875em;
	color:#999;
	padding-bottom:2em;
}
.topicContent{
	font-size:1em;
}
@media (min-width: 1024px) and (max-width: 1140px){}
@media (max-width: 1023px){
	.article{
		width:100%;
	}
	.topicItemTable td{
		padding:5px 0;
	}
	.topicItemTable{
		width:100%;		
		border-top:1px solid #ccc;
		border-bottom:none;
	}
}
@media (min-width: 720px) and (max-width: 1023px){}
@media (max-width: 719px){
	.topicTitle{
		text-align:left;
		font-size:1.125em;
	}			
	.topicDate{
		text-align:right;
	}
	.topicContent{
		font-size:0.925em;
	}
}
@media (min-width: 360px) and (max-width: 719px){}
@media (min-width: 320px) and (max-width: 359px){}
@media (max-width: 319px){}
/* ------------------------------------------------------ */
#companyTable{
	width:calc(100% - 3px);
	margin:0 auto;	
	background:#fff;
}
#companyTable td{
	font-size:1em;
	border:1px solid #999;
	padding:0.25em 0.85em;
}
#companyTable .titleTd{
	width:8em;
	text-align:center;
	height:3.5em;
	letter-spacing:0;
}
@media (min-width: 1024px) and (max-width: 1140px){}
@media (max-width: 1023px){
	#companyTable{
		font-size:0.925em;
	}
	#companyTable .titleTd{
		width:5em;
	}
	#companyTable td{
		padding:0.25em 0.5em;
	}}
@media (min-width: 720px) and (max-width: 1023px){}
@media (max-width: 719px){}
@media (min-width: 360px) and (max-width: 719px){}
@media (min-width: 320px) and (max-width: 359px){}
@media (max-width: 319px){}
/* ------------------------------- */
#footerWrap{
	width:100%;
	background:#0f0f0f;
}
footer{
	width:980px;
	margin:1em auto 0;
	padding:1em 0;
}
#copyright{
	width:100%;
	background:#333;
}
#copyright p{
	width:100%;
	height:40px;
	line-height:37px;
	color:#fff;
	text-align:center;
	font-size:12px;
	display: block;
	-webkit-transform : scale(0.925);
}
#copyright p a{
	color:#fff;
}

.navBottomUl{
	list-style:none; 
	padding:0;
	margin:0 auto;
	border:1px solid #1a1a1a;
	border-left:none;
	border-right:none;}
.navBottomUl li{
	list-style:none;
	float:left;	
	width:16%;
}
.navBottomUl li a{
	color:#fff;
	width:100%;
	height:40px; 
	line-height:40px; 
	text-align:center; 
	letter-spacing:0.25em; 
	font-size:0.825em; 
	padding:0; 
	display:block; 
}
.navBottomUl li a:hover{
	background:#333;
	text-decoration: none;
}

.navbarBottomModule{
	display:none;
	text-align:center;
	margin:2.5em auto 0;
	font-size:1.125em;
}
.navbarBottomModule a{
	color:#fff;
}

@media (min-width: 1024px) and (max-width: 1140px){}
@media (max-width: 1023px){
	footer{		
		width:100%;
	}	}
@media (min-width: 720px) and (max-width: 1023px){}
@media (max-width: 719px){	
	.navBottomUl{
		padding:0;		
		margin-bottom:0;
		border:none;
	}
	.navBottomUl li{
		width:100%;
		float:none;
	}		
	.navBottomUl li a{
		height:40px;
		line-height:40px;
		font-size:0.875em;
	}	
	.navbarBottomModule{	
		display:block;
		margin:0.5em auto 1em;
		font-size:0.875em;
	}	
	
	#copyright p{
		-webkit-transform : scale(0.825);
	}
}
@media (min-width: 360px) and (max-width: 719px){}
@media (min-width: 320px) and (max-width: 359px){}
@media (max-width: 319px){}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 10px;
	right: 10px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:45px;
}
/*-------------------------*/
.module1{
	background: #ef9c00; 
	padding: 2px 5px 2px; 
	font-size: 0.7em; 
	color: #fff; 
	vertical-align:top;
	border-radius:1px;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{
	width:calc(100% - 12px);
	height:2.25em;
	outline-style:none;
	-webkit-appearance: none;
	border:1px solid #666;
	padding:2px 5px;
	border-radius:0;
}
.form-group select{
	-webkit-appearance: none;
	appearance:none;
	width:99.5%;
	height:2.75em;
	padding:2px 5px;
	background:#fafafa;
	border-radius:0;
}
input[type="checkbox"]{
	width:16px;
	height:16px;
	vertical-align:middle;
	border-radius:0;
}
.form-group textarea{
	height:10em;
	border-radius:0;
}