/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family: "Zen Old Mincho", serif; 4 5 6 7 9 */
 
@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;}

.annotation1{font-size:0.825rem;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: "Zen Old Mincho",'Noto Serif JP', serif;
	font-weight:400;
	font-size:100%; 
	line-height:1.6;
	letter-spacing:2px;
	color:#000;
	overflow-x:hidden;
}

a:link{ text-decoration: none; color:#333;}
a:visited{color:#333; }
a:hover{color:#666; text-decoration: none;}
a:active{color:#666;}
/* ------------------------------------------------------- */
.title1{width:170px;margin:0 auto 50px;font-size:0.875rem;font-weight:500;text-align:center;position:relative;}
.title1:after{content:"";width:1.5px;height:40px;background:#333;position:absolute;top:-60px;left:50%;left:-webkit-calc(50% - 0.75px);left:calc(50% - 0.75px);}
.title1 span{display:block;font-size:1.35em;text-indent:3px;text-transform:uppercase;padding-top:10px;}

.title2{text-align:center;font-size:1.35rem;font-weight:500;letter-spacing:6px;margin-bottom:20px;}

.title3{font-size:1.125rem;font-weight:500;color:#cc3526;margin-bottom:30px;text-indent:15px;position:relative;}
.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.925rem;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:18px 45px;position:relative;margin-top:70px;letter-spacing:2px;text-transform:uppercase;-webkit-appearance: none; }
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:30px;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;}
/* --------------------------- */
#emptyS{height:85px;}
header{
	width:100%;
	height:85px;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden;
	background:rgba(255,255,255,1);
}
.siteName{
	width:200px;
	padding:5px 0 0 40px;
}

.navUlPC{
	position:absolute;
	top:35px;
	right:40px;
}
.navUlPC li{
	list-style:none;
	float:left;	
}
.navUlPC li{position:relative;}
.navUlPC li a{width:100%;display:block;font-size:1rem;font-weight:500;padding:5px 8px;text-align:center;color:#333;text-indent:1.75em;}
.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 #fff;border-width: 0 1.25px 0 0;transform-origin:left bottom;transform: skewX(-30deg
);}

#navbar{display:none;}

#navIcon{display:none;}

#showC{
	width : 100% ; 
	position:relative;
	margin-bottom:45px;
}
#showC img{width:100%;}
#showC p{
    width:100%;
	position:absolute;	
    top: 40%;
	text-align:center;
	color:#fff;
    font-size:4.5vw;
    font-weight:600;
    text-shadow:0px 0px 6px #000;
}

#article{
	width : 95% ;
	width : -webkit-calc(100% - 90px) ;
	width : calc(100% - 90px);
	margin-left:45px;
	text-align:center;
	padding:50px 0;
	line-height:1.9;
}
#article h3{font-size:1.125rem;font-weight:normal;}

.wrapStyle1{
	width : 95% ;
	width : -webkit-calc(100% - 90px) ;
	width : calc(100% - 90px);
	margin-left:45px;
	text-align:center;
	padding:110px;
	background:linear-gradient(to right, #f5f5f5 50%, #f9f9f9 50%);
	margin-bottom:60px;
	overflow:hidden;
}

#snsContainer{width:900px;margin:0 auto;}
.snsM{width:45%;margin:0 2% 60px;float:left;position:relative;}
.snsM a img{width:100%;vertical-align:middle;}
.snsM:nth-of-type(3){height:450px;overflow:hidden;}
.snsM:nth-of-type(4){height:450px;overflow:hidden;}

.menuTable{width:310px;margin:0 auto;}
.menuTable td{padding:5px 10px;font-size:1rem;}
.menuTable tr td:nth-of-type(1) span{font-size:0.75em;}
.menuTable tr td:nth-of-type(2) span{font-size:0.75em;}

#img01{width:600px;margin:30px auto 50px;}
#img02{width:700px;margin:0 auto 50px;}
.img02Figure{width:30%;margin:1%;text-align:center;float:left;}
.img02Figure img{width:100%;}
.img02Figure figcaption{font-size:0.875rem;}

.table1{width:610px;margin:0 auto;}
.table1 td{padding:15px 10px;font-size:1rem; vertical-align:top;}
.table1 tr{border-bottom:1px dotted #ccc;}
.table1 tr td:nth-of-type(1){width:150px;text-align:right;}


#footer{width:100%;text-align:center;background:#f5f5f5;padding:50px 20px 40px;}

#logoFooter{width:350px;}
#logoFooterWhite{display:none;}

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

#copyright{font-size:0.875rem;margin-top:30px;}
#copyright a{color:#333;}
/* -------------------------------------------- */
@media screen and (max-width: 1199px){
	#snsContainer{width:100%;margin:0 auto;}
}
/* -------------------------------------------- */
@media screen and (max-width: 999px){
	.snsM:nth-of-type(3){width:100%;height:400px;margin-bottom:60px;}
	.snsM:nth-of-type(4){width:95%;height:400px;margin-bottom:40px;}
}
/* -------------------------------------------- */
@media screen and (max-width: 849px){
	.navUlPC li a{font-size:1rem;padding:5px 0px;}
}
/* -------------------------------------------- */
@media screen and (max-width: 767px){
	.title1:after{top:-50px;}
	.title1 span{padding-top:5px;}
	
	#emptyS{height:65px;}
	header{
		height:65px;
	}
	.siteName{
		width:130px;
		padding:3px 0 0 5px;
	}
	.navUlPC{display:none;}
	
	#navIcon{
		display:block;
		background:#000;
		position:fixed;
		top:10px;
		right:10px;
		color:#fff;		
		width:45px;
		height:45px;
		padding:3px 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:#fff;
		margin: 6px 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(-5.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(-5.5px,5.5px);
	}
	
	#siteNameNavMobile{width:180px;padding:30px 0 0;}
	
	#navbar{		
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.95);		
		overflow:hidden;
		color:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:20;	
		text-align:center;
	}
	.navUl{list-style:none; padding:70px 0 0;}
	.navUl li{list-style:none;width:70%; margin:0 auto; padding:0;}
	.navUl li a{color:#fff;width:100%;font-size:1rem;padding:15px 10px;display:block; text-align:center;border-bottom:1px dotted #333;}
	.navUl li a span{color:#333;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:0 auto 20px;text-align:center;}
	#snsM a{padding:5px;font-size:1.25rem;color:#fff;}
	
	#showC{
		margin-bottom:45px;
	}
	#showC p{
		top: 50%;
		font-size:5.5vw;
	}

	#article{
		width : 92% ;
		margin-left:unset;
		margin:0 auto;
		padding:30px 0;
		line-height:1.7;
	}
	#article h3{font-size:0.875rem;font-weight:500;padding:5px 0;}
	
	#img01{width:90%;}
	#img02{width:90%}
	
	.wrapStyle1{
		width:90%;
		margin-left:unset;
		margin:0 auto;
		padding:60px 3% 30px;
		background:linear-gradient(to right, #ededed 50%, #f5f5f5 50%);
		margin-bottom:30px;
		overflow:hidden;
		font-size:0.875rem;
	}
	
	#googleMap{height:300px;}

	.table1{width:100%;}
	.table1 td{padding:10px 8px;font-size:0.925rem;}

	#footer{background:#171717;padding:40px 10px 30px;color:#fff;}
	
	#logoFooter{display:none;}
	#logoFooterWhite{width:200px;display:inline-block;}
	
	#snsFooter{font-size:1.25rem;}
	#snsFooter a{padding:3px 0;color:#fff;}
	
	#copyright a{color:#fff;}
}
/* -------------------------------------------------- */
#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;
}

/* -----------------------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;}
}

/*-------------------------*/
.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;
}