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

/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+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;
}



/*==============================================================================*/
/*hover */
/*==============================================================================*/
.mailBtn a,nav li a,#btnPagetop a, #humberger,.mailBtn2 a,#entryBtn a,.entryBtn2 a,.dlbtn a,#submitBtn input:hover,#circleBtn a,.entryBtn a,
.programList li a,#programList li a,.watchbtn a,.watchbtnsub a,.watchbtnsub2 a {	
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}


/*==============================================================================*/
/*header */
/*==============================================================================*/
header{  width:210px; box-sizing: border-box;position:absolute;left: 0;top: 0;z-index: 9999;
	box-shadow: 1px -4px 3px #ddd; height:100%;
	background:#fff;
}

/*logo*/
#logo a{ display: block;
padding:20px 0; width:170px; margin:0 auto; transition: 1.0s ;}

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


/*==============================================================================*/
/* nav*/

nav{  margin-bottom:40px; letter-spacing: 0; }

nav li a{ padding:10px 4% 10px 18px;  display: block;  color:#333; }

/* > */
/*font awesome共通設定*/
#btnPagetop a::before{ font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; }


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

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


#subNav{ font-size: 0.8666666666666667em; position:relative; }

/*外部リンクアイコン*/
.externalIcon a span,
.externalIcon2 a span { 
	display: inherit;
	background:url("../img/externalIcon.svg") 96px 4px no-repeat;
	background-size:9px 10px;
}


.externalIcon3 a{
	background:url("../img/externalIcon.svg") 80% 14px no-repeat;
	background-size:9px 10px;}

/*==============================================================================*/
/*content */
/*==============================================================================*/
main{width:auto; padding-left:210px; position:relative; z-index: 1;}
#redTxt{ color: #a52e2a; }

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

.watchbtn a{  width: 80%; }
.watchbtn a,
.watchbtnsub a,.watchbtnsub2 a{ background:#ca2a24; color:#fff; text-align:center; border-radius: 6px; display: block;
  margin:0 auto; position: relative;
}
.watchbtn a:hover,
.watchbtnsub a:hover,.watchbtnsub2 a:hover{ background:#a52e2a;}
	
.watchbtn a:after,.watchbtnsub a:after,.watchbtnsub2 a:after{
	content:""; display: block;
	position: absolute; right:18px; top:50%; 
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.watchbtn i{ background:url(../img/externalIcon.svg) 4px 0 no-repeat; width:16px ; height: 9px;
	position: absolute; }

/* banner ------------------------------*/
#bannerWrap{background:#ffeeed; box-shadow: 1px 0 6px #ccc;}

#bannerWrap li{ float:left; margin:1% ; width:31.3%;}
#bannerWrap li img{ width:100%; }
#bannerWrap li a{  display:block; box-sizing: border-box; }

#bannerCont{ padding: 10% 2%; }

#bannerCont li a{ transition: 1.0s ;}

#footerwave{ background:url("../img/footerWave.gif") center bottom no-repeat #a52e2a;
background-size: cover; width: 100%; height: 0; padding-top:5.03875968992%;  min-height: 15px;
}

/*事務局*/
#secretariatBox,#managementBox{ padding:0 4%; float:left; box-sizing: border-box; width:50%;}
#officeBox{ background:#a52e2a;color:#fff; margin-top:-2px;
padding: 40px 0; z-index: -1; position: relative;}



.secretariatTitle{  text-align: center; padding:6px 0 8px; margin-bottom:10px;  border:1px solid #fff; background:#a52e2a; }

.secretariatBox dt{ font-size: 1.06em; }


/*運営事務局*/
#managementBox{ border-left:1px solid #fff; }
#managementTitle{background:#698dcd;}
address{ padding-top:12px;  line-height: 1.8em; margin-bottom:20px; }
.addtel{ color:#001c7a;padding-right:5px; }
.telnum, .faxnum{ display:inline-block; }
.telnum{margin-right:20px;}
.telnum br{ display:none; }

/*mail*/
.mailBtn, .mailBtn2,#entryBtn li,.entryBtn2 li,.dlbtn { position:relative; }
.mailBtn a{ border:1px solid #fff; color:#8e1c18;background: #edd5d4;}
.mailBtn a,.mailBtn2 a{ max-width:280px; padding: 14px 0 14px 56px; }
.mailBtn a,.mailBtn2 a,#entryBtn a,.entryBtn2 a,.dlbtn a,.programList li a,#programList li a {border-radius:10px;display: block; 
  box-sizing:border-box;}
.mailBtn a:hover{ background-color:#8e1c18; border-color: #ff0067; color:#ffd9e4; }

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

.mailBtn a:before, .mailBtn2 a:before{
	content: "play_arrow";
	margin-top: -1px;
	position: absolute;
	left: 39px;
	top:21px;
	font-family: 'Material Icons';
	text-rendering: optimizeLegibility;
	font-feature-settings: "liga" 1;
	-webkit-font-feature-settings: "liga" 1;
	-moz-font-feature-settings: "liga" 1;
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga" 1;
	font-style: normal;
	text-transform: none;
	line-height: 1;
	font-size: 16px;
	}

.mailBtn a:hover:before{ color:#ffd9e4; }

/*==============================================================================*/
/* footer
============================================================================== */
/*pagetop btn*/
#btnPagetop{position: fixed;bottom: 55px;right: 10px;font-size: 21px;}
#btnPagetop a { width: 50px;  height: 50px;  padding: 17px 0;
	background:rgba(204,68,63,0.8);	text-decoration: none;color: #fff;box-sizing: border-box;
text-align: center;display: block;border-radius: 10px;
}
#btnPagetop a:hover{ background: rgba(134,0,16,0.8) }

#btnPagetop a span {display: none;}
/* arrow */
#btnPagetop a::before { display: block; content: "\f077";}

footer{ background:#8e1c18; color:#fff; padding:25px 4%; text-align: center; }


/*=========================================================*/
/*sp-----------------------------------------------------*/

@media screen and (min-width: 431px) {
.watchbtn i{ top: 38%; }
}

@media screen and (min-width: 641px) {
.watchbtn a{ padding:2.5% 0;  font-size: 1.3em; }
.watchbtn a:after{ width: 8px; height: 8px; }
}

@media screen and (min-width: 361px) and (max-width: 1059px) {
nav li.txtbr2 br{ display: none; }
}

@media screen and (max-width: 1059px) {
body{ width: 100%; }
/*header*/	
header{ left: -73.5%; }

/*nav*/
nav li a{ border-bottom:1px solid #d9d9d9; }
nav li:last-child a{ border-bottom:none; }
nav li a::after{ 
	font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; 
    display: inline-block;
    float: right;
    content: "\f054";
    line-height: 2.4em;
}
nav li:last-child a::after{ line-height: 2em; }

nav li a:hover{ background-color:#ffe0e6; }

#mainNav{ background:#fee; }

#mainNav li a:after{ color:#b85953; }


#subNav li a:after{color:#ccc; }
/*外部リンクアイコン*/
#mainNav .externalIcon a span { background-position:135px 4px; }
#subNav .externalIcon a span { background-position:100px 4px; }
.externalIcon a:after{ margin-top:-9px; line-height: 0; }
.externalIcon3 a{ background-position:168px 14px; }


main{ padding-left:0; }

img{ max-width: 100%; height: 100%; }

.innerBox{ width: 100%;	}
.meetingBox2 { padding: 2% 4%; }
}

@media screen and (max-width: 721px) {
address p br{ display:none; }
}


@media screen and (max-width: 700px) {
#secretariatBox, #managementBox{ width:100%; }
#managementBox{ border-left:none; }
}


@media screen and (max-width: 640px) {
.watchbtn a{  font-size: 1.1em; padding:3% 0;}
.watchbtn a:after{ 	width: 6px; height: 6px; }
}

@media screen and (max-width: 636px) {
footer{ text-align:left; }
}
@media screen and (max-width: 570px) {
#bannerWrap li{ width:48%; }
.mailBtn a,.mailBtn2 a{	width:100%; }
}

@media screen and (max-width: 510px) {
nav li.txtbr a:after { margin-top:-35px; }
.navName span{ display: block; }
}


@media screen and (max-width: 498px) {
#btnPagetop { bottom: 70px; }
}

@media screen and (max-width: 487px) {
address p br{ display:block; }
}


@media screen and (max-width: 430px) {
.watchbtn span{ display: block; }
.watchbtn i{ top: 24%; right:22% }
}

@media screen and (max-width: 360px) {
nav li.txtbr2 a:after { margin-top:-15px; }
.watchbtn i{ right:40px }
}

@media screen and (max-width: 328px) {
address p br{ display:none; }
}


@media screen and (max-width: 320px) {
#btnPagetop { bottom: 95px; }
}

/*pc-----------------------------------------------------*/
@media screen and (min-width: 1060px) {
/*nav*/
#mainNav{ border-bottom:1px dotted #d9d9d9; padding-bottom: 20px; margin-bottom:20px}
nav li a{ padding-right:10px; }
nav li a .navName, #subNav li a span{ margin-bottom:-1px; padding-bottom:2px ;}
.externalIcon a span{ border-bottom:#fff 1px solid; }

nav li a.active .navName, nav li a:hover .navName,
#subNav li a.active span, #subNav li a:hover span{ border-bottom:#a52e2a 1px solid!important; }

nav li a:hover .navName{ color:#a52e2a ; }

/*外部リンクアイコン*/
#mainNav .externalIcon a span{ width:133px;  }

.externalIcon a span{ width: 108px; margin-bottom:-1px; padding-bottom:1px ; }

/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.externalIcon a span{ background-position: 96px 0; }
 }

 #mainNav .externalIcon a span,
 #subNav .externalIcon a span{ background-position:right 4px; }

 
.innerBox{ width:800px;max-width: 100%;}

#bannerCont{ padding: 4% 2%; }	

/*footer*/
.secretariatTitle{width: 120px;}
/*事務局*/
#secretariatBox{ padding-right: 3%; }
#managementBox{ padding-left: 3%; }

#officeBox{ padding-top: 30px ; }

}