/* font-family: "Zen Maru Gothic", serif; */

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

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

*,*::after,*::before{box-sizing: border-box;}

.clearfix:before,.clearfix:after {display: block;line-height: 0; content: ""; display:block; height:0;clear:both;}

/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;}

/*-------------------Comment1-----------------------*/
.line1{width:100%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:20px;margin-bottom:10px;}
.line2{width:100%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}

.hr-mid-circle,.hr-mid-square {border: 0;color:#ab9e80;background: linear-gradient(currentColor, currentColor) no-repeat center;background-size: 100% 1px;}
.hr-mid-circle::before {content: '';display: block;width: .75em; height: .75em;border-radius: 50%;background-color: currentColor;margin: auto;}
.hr-mid-square::before {content: '';display: block;width: .75em; height: .75em;transform: rotate(45deg);background-color: currentColor;margin: 3px auto;}
.hr-mid-circle[multiline]::before {box-shadow: 1.5em 0, -1.5em 0;}
.hr-mid-square[multiline]::before {box-shadow: 1.25em -1.25em, -1.25em 1.25em;}
.hr-space-square {border: 0;color: #d0d0d5;background: linear-gradient(currentColor, currentColor) no-repeat center;background-size: calc(100% - 1.5em - 6px) 1px;display: flex;justify-content: space-between;}

.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;}
.stress4{font-weight:600!important;color:#ba6b3a;}

.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;}
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{font-family:"Zen Maru Gothic", YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;font-weight:400;color: #454545; line-height:1.6;letter-spacing:1px;text-align:justify;}
body:before{content:"";width:100%;height:100%;position:fixed;top:0;left:0;background:url(../images/bg.jpg) no-repeat bottom center;background-size:cover;z-index:-1;}

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

.title1{font-size:1.75rem;color:#e8528a;letter-spacing:1px;font-weight:normal;line-height:1.5;margin-bottom:25px;text-transform:uppercase;font-weight:300;}
.title1 span{display:block;font-size:0.55em;color:#454545;}

.btn1{width:230px;display:block;padding:10px 12px; color:#e8528a!important;border:1px solid #d0a12f;text-align:center;margin:30px auto 20px;background-color:rgba(255,255,255,0.7);font-size:0.925rem;}
.btn1:hover{background-color:rgba(255,255,255,0.4);}
.btn1::after{content:"";display: inline-block; width: 13px; height: 4px; margin: 0 0 1px 1em;border: solid #666;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg);}
.btn1:hover::after{margin-left:1.25em;}

.btn1 i{color:#fe9cba;animation:rotate1 3s linear infinite;}

@-webkit-keyframes rotate1{
	from{-webkit-transform:rotate(0);transform:rotate(0);}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

@keyframes rotate1{
	from{-webkit-transform:rotate(0);transform:rotate(0);}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

#header{width:100%;height:90px;	background:rgba(255,255,255,0.98);position:fixed;top:0;z-index:12;text-align:center;font-weight:400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row ;
	        flex-direction: row ;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

#siteNameA{width:160px;-webkit-box-flex:0;-ms-flex:0 1 15%;flex:0 1 15%;}
#siteNameA a{display:block;width:190px;padding:0 10px;}
#siteNameA a img{width:100%;}

#navWrap{-webkit-box-flex:0;-ms-flex:0 0 750px;flex:0 0 750px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
#navWrap ul{height:95%;}
#navWrap ul li{list-style:none;float:left;width:14.28%;}
#navWrap ul li:nth-of-type(5){display:none;}
#navWrap ul li a{width:100%;height:100%;display:block;font-size:0.925rem;;}
#navWrap ul li a span{font-size:0.925em;display:block;}

#infoM{-webkit-box-flex:0;-ms-flex:0 1 220px;flex:0 1 220px;line-height:1.4;}
#infoM span{display:block;}
#infoM span:nth-of-type(1){font-size:1.5rem;}
#infoM span:nth-of-type(2){font-size:0.825rem;}
#infoM span:nth-of-type(3){font-size:0.825rem;}

#navIcon{
	width:70px;height:70px;
	position:fixed;top:10px;right:10px;
	z-index:14;
	background:#fe87b4; 
	padding:9px 0;		
	font-weight:300;font-size:0.75rem;letter-spacing:0.5px;
	color:#fff;			
	line-height:110%;
	text-align:center; 
	cursor: pointer;
	display:none;
}
.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
	width: 40px;height: 2px;
	background:#fff;
	margin: 8px auto;
	transition: 0.3s;
	border-radius:2px;
}	

/* 旋转第一条横线 */
.close .nav-icon-first {
	width: 40px;
	-webkit-transform: rotate(-135deg) translate(-7.5px,-7px);
	transform: rotate(-135deg) translate(-7.5px,-7px);
}
/* 隐藏第二条横线 */
.close .nav-icon-second {
	opacity: 0;
}
/* 旋转第三条横线 */
.close .nav-icon-thrid {
	width: 40px;
	-webkit-transform: rotate(135deg) translate(-7.5px,7px);
	transform: rotate(135deg) translate(-7.5px,7px);
}

#show{
	width:100%;height:72vh;background:url(../images/show.jpg) no-repeat top center;background-size:cover;position:relative;padding-top:90px;margin-bottom:50px;text-align:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column ;
	        flex-direction: column ;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}

#siteNameShow{width:25%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-bottom:100px;}
#siteNameShow img{width:100%;}

#showInfoM{line-height:1.4;text-align:center;-webkit-box-flex:0;-ms-flex:0 1 18%;flex:0 1 18%;font-weight:300;}
#showInfoM span{display:none;}
#showInfoM span:nth-of-type(1){font-size:1.75rem;}
#showInfoM span:nth-of-type(1) a{font-size:2.25rem;}
#showInfoM span:nth-of-type(2){font-size:1.25rem;}
#showInfoM span:nth-of-type(3){font-size:1.25rem;}

#showC{width:100%;height:290px;margin:0 auto 50px;background:url(../images/showC.jpg) center center no-repeat;background-size:cover;;padding-top:150px;}

#campaign{width:1100px;margin:0 auto 50px;}
#campaign img{width:100%;}

.content1{width:1100px;margin:10px auto 50px;}
.content2{width:1100px;margin:20px auto 70px;padding:40px;background:rgba(255,255,255,0.7);font-size:0.875rem;}
.content2 p{padding-bottom:15px;}

#newMessage{width:1000px;margin:0 auto;padding:40px;overflow:hidden;background:rgba(255,255,255,0.7);border:1px solid #ffaab6;}
.newMessageTitle{color:#e8528a;font-size:1rem;}
.date{padding:2px 5px;background:#fcecef;font-size:0.725rem;color:#fdadb7;display:inline-block;margin-bottom:10px;}
.message{font-size:0.85rem;font-weight:300;}

footer{width:100%;margin:80px auto 20px;text-align:center;padding:60px 10px 30px;background:url(../images/bgFooter1.jpg) no-repeat;background-size:cover;}

#navBtnBottom{width:1100px;margin:20px auto 60px;text-align:center;}
#navBtnBottom ul li{list-style:none;display:inline-block;width:30%;vertical-align:middle;overflow:hidden;position:relative;}

#navBtnBottom ul li:nth-of-type(2),#navBtnBottom ul li:nth-of-type(3){margin-left:30px;}
#navBtnBottom ul li a{
	width:100%;height:100%;display:block;
	font-size:1.5rem;color:#fff;
	padding-top:38px;
	text-transform:uppercase;
	backdrop-filter: brightness(100%);
	-webkit-backdrop-filter: brightness(100%);
	position:absolute;top:0;left:0;
}
#navBtnBottom ul li a span{display:block;padding-top:5px;font-size:0.6em;}
#navBtnBottom ul li a:hover{
	backdrop-filter: brightness(105%);
	-webkit-backdrop-filter: brightness(105%);
}

#siteNameBottom img{width:260px;margin-bottom:30px;}

#navBottom{text-align:center;margin-bottom:30px;}
#navBottom li{list-style:none;display:inline-block;padding:3px 10px;position:relative;}
#navBottom li:not(:last-child):before{content:"";width:1px;height:55%;background:#ccc;position:absolute;top:25%;right:0;}
#navBottom li a{width:100%;height:100%;display:block;font-size:0.925rem;}

#navB{width:100%;position:fixed;left:0;bottom:0;z-index:11;display:none;background:rgba(255,255,255,0.9);}
#navB li{list-style:none;float:left;width:18%;background:#e8528a;border-radius:6px;margin:1%;}
#navB li a{width:100%;height:70px;padding-top:15px;display:block;font-size:0.75rem;color:#fff;text-align:center;}
#navB li a i{font-size:1.65em;display:block;}

#copyright{font-size:0.875rem;}

#table1{ width:95%;margin:10px auto;}
#table1 td{padding:5px 10px;font-size:0.925rem;padding:10px 10px;}
#table1 .itemTitle{ background:#fce1e6;color:#e98699;text-align:center;padding:8px 10px;font-size:1rem;}

#wrapMap{width:95%;margin:0 auto;}

.staffFrameB{width:18%;margin:20px 1%;float:left; text-align:center;font-size:0.75rem;padding-bottom:10px;position:relative;overflow:hidden;}
.staffFrameB img:nth-child(1){width:100%;}
.staffFrameB:hover{opacity:0.95;}
.nameSpan{font-size:1rem;color:#e8528a;}
.nameSpan span{font-size:0.75em;}
.profileSpan{font-size:0.725rem;}

.newYOrN{width:80px;height:40px;line-height:57px;text-align:center;position:absolute;top:-12px;left:-34px;background:#d12831;color:#fff;transform:rotateZ(-45deg);font-family:'Parisienne',cursive;font-size:1.15rem;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;z-index:1;}

#dateA{text-align:center;}
#dateA a{background:rgba(255,255,255,0.6);font-size:0.875rem;display:inline-block;padding:8px 12px;margin:5px;border:1px solid #666;color:#333;}
#dateA a:hover{background:#333;color:#fff;}
/* ------------------------------------------------------------- */
@media (max-width: 1179px) {	
	#navIcon{display:block;}
	
	#infoM{margin-right:90px;}
	
	#navWrap{width:430px;height:100%;position:fixed;top:0;right:0;background:rgba(255,255,255,0.90);display:none;}
	#navWrap ul{width:85%;margin:150px auto 50px;}
	#navWrap ul li{width:50%;margin-bottom:25px;}
	#navWrap ul li a{font-size:1.075rem;}
	
	.content1{width:95%;margin:10px auto 50px;font-size:0.85rem;}
	.content2{width:95%;margin:20px auto 70px;font-size:0.85rem;}
	
	#campaign{width:95%;}
	
	#newMessage{width:95%;}
	
	#navBtnBottom{width:98%;}
	
	#wrapMap{width:100%;}
}

/* ------------------------------------------------------------- */
@media (max-width: 767px) {
	#header{height:70px;}
	
	#navIcon{-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);top:1px;right:1px;}
	
	#navWrap{width:100%;}
	#navWrap ul li:nth-of-type(5){display:block;}
	
	#show{background:url(../images/show.jpg) no-repeat top center;background-size:cover;}
	
	#showC{margin-bottom:0;height:200px;padding-top:100px;}
	
	#siteNameShow{width:60%;margin-bottom:10px;}
	
	#infoM{display:none;}
	
	#showInfoM{margin-bottom:20px;padding:10px;border-radius:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);}
	#showInfoM span{display:block;}
	
	.content1{width:95%;margin:10px auto 50px;}
	.content2{width:95%;margin:0 auto 40px;padding:20px;}
	
	#campaign{width:100%;}
	
	footer{margin:100px auto 70px;}
	
	#navBtnBottom{width:95%;}
	#navBtnBottom ul li{width:100%;float:none;margin-bottom:10px;margin-left:0!important;}
	
	#navBottom{width:70%;margin:0 auto 50px;text-align:left;}
	#navBottom li{width:49%;position:relative;padding-left:40px;}
	#navBottom li:not(:last-child):before{content:none;}
	
	#navBottom li a span{display: inline-block;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #454545;padding-right:3px;}
	
	.staffFrameB{width:30%;margin:20px 1.66%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 599px) {	
	#navBtnBottom{width:95%;}
	
	#newMessage{padding:25px;}
}
/* ------------------------------------------------------------- */
@media (max-width: 499px) {	
	#navBottom{width:90%;}
	
	.staffFrameB{width:46%;margin:20px 2%;}
	
	#siteNameBottom img{width:180px;}
}
/* ------------------------------------------------------------- */
@media (max-width: 349px) {	
	#navBottom{width:95%;}
	
	#newMessage{padding:10px;}
	
	#navBottom li{padding-left:20px;}
	
	#navB li a{height:60px;}
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
}