@charset "UTF-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Lobster&family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@300;400;500;600;700&family=RocknRoll+One&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.75rem;}

.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:'Noto Serif JP',"游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN W3",HiraMinProN-W3,"ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho", sans-serif;font-size:1em;font-weight:400;color: #333; line-height:1.6;letter-spacing:1px;text-align:justify;-webkit-text-size-adjust:none;font-weight:300;background:url(../images/bg.png);}

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{background:url(../images/bgTitle1.png) no-repeat center center;background-size:100px;text-align:center;line-height:1.1;padding-bottom:30px;}
.title1Wrap h2{font-size:1.65rem;font-weight:normal;padding:40px 0 10px 0;color:#333;text-transform:uppercase;letter-spacing:5px;}
.title1Wrap span{font-size:0.85rem;color:#d8a561;color:#666;}

.title3{font-size:0.925rem;color:#9b0116;position:relative;display:inline-block;font-weight:bolder;}
.title3::before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 3px;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(237,156,1,0.09), rgba(237,156,1,0.5));
}

.title5{font-family: 'Courgette',cursive;font-size:0.875rem;font-weight:400;}

.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);font-family: 'RocknRoll One',sans-serif;font-size:0.9rem;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:80px;margin:0 auto;position:relative;}
#siteNameA{position:absolute; top:5px;left:0;}
#siteNameA img{height:70px;}

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

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

#navIconOpen,#navIconClose{display:none;}
#navWrapMobile{width:100%;height:100vh;overflow:hidden; overflow-y:auto; background:rgba(255,255,255,0.975); z-index:11; position:fixed;top:0;display:none;}

#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.9rem;position:relative;color:#333;}
#navMobile li a span{padding-left:5px;font-size:0.75em;}
#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;position:relative;overflow:hidden;}

.style2Wrap{padding:50px 0;background: url(../images/bgStyle2Wrap.jpg) no-repeat;background-size:cover;}
.style3Wrap{text-align:center;}
.style4Wrap{padding:50px 0;background: url(../images/bgStyle4Wrap.jpg) no-repeat;background-size:cover;}
.style6Wrap{padding:50px 0;background:#f6f6f4 url(../images/bgStyle6Wrap.jpg) no-repeat bottom right;background-size:30%;}
.style7Wrap{padding:50px 0;text-align:center;}

.showC{width:100%;height:300px;background:url(../images/showCBg2.jpg) no-repeat center center;background-size:cover;padding-top:110px;}

#show{width:100%;height:730px;background:url(../images/showBg.jpg);}
#showC{width:1000px; height:730px;margin:0 auto;position:relative;}

.slideWrap{width:610px;height:499px;position:absolute;top:150px;right:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.slideWrap .slider a img{width:100%;border:7px solid #fff;}
#concept{width:540px;position:absolute;top:240px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.content{width:950px;margin:0 auto;padding:3%;background: rgba(255, 255, 255, 0.85);outline: solid 2px rgba(255, 255, 255, 0.85);outline-offset:2px;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.contentC{width:95%;font-size:0.875em;margin:0 auto;}

.mask{width:100%;height:100%;background:rgba(255,255,255,0.95);position:absolute;top:0;left:0;z-index:11;}

#covidImg{width:745px;padding:80px 0;}

#campaign{margin:0px auto 80px;overflow:hidden; text-align:center;position:relative;}

#newMessage{width:78%;margin:0 auto;padding:6%;background: rgba(255, 255, 255, 0.75);outline:solid 2px rgba(255, 255, 255, 0.85);outline-offset:2px;overflow:hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px}
.newMessageTitle{font-weight:bolder;color:#f34b43;font-size:1rem;font-family: 'RocknRoll One',sans-serif;}
.date{font-size:0.825rem;color:#999;margin-bottom:20px;}
.message{font-size:0.775rem;}

#newStaff,#pickUpStaff{width:420px;display:inline-block;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border:6px solid #fff;padding:40px 10px; margin:0 10px;}
#newStaff{background:url(../images/bgNew.jpg) no-repeat;background-position:left top;background-size:cover;}
#pickUpStaff{background:url(../images/bgNew.jpg) no-repeat;background-position:right bottom;background-size:cover;}
#newStaffC,#pickUpStaffC{width:80%;margin:0 auto;padding:3%;background: rgba(255, 255, 255, 0.75);outline: solid 2px rgba(255, 255, 255, 0.85);outline-offset:2px;overflow:hidden;}
#newStaff .staffItem{width:100%;margin:0;} 

#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.775rem;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: 0.5px solid #c0c0c0;font-size:0.875rem;}
#table1 td a{color:#333!important;}
#table1 .itemTitle{color:#ea839d;width:7.25em; font-weight:500; height:35px;text-align:center;}

.staffItem{width:220px;display:inline-block;margin:20px;background:rgba(255,255,255,0.5);padding:6px 6px 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;text-align:center;}
.staffItem .staffImg{width:100%;}
.name{font-size:0.925rem;;}
.name span{font-size:0.75em;color:#999;}
.style{font-size:0.75rem;color:#999;}
.time{background:#f9a6ce;color:#fff;font-size:0.75rem;padding:3px 0;}

#dateA{text-align:center;}
#dateA a{font-size:0.875rem;display:inline-block;padding:7px 18px;margin:5px;border:1px solid #333;color:#333;}
#dateA a:hover{background:#333;color:#fff;}
/* ------------------------------------------------------------- */
@media (max-width:1023px){
	#headerC{width:100%;}
	#navPC li a{padding:0 8px;}	
	
	#showC{width:98%; height:730px;margin:0 auto;position:relative;}
	
	.content{width:96%;}
	
	.style7Wrap{padding:20px 0;}
	
	#attentionC{width:88%;}
	
	footer{width:98%;}
	#footerSiteName img{width:180px; position:absolute;bottom:2px;}
}
/* ------------------------------------------------------------- */
@media (max-width:959px){
	#openTimeModulePC{display:none;}
	#navPC{display:none;}	
	
	#navIconOpen,#navIconClose{
		display:block;
		position:absolute;
		top:21px;
		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:#333;
		width:25px;
		height:1px;
		-webkit-transform: rotate(-135deg) translate(-5px,-5px);
		-ms-transform: rotate(-135deg) translate(-5px,-5px);
			transform: rotate(-135deg) translate(-5px,-5px);
	}
	#navIconClose .nav-icon-second {
		opacity: 0;
	}
	#navIconClose .nav-icon-thrid {
		background:#333;
		width:25px;
		height:1px;
		-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:5px;}
	
	.showC{height:270px;}
	
	#showC{height:auto;}
	
	#navSiteName img{width:200px;margin:10px auto;}	
	
	#covidImg{width:80%;margin:0 auto;}
	#covidImg img{width:100%;}
	
	#newStaff,#pickUpStaff{width:45%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 789px){
	.staffItem{width:30%;margin:1%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 719px){		
	#show{height:auto;margin-top:80px;background:none;}
	#showC{width:100%;}
	
	.slideWrap{width:100%;height:auto;position:static;box-shadow:unset;}
	.slideWrap .slider a img{border:none;}
	#concept{width:65%;top:390px;left:17.5%;}
	
	.content{width:90%;}
	
	#covidImg{width:90%;padding:120px 0 30px;}
	
	#campaign{width:90%;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;margin:0 auto 20px;}
	#campaign img{width:100%;border:5px solid #fff;}
	
	#newMessage{width:85%;}
	.newMessageTitle{font-size:1em;}
	
	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;}
	#newStaff,#pickUpStaff{margin:0 5px;padding:30px 5px;}
}
/* ------------------------------------------------------------- */
@media (max-width:619px){
	#concept{width:75%;top:330px;left:12.5%;}
	
	#covidImg{padding:160px 0 30px;}
	
	#newStaff .title1Wrap h2,#pickUpStaff .title1Wrap h2{font-size:1.25rem;padding:30px 0 0 0;letter-spacing:3px;}
	#newStaffC,#pickUpStaffC{width:92%;}
	
	.staffItem{width:31%;margin:5px;}
	.name{font-size:0.75rem;}
	.style{font-size:0.725rem;}
	.time{font-size:0.725rem;}
}
/* ------------------------------------------------------------- */
@media (max-width: 519px){
	#siteNameA{top:8px;}
	#siteNameA img{height:65px;}
	
	#concept{width:85%;top:260px;left:7.5%;}
	
	#covidImg{padding:140px 0 30px;}
	
	#newStaff .title1Wrap h2,#pickUpStaff .title1Wrap h2{font-size:1.25rem;}
	
	.showC{background:url(../images/showCBgMobile2.jpg) no-repeat center center;background-size:cover;}
}
/* ------------------------------------------------------------- */
@media (max-width: 459px){	
	#siteNameA img{height:60px;}
	
	.title1Wrap h2{font-size:1.5rem;letter-spacing:3px;}
	
	#concept{width:95%;top:230px;left:2.5%;}
	
	#covidImg{padding:150px 0 10px;}
	
	#newStaff .title1Wrap h2,#pickUpStaff .title1Wrap h2{font-size:1rem;padding:20px 0 0 0;letter-spacing:1px;}
	
	.showC{background:url(../images/showCBgMobile2.jpg) no-repeat center center;background-size:cover;}
	
	.staffItem{width:32%;margin:2px;}
	.name{font-size:0.75rem;}
	.style{font-size:0.725rem;}
	.time{font-size:0.725rem;letter-spacing:0;}
}
/* ------------------------------------------------------------- */
@media (max-width: 399px){
	#siteNameA{top:10px;}
	#siteNameA img{height:55px;}
	
	#newStaff .title1Wrap h2,#pickUpStaff .title1Wrap h2{font-size:0.875rem;padding:20px 0 0 0;letter-spacing:0;}
	#newStaff .title1Wrap span,#pickUpStaff .title1Wrap span{font-size:0.75em;}
	
	.showC{background:url(../images/showCBgMobile2.jpg) no-repeat center center;background-size:cover;}
}
/* ------------------------------------------------------------- */
@media (max-width: 319px){
	
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 819px){
	
}