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

@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&family=Playball&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;}
.setPaddingR20{padding-right: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.75rem;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{width:640px;margin:0 auto;font-family:游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;font-size:100%;color: #333; line-height:1.6;letter-spacing:1px;text-align:justify;}
body:before{content:"";width:640px;height:100%;margin:0 auto;background:#b5d4f0 url(../images/bg.jpg) no-repeat top center/100%;position:fixed;top:0;z-index:-1;}

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

.title1{font-family: 'Cinzel', serif; font-size:2rem;color:#778be5;letter-spacing:3px;font-weight:normal;line-height:1.3;padding:30px 10px;}
.title1 span{display:block;font-family: 'Noto Serif JP', serif;font-size:0.5em;color:#d0a12f;}


.btn1{width:250px;display:block;padding:13px 15px; color:#778be5!important;border:1px solid #c9e2f7;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%;background:rgba(255,255,255,0.0);margin:150px auto 10px;padding:120px 20px 20px;text-align:center;}
#siteName a{font-family: "Playball", cursive;font-weight:bolder;font-size:6rem;letter-spacing:25px;color:#b7c9ff;text-shadow:-2px -2px 1px #333;position:relative;line-height:1;}
#siteName a span{font-size:0.2em;color:#fff;letter-spacing:3px;position:absolute;bottom:25px;right:-15px;writing-mode:vertical-rl;}
#accessDescribe{font-family: 'Noto Serif JP', sans-serif;font-size:1.125rem;color:#fff;text-shadow:0px 0px 3px #333,0px 0px 5px #333;}
#header #flower{width:294px;margin:0 auto 10px;filter: drop-shadow(1px 0px 8px #fff);}

#telBtn{display:block;width:97%;margin:10px auto 10px;padding:10px 10px;background:#94a5e8;text-align:center;font-family: 'Cinzel', serif;font-weight:500;font-size:1.5rem;color:#fff;line-height:1.1;}
#telBtn i{transform:rotate(-20deg);animation: shake1 2.5s linear infinite;}
#telBtn span:nth-of-type(1){display:block;font-size:0.375em;margin-bottom:3px;}
#telBtn span:nth-of-type(2){display:block;font-size:0.5em;}

@-webkit-keyframes shake1 {
	5% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	10% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}
	15% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	20% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
	25% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	30% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}
	35% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	40% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
}
@keyframes shake1 {
	5% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	10% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}
	15% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	20% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
	25% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	30% {-webkit-transform: rotate(10deg);transform: rotate(10deg);}
	35% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	40% {-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
}

#nav{width:97%;margin:0 auto 20px;}
#nav li{width:48.55%;width:-webkit-calc((100% - 4px)/2);width:calc((100% - 4px)/2);margin:1px;float:left;list-style:none;}
#nav li a{display:block;width:100%;padding:12px 10px;background:rgba(255,255,255,0.8);font-family: 'Noto Serif JP', serif;text-indent:0.5em;position:relative;}
#nav li a::after{content:"";display: inline-block; width: 13px; height: 4px; border: solid #666;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg);position:absolute;top:27px;right:20px;}
#nav li a:hover::after{right:15px;}

#footer{margin-bottom:100px;padding:30px 0;background:linear-gradient(50deg, #cbbaff 0%,#99dfff 100%);text-align:center;}
#siteNameBottom a{font-family: "Playball", cursive;font-weight:bolder;letter-spacing:8px;font-size:2rem;color:#fff;text-shadow:1px 1px #333;}
#siteNameBottom a span{font-size:0.6em;letter-spacing:4px;font-style:italic;}
#accessDescribeBottom{font-size:0.825rem;color:#fff;}
#copyright{color:#fff;font-size:0.825rem;}
#copyright a{color:#fff;}

#navBottom{width:640px;position:fixed;bottom:0;z-index:21;background:#92a2e8;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;display:none;}
#navBottom ul{width:100%;background:#b9c7ff;padding:15px 0 10px;}
#navBottom ul li{width:25%;float:left;list-style:none;text-align:center;position:relative;}
#navBottom ul li:not(:last-child):before{content:"";width:0.75px;height:100%;background:rgba(255,255,255,0.9);position:absolute;top:0;right:0;}
#navBottom ul li a{width:100%;height:70px;color:#fff;font-size:0.875rem;}
#navBottom ul li i{display:block;font-size:1.85em;line-height:0.8;}
#navBottom p{color:#fff;font-size:0.75rem;text-align:center;padding:5px 0 0;}

#campaign{width:97%;margin:10px auto;}
#campaign img{width:100%;}

.wrap1{width:100%;background:rgba(255,255,255,0.4);padding:5px 0;margin-bottom:18px;font-size:0.875rem;}
.wrap2{width:100%;background:linear-gradient(50deg, #cbbaff 0%,#99dfff 100%);padding:5px 0;margin-bottom:18px;font-size:0.875rem;}
.wrap2 .title1{color:#fff;}
.wrap2 .title1 span{color:#333;}
.content1{width:90%;margin:20px auto;}

#newMessage{width:98%;margin:0 auto;padding:30px;overflow:hidden;background:rgba(255,255,255,0.7);border:1px solid #c9e2f7;}
.newMessageTitle{color:#778be5;font-size:1rem;font-weight:500;}
.date{font-size:0.725rem;color:#666;margin-bottom:15px;text-align:right;}
.message{color:#333;font-size:0.85rem;}


#table1{ width:97%;margin:10px auto;}
#table1 td{font-size:0.925rem;background:rgba(255,255,255,0.7);padding:10px 10px;}
#table1 .itemTitle{ background:#b9c7ff;color:#fff;text-align:center;padding:8px 10px;font-size:1rem;}

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

.staffFrameB{width:46.5%;margin:10px 1% 10px 2%;float:left; background:rgba(255,255,255,0.6);text-align:center;font-size:0.75rem;padding-bottom:10px;}
.staffFrameB img:nth-child(1){width:100%;border:5px solid rgba(255,255,255,0.6)}
.staffFrameB:hover{opacity:0.95;}
.nameSpan{font-size:1.25rem;color:#d87a76;}
.nameSpan span{font-size:0.75em;color:#333;}
.profileSpan{font-size:0.75rem;}
/* ------------------------------------------------------------- */
@media (max-width:639px){
	body{width:100%;}
	body:before{width:100%;}
	
	#header{margin:40px auto 10px;}
	
	#siteName a{font-weight:normal;font-size:6rem;letter-spacing:10px;}
	#siteName a span{bottom:26px;right:-20px;}
	#header #flower{width:270px;margin:0 auto 10px;filter: drop-shadow(1px 0px 8px #fff);}
	#accessDescribe{font-size:1.125rem;}
	
	#telBtn{padding:13px;font-size:1.5rem;}
	
	#nav li a{font-size:1rem;}
	
	.title1{font-size:1.75rem;}
	.btn1{font-size:0.925rem;}
	
	.wrap1{font-size:0.925rem;}
	.wrap2{font-size:0.925rem;}
	
	.newMessageTitle{font-size:1.125rem;}
	.date{font-size:0.925rem;}
	.message{font-size:0.925rem;}
	
	.nameSpan{font-size:1.125rem;}
	.nameSpan span{font-size:0.75em;}
	.profileSpan{font-size:0.75rem;letter-spacing:0;}
	
	#table1 td{font-size:0.875rem;padding:12px 10px;}
	#table1 .itemTitle{ font-size:1rem;}
	
	#siteNameBottom a{font-size:2.5rem;}
	#accessDescribeBottom{font-size:0.925rem;}
	#copyright{color:#fff;font-size:0.825rem;}
	
	#navBottom{width:100%;}
}

/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
}