@charset "UTF-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap');
/*-------------------Comment-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top: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.925rem;}

.stress1{font-weight:500;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;}
/*-------------------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;color:#333;-webkit-text-size-adjust:none;}

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

.title1{font-size:1.25rem;border-bottom:5px solid #ccc;padding:10px 0;}
.title1 .far{color:#ee7600;}
.title1 span{font-size:0.5em;padding-left:10px;color:#999;}

.title2{width:960px;padding:30px 0;margin:0 auto;background:#f9f7f1;border:1px solid #f3eedf;color:#ee7600;font-size:1.5rem;text-indent:1em;font-family:'Noto Sans JP', sans-serif;font-weight:400;margin-bottom:40px;}

.stress5{font-family:'Noto Sans JP', sans-serif;font-weight:500;}
.stress6{font-family:'Noto Sans JP', sans-serif;font-weight:500;color:#db0125;}

.btn2{padding:13px 40px;margin:10px auto;font-size:1.125em;text-align:center;display:block;border:1px solid #999;background:#fff;letter-spacing:0.1em;-webkit-appearance: none;appearance: none; border-radius:0;display:inline-block;}
.btn2:hover{border:1px solid #666;}
/*-------------------------------------------------*/
header{width:960px;height:110px;margin:0 auto;position:relative;overflow:hidden;}
#keyword{font-size:0.75rem;color:#999;font-weight:normal;position:absolute;top:2px;left:0;}
#menkyo{font-size:0.75rem;color:#fff;background:#ca3f02;font-weight:normal;position:absolute;top:5px;right:10px;line-height:100%;padding:4px 8px;}
#siteNameA{width:300px;position:absolute;top:35px;left:0;}
#siteNameA img{width:100%;}
#search{width:280px;height:50px; position:absolute; top:45px; right:0px; }

#navTop{width:960px;height:50px;margin:0 auto;}
#navTopUl li{float:right;list-style:none;}
#navTopUl li a{display:block;height:50px;line-height:50px;padding:0 40px;font-size:0.9rem;font-family:'Noto Sans JP', sans-serif;font-weight:500;position:relative;}
#navTopUl li a:hover{color:#ee7600;}
#navTopUl li:not(:last-child) a::after{content:"/";color:#ccc;font-size:0.875rem;position:absolute;top:0px;left:0px;}
#navTopUl li:last-child a{font-size:1.125rem;font-weight:normal;}

#navIcon{display:none;}

#navbarMobile{
	width:100%;	
	height:0;
	/*此容器上下不能用padding，不然height为0就不起作用了*/
	overflow:hidden;
	background-color:rgb(255,255,255,0.95); 
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}	
#navbarMobile::-webkit-scrollbar { width: 0 !important }
#navbarMobile { -ms-overflow-style: none; }
#navbarMobile{ overflow: -moz-scrollbars-none;}

#navUlMobile{padding:80px 0 50px;}
#navUlMobile li{list-style:none;width:70%; margin:0 auto; padding:0;}
#navUlMobile li a{color:#333;width:100%;height:57px; line-height:57px; text-align:center; letter-spacing:0.25em; font-size:1.125em; padding:0; display:block; font-weight:500; }
#navUlMobile li a:hover{background:#f0f0f0;text-decoration: none;}

#showIndex{width:100%;background:#f9f7f1;margin:10px auto 40px;}
#mv{width:1020px;height:500px;margin:0 auto;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#mv p{width:90%;color:#fff;font-size:1.75rem;font-weight:500;text-align:center;line-height:150%; text-shadow:0px 0px 6px #000;position: relative;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}

.content{width:960px;margin:20px auto;min-height:300px;overflow:hidden;}
.content p{font-size:0.925rem;}
#navBar{width:960px;padding:0 0 20px;font-size:0.825rem;color:#666;}
#navBar .fa-home{color:#ee7600;}
#navBar .fa-chevron-right{font-size:0.35em;}
#contentC{ width:620px; height:auto; float:left; overflow:hidden; }
#sidebar{ width:300px; height:auto; float:right; overflow:hidden; }

.topicItemTable{width:100%;margin:0 auto;border-bottom:1px solid #f0f0f0;}
.topicItemTable:hover{background:rgba(255,255,255,0.6);}
.topicItemTable td{padding:15px 0;vertical-align:top;font-size:0.9em;	text-align:justify;}
.dateTd{width:8em;color:#999;font-size:0.75em;}
.topicTitle{width:85%;font-size:1.35rem;margin:0 auto 10px;font-weight:500;text-align:center;line-height:180%;}
.topicDate{text-align:center;font-size:0.75rem;color:#999;padding-bottom:28px;}
.topicContent{width:95%;font-size:0.875rem;margin:0 auto;}
.topicContent p{padding-bottom:10px;}
#toTopics{font-size:0.825rem;color:#ee7600;}

#module01Index{width:100%;height:auto;background:url(../images/module01Back.jpg) top center no-repeat,url(../images/module01.gif);}
#module01C{width:960px;margin:0 auto;position:relative;padding:60px 0;}
#introduce h2{font-size:3rem;padding-bottom:30px;color:#666;}
#introduce{width:440px;font-size:0.925rem;}
#companyA{padding:7px 60px;border:1.5px solid #ee7600; background:rgba(255,255,255,0.8);color:#ee7600;font-family:'Noto Sans JP', sans-serif;text-align:center;font-weight:500;}
#toA{padding:8px 40px 10px;border:1.5px solid #ee7600; background:rgba(255,255,255,0.8);color:#ee7600;font-family:'Noto Sans JP', sans-serif;text-align:center;font-weight:500;}

#contentC3{width:95%;margin:20px auto 50px;position:relative;}
#imgIndex01{width:180px;float:left;padding-right:30px;}
#imgIndex02{width:140px;position:absolute;top:0;right:10px;}
.stress3{font-size:2.25rem;font-weight:bolder;line-height:1.5;font-family:'Noto Sans JP',sans-serif;font-weight:500;padding:0 160px 0 0;}
.stress3 span{font-size:1.35em;color:#ff0000;}
.stress4{font-size:1rem;}
.stress4 span{font-size:1.125em;color:#ff0000;}

#footer{width:100%; height:165px; background:#eae9e9 url(../images/footerBack.gif) repeat-x;}
#footerC{ width:960px; height:165px; margin:0 auto; position:relative;}
#footerMenu{ width:960px; height:39px; line-height:39px;}
#footerMenu a{font-size:0.925rem;}
#footerMenu a:hover{color:#ee7600;}
#copyright{position:absolute; right:0;font-size:0.75rem;}
#footerInfo{position:absolute; bottom:15px; left:10px;font-size:0.825rem;}
#logoFooter{width:70px; position:absolute; bottom:15px; right:0;}
#btnGoToTop{height:30px;line-height:30px;padding:0 10px;display:block;background:#d24531;color:#fff;font-size:0.75rem;position:absolute;top:-30px;right:0;}

#companyTable{width:100%;margin:10px auto 40px;background:rgba(255,255,255,0.5);}
#companyTable td{font-size:0.925rem;border:1px solid #999;padding:10px 15px;}
#companyTable .titleTd{width:10em;text-align:center;height:50px;font-family:'Noto Sans JP', sans-serif;font-weight:400;}

.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 15px;}
.form-group label{display:block;}
.form-group input[type=text], .form-group input[type=email], .form-group textarea{width:98%;width:webkit-calc(100% - 12px);width:calc(100% - 12px);height:40px;outline-style:none;-webkit-appearance: none;border:1px solid #666;padding:2px 5px;border-radius:0;}
.form-group select{width:99.5%;height:40px;padding:2px 5px;background:#fafafa;}
input[type="checkbox"]{width:16px;height:16px;vertical-align:middle;margin-bottom:6px;border-radius:2px;border:1px solid #666;}
.form-group textarea{height:150px;padding:10px;}

@media (max-width:1019px){
	#mv{width:100%;height:500px;}
	.line2{width:100%;}
	#navBar{width:100%;}
	#navBar p{width:100%;font-size:0.775rem;}
	.title2{width:100%;}
	.stress3{font-size:1.85rem;}
}
@media (max-width:979px){
	header{width:95%;}
	#menkyo{right:2px;}
	#search{right:-10px; }
	#navTop{width:95%;}
	.content{width:95%;}
	#contentC{ width:65%; }
	#sidebar{ width:32%; }
	#sidebar a img{ width:100%!important;}
	#module01C{width:93%;}
	#footerC{ width:95%;}
	#footerMenu{ width:100%;}
}
@media (max-width:799px){
	#navTopUl li{float:right;list-style:none;}
	#navTopUl li a{padding:0 35px;font-size:0.875rem;}
	#contentC{ width:100%;float: none;margin-bottom:20px;}
	#sidebar{width:100%;float: none;text-align:center;}
	#sidebar a img{ width:47%!important;padding:1%;}
	#introduce{width:50%;font-size:0.85rem;}
	#footerMenu a{font-size:0.85rem;}
	#footerInfo{left:0;font-size:0.785rem;}
}
@media (max-width:719px){
	#navTop{
		display:none;
	}
	#navUl{
		display:none;
	}
	#navIcon{
		display:block;
		position:fixed;
		top:10px;
		right:10px;
		color:#000;		
		width:48px;
		height:48px;
		padding:5px 0;
		text-align:center; 
		cursor: pointer;	
		line-height:4px;
		overflow:hidden;
		z-index:30;
		background:#fff;
	}	
	#navIcon p{			
		font-size: 12px;
		font-weight:500;
		display: block;
		letter-spacing:0;
		-webkit-transform : scale(0.64,0.64);
	}
	
	.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
		width: 27px;
		height: 2.25px;
		background:#000;
		margin: 6px auto;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.close .nav-icon-first {
		background:#000;		
		-webkit-transform: rotate(-45deg) translate(-6px,5px);
		-ms-transform: rotate(-135deg) translate(-6px,-5.5px);
		    transform: rotate(-135deg) translate(-6px,-5.5px);
	}
	.close .nav-icon-second {
		opacity: 0;
	}
	.close .nav-icon-thrid {		
		background:#000;
		-webkit-transform: rotate(45deg) translate(-5px,-6px);
		-ms-transform: rotate(135deg) translate(-6px,5.5px);
		    transform: rotate(135deg) translate(-6px,5.5px);
	}
	
	header{height:unset;}
	#keyword{display:none;}
	#menkyo{display:none;}
	#siteNameA{display:block;position:static;}
	#siteNameA img{width:100%;padding:10px 0 0;}
	#search{display:none;}
	.content{font-size:0.85rem;}
	.content p{font-size:0.85rem;}
	#navTop{display:none;}
	#logoFooter{display:none;}
	
	#companyTable td{font-size:0.85rem;}
	
	.topicTitle{font-size:1rem;}
	.stress3{font-size:1.5rem;}
}
@media (max-width:649px){
	.stress3{padding:0 10px 0 0;}
	#imgIndex02{display:none;}
	
	#footer{height:120px;}
	#footerC{height:120px;}
	#footerMenu{text-align:center;}
	#privacyA{display:none;}
	#copyright{position:static;}
	#btnGoToTop{right:-2.58%;}
	#logoFooter{display:block;width:50px;bottom:15px;}
	#footerInfo{width:85%;}
}
@media (max-width:519px){
	.content{min-height:unset;}
	#sidebar{display:none;}
	#introduce{width:60%;}
	#siteNameA{width:260px;}
	.dateTd{font-size:0.825rem!important;}
	.titleTd{font-size:0.825rem!important;}
}
@media (max-width:419px){
	#navIcon{top:3px;}	
	header{height:unset;}
	#siteNameA{width:200px;}
	#mv{height:400px;}
	#mv p{font-size:1.35rem;}
	#introduce{width:85%;}
	
	#imgIndex01{width:150px;padding-right:10px;}
	.stress3{font-size:1.35rem;}
	
	#footer{height:auto;}
	#footerC{height:auto;}
	#footerInfo{position:static;padding:5px;}
	#logoFooter{width:45px;bottom:8px;}
	#copyright span{display:none;}
	
	#companyTable .titleTd{width:7em;}
}
@media (max-width:319px){
	header{height:unset;}
	#siteNameA{width:180px;}
	#mv{height:360px;}
	#mv p{font-size:1.25rem;}
	#introduce{width:95%;}
	#introduce h2{font-size:2.5rem;}
	#footerInfo{font-size:0.75rem;line-height:160%;}
	#logoFooter{width:45px;bottom:10px;}
}