/* font-family: 'Cinzel', serif; */
/* font-family: 'M PLUS 1p', sans-serif; */
/* font-family: 'Noto Sans JP', sans-serif; */
/* font-family: 'Noto Serif JP', serif; */

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=M+PLUS+1p:wght@100;300;400;500;700&family=Noto+Sans+JP:wght@100;200;300;400;500;600&family=Noto+Serif+JP:wght@200;300;400;500;600&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;}

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

/*-------------------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;}
.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:'Noto Serif JP',游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;font-weight:500;color: #333; line-height:1.6;letter-spacing:1px;text-align:justify;}

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

.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:3rem;font-weight:600;padding:40px 0 5px 0;color:#7a4301;letter-spacing:4px;}
.title1Wrap span{display:block;font-size:0.4em;padding-top:15px;color:#7a4301;font-weight:500;font-family: 'Cinzel', cursive;}

.btn1{width:250px;display:block;padding:10px 20px; color:#7a4301!important;border:1px solid #ccc;text-align:center;margin:50px auto 10px;font-weight:400;background-color:rgba(255,255,255,0.9);}
.btn1:hover{background-color:rgba(255,255,255,0.4);}
.btn1::after{content:"";display: inline-block; width: 15px; height: 5px; 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;}

#header{
	width:100%;
	height:80px;
	position:fixed;
	background:#b39c80;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	z-index:11;
}
#siteNameA{position:absolute; left:20px; top:5px;}
#siteNameA img{width:180px;}

#navPC{width:580px;position:absolute;top:5px;left:28%;left:-webkit-calc((100% - 580px)/2);left:calc((100% - 580px)/2);}
#navPC li{padding:10px 20px;float:left;list-style:none;}
#navPC li a{display:block;width:100%;height:100%;color:#fff;text-align:center;font-size:0.875rem;}
#navPC li a:hover{color:#f0f0f0;}
#navPC li a span{display:block;font-size:1.25em;}
#infoPCTop{position:absolute;top:5px;right:20px;padding:5px 25px; background:#98724d;color:#fff;text-align:center;font-size:0.775rem;}
#infoPCTop p a{color:#fff;}

#navIcon{
	display:none;
	position:fixed;
	top:0;
	right:0;
	z-index:12;
	background:#98724d; 
	color:#fff;		
	width:63px;
	height:62px;
	padding:6px 0;
	line-height:110%;
	text-align:center; 
	overflow:hidden;
	cursor: pointer;		
	font-size:0.65rem;
}
.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
	width: 36px;
	height: 3.5px;
	background:#fff;
	margin: 6px auto;
	border-radius:2px;
	transition: 0.3s;
}	

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

#navbar{
	display:none;
	width:500px;
	height:100vh;		
	background:#98724d; 
	z-index:20; 
	position:fixed;
	top:0;
	right:0;
	z-index:11;
}
#navbarUl{width:75%;margin:60px auto 30px;}
#navbarUl li{width:100%;border-bottom:0.75px solid #c2a991;list-style:none;text-align:center;}
#navbarUl li a{display:block;height:63px;line-height:68px;text-indent:1.125rem;color:#fff;font-size:0.825rem;}
#navbarUl li a span{font-size:0.775em;padding-left:10px;text-transform:uppercase;}

#siteNameNavbar{width:180px;}

#show{width:100%;height:100vh;height:-webkit-calc(100vh - 80px);height:calc(100vh - 80px);background:url(../images/bgShow.jpg) top center;background-size:cover;text-align:center;overflow:hidden;}
#show1{width:190px;position:absolute;top:200px;right:80px;}
#show2{position:absolute;display:none;}

#showC{width:100%;height:35vh;background:url(../images/bgShowC.jpg) top center;background-size:cover;text-align:center;overflow:hidden;}

5px auto 5px;color:#fff;}
#telA:hover{background:#7bbfd6;}

#telTime{display:none;}

#wrapCampaign{width:100%;background:url(../images/wrapCampaign.jpg) left center;background-size:cover;padding:80px 0;margin-bottom:80px;}
#campaign{width:960px;margin:0 auto;overflow:hidden;}

.wrapStyle1{width:100%;padding:60px 0;background:#eee0d8;}
.wrapStyle2{width:100%;padding:60px 0;}
.contentStyle1{width:960px;margin:0 auto;overflow:hidden;}

#wrapConcept{width:100%;background:url(../images/wrapCampaign.jpg) left center;background-size:cover;}

.contentStyle2{width:900px;margin:0 auto;padding:90px 0;text-align:center;font-size:1.125rem;line-height:1.9;}
.contentStyle2 h2{font-size:2.25rem;padding-bottom:30px;}
.contentStyle2 p{padding-bottom:30px;text-align:left;}

#newMessage{width:1000px;margin:0 auto 40px;background:#eee0d8;padding-bottom:25px;}
#newMessageC{width:965px;margin:0 auto;background:#fff;padding:40px;box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;}
.newMessageTitle{color:#7a4301;font-size:1.125rem;font-weight:500;}
.date{font-size:0.85em;color:#999;margin:5px 0 20px;}
.message{font-size:0.90rem;font-weight:400;}

#access{width:100%;margin:0 auto;}

#attention{width:100%;margin:0 auto;font-size:0.875rem;background:#fff;padding:30px;box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;}

#linkS{width:100%;padding:3em;}

footer{width:100%;margin:0 auto;background:#b39c80;color:#fff;text-align:center;padding:50px 0 90px;}

#siteNameFooter{width:300px;margin-bottom:50px;}

#navFooter{margin-bottom:40px;}
#navFooter li{list-style:none;display:inline;padding:10px 20px;}
#navFooter a{width:100%;color:#fff;}
#navFooter a img{width:100%;}

#copyright{font-size:0.925em;padding:2em 0;}
#copyright a{color:#fff!important;}

#table1{ width:90%;margin:20px auto;}
#table1 td{padding:15px 25px;}
#table1 .itemTitle{ background:#b39c80;color:#fff;text-align:center;font-weight:bolder;padding:10px 10px;font-size:1.125rem;}

.staffFrameB{width:22%;margin:20px 1%;float:left; background:rgba(251,244,236,0.8);text-align:center;font-size:0.875em;padding-bottom:15px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.staffFrameB img:nth-child(1){width:100%;padding:8px;}
.staffFrameB:hover{opacity:0.9;}
.nameSpan{font-size:0.95em; letter-spacing:0;}
/* ------------------------------------------------------------- */
@media (max-width: 1023px) {	
	#header{height:63px;background:rgba(255,255,255,0.95);box-shadow:none;}
	#siteNameA{display:none;}
	
	#navPC{width:95%;height:63px;top:0;left:0;top:0;}
	#navPC li{width:16%;padding:8px 20px;position:relative;}
	#navPC li:not(:last-child):after{content:"";width:1px;height:50px;position:absolute;top:7px;left:99%;background:#b39c80;}
	#navPC li a{color:#b39c80;font-size:0.725rem;}
	#navPC li a span{font-size:1.125rem;}
	
	#infoPCTop{display:none;}
	
	#navIcon{display:block;}
	
	#show{height:99vh;height:-webkit-calc(100vh - 63px);height:calc(100vh - 63px);}
	#show2{display:block;width:300px;bottom:100px;right:50%;}
	
	#telTime{display:block;width:100%;padding:30px 0;text-align:center;font-size:0.925rem;line-height:1.8;}
	#telA{display:block;width:260px;height:56px;line-height:54px;font-size:1.25rem;background:#98724d;border-radius:5px;margin:15px auto 5px;color:#fff;}
	#telA:hover{background:#7bbfd6;}
	
	#wrapCampaign{margin-bottom:0px;}
	#campaign{width:88%;}
	
	#newMessage{width:95%;margin-bottom:20px;}
	#newMessageC{width:95%;}
	
	.wrapStyle1{padding:30px 0;}
	.wrapStyle2{padding:30px 0;}
	.contentStyle1{width:90%;}	
}
/* ------------------------------------------------------------- */
@media (max-width: 767px) {
	#navPC{width:92%;width:-webkit-calc(100% - 63px);width:calc(100% - 63px);}
	#navPC li{width:25%;padding:8px 3px;}
	#navPC li:nth-of-type(5),#navPC li:nth-of-type(6){display:none;}
	#navPC li:nth-of-type(4):after{content:none;}
	
	#show2{width:200px;bottom:100px;right:50%;}	
		
	#navbar{width:100%;}
	#navbarUl li a{font-size:0.925rem;}
	
	.title1Wrap{padding-bottom:10px;}
	.title1Wrap h2{font-size:1.75rem;}
	.title1Wrap h2 span{font-size:0.5em;}
	
	#wrapCampaign{padding:40px 0;}
	#campaign{width:92%;}
	
	#newMessageC{width:96%;padding:20px;}
	
	.contentStyle1{width:96%;}	
	
	.contentStyle2{width:90%;padding:40px 0;font-size:1rem;line-height:1.7;}
	.contentStyle2 h2{font-size:1.75rem;padding-bottom:20px;}
	.contentStyle2 p{padding-bottom:20px;}
	
	.staffItem{width:46%;}
	
	#table1{width:100%;}
	.itemTitle{width:90px!important;}
	
	footer{padding:50px 0 50px;}
	
	#siteNameFooter{margin-bottom:0;width:220px;}
	#navFooter li{display:none;}
	#copyright{font-size:0.825em;padding:0 0;}
	
	#attention{font-size:0.825rem;}
	
	.staffFrameB{width:48%;margin:1% 1%;background:rgba(251,244,236,0.8);}
}
/* ------------------------------------------------------------- */
@media (max-width: 479px) {	
	#show1{width:130px;right:10px;top:unset;bottom:90px;}
	#show2{bottom:100px;right:40%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 399px) {	
	#show2{right:40%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 339px) {	
	#show1{display:none;}
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
	#show1{display:none;}
	#show2{bottom:20px;right:60%;width:200px;}
}