@charset "utf-8";

body{
	margin:0;
	padding:0;
	text-align: center;
	line-height: 1.75;
	font-size: 16px;
	font-family: "Noto Sans JP", "Zen Kaku Gothic Antique", sans-serif;
	color:#231815;
	overflow-x:hidden;
}
a:link {color:#535353; text-decoration:underline;}
a:visited {color:#231815;text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}
a:active {color:#231815;text-decoration:none;}
.fontCVSS{color: #30649d;}
.fontCVSS2{color: #1c2c54;}

/*
.zen-kaku-gothic-antique-light {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-antique-regular {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-antique-medium {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-antique-bold {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-antique-black {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  font-style: normal;
}

*/

/* common
--------------------------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	padding:0;
	/*background:url("../img/common/body.jpg");
	background-position:top center;
	background-attachment: fixed;
	background-size:cover;*/
}

#wrapper #contents{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}


#wrapper #contents #rightslot{
	width:75%;
	float:right;
	min-height: 800px;
	margin-left: 1%;
	padding: 3% 0;
	background:#e3f0f6 url("../img/index/bg.jpg") no-repeat top center;
	background-size: 100% auto;
}
#wrapper #contents #rightslot #header{
  width: 100%;
  margin: 0 0 5% 0;
  padding: 0;
  text-align: center;
	display: block;
}

#wrapper #contents #rightslot #header h1 {
	width: 90%;	
  margin: 0 5%;
  padding:0 0;
}

#wrapper #contents #rightslot #header h1 img{
	width: 100%;
	height: auto;
}


/* navi
--------------------------------------------------------------------------------------*/
#wrapper #contents #leftslot{
	width: 24%;
	float:left;
}
#menu, #menu ul {
	z-index: 9990 !important;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu {
	margin: 0;
	position:relative;
}

#menu li {
	width: 100%;
	padding: 0;
	float:left;
	position:relative;
	display:block;
	text-align:left;
	line-height: 1.4;
	font-size: 0.86em;
	text-decoration:none;
	background-color: #f0f0f0;
	border-bottom: 1px solid #30649d;
}

#menu li a{
	width: 83%;
	padding:7% 10% 7% 7%;
	color:#000;
	display:inline-block;
	text-decoration:none;
}
#menu li.on{
	width: 100%;
}
#menu li.on a{
	width: 83%;
	padding:7% 10% 7% 7%;
	background-color:#30649d;
	color:#fff;
}
.slicknav_menu {display:none;}
#menu li.nolink a{color: #ccc;}
#menu li span.new{background-color: #f00; color:#fff; margin-top: 0.5em; margin-left: 0.5em; padding: 3px 3px 4px 4px; line-height: 1; float: right; font-size: 10px !important; position: absolute; right: 0;}
#menu li.on span.new{background-color: #fff; color:#f00; margin-top: 0.5em; margin-left: 0.5em; padding: 3px 3px 4px 4px; line-height: 1; float: right; font-size: 10px !important;}
/*
#menu li span.new.line3{top: 45%;margin-top: 0;}
#menu li.banner {display: none;}
#banner {
	display: block;
	clear: both;
	position:relative;
	margin:5% 0;
}

#banner li {
	width: 90%;
	margin: 0 5% 5% 5%;
}

#banner li img{
	width: 100%;
	height: auto;
}
*/


/* footer
--------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align:center;
  clear:both;
  float:left;
  color:#fff;
	background:url("../img/common/footer.jpg") no-repeat center top;
	background-size: cover;
	font-size: 0.88em;
}
#footer #foot {
	width: 1100px;
	clear:both;
	margin: 0 auto;
	padding: 30px 0;
	text-align:left;
}
#footer #foot #secretariat{
	width: 40%;
	float: left;
}
#footer #foot #jcs{
	width: 55%;
	float: right;
}
#en #footer #foot #secretariat{width: 43%;}
#en #footer #foot #jcs{width: 55%;}

#footer #foot #secretariat dt,
#footer #foot #jcs dt{
	border-bottom: 1px solid #fff;
	font-weight: 400;
	float: left;
	padding: 2px 4px 1px 4px;
	margin-bottom: 8px;
}
#footer #foot #secretariat dd,
#footer #foot #jcs dd{
	float: left;
	clear: both;
}
#footer #foot a{color: #fff; text-decoration: underline;}
#footer #foot a:hover{color: #fff; text-decoration: none;}

#footer #copyright {
  width: 100%;
  clear:both;
  margin: 0;
  padding: 8px 0;
  background-color: #30649d;
}
#footer #copyright p{
  text-align:center;
	font-size: 0.88em;
	color: #fff;
}

.box,
.box2nd,
.boxBorder,
.boxBorder2 {
	clear:both;
}
.one{
width:100%;
	border-collapse:collapse;
	text-align:left;
}
.one th{
	width: 8%;
	padding:24px 24px;
	border-right:1px dotted #ccc;
	color:#30649d;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
	background-color: #f9f9f9;
}

.one td{
	width:auto;
	padding:24px 24px;
	vertical-align:top;
	background: #f9f9f9;
	text-align:left;
}
.one tr:nth-child(odd) th,
.one tr:nth-child(odd) td{
background-color: #fff;
}

table.two{
	width:100%;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #ccc;
	background-color: #fff;
}
table.two caption{text-align:left; font-size: 95%; padding: 1% 0;}
.two th{
	margin:0;
	padding:5px 10px;
	color: #2c4379;
	text-align:center;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
	border-bottom: 1px dotted #2c4379;
	border-right: 1px solid #ccc;
	background-color: #f7f7f7;
}
.two td{
	width:auto;
	margin:0;
	padding:8px 15px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.two td.alignC{text-align:center;}
#second.sponsorship .two td{vertical-align: middle;}

/*
table.two{
width:100%;
font-size:100%;
text-align:left;
border-collapse:collapse;
}

.two th{
	width:2%;
	border-right: 1px dotted #2f4c94;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	color: #2f4c94;
	font-weight: 700;
	padding: 14px 20px 14px 0;
}
.two td{
width:auto;
padding:14px 0 14px 20px;
text-align:left;
vertical-align:top;
}
.three td.valignM{vertical-align:middle;}
.boxBorder{
  padding:16px 21px;
  text-align: left;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
	border: 3px double #ff0000;
	background-color: #ffeded;
}
.boxBorder a{ color: #990000;}
.boxBorder2{
  padding:1.5rem 2rem;
  text-align: left;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
	border: 3px double #990000;
	background-color: #ffeded;
}
.boxBorder2 a{ color: #990000;}
table.four{
	width: 100%;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
	border: 1px solid #ccc;
}

.four th{
	width: 15%;
	padding:5px 1em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#2c4379;
	white-space:nowrap;
	vertical-align:middle;
	text-align:center;
	background-color: #e3e8f5;
}

.four td{
	width:auto;
	padding:8px 1em;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	background: #fff;
}
.four tr:nth-child(odd) td{background: #f7f7f7;}
*/
/*
table.zero{
width:100%;
font-size:100%;
text-align:left;
}
.zero th{
width:1%;
padding-right:3px;
text-align:left;
font-weight:400;
vertical-align:top;
white-space:nowrap;
}
.zero td{
width:auto;
text-align:left;
vertical-align:top;
}

table.four{
	width:100%;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
}


.four th{
	width: 2%;
	margin:0;
	padding: 5px 0;
	text-align:left;
	font-weight:400;
	vertical-align:top;
	white-space:nowrap;
}
.four td{
	margin:0;
	padding: 5px 0;
	text-align:left;
	vertical-align:top;
}

*/


/*
.two th.number{width: 3%;}
.two td.number{text-align:right;color: #2660ac;}
#second.coordinator .two th{
font-weight:400;
	padding:5px 8px;
}
#second.coordinator .two td{
	vertical-align: middle !important;
	text-align: center !important;
	padding:8px 10px;
}

.four{
	width: 100%;
	border-collapse:collapse;
}
.four caption{text-align: left;background-color: #694d60;	color:#fff;	padding:5px 1.5%; font-weight:700;}
.four th{
width: 4%;
	padding:5px 15px 5px 0;
	font-weight:400;
	white-space:nowrap;
	vertical-align:top;
	border-right: 1px dotted #999;
	text-align:right
}
.four td{
width: auto;
	padding:5px 0 5px 15px;
	vertical-align:top;
	text-align: left;
}
*/
ul.lists,
dl.dl{
text-align: left;
}
.lists li{
width: auto;
margin: 0 0 5px 0;
display: block;
}
.lists li.arrow{background: url("../img/common/arrow.png") no-repeat 0 7px;background-size: 15px 15px; padding-left: 20px;}
/*
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 6px;background-size: 15px 15px; padding-left: 20px;}
.lists li.komeRed{background: url(../img/common/komeRed.png) no-repeat 0 6px;background-size: 15px 15px; padding-left: 20px; color: #ff0000;}
.lists li.komeRed a{color: #ff0000;}
.lists li.komeRed2{background: url(../img/common/komeRed2.png) no-repeat 0 6px;background-size: 15px 15px; padding-left: 20px; color: #990000;}
.lists li.komeRed2 a{color: #990000;}
.lists li.dot{background: url("../img/common/circle.png") no-repeat 4px 10px;background-size: 6px 6px; padding-left: 20px;}
.lists li.dotRed{background: url(../img/common/circleRed.png) no-repeat 4px 10px;background-size: 6px 6px; padding-left: 18px; color: #ff0000;}
.lists li.asterisk{background: url("../img/common/asterisk.png") no-repeat 4px 10px;background-size: 8px 8px; padding-left: 20px;}
.lists li.asteriskRed{background: url("../img/common/asteriskRed.png") no-repeat 4px 10px;background-size: 8px 8px; padding-left: 20px; color: #ff0000;}

.lists li.square{background: url(../img/common/square.png) no-repeat 0px 6px;background-size: 14px 14px; padding-left: 20px;}
.lists li.squareRed{background: url(../img/common/squareRed.png) no-repeat 0px 6px;background-size: 14px 14px; padding-left: 20px; color: #ff0000;}
.lists li.dotBlue{background-image: url("../img/common/circleBlue.png");background-size: 6px 6px; background-position: 4px 10px; padding-left: 18px; color: #0064b5;}
.lists li.dotBlue2{background-image: url("../img/common/circleBlue.png");background-size: 6px 6px; background-position: 4px 10px; padding-left: 18px;}
.lists li.komBlue{background-image: url(../img/common/komeBlue.png);background-size: 15px 15px; background-position: 0 6px; padding-left: 18px; color: #0064b5;}
.lists li.dush{background-image: url("../img/common/square.png");background-size: 9px 1px; background-position: 2px 13px; padding-left: 18px;}
.lists li.circle{background-image: url("../img/common/circle.png");background-size: 10px 10px; background-position: 0px 8px; padding-left: 18px;}
.lists li.dotPink{background-image: url(../img/common/squarePink.png);background-size: 6px 6px; background-position: 4px 10px; padding-left: 18px;color: #de2998;}
.lists li.dotPink2{background-image: url(../img/common/squarePink.png);background-size: 6px 6px; background-position: 4px 10px; padding-left: 18px;}
.lists li.komeRed2{background-image: url(../img/common/komeRed2.png);background-size: 15px 15px; background-position: 0 6px; padding-left: 18px;}
.lists li.komePink{background-image: url(../img/common/komePink.png);background-size: 15px 15px; background-position: 0 6px; padding-left: 18px;color: #de2998;}
.lists li.komePink2{background-image: url(../img/common/komePink.png);background-size: 15px 15px; background-position: 0 6px; padding-left: 18px;}
.lists li.circle{background-image: url(../img/common/circle.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}
.lists li.circleRed{background-image: url(../img/common/circleRed.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}
.lists li.circlePink{background-image: url(../img/common/circlePink.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}

.dl dt{background: url("../img/common/square.png") 0px 7px no-repeat;background-size: 11px 11px; padding-left: 18px; color: #000;}
.dl dd{ margin-bottom: 1.5em;}
*/


/* switchHat
--------------------------------------------------------------------------------------*/
/*
.switchHat {
	width: 8%;
	margin:1% 0;
	text-align: center;
	padding: 1% 5%;
	background:#2660ac url("../img/common/arrowDown.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #fff;
}
.nowOpen {
	background: #e3e1ee url("../img/common/arrowUp.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #483e8f;
}
.closeBtnHat{display:none;}
.switchDetail {
}
.switchDetail p{
	padding: 2% 2.5%;
	text-align: left;
	color: #111;
	background-color: #f1f1f1;
}
dl.faq{
	width: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	clear:both;
}

.faq dt{
	background:#fff url(../img/common/fq_Q.png) no-repeat 5px 7px;
	background-size:20px 20px;
	padding:4px 4px 4px 32px;
	color:#2c70ba;
	margin-bottom:5px;
	font-size: 1.1em;
	font-weight:700;
	border: 1px solid #2c70ba;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.faq dd{
	background: url(../img/common/fq_A.png) no-repeat 8px 3px;
	background-size:18px 18px;
	padding:0 0 25px 32px;
}

.anchors {
  display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
	/*
  flex-wrap: wrap;
	*/
}

.anchors li {
	font-size:90%;
  flex-direction: row;
	margin-right: 0.5em;
	padding-bottom: 1%;
}
.anchors li a{
	color:#1a2c83;
	text-decoration:none;
	padding-left:18px;
	background:url("../img/common/arrowDown.png") no-repeat 0 0;
	background-size:14px 14px;
}
.anchors li a:hover{
	width:100%;
	color: #9bd8ff;
}
*/




/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}
}


/* for Sp
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
html, body{
	text-align: center;
	width: 100%;
	font-size:14px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	/*
	width: 100%;
	padding:0;
	background:url("../img/common/body.jpg");
	background-position:top center;
	background-attachment: fixed;
	background-size:cover;
	*/
}

#wrapper #contents{
	max-width: inherit;
	width: 100%;
	margin: 0;
	padding: 0;
}
#wrapper #contents #rightslot{
	width:100%;
	margin:0;
	float:none;
	min-height:inherit;
}
#wrapper #contents #rightslot #header{
  /*width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
	background-color: #2c4379;
	*/
}

#wrapper #contents #rightslot #header h1 {
	width: 70%;	
  margin: 0 5%;
  padding:1% 0 2% 0;
}
/*
#wrapper #contents #rightslot #header h1 img{
	width: 100%;
	height: auto;
}*/

	
.slicknav_menu {display:block;}
#leftslot{display:none;}
	


/* footer
--------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  margin: 0;
  padding: 0 0;
  text-align:center;
  clear:both;
  float:none;
}
#footer #foot {
	width:inherit;
  width: 100%;
	clear:both;
	margin: 0;
	padding: 10px 0;
}
#footer #foot #secretariat{
	width: 96%;
	float: none;
	padding: 2% 4%;
	display: block;
	clear: both;
}
#footer #foot #jcs{
	width: 96%;
	float: none;
	padding: 2% 4%;
	display: block;
	clear: both;
}
#en #footer #foot #secretariat{width: 96%;}
#en #footer #foot #jcs{width: 96%;}
#footer #foot #secretariat dt,
#footer #foot #jcs dt{
	/*background-color: #fff;
	color: #5fc0c6;
	font-weight: 400;
	float: left;
	padding: 2px 4px 1px 4px;
	margin-bottom: 8px;*/
}
#footer #foot #secretariat dd,
#footer #foot #jcs dd{
	/*float: left;
	clear: both;*/
}

#footer #copyright p{
  text-align:center;
	font-size: 0.88em;
	color: #fff;
  padding: 0 5%;
}


/* common
--------------------------------------------------------------------------------------*/

table.one{
width: 98%;
margin: 0;
padding: 0 0;
text-align: left;
border-collapse:collapse;
background-color: #fff;
	
}
.one th {
	width: 90%;
	display: block;
	font-size:105%;
	word-break: break-all;
	white-space: normal;
	font-weight:400;
	padding:1% 0;
	margin:1% 5% 1% 5%;
	text-align:left;
	border-right:none;
	border-bottom:2px dotted #005a49;
	background-color: #fff;
}
.one td {
	width: 90%;
	display: block; 
	padding:1% 5% 10% 5%;
background-color: #fff;
}


/*
table.two{
width:auto;
font-size:95%;
}
.two th{
width:auto;
padding:1% 2%;
white-space:normal;
}
.two td{
width:auto;
padding:1% 2%;
}

.two td.tdbg{background-color: #f7f7f7;}
*/
.lists li.arrow{background: url("../img/common/arrow.png") no-repeat 0 5px;background-size: 12px 12px; padding-left: 16px;}

.scroll{
	width:100%;
	overflow: auto;
	margin: 0;
	padding: 0;
}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #f1f1f1;}
.scroll::-webkit-scrollbar-thumb {background: #bcbcbc;}
.scroll table{width:180%;}

/*
.lists li.arrow{background-image: url(../img/common/arrow.png);background-size: 13px 8px; background-position: 0 6px; padding-left: 18px;}
.lists li.circle{background-image: url(../img/common/circle.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}
.lists li.circleRed{background-image: url(../img/common/circleRed.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}
.lists li.circlePink{background-image: url(../img/common/circlePink.png);background-size: 13px 13px; background-position: 0 5px; padding-left: 18px;}
.lists li.square{background-image: url(../img/common/square.png);background-size: 13px 13px; background-position: 0px 6px; padding-left: 18px;}
.lists li.squareRed{background-image: url(../img/common/squareRed.png);background-size: 13px 13px; background-position: 0px 6px; padding-left: 18px;}

.three th{
	white-space: normal;
}
#bannerSp{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	}*/
/*
}
.flexbox.tops{align-items:stretch;}
.flexbox.center{align-items:center;}
.flexbox.space-betwee{align-items:space-between;}


#bannerSp li{
	width:calc(48%);
	box-sizing: border-box;
}
*/
/*
.switchHat {
	width: 90%;
	margin:1% 0;
	text-align: center;
	padding: 1% 5%;
	background:#2660ac url("../img/common/arrowDown.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #fff;
}

.nowOpen {
	background: #e3e1ee url("../img/common/arrowUp.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #483e8f;
}
.closeBtnHat{display:none;}
.switchDetail {
}
.switchDetail p{
	padding: 4% 5%;
}*/


/* switchHat
--------------------------------------------------------------------------------------*/
/*
.switchHat {
	width: 8%;
	margin:1% 0;
	text-align: center;
	padding: 1% 5%;
	background:#2660ac url("../img/common/arrowDown.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #fff;
}
.nowOpen {
	background: #e3e1ee url("../img/common/arrowUp.png") no-repeat 8px 14px;
	background-size: 12px 9px;
	color: #483e8f;
}
.closeBtnHat{display:none;}
.switchDetail {
}
.switchDetail p{
	padding: 2% 2.5%;
	text-align: left;
	color: #111;
	background-color: #f1f1f1;
}
.anchors {
}

.anchors li {
	font-size:90%;
  flex-direction: row;
	margin-right: 0.5em;
}
.anchors li a{
	color:#1a2c83;
	text-decoration:none;
	padding-left:18px;
	background:url("../img/common/arrowDown2.png") no-repeat 0 0;
	background-size:14px 14px;
	padding-bottom: 10px;
}
.anchors li a:hover{
	width:100%;
	color: #9bd8ff;
}
*/
#second.sponsorship .scroll .two {width: 130%;}
#second.sponsorship .two td img{width: auto; height: 30px;}

	
}