/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Zen Kurenaido',sans-serif; 4 */
@charset "UTF-8";

/*RESET.CSS Start */
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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
ul li{list-style: none;}
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
/*RESET.CSS END */


.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

*,*::after,*::before{box-sizing: border-box;}
/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress1{font-weight:600;font-size:0.85rem;color:#ad0c0c;}
.stress1 a{color:#ad0c0c!important;text-decoration:underline!important;}
.stress2{font-weight:500;font-size:0.85rem;}
.stress3{font-weight:500;color:#1d50a2;font-size:1.125rem;}

.annotation2{font-size:0.875rem;color:#666;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*-------------------Comment2-----------------------*/
html{font-size:16px;}
body {
	font-family:'Noto Serif JP',"メイリオ",Meiryo,sans-serif;
	font-weight:400;
	font-size:100%; 
	line-height:1.6;
	letter-spacing:2px;
	background:url(../images/bg1.jpg) top right;
}

a:link{ text-decoration: none; color:#333;}
a:visited{color:#333; }
a:hover{color:#666; text-decoration: none;}
a:active{color:#666;}

@media screen and (max-width: 767px){
	body{letter-spacing:0px;font-weight:normal;}
}
/* ------------------------------------------------------- */
.title1{width:80px;margin:0 auto 50px;color:#333;writing-mode: vertical-rl;letter-spacing:3px;font-family: 'Noto Serif JP',serif;font-size:1.75rem;font-weight:600;text-align:left;position:relative;padding-right:10px;}
.title1:after{content:"";width:1px;height:60px;background:linear-gradient(#ad0c0c 0%, rgba(173, 12, 12, 0) 97%);position:absolute;top:2px;right:1px;}
.title1:before{content:"";width:3px;height:3px;background:#ad0c0c;position:absolute;top:0px;right:0px;line-height:2;}
.title1 span{display:block;color:#666;font-size:0.4em;text-indent:3px;}

.title2{text-align:center;font-size:1.25rem;font-family: 'Noto Serif JP', serif;font-weight:600;color:#333;padding-top:55px;letter-spacing:4px;margin-bottom:60px;}
.title2 span{display:block;color:#666;font-size:0.35em;letter-spacing:2px;position:relative;}
.title2 span::before{content:"";width:20px;height:2px;background:#ad0c0c;position:absolute;top:27px;left:48.5%;}

@media screen and (max-width: 1200px){
	.title2{font-size:1.25rem;}
	.title2 span{font-size:0.5em;}
}

.title3{font-size:1.125rem;font-weight:400;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title3::before{content:"";width:4px;height:65%;background:#cc3526;position:absolute;top:18%;left:0;}
.title3::after{content:"";width:100%;height:0.75px;background:#f0f0f0;position:absolute;bottom:-5px;left:0;}
.title3 span{color:#67b5b6;font-weight:400;font-size:0.35em;letter-spacing:2px;padding-left:20px;text-transform:uppercase;}


.btn1{display:inline-block;font-size:0.775rem;font-weight:600;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:10px 50px;position:relative;margin-top:70px;letter-spacing:2px;text-transform:uppercase;appearance: none; border-radius:0;}
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:20px;right:25px;border: solid #333;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg);}
.btn1:hover::after{right:22px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
/* --------------------------- */
#headerWrap{
	width:100%;	
	background:#fff;
}
header{
	width:95%;	
	height:88px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.siteName{
	width:220px;
	padding:17px 10px 0 10px;
}

.navUlPC{
	position:absolute;
	top:30px;
	right:200px;
}
.navUlPC li{
	list-style:none;
	float:left;	
}
.navUlPC li{position:relative;}
.navUlPC li a{width:100%;display:block;font-size:0.875rem;font-weight:400;padding:5px 1px 5px 2px;text-align:center;color:#333;text-indent:1.75em;font-family: 'Noto Sans JP', sans-serif;}
.navUlPC li a:hover{color:#666;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navUlPC li::after{content:"";width: 15px; height:12px; position:absolute;top:10px;left:0px;border: solid #999;border-width: 0 1.25px 0 0;transform-origin:left bottom;transform: skewX(-30deg
);}

#navbar{display:none;}

#btnContact{display:block;width:88px;height:88px;background:#333;position:absolute;top:0;right:0;padding:10px 0 5px;font-family: 'Noto Sans JP', sans-serif;font-weight:600;}
#btnContact:hover{background:#2e62b6;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#btnContact section{color:#fff;font-size:2.5rem;text-align:center;line-height:0.25;transform : scale(0.74,0.74);}
#btnContact span{text-transform:uppercase;font-size:0.35em;}

#navIcon{display:none;}

@media screen and (max-width: 1399px){
	header{width:100%;}
}
@media screen and (max-width: 1199px){
	.navUlPC{top:30px;}
	.navUlPC li a{font-size:0.825rem;padding:5px 1px 3px 2px;}
}
@media screen and (max-width: 1149px){
	.navUlPC{top:30px;}
	.navUlPC li a{font-size:0.775rem;padding:5px 1px 0px 1px;}
	.navUlPC li:nth-of-type(1){display: none;}
}
@media screen and (max-width: 1023px){
	header{	
		height:85px;
		background:rgba(255,255,255,0.98);
	}
	
	#btnContact{display:none;}
	
	.navUlPC{display:none;}
	
	#navIcon{
		display:block;
		position:absolute;
		top:13px;
		right:22px;
		color:#333;		
		width:45px;
		height:45px;
		padding:5px 0;
		text-align:center; 
		cursor: pointer;	
		line-height:6px;
		overflow:hidden;
		z-index:30;
	}	
	#navIcon p{			
		font-size: 12px;
		display: block;
		font-weight:500;
		transform : scale(0.7,0.7);
		letter-spacing:1px;
	}
	
	.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
		width: 30px;
		height: 2px;
		background:#333;
		margin: 7px auto;
		transition: 0.3s;
	}
	.close .nav-icon-first {
		width: 26px;
		transform: rotate(-135deg) translate(-6.5px,-6.5px);
		-ms-transform: rotate(-135deg) translate(-6.5px,-6.5px);
			transform: rotate(-135deg) translate(-6.5px,-6.5px);
	}
	.close .nav-icon-second {
		opacity: 0;
	}
	.close .nav-icon-thrid {
		width: 26px;
		transform: rotate(135deg) translate(-6.5px,5.5px);
		-ms-transform: rotate(135deg) translate(-6.5px,5.5px);
			transform: rotate(135deg) translate(-6.5px,5.5px);
	}
	
	#siteNameNavMobile{width:150px;position:fixed;top:16px;left:15px;}
	
	#navbar{		
		width:100%;
		height:100%;
		background:url(../images/bgNavMobile.png);		
		overflow:hidden;
		color:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:20;
		padding-top:20px;		
	}
	.navUl{list-style:none; padding:70px 0 0;}
	.navUl li{list-style:none;width:90%; margin:0 auto; padding:0;}
	.navUl li:first-child a{border-top:1px dotted #c0c0c0;}
	.navUl li a{color:#000;width:100%;font-size:1rem;padding:15px 10px;display:block; text-align:center;border-bottom:1px dotted #c0c0c0;font-family: 'Noto Serif JP', serif;font-weight:600;}
	.navUl li a span{color:#c0c0c0;font-size:0.75rem;padding-left:5px;}
	.navUl li a:hover{text-decoration:none;}
	.subLiMobile a{font-size:0.925rem!important;text-indent:1em;padding:2px 10px!important;}
}
@media screen and (max-width: 767px){	
	header{height:70px;}
	
	.siteName{width:180px;padding:12px 0 0 10px;}
	
	#navIcon{top:7px;}
}
@media screen and (max-width: 499px){	
	.siteName{width:150px;padding:16px 0 0 7px;}
	
	#navIcon{top:8px;right:5px;}
}
@media screen and (max-width: 339px){
	#navbar{padding-top:0px;}			
}
/* ----------------------------------------------- */
#mLeft{position:fixed;top:23%;left:4%;font-size:0.825rem;color:#999;letter-spacing:5px;z-index:11;transform:rotate(90deg) scale(0.84,0.84);-ms-transform:rotate(90deg) scale(0.84,0.84);transform:rotate(90deg) scale(0.84,0.84);transform-origin:left top;transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;}

#showIndex{width:100%;height:740px;position:relative;overflow:hidden;}

.mv{width:80%;height:670px;margin-left:20%;}

#m00{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:-2;}
#m0{width:60%;height:70%;background:url(../images/bgM0.jpg);position:absolute;top:30%;left:12%;z-index:-1;}
#m1{font-family: 'Noto Serif JP', serif;font-weight:600;color:#333;font-size:2.75em;position:absolute;top:53%;left:8%;text-shadow:0px 0px 3px #fff,0px 0px 8px #fff,0px 0px 10px #fff;}
#m2,#m3{background:rgba(115,73,29,0.95);color:#fff;font-size:1.65em;position:absolute;letter-spacing:6px;font-family: 'Zen Kurenaido', sans-serif;}
#m2{top:64%;left:7%;padding:10px 60px 12px 50px;text-transform:uppercase;}
#m3{top:74.2%;left:0%;padding:10px 50px 12px 140px;text-transform:uppercase;}

@media (max-width: 850px){	
	#showIndex{height:520px;}
	
	#m0{left:6%;top:15%;}
	#m1{font-size:2.75em;top:50%;}
	#m2,#m3{font-size:1.25em;}
	#m2{top:64%;padding:10px 60px 10px 40px;}
	#m3{top:76%;padding:10px 50px 10px 50px;}
	
	.mv{width:90%;height:600px;margin-left:10%;}
}

@media (max-width: 767px){	
	#mLeft{display:none;}
	#m00,#m0,#m1,#m2,#m3{display:none;}
	
	#showIndex{width:100%;}
	.mv{width:100%;margin-left:0;}
}
@media (max-width: 539px){	
	#showIndex{height:500px;}
	.mv{height:600px;}
}
@media (max-width: 399px){	

}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	#mLeft{display:none;}
}
/* --------------------------------------------------------------------------- */
.wrap1{width:100%;padding:20px 0;font-size:0.825rem;}
.wrap2{width:100%;margin:50px auto 0;padding:25px 0;background:url(../images/bg2.jpg) no-repeat top center;background-size:cover;font-size:0.825rem;}
.wrap3{width:100%;margin:0 auto;padding:70px 0;background:url(../images/bgWrap3.jpg) repeat-x;font-size:0.825rem;}
.wrap4{width:100%;background:url(../images/bgWrap4.jpg) repeat-x;padding:60px 0 30px;font-size:0.825rem;}
.wrap5{width:100%;background:url(../images/bgWrap5.jpg);padding:60px 0 30px;margin:30px auto 0;font-size:0.825rem;}

.content1{width:800px;margin:70px auto 20px;}
.content2{width:800px;margin:30px auto 40px;text-align:justify;line-height:1.75;font-size:0.825rem;}
.content3{width:980px;margin:70px auto 20px;text-align:justify;font-size:0.85rem;}
.content4{width:1180px;margin:70px auto 20px;text-align:justify;}
.content5{width:100%;margin:70px auto 20px;}

@media only screen and (max-width: 1219px) {
	.content4{width:90%;}
}
@media only screen and (max-width: 1023px) {
	.content2,.content3{width:90%;margin-top:48px;}
}
@media only screen and (max-width:899px) {
	.content1{width:100%;}
}
@media only screen and (max-width: 499px) {
	.content2,.content3{margin-top:35px;}
}
/* -------------------------------------------------------------------------- */
#article{width:800px;margin:0 auto;color:#404040;font-size:0.825rem;line-height:1.95;letter-spacing:2px;font-weight:400;}
#article h3{padding-bottom:30px;font-size:1.6rem;font-weight:600;text-align:center;}
#article p{padding-bottom:10px;}

.articleS{position:relative;}
.articleS:before{content:"“"; font-style:italic;font-weight: bolder; font-size:13rem; line-height:0; color:#ccc;position:absolute;top:70px;left:-150px;}
.articleS:after{content:"”";line-height:0;font-weight: bolder;font-style:italic; font-size:13rem;color:#ccc;position:absolute;bottom:-30px;right:-50px;}

@media only screen and (max-width: 1023px) {
	#article{width:75%;}
}
@media only screen and (max-width: 699px) {
	#article{width:70%;text-align: justify;}
	#article h3{font-size:1.25rem;}
	.articleS:before{font-size:8rem;top:40px;left:-100px;}
	.articleS:after{ font-size:8rem;bottom:-20px;right:-30px;}
}
@media only screen and (max-width: 429px) {	
	#article{width:90%;margin:0 auto;}
	#article h3{padding-bottom:20px;}
	#article h3 span{display:none;padding-bottom:20px;}	
	#article p{font-size:0.775rem;}
	#article p span{display:none;}

	.articleS:before{font-size:5rem;top:0px;left:-20px;}
	.articleS:after{font-size:5rem;bottom:0px;right:10px;}
}
/* -------------------------------------------------------------------------- */
#aboutUs{font-size:0.85rem;margin: 0 auto 20px; padding:15px;border:1px solid #ccc;display:block;}
/* -------------------------------------------------------------------------- */
.mDivisions{width:31%;margin:1% 1% 30px;padding:10px;float:left;position:relative;background:#fff;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.mDivisions img{width:100%;vertical-align:middle;}
.mDivisions .num{position:absolute;top:140px;right:20px;font-weight:bolder;font-size:4.35rem;color:#fff;text-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.mDivisions .word{padding:15px;line-height:1.6;}
.mDivisions .word h4{font-size:0.875rem;padding-bottom:10px;}
.mDivisions .word ul li{list-style:none;font-size:0.725rem;}

@media only screen and (max-width: 1023px) {	
	.mDivisions{width:45%;margin:0 2% 50px;}
	.mDivisions .num{top:36%;}
	.mDivisions .word h4{font-size:0.85rem;}
}
@media only screen and (max-width: 767px) {
	.mDivisions{width:95%;float:none;margin:50px auto;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
	.mDivisions .num{top:56%;}
}
@media only screen and (max-width: 599px) {		
	.mDivisions .num{top:40%;font-size:3.5rem;}
}
@media only screen and (max-width: 459px) {		
	.mDivisions .num{top:130px;font-size:3.25rem;}
}

/* -------------------------------------------------- */
#topicIndex{margin-bottom:80px;}

.topicItemTable{
	width:88%;
	margin:0 auto;
	border-bottom:1px solid #f0f0f0;
}
.topicItemTable td{
	padding:19px 0;
	vertical-align:top;
	font-size:0.85rem;	
	text-align:justify;
	letter-spacing:1px;
}
.dateTd{	
	width:8em;
	color:#999;
	font-size:0.75rem;
}
@media (max-width: 459px){
	.topicItemTable{
		width:95%;
	}
}
/* --------------------------------------------------- */
.topicTitle{
	font-size:1.075rem;
	margin-bottom:10px;
	text-align:center;
	font-weight:500;
}
.topicDate{
	text-align:center;
	font-size:0.75rem;
	color:#999;
	padding-bottom:20px;
}
.topicContent{
	font-size:0.775rem;
}
.topicContent p{
	padding-top:10px;
}
@media (max-width: 767px){
	.topicTitle{
		font-size:1rem;
	}	
	.topicContent{
		padding:0 15px;font-size:0.775rem;
	}
}

/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-family: 'Noto Serif JP', serif;
	font-size:0.85rem;
	border-bottom:0.75px solid #ccc;
	padding:20px 8px;
}
#table1 .titleTd{
	width:130px;
	letter-spacing:2px;
	font-weight:600;
	vertical-align:top;
}

@media (max-width: 599px){
	#table1 td{font-size:0.875rem;}
	#table1 .titleTd{width:100px;font-weight:bolder;color:#333;}
}

/* -----------------------contact------------------------ */
#statusT{width:100%;margin:20px auto;}
#statusT td{text-align:center;}
.row1{font-size:0.75rem;color:#666;}
.row1:nth-child(1){width:30%;}
.row1:nth-child(2){width:40%;}
.row1:nth-child(3){width:30%;}
.row2{font-size:0.825rem;color:#333;padding-bottom:10px;border-bottom:2px #666 solid;position:relative;}
.row2:not(:nth-child(3)):after{content:"";width:9px;height:9px;border: solid #666;border-width: 0 1.3px 1px 0;transform-origin:left bottom;transform:skew(44deg,133deg);position:absolute;top:10px;left:95%;}
.active{color:#ad0c0c;border-bottom:2px #ad0c0c solid;}
.error{color:#ad0c0c;}

@media screen and (max-width: 599px){
	#statusT{width:100%;margin:0 auto 20px;}
}
@media screen and (max-width: 419px){
	.row2{font-size:0.925rem;}
	.row2:not(:nth-child(3)):after{border-width: 0 1px 1px 0;}
}
/* --------------footer------------ */
#footerWrap{width:100%;padding:40px 0 20px;background:#f4f4f4;}
footer{width:1180px;height:120px;margin:0 auto;position:relative;}

#logoFooter{display:block;width:130px;position:absolute;bottom:10px;right:25px;}
#logoFooter img{width:100%;}

#footerC1{position:absolute;bottom:20px;font-size:0.775rem;font-family: 'Noto Serif JP', serif;font-weight:400;}
#contactP a{color:#333;}
#contactP a:hover{color:#666;}
.mapA{background:#333;color: #fff!important;;font-size:0.65rem;letter-spacing:0;padding:0 3px 1px;}
.mapA:hover{background:#666;}

#copyright{width:100%;text-align:center;position:absolute;bottom:20px;font-size:0.675rem;}
#copyright a{color:#333;}


@media (max-width: 1240px){
	footer{width:93%;}
}
@media (max-width: 899px){	
	footer{width:96%;}
}
@media (max-width: 767px){	
	footer{height:auto;}
	#logoFooter{width:100%;position:static;text-align:center;}
	#logoFooter img{width:200px;}
	
	#footerC1{width:85%;margin:0 auto;position:static;text-align:center;padding-bottom:15px;}
	
	#copyright{position:static;}
}
@media (max-width: 459px){		
	#footerC1{width:90%;letter-spacing:1px;}
	
	#logoFooter img{width:160px;}	
	
	#contactP span{display:block;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 10px;
	right: 25px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:60px;
}
@media (max-width: 459px){		
	#goToTopBtn{bottom: 20px;right:15px;}
	#goToTopBtn img{width:52px;}
}
/*-------------------------*/
.module1{
	margin-top:2px;
	padding: 0px 5px 0px; 
	font-size: 0.675rem;
	font-weight:500;
	color: #ad0c0c; 
	border-radius:3px;
	border:1px solid #ad0c0c;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
	font-size: 0.775rem;
	color:#333;
	font-weight:600;
}
.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;
	appearance: none;
	border:1px solid #666;
	padding:5px 5px;
	border-radius:0;
	font-size:0.725rem;
}
.form-group select{
	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;
}