/* font-family:'Noto Sans JP',sans-serif; 4 5 7 */
/* font-family:'Noto Serif JP',serif; 3 4 5 6 7 9 */

@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; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }
/*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;}
.stress0{font-weight:600;}
.stress1{font-weight:600;font-size:1rem;color:#da2f2f;}
.stress2{font-weight:600;}
.stress3{font-weight:600;color:#e69904;font-size:1.125rem;}

.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-----------------------*/
body {
	font-family:'Noto Serif JP',Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-weight:400;
	font-size:16px; 
	line-height:1.6;
	letter-spacing:2px;
}

a:link{ text-decoration: none; color:#333;}
a:visited{color:#000; }
a:hover{color:#00589a; text-decoration: none;}
a:active{color:#00589a;}
/* ------------------------------------------------------- */
.title1{text-align:center;line-height:1.75;text-transform:uppercase;font-size:1.75rem;font-weight:500;color:#008e8e;margin-bottom:40px;letter-spacing:3px;font-family: 'Noto Sans JP',sans-serif;}
.title1 span{display:block;color:#67b5b6;font-weight:300; font-size:0.35em;letter-spacing:2px;}

.title2{text-align:center;line-height:1.75;text-transform:uppercase;font-size:1.75rem;font-weight:500;color:#fff;margin-bottom:40px;letter-spacing:5px;font-family: 'Noto Sans JP',sans-serif;}
.title2 span{display:block;color:#fff;font-weight:300; font-size:0.45em;letter-spacing:2px;}

.title3{font-size:1.25rem;font-weight:400;color:#008e8e;margin-bottom:30px;text-indent:15px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title3::before{content:"";width:4px;height:65%;background:#008e8e;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;}

.title4{font-size:1rem;font-weight:500;color:#e69904;margin:25px 0 10px;text-indent:10px;position:relative;font-family: 'Noto Sans JP',sans-serif;}
.title4::before{content:"";width:3px;height:60%;background:#e69904;position:absolute;top:22%;left:0;}


@media (max-width: 399px){
	.title1{font-size:1.65rem;}
	.title2{font-size:1.65rem;}
}

.btn1{display:inline-block;font-size:0.925rem;text-align:center;border:1px solid #999;background:rgba(255,255,255,0.6);padding:12px 60px;position:relative;margin-top:70px;letter-spacing:5px;}
.btn1::after{content:"";width: 15px; height:5px; position:absolute;top:23px;right:28px;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:80px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.siteName{
	width:280px;
	padding:15px 10px 0 10px;
}
.navUlPC{
	width:620px;
	position:absolute;
	top:15px;
	right:20px;
}
.navUlPC li{
	width:20%;
	list-style:none;
	float:left;	
}
.navUlPC li{position:relative;}
.navUlPC li a{width:100%;display:block;height:50px;line-height:50px;font-size:0.9rem;font-weight:400;text-align:center;}
.navUlPC li a:hover{color:#333;}
.navUlPC li::after{content:"";width:0.75px;height:15px;position:absolute;top:19px;left:0px;background:#999;}
.navUlPC li:nth-of-type(5)::before{content:"";width:0.75px;height:15px;position:absolute;top:19px;right:0px;background:#999;}
.navUlPC li a::before{content:"";width:0%;height:1.35px;border-radius:1px;background:#005c9f;position:absolute;bottom:10px;left:50%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.navUlPC li a:hover::before{width:60%;left:20%;}

.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:15px 10px 0 10px;
	}
}
@media screen and (max-width: 1023px){
	header{		
		width:100%;			
		box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}
}
@media (min-width:720px) and (max-width: 1023px){
	header{	
		position:static;
		height:auto;
	}	
	#navIcon{
		display:none;
	}
	.navUlPC{
		position:static;
		width:100%;
	}	
	.navUlPC li:first-child::after{content: none;}
	.navUlPC li:nth-of-type(6)::before{content: none;}
}
@media (max-width:719px){
	header{		
		height:65px;
		line-height:65px;
		background:rgba(255,255,255,0.98);
		position:fixed;
		top:0;
		z-index:20;
	}	
	.siteName{
		width:240px;
		padding:12px 10px 0 5px;
	}
	.navUlPC{
		display:none;
	}
	#navIcon{
		display:block;
		position:fixed;
		top:9px;
		right:5px;
		color:#000;		
		width:48px;
		height:42px;
		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 {
		-webkit-transform: rotate(-45deg) translate(-6px,5px);
		transform: rotate(-135deg) translate(-6px,-5.5px);
	}
	.close .nav-icon-second {
		opacity: 0;
	}
	.close .nav-icon-thrid {
		-webkit-transform: rotate(45deg) translate(-5px,-6px);
		transform: rotate(135deg) translate(-6px,5.5px);
	}
	#navbar{
		background:rgba(255,255,255,0.95);
		color:#fff;
		position:fixed;
		top:0;
		z-index:20;
		display:none;
	}
	.navUl{list-style:none; padding:4em 0 0;}
	.navUl li{list-style:none;width:80%; margin:0 auto; padding:0;}
	.navUl li a{color:#333;width:100%;font-size:1.125rem;font-weight:500;padding:10px;display:block; }
	.navUl li a:hover{background:#f0f0f0;text-decoration:none;}
	.subLiMobile a{font-size:0.925rem!important;text-indent:1em;padding:2px 10px!important;}
}
/* ----------------------------------------------- */
.mv{
	height:744px;
}
.mv p{
	width:80%;
	margin:0 auto;
	color:#fff;
	line-height:1.5;
	font-weight:500;
	text-align: center;
	font-size:1.85rem;
	position: relative;
	top:52%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}
.pageShow{
	background:url(../images/pageShow.jpg);
	height:220px;
}
.pageShow p{
	width:95%;
	margin:0 auto;
	color:#fff;
	line-height:1.25;
	font-weight:500;
	text-align: center;
	font-size:1.75rem;
	position: relative;
	top:38%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}

#navBar{width:1140px;margin:0 auto;padding:10px 0;font-size:0.775rem;font-weight:400;border-bottom:1px dotted #ccc;letter-spacing:1px;}

@media (max-width:1179px){
	#navBar{width:96%;}
}

@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;
	}
}
@media (max-width: 719px){
	.mv p{
		font-size:1.65rem;
		font-family:'Noto Sans JP',sans-serif;
	}
	.mv p span{
		display:block;
	}
	.pageShow{
		margin-top:60px;
	}
	.pageShow p{
		margin-top:60px;
		font-size:1.35rem;
		font-family:'Noto Sans JP',sans-serif;
	}
}
/* --------------------------------------------------------------------------- */
.content{
	width:950px;	
	margin:70px auto 20px;
	text-align:justify;
	font-size:0.825rem;
}
.content2{
	width:980px;	
	margin:70px auto 20px;
	text-align:justify;
	font-size:0.925rem;
	line-height:1.75;
}
.content2 p{padding-bottom:15px;}

.content3{
	width:1080px;
	margin:0 auto;
	padding:70px 0 20px;
	text-align:justify;
	font-size:0.925rem;
	line-height:1.75;	
}
.content3 p{padding-bottom:15px;}

.wrap0{width:100%;padding:20px 0 40px;}

.wrap1{width:100%;padding:20px 0 40px;background:rgba(238,248,249,0.35);}

.wrap2{width:100%;margin-bottom:120px;background: linear-gradient(to right,#fff 25%,#edf5fa 25%,#edf5fa 100%);overflow-x:hidden;}

.wrap3{width:100%;margin-bottom:120px;background: linear-gradient(to right,#edf5fa 75%,#fff 75%,#fff 100%);overflow-x:hidden;}

@media only screen and (max-width: 1199px) {
	.content3{width:88%;}
}

@media only screen and (max-width: 1023px) {
	.content,.content2{		
		width:90%;		
		margin-top:48px;
	}
}

@media only screen and (max-width: 899px) {
	.wrap2{background:rgba(238,248,249,0.35);margin-bottom: 50px;}

	.wrap3{background:rgba(238,248,249,0.35);margin-bottom: 50px;}

	.content3{padding:60px 0 50px;font-size:0.875rem;}
}
/* -------------------------------------------------------------------------- */
#logoSection{width:25%;float:left;text-align:center;}
#logoSection img{width:48%;}

#article{
	width:75%;
	float:right;
	padding:0 15px 0 50px;
	font-size:0.975rem;
	line-height:1.85;
	border-left:1px solid #c0c0c0;
}

.divisionM{width:45%;margin:2%;float:left;text-align:center;padding:98px 30px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;position:relative;z-index:0;}
.divisionM:after{content:"";width:100%;height:100%;z-index:1;position:absolute;top:0;left:0;}
.divisionM:hover:after{background:rgba(0,0,0,0.3);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}

.divisionM section{width:100%;height:100%;padding:45px 30px;position:absolute;top:0;left:0;z-index:2;outline:1px solid #fff;outline-offset:-9px;}
.divisionM:hover{-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}

.divisionM .title{display:block;font-size:1.5rem;color:#fff;font-weight:500;margin-bottom:30px;font-family: 'Noto Sans JP',sans-serif;text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;}

.divisionM:nth-of-type(1){background:url(../images/bgDivisionM1.jpg) no-repeat center center;background-size:100%;}
.divisionM:nth-of-type(2){background:url(../images/bgDivisionM2.jpg) no-repeat center center;background-size:100%;}
.divisionM:nth-of-type(3){background:url(../images/bgDivisionM3.jpg) no-repeat center center;background-size:100%;}

.divisionM:nth-of-type(1):hover,.divisionM:nth-of-type(2):hover,.divisionM:nth-of-type(3):hover,.divisionM:nth-of-type(4):hover,.divisionM:nth-of-type(1):hover{background-size:110%;}


.divisionM .btn{display:inline-block;background:rgba(255,255,255,0.9);padding:10px 60px;position:relative;}
.divisionM .btn::after{content:"";width: 15px; height:5px; position:absolute;top:20px;right:28px;border: solid #333;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg
);}
.divisionM .btn:hover::after{right:25px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

@media only screen and (max-width: 1023px) {
	.divisionM .title{font-size:1.35rem;}
	
	#logoSection img{width:40%;}
	#article{
		line-height:2;
	}
}
@media only screen and (max-width: 859px) {	
	.divisionM{width:46%;margin:2%;background-size:cover!important;}
	.divisionM section{padding:45px 15px;}
	.divisionM .title{font-size:1.25rem;}
}
@media only screen and (max-width: 799px) {
	#logoSection{width:20%;}
	#logoSection img{width:70%;}
	#article{width:80%;}
}
@media only screen and (max-width: 719px) {	
	.divisionM{width:48%;margin:1%;}
	.divisionM .title{font-size:1rem;}
	.divisionM .btn{padding:8px 40px;}
	.divisionM .btn::after{top:18px;right:15px;}
	.divisionM .btn:hover::after{right:9px;}
}
@media only screen and (max-width: 599px) {	
	.divisionM{width:96%;margin:2%;}
	.divisionM .title{font-size:1.25rem;}
	#logoSection{display:none;}
	#article{width:100%;border-left:3px double #008e8e;padding-left:20px;}
}

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

.topicItemTable{
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #f0f0f0;
}
.topicItemTable:hover{
	background:#fff;
}
.topicItemTable td{
	padding:15px 0;
	vertical-align:top;
	font-size:0.85rem;	
	text-align:justify;
}
.dateTd{	
	width:8em;
	color:#999;
	font-size:0.75rem;
}
/* --------------------------------------------------- */
.topicTitle{
	font-size:1.125rem;
	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.875rem;
}
@media (max-width: 1023px){
	.article{
		width:100%;
	}
	.topicItemTable td{
		padding:5px 0;
	}
	.topicItemTable{
		width:100%;		
		border-top:1px solid #ccc;
		border-bottom:none;
	}
}
@media (max-width: 719px){
	.topicTitle{
		text-align:left;
		font-size:1.125em;
	}			
	.topicDate{
		text-align:right;
	}
	.topicContent{
		font-size:0.925em;
	}
}
/* ------------------------------------------------------ */
#img01{width:52%;float: left;}
#describeS1{width:43%;float: right;}

#img02{width:52%;float: right;}
#describeS2{width:43%;float: left;}

#img03{width:52%;float: left;}
#describeS3{width:43%;float: right;}

#img04{width:52%;float: right;}
#describeS4{width:43%;float: left;}

#img05{width:52%;float: left;}
#describeS5{width:43%;float: right;}

@media (max-width: 899px){
	#img01{width:100%;float: none;margin: 10px auto;}
	#describeS1{width:100%;float: none;}

	#img02{width:100%;float: none;margin: 10px auto;}
	#describeS2{width:100%;float: none;}

	#img03{width:100%;float: none;margin: 10px auto;}
	#describeS3{width:100%;float: none;}

	#img04{width:100%;float: none;margin: 10px auto;}
	#describeS4{width:100%;float: none;}

	#img05{width:100%;float: none;margin: 10px auto;}
	#describeS5{width:100%;float: none;}
}
/* ------------------------------------------------------ */
#table1{
	width:100%;
	margin:0 auto 60px;	
}
#table1 td{
	font-size:1em;
	border:1px solid #999;
	padding:13px 8px;
}
#table1 .titleTd{
	width:130px;
	text-align:center;
	letter-spacing:2px;
	font-weight:600;
}
/* --------------contact------------ */
#contactWrap{width:100%;padding:50px 0;text-align:center;background:url(../images/bgContact.jpg) no-repeat;background-size:cover;}
.contactM{width:44%;margin:3%;background:rgba(255,255,255,0.9);padding:20px;display:block;float:left;}
.contactM:hover{background:rgba(255,255,255,0.95);}
.contactM span:nth-of-type(1){font-size:4rem;color:#0087cd;}
.contactM span:nth-of-type(2){font-size:1.5rem;color:#0087cd;font-family: 'Noto Sans JP',sans-serif;font-weight:600;}
.telWord{font-size:0.75em!important;}
.telSpan{font-size:1em!important;}
.contactM span:nth-of-type(3){font-size:0.825rem;font-weight:500;}
.contactM span:not(.telSpan, .telWord){display:block;}

@media (max-width: 759px){
	.contactM span:nth-of-type(2){font-size:1.25rem;}
}
@media (max-width: 719px){
	.contactM{width:46%;margin:2%;}
	.contactM span:nth-of-type(3){font-size:0.75rem;}
}
@media (max-width: 619px){
	.contactM span:nth-of-type(1){font-size:3rem;}
	.contactM{width:96%;margin:3% 2%;}
}

/* --------------footer------------ */
#footerWrap{
	width:100%;
	background:#f0f0f0;
	padding:70px 0 0;
}
footer{
	width:950px;
	margin:0 auto 50px;
	color:#333;
}

#footerC2{padding:20px 0 0;}
#logoFooter img{width:28%;padding-bottom:15px;}
#mapA{background:#ccc;color:#fff;font-size:0.65rem;letter-spacing:0;padding:0 3px 1px;}
#mapA:hover{background:#999;}

#contactM{font-size:0.875rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 50px;margin:20px auto;font-family: 'Noto Sans JP',sans-serif;font-weight:500;}
#contactM a{font-size:1.65em;color:#333;}
#contactM a:hover{font-size:1.65em;color:#666;}

#footerC1{padding:0 40px;}

#copyright{
	width:100%;
	background:#646769;
	color:#fff;
	font-size:0.75rem;
	padding:20px 0!important;
	text-align:center;
	margin:0;
}
#copyright a{
	color:#fff;
}

.navBottomUl{
	list-style:none; 
	float:left;
	font-size:0.8rem;
	font-weight:500;
}
.navBottomUl li a{padding:8px 0;color:#333;}
.navBottomUl:nth-of-type(1){width:15%;}
.navBottomUl:nth-of-type(2){width:15%;}
.navBottomUl:nth-of-type(3){width:23%;}
.navBottomUl:nth-of-type(4){width:17%;}
.navBottomUl:nth-of-type(5){width:15%;}
.navBottomUl:nth-of-type(6){width:15%;}

.navBottomUl .subLi{text-indent:0.35em;font-size:0.65rem;font-weight:400;}

.navBottomUl li a:hover{padding:8px 0;color:#666;}

@media (max-width: 1023px){
	footer{width:100%;}
}
@media (max-width: 867px){
	#contactM span{display:block;}
	.navBottomUl{width:16.6%!important;font-weight:400;}
	.navBottomUl .subLi{display:none;}
}
@media (max-width: 659px){	
	#logoFooter img{width:70%;}
	#contactM{font-size:0.825rem;border-top:none;border-bottom:none;padding:20px 20px 10px;margin:20px auto;font-weight:400;}
	#addressP{padding:0 10px;font-weight:500;font-size:0.75rem;}
	.navBottomUl{display:none;}
}
@media (max-width: 399px){	
	#contactM{font-size:0.75rem;}
	#copyright{font-size:0.65rem;}
	#copyright span{display:none;}
}
@media (max-width: 339px){	
	#logoFooter img{width:65%;}
}
/*-------------------------*/
#goToTopBtn{
	position:fixed;
	bottom: 25px;
	right: 10px;
	display: none; 
	cursor: pointer;
}
#goToTopBtn img{
	width:45px;
}
/*-------------------------*/
.module1{
	background: #ef9c00; 
	padding: 2px 5px 2px; 
	font-size: 0.725rem; 
	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;
}