@charset "utf-8";
/* CSS Document */

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600&display=swap');

/*chrome*/
*:focus {
outline: none;
}

 body{ font-family: 'Noto Sans JP',"游ゴシック", 'YuGothic', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",'Meiryo', sans-serif;
-webkit-text-size-adjust: none;/*position: relative;*/ }

body {
animation: fadeIn 0.2s ease 0s 1 normal;
-webkit-animation: fadeIn 0.2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/*==============================================================================*/
/*hover */
/*==============================================================================*/
a,.mailBtn a,#btnPagetop a,#placeName a, #place a,#linkWrap li a,#mainWrap p a,
.btn a,.btn2 a,.btn3 a, .moreBtn a,#sponsorBox li a,#breadcrumb li a,#submitBtn input{	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}

#mainWrap p a:hover,
#placeName a:hover{  filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
/*==============================================================================*/
/*header */
/*==============================================================================*/
/*logo*/
#logo a{ display: block;
padding:20px 0; width:220px; margin:0 auto; transition: 1.0s ;}

#underLogo a:hover { opacity: 0.9 ;}
#logo a:hover,#bannerCont li a:hover,#sponsorBox li a:hover { opacity: 0.6 ;}

.notxt{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*==============================================================================*/
/* nav*/
nav{  letter-spacing: 0; }

nav li a{ display: block;  }

/* > */
#btnPagetop a::before{ 
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform : rotate(45deg);
}


/*linkない*/
.nolink a{ pointer-events: none; color:#aaa;  } 

.txtbr span span{ font-size:0.9em; }
.navName span br{ display:none; }


#subNav{ font-size: 0.8666666666666667em; position:relative; }
.redTxt{color: #db5f53;}

/*==============================================================================*/
/*content */
/*==============================================================================*/
main{/*width:auto; padding-left:240px; position:relative; z-index: 1;*/ transition: none;}

/**/
.innerBox{ margin: 0 auto;box-sizing: border-box; }

#infoTitle,
.maintitle{ font-size:24px; }

#mainCont{background: #005667; position: relative;}
nav #mainNav{ max-width: 1100px; width: 100%; margin: 0 auto 0; z-index: 0; position: relative; }
#mainNav{z-index: 1; display: flex; justify-content: center; align-items: center;}
#mainNav li{ width: 25%; }


/*nav li a{ transition: linear 0.1s!important }*/

/*nav*/
nav li a{  color: #fff; padding:23px 31px; text-align: center; position: relative;}

nav li a .navName, #subNav li a span{ margin-bottom:-1px; padding-bottom:2px ;}
nav li a.active{ background:#02a6ad; }

nav li a:hover { background:#007b84 ; color:#fff ;}
nav li:not(:last-child) a::after{ border-right:1px solid #78b3c1 ; position: absolute; content:"";
	height: 50px; top: 10px; right: 0;}

/*external*/
.externalIcon i{  position: relative; }
.externalIcon i:after{ position: absolute; content:""; background: url(../img/externalNavIcon.png) 0 0 no-repeat; 
width: 10px; height: 10px; right: -20px;  }

/*Information*/
#mainChairman .externalIcon i:before{ top: -4px;}
#mainChairman .externalIcon i:after{ top: -6px; }

/*{ background:#fef9ed; }*/

/*>*/
#linkWrap li a:after, .btn a:after, .btn2 a:after{ 
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #db5f53;
	border-right: 2px solid #db5f53;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);    
}

.btn2 a:after{ border-top: 2px solid #db5f53;
	border-right: 2px solid #db5f53; }

#linkWrap .externalIcon i::before{ height:8px; }

.txtline{background: url(../img/linethrough.png) 0 5px repeat-x }
.txtUnd{ margin-bottom: 10px!important; display: inherit; }

#sponsorWrap{ background: #fff; box-shadow: 0 0 6px #ddd;}


#sponsorBox{ width: 950px; padding: 5.5% 0 5%;
	margin: 0 auto; /*justify-content: center;*/  flex-wrap: wrap;
	position: relative; z-index: 1; }
#sponsorBox, #sponsorBox li{ display: flex; align-items: center;}
#sponsorBox li{ width: 300px; position: relative; margin-bottom: 20px;}

#sponsorBox li a{ /*border: 1px solid #ccc; color: #377b81; text-align: center; */height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sponsorBox li span { width: 90px; display: block;}
#sponsorBox li img,#sponsorBox li a{ width: 100%; }

/*・*/
#sponsorBox li:before{ content:"";  position: absolute; left:0; }

/*==============================================================================*/
/* footer
============================================================================== */
/*pagetop btn*/
#btnPagetop{position: fixed;right: 20px;font-size: 21px; z-index: 3;}
#btnPagetop a { width: 44px;  height: 44px;  padding: 11px 0; border-radius: 100%;
background:rgba(2, 166, 173,0.8);	text-decoration: none;color: #fff;box-sizing: border-box;
text-align: center;display: block;
}
#btnPagetop a:hover{ background: rgba(0, 86, 103, 0.8) }
#btnPagetop a span {display: none;}
/* arrow */
#btnPagetop a::before { display: block;}

footer{ background:#15383b; color:#fff; padding:28px 3%; text-align: center; }

#sponsorBox li:not(:nth-child(3n)){ margin-right:18px;}

/*事務局*/
#officeBox{ padding: 50px 0;  background: #788385 url(../img/footerImg.png) 0 bottom no-repeat;}

#btnPagetop{bottom: 40px!important;}

.mailBtn .icon-mail::before{ color:#5ac3c1 ; }

#officeBox div{ display: flex; justify-content: center;}
#managementBox{margin-left:2%; }


/*事務局*/
#secretariatBox,#managementBox{ padding:20px 48px;  box-sizing: border-box; width:488px; border-radius: 10px;}
#secretariatBox{ background:#fff; }

.secretariatTitle{ font-size:1.12em; color:#016859; margin-bottom:23px; }

.maintitle span,
.secretariatTitle span{ position:relative; }
.maintitle span{ padding-bottom: 14px; display: inline-block;}

.secretariatTitle span{ padding-bottom: 8px; }

.maintitle span::after{ border-bottom:4px solid #86c9c9; width: 100%; }

.maintitle span::after,#pageTitle span::after,
.secretariatTitle span::after{ content:""; text-align: center;
  position: absolute; bottom: 0; left: 0%;
   transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%); }
.secretariatTitle span::after{ border-bottom:2px solid #86c9c9; width: 100px; }


.secretariatBox dt{ font-size: 1.12em; }
.secretariatBox p{ margin-bottom:10px; line-height: 1.6em; }
.telnum span, .faxnum span{ background:#f5f6f6; padding: 0 5px 1px; margin-right: 8px;
font-size: 0.85em; }

/*運営事務局*/
#managementBox{background:#fff; }
#managementTitle{background:#698dcd;}
address{ padding-top:7px;  line-height: 1.8em; margin-bottom:20px; }
.addtel{ color:#001c7a;padding-right:5px; }
.telnum, .faxnum{ display:inline-block; font-size: 1.05em!important;}
.telnum{margin-right:40px;}
.telnum br{ display:none; }

/*mail*/
.mailBtn, #linkWrap li a,.btn a,.btn2 a{ position:relative; }
.mailBtn a,.btn a{ border:1px solid #64b4a2; color:#429795;background: #fff;
  border-radius: 4px;display: block; padding: 14px 0; max-width: 370px; box-sizing:border-box; text-align: center;}
.mailBtn a:hover,
#linkWrap li a:hover,.btn a:hover{ background-color:#f9fffe; border-color: #429795; color:#429795; }

.mailBtn a:before,.btn a:before{ color: #8e1c18; }

.mailBtn a i{ margin-right:10px; }
.mailBtn a:hover:before{ color:#ffd9e4; }

.btn2 a{  color:#fff;background: #c23c3c;
  border-radius: 4px;display: block; padding: 14px 0;	max-width: 340px; box-sizing:border-box; text-align: center;}
.btn2 a:hover{  background: #bd1111; }


.maintitle{ margin-bottom: 35px;}

/*=========================================================*/
/*pc-----------------------------------------------------*/
@media screen and (max-width: 1270px) {
body{width: 1270px;}
}	
@media screen and (max-width: 1249px) {
.telnum {margin-right: 2%;}
}

@media screen and (min-width: 1060px) and (max-width: 1159px) {
#secretariatBox, #managementBox {padding: 3% 2%;}
.telnum span, .faxnum span{ padding: 2px 5px; }
}


@media screen and (min-width: 641px) and (max-width: 908px) {
.telnum{ margin-bottom:5px;}
}