/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Zen Kurenaido',sans-serif; 4 */
@charset "UTF-8";
@import url(reset.css);
/*-------------------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.875rem;color:#ad0c0c;}
.stress1 a{color:#ad0c0c!important;text-decoration:underline!important;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:600;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);
}

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:1rem;font-family: 'Noto Serif JP', serif;font-weight:600;color:#333;padding-top:55px;letter-spacing:10px;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:50%;}

@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;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;-webkit-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:1140px;
	height:88px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.siteName{
	width:220px;
	padding:17px 10px 0 10px;
}

.navUlPC{
	position:absolute;
	top:35px;
	right:120px;
}
.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 15px;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
);}
.navUlPC li:hover::after{}

#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;-webkit-transform : scale(0.74,0.74);}
#btnContact span{text-transform:uppercase;font-size:0.35em;}

#navIcon{display:none;}

@media screen and (max-width: 1200px){
	header{width:98%;}
}
@media screen and (max-width: 1023px){
	header{		
		width:100%;
		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;
		-webkit-transform : scale(0.7,0.7);
		letter-spacing:1px;
	}
	
	/* #navIcon123{width:34px;height:34px;border:1px solid #333;;border-radius:50%;padding:0;margin:0;margin:0 auto;position:relative;} */
	/* #circle{width:2px;height:2px;background:red;position:absolute;top:16px;left:16px;z-index:31;} */
	.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;
		-webkit-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;
		-webkit-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;}
	
	#snsM{width:90%;padding:20px 0;margin:20px auto;text-align:center;}
	#snsM a{padding:5px;font-size:1.25rem;}
}
@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;-webkit-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;-webkit-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;}

.content3{
	width:980px;	
	margin:70px auto 20px;
	text-align:justify;
}
.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;
}

@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:100%;
	height:380px;
	padding:30px 30px;
	color:#404040;
	font-size:0.775rem;
	line-height:1.95;
	writing-mode: vertical-rl;
	letter-spacing:3px;
	font-weight:400;
}
#article h3{padding-left:0px;font-size:1.85rem;}
#article h4{padding-left:20px;padding-top:20px;font-size:1.25rem;font-weight:500;}
#article p{padding-right:20px;padding-top:30px;line-height:2.3;}
#article p:nth-of-type(1){padding-bottom:100px;}
#article p:nth-of-type(2){padding-bottom:100px;}
#article p:nth-of-type(3){padding-bottom:60px;}

.snsM{width:45%;margin:0 2% 60px;float:left;position:relative;}
.snsImg{width:100%;vertical-align:middle;}

@media only screen and (max-width: 899px) {
	#article{
		width:85%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 767px) {
	#article{line-height:1.75;height:400px;}
	
	.snsM{background:none;}
	.snsM:nth-of-type(3):after{clear:both;}
	.snsM:nth-of-type(4){width:100%;float:none;margin:0 auto 40px;}
}
@media only screen and (max-width: 699px) {
	#article{width:93%;line-height:1.5;}
}
@media only screen and (max-width: 659px) {
	#article p:nth-of-type(4){display:none;}
}
@media only screen and (max-width: 599px) {	
	#article{
		width:95%;
		height:420px;
		font-size:0.825rem;
		line-height:1.25;
		font-weight:500;
	}
}
@media only screen and (max-width: 529px) {	
	#article p:nth-of-type(3){display:none;}
}
@media only screen and (max-width: 449px) {	
	#article{
		line-height:1.5;
		padding:20px 30px;
		font-weight:600;
		font-size:0.85rem;
	}
	#article h3{font-size:1.5rem;}
	#article h4{font-size:1rem;padding-left:10px;}
}
@media only screen and (max-width: 359px) {	
	#article{
		height:450px;
		line-height:1.25;
		padding:10px 20px;
	}
	#article h3{font-size:1.25rem;}
	#article h4{font-size:1rem;padding-left:10px;}
}

/* -------------------------------------------------- */
#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:88%;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.875rem;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;font-size:0.65rem;letter-spacing:0;padding:0 3px 1px;}
#mapA:hover{background:#666;}

#snsFooter{font-size:1.125rem;}
#snsFooter a{padding:2px 0;}

#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;}
	
	#snsFooter a{padding:2px 2px;}
	
	#copyright{position:static;}
}
@media (max-width: 459px){		
	#footerC1{width:90%;letter-spacing:1px;}
	
	#logoFooter img{width:160px;}	
	
	#contactP span{display:block;}
	
	#snsFooter{font-size:1.35rem;}
}
/*-------------------------*/
#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: 2px 5px 2px; 
	font-size: 0.725rem;
	font-weight:500;
	color: #ad0c0c; 
	border-radius:1px;
	border:1px solid #ad0c0c;
}
.form-group{
	width:99%;
	margin:0 auto 1em;
}
.form-group label{
	display:block;
	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;
	-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;
}