@charset "UTF-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Lobster&display=swap');
/*-------------------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.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;}
/*------------------ Comment2 ---------------*/
body{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:1em;color: #333; line-height:1.6;letter-spacing:1px;text-align:justify;-webkit-text-size-adjust:none;font-weight:300;}

a:link{ text-decoration: none; color:#ea839d;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a:visited{color:#ea839d; }
a:hover{color:#df8e2e; }
a:active{ color:#df8e2e;}

.title1Wrap{width:260px;height:190px;margin:0 auto;background:url(../images/title1Bg.png) no-repeat;background-size:cover;text-align:center;line-height:1.1;margin-bottom:30px;font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.title1Wrap h2{font-size:1.65rem;padding:70px 0 0 0;color:#666863;font-weight:normal;}
.title1Wrap span{font-size:0.75rem;color:#d8a561;font-weight:bold;}

.title5{font-size:0.875rem;font-weight:400;font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.btn1{display:inline-block;padding:8px 60px 10px; color:#f34b43!important;border:1px solid #f34b43;text-align:center;margin:10px auto;background-color:rgba(255,255,255,0.8);border-radius:50%;position:relative;}
.btn1:hover{background-color:rgba(255,255,255,0.1);}
.btn1::after{content:"";width: 13px; height: 4px; position:absolute;top:20px;right:42px;border: solid #f34b43;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg
);}
.btn1:hover::after{right:30px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.fab{
	-webkit-transform: rotate(360deg);
	animation: rotation 3s linear infinite;
	-moz-animation: rotation 3s linear infinite;
	-webkit-animation: rotation 3s linear infinite;
	-o-animation: rotation 3s linear infinite;
}
@-webkit-keyframes bounce-up {
	10% {-webkit-transform: rotate(-15deg);}
	50%, 100% {-webkit-transform: rotate(0deg);}
	75% {-webkit-transform: rotate(7deg);}
}
@keyframes bounce-up {
	5% {transform: rotate(-5deg);}
	10% {transform: rotate(-10deg);}
	15% {transform: rotate(-15deg);}
	20% {transform: rotate(-10deg);}
	25% {transform: rotate(-5deg);}
	30% {transform: rotate(0deg);}
	35% {transform: rotate(5deg);}
	40% {transform: rotate(10deg);}
	45% {transform: rotate(5deg);}
	50% {transform: rotate(0deg);}
	55% {transform: rotate(-5deg);}
	60% {transform: rotate(-10deg);}
	65% {transform: rotate(-15deg);}
	70% {transform: rotate(-10deg);}
	75% {transform: rotate(-5deg);}
	80% {transform: rotate(0deg);}
	85% {transform: rotate(5deg);}
	90% {transform: rotate(10deg);}
	95% {transform: rotate(5deg);}
	100% {transform: rotate(0deg);} 
}
.animate-bounce-up{ webkit-animation: bounce-up 2s linear infinite;animation: bounce-up 2s linear infinite;}

/*------------------ Template ---------------------*/
#header{width:100%;background:rgba(255,255,255,0.99);position:fixed;top:0;left:0;z-index:11;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
#headerC{width:1000px;height:50px;margin:0 auto;position:relative;}
#siteNameA{position:absolute; top:0px;left:0;}
#siteNameA img{height:50px;}

#navPC{position:absolute;top:0px;right:140px;}
#navPC li{display:inline-block;}
#navPC li a{font-size:0.75rem;display:block;height:50px;line-height:50px;padding:0 10px;position:relative;color:#333;}
#navPC li:not(:last-child) a::after{content:"";width:0.75px;height:12px;position:absolute;top:20px;right:-2px;background:#ccc;}

#openTimeModulePC{width:140px;height:50px;line-height:50px;position:absolute;top:0;right:0;font-size:0.75rem;background:#ea839d;color:#fff;text-align:center;overflow:hidden;}
#openTimeModulePC a{color:#fff;}

#navIconOpen,#navIconClose{display:none;}
#topIconNav{display:none;}
#navWrapMobile{width:100%;height:100vh;overflow:hidden; overflow-y:auto; background:rgba(255,255,255,1); z-index:11; position:fixed;top:0;display:none;}
#navHeader{width:100%;padding:30px 30px 30px;text-align:center;color:#fff;background: linear-gradient(90deg, rgba(208,81,145,1), rgba(219,101,140,1),rgba(226,114,136,1),rgba(232,125,134,1));background-size:100% 100%;animation: gradient 5s ease infinite;font-size:0.85rem;}

#telAMobile{border:1px solid #fff;border-radius:23px;padding:9px 20px;font-size:1rem;font-weight:500;text-align:center;display:inline-block;color:#fff;margin:10px auto 5px;}

#navMobile{width:82%;margin:20px auto 20px;}
#navMobile li{list-style:none;}
#navMobile li a{width:100%;height:48px;line-height:48px;display:block;border-bottom:1px dotted #ccc;font-size:0.85rem;font-weight:500;position:relative;color:#333;}
#navMobile li a::after{content:"";width: 13px; height: 5px; position:absolute;top:25px;right:2px;border: solid #333;;border-width: 0 1px 1px 0;transform-origin:left bottom;transform: skewX(45deg
);}

.style1Wrap,.style2Wrap,.style3Wrap,.style4Wrap,.style5Wrap,.style6Wrap{width:100%;padding:20px 0;margin-bottom:20px;}

.style1Wrap{}
.style2Wrap{background:#fef4f8;padding:50px 0;background: linear-gradient(-45deg, rgba(254,244,248,0.35), rgba(239,208,220,0.25),rgba(241,146,209,0.2),rgba(254,244,248,0.25));background-size: 200% 200%;animation: gradient 10s ease infinite;}
.style3Wrap{}
.style4Wrap{background:#fdf9fd;padding:50px 0;}
.style5Wrap{}
.style6Wrap{background:#fef4f8;margin-bottom:0;padding:30px 0;}

.showC{width:100%;height:320px;background:url(../images/showCBg2.jpg) no-repeat center center;background-size:cover;padding-top:90px;}
.content{width:1000px;margin:0 auto;padding:0px 0;overflow:hidden;}
.contentC{width:95%;font-size:0.875em;margin:0 auto;}

#campaign{width:1000px;margin:0 auto;overflow:hidden;}
#campaign img{width:98%;border:1px solid #f0f0f0;}

#newMessage{width:1000px;margin:0 auto;}
#newMessageC{width:970px;margin:15px auto;padding:10px;font-size:0.875rem;}
.newMessageTitle{color:#f34b43;font-size:1.125rem;font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;font-weight:bold;}
.date{font-size:0.825rem;color:#999;margin-bottom:20px;}

#newStaff{width:1000px;margin:0 auto;}
#access{width:1000px;margin:0 auto;font-size:0.875rem;}

#covid{width:1000px;margin:0 auto;font-size:0.875rem;text-align:center;}
.covidItem{width:14%;background:#a27989;border-radius:10px;display:inline-block;margin:1%;text-align:center;padding:25px 20px;line-height:1.2;color:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.covidItem .fas{font-size:3rem;margin-top:10px;}
.covidItem:nth-of-type(2){background:#d370a7;}
.covidItem:nth-of-type(3){background:#e3b24b;}
.covidItem:nth-of-type(4){background:#b08ab3;}
.covidItem:nth-of-type(5){background:#50a3d9;}
.covidItem:nth-of-type(6){background:#92bf87;}
.covidItem:nth-of-type(7){background:#d17381;}

#attentionC{width:920px;margin:0 auto 50px;font-size:0.875rem;}

#footerWrap{width:100%;background-color:rgba(255,255,255,0.88);padding:20px 0;border-top:3px solid #ea839d;}
footer{width:1000px;height:180px;margin:0 auto;position:relative;}

#navFooter a{width:unset;display:block;padding:0 10px;float:left; text-align:center; position:relative;font-size:0.875rem;color:#333;}
#navFooter a:not(:last-child)::after{content:"";width:0.75px;height:12px;position:absolute;top:7px;right:0;background:#ccc;}

#footerSiteName img{width:250px; position:absolute;bottom:2px;right:0;}

#copyright{font-size:0.75em;text-indent:1em;padding-top:115px;}
#copyright a{color:#333!important;}

#table1{ width:100%;margin:20px auto;}
#table1 td{padding:13px 13px; border: 1px solid #ccc;}
#table1 td a{color:#333!important;}
#table1 .itemTitle{color:#ea839d;width:7.25em; font-weight:500; height:35px;text-align:center;}

.staffFrameB{width:31.33%;margin:1%;float:left; background:rgba(255,255,255,0.6);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;text-align:center;font-size:0.875em;padding-bottom:15px;border-radius:5px;}
.staffFrameB img:nth-child(1){width:100%;padding:8px;}
.staffFrameB:hover{opacity:0.9;}
.nameSpan{font-size:0.75rem; letter-spacing:0;}

/* ------------------------------------------------------------- */
@media (max-width:1023px){
	#headerC{width:100%;}
	#headerC{width:100%;}
	#navPC li a{padding:0 8px;}
	
	.content{width:98%;}
	.showC{background:url(../images/showCBgMobile.jpg) no-repeat center center;background-size:cover;}
	
	#campaign{width:100%;}
	#campaign img{width:100%;}

	#newMessage{width:98%;}
	#newMessageC{width:95%;}
	
	#covid{width:100%;}
	.covidItem{width:25%;margin:2%;}

	#access{width:92%;}
	
	#attentionC{width:92%;}

	#newStaff{width:92%;}
	
	footer{width:98%;}
	#footerSiteName img{width:180px; position:absolute;bottom:2px;}
}
/* ------------------------------------------------------------- */
@media (max-width: 719px){	
	#openTimeModulePC{display:none;}
	#navPC{display:none;}
	
	#topIconNav{display:block;position:absolute;top:8px;right:62px;}
	#topIconNav a{display:inline-block;width:35px;height:29px;background:url(../images/ribon.png) no-repeat;background-size:cover;font-size:0.6rem;color:#333;text-align:center;padding-top:23px;letter-spacing:0;}
	
	
	#navIconOpen,#navIconClose{
		display:block;
		position:absolute;
		top:9px;
		right:15px;
		width:36px;
		height:36px;
		padding:0;
		text-align:center; 
		cursor: pointer;	
		line-height:4px;
		overflow:hidden;
	}
	#navIconClose{display:none;position:fixed;}
	
	.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
		width: 30px;
		height:3px;		
		margin: 5px auto 6px;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.nav-icon-first{
		background:#f34b43;
	}
	.nav-icon-second{
		background:#fe84be;
	}
	.nav-icon-thrid{
		background:#d380fe;
	}
	
	#navIconClose .nav-icon-first {
		background:#fff;
		-webkit-transform: rotate(-135deg) translate(-6.25px,-6.25px);
		-ms-transform: rotate(-135deg) translate(-6.25px,-6.25px);
			transform: rotate(-135deg) translate(-6.25px,-6.25px);
	}
	#navIconClose .nav-icon-second {
		opacity: 0;
	}
	#navIconClose .nav-icon-thrid {
		background:#fff;
		-webkit-transform: rotate(135deg) translate(-6.25px,6.25px);
		-ms-transform: rotate(135deg) translate(-6.25px,6.25px);
			transform: rotate(135deg) translate(-6.25px,6.25px);
	}	
	
	#siteNameA{left:-10px;}
	
	#navSiteName img{width:200px;margin:10px auto 30px;}	
	
	#campaign{width:100%;margin-top:-50px;}
	#campaign img{width:100%;box-shadow:unset;border-radius:0;border:none;}
	
	.newMessageTitle{font-size:1.25em;}
	
	.covidItem{width:35%;margin:4%;}
	
	footer{height:auto;}
	#navFooter{display:none;}
	
	#footerSiteName img{width:200px; display:block; margin:0 auto 20px; position:static;}

	#copyright{font-size:0.75em;text-align:center;text-indent:0;padding:30px 0  0 0;}
}
/* ------------------------------------------------------------- */
@media (max-width: 619px){
	#campaign{margin-top:0px;}
	#campaign img{width:95%;border:1px solid #f0f0f0;padding:5px;}
}
/* ------------------------------------------------------------- */
@media (max-width: 519px){
	.showC{background:url(../images/showCBgMobile2.jpg) no-repeat center center;background-size:cover;}
	.covidItem{width:40%;margin:3%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 319px){
	
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 819px){
	
}