@charset "utf-8";

body{
	margin:0;
	padding:0;
	text-align: center;
	line-height: 1.75;
	font-size: 16px;
	font-family: "Noto Sans JP", "BIZ UDGothic", Avenir, Verdana, helvetica, Meiryo, Osaka, arial, sans-serif;
	color:#231815;
	overflow-x:hidden;
}
a:link {color:#231815; text-decoration:underline;}
a:visited {color:#231815;text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}
a:active {color:#231815;text-decoration:none;}
.font36sagpj {color:#004ea2;}
.font36sagpj2 {color:#00164b;}
.font36sagpj3 {color:#cbab00;}

/*
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
}
.biz-udgothic-regular {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
}

.biz-udgothic-bold {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 700;
}

*/

/* common
--------------------------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	padding:0;
}
#wrapper #header{
	width: 100%;
	padding:15px 0;
	display: block;
	background: -moz-linear-gradient(left, #004ea2, #00164b);
	background: -webkit-linear-gradient(left, #004ea2, #00164b);
	background: linear-gradient(to right, #004ea2, #00164b);
	border-bottom: 2px solid #d6bf71;
}

#wrapper #header h1 {
	text-align: center;
}



/* contents
--------------------------------------------------------------------------------------*/

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


/* 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.9em;
	font-weight: 700;
	text-decoration:none;
	border-bottom: 1px solid #d6bf71;
}

#menu li a{
	width: 92%;
	padding: 5% 4%;
	color:#000;
	display:inline-block;
	text-decoration:none;
}

#menu li.on{
	width: 100%;
	border-bottom: none;
}

#menu li.on a{
	width: 92%;
	padding: 5% 4%;
	background: #cbab00;
	color:#fff;
	border-bottom: none;
}

#menu li.noborder,
#menu li.noborder a{border-bottom: none !important;}
.slicknav_menu {display:none;}
#menu li.off 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.last{ margin-bottom: 15px;}

#menu li.green,
#menu li.pink,
#menu li.purple,
#menu li.blue{
	border-bottom: 1px solid #fff;
	font-size: 0.8em;
}
#menu li.green a{background-color: #84b339;color:#fff;}
#menu li.pink a{background-color: #ef8eae;color:#fff;}
#menu li.purple a{background-color: #c192c0;color:#fff;}
#menu li.blue a{background-color: #7f9ec6;color:#fff;}

#menu li.green.off a{color: #b9c5a7;}
#menu li.pink.off a{color: #a8828d;}
#menu li.purple.off a{color: #937b92;}
#menu li.blue.off a{color: #798697;}

/*
#menu li.banner{
	background-color:transparent;
	border-bottom: none;
}
#menu li.banner a{
	width: 80%;
	margin: 0;
	background-color:transparent;
	padding:5% 10% 0 10%;
}

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

/*rightslot
--------------------------------------------------------------------------------------*/
#wrapper #contents #rightslot{
	width:75%;
	float:right;
	margin-left: 1%;
	padding: 0;
	background: url("../img/common/rightslot.jpg") 0px 0px repeat-y;
	background-size: 100% auto
}

#wrapper #contents #second{
	width:65%;
	float:right;
	margin-left: 1%;
	padding: 5%;
	background: url("../img/common/rightslot.jpg") 0px 0px repeat-y;
	background-size: 100% auto;
	font-size: 0.95em;
	line-height: 2;
	min-height: 1100px !important;
}

/* footer
--------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  margin: 0;
  text-align:center;
  clear:both;
  color:#fff;
	font-size: 0.88em;
	background: -moz-linear-gradient(left, #004ea2, #00164b);
	background: -webkit-linear-gradient(left, #004ea2, #00164b);
	background: linear-gradient(to right, #004ea2, #00164b);
	border-top: 2px solid #d6bf71;
}
#footer #foot {
	max-width: 800px;
	clear:both;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	text-align:left;
	gap:90px;
}
#footer #foot #secretariat{
	width: 35%;
}
#footer #foot #jcs{
	width: 35%;
}

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

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

.box,
.box2nd {
	clear:both;
}

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.one {
	border-collapse: collapse;
	width: 100%;
}

table.one th {
	white-space: nowrap;
	padding: 1em 0.5em;
	border-bottom: 2px solid #6e6134;
	font-weight: 700;
	text-align: center;
	width: 10%;
	color: #6e6134;
}

table.one td {
	border-bottom: 2px solid #b8b097;
	padding: 1em;
	text-align: left;
}

/*
.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.font90{font-size:90%;}
*/
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;}

table.two th{
	margin:0;
	padding:5px 10px;
	color: #00164b;
	text-align:center;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
	border-bottom: 1px dotted #00164b;
	border-right: 1px solid #ccc;
	background-color: #edf6ff;
}

table.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;
}
table.two tr:nth-child(odd) td{background-color: #f9f9f9;}

/*
.category th{
	width: 5%;
	margin:0;
	padding:8px 16px;
	color: #2c4379;
	text-align:left;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
	border-right: 1px dotted #2c4379;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
}
.category td{
	width:auto;
	margin:0;
	padding:8px 16px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.three{
	width:100%;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
}

.three th{
	width:2%;
	border-right: 1px dotted #2f4c94;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	color: #2f4c94;
	font-weight: 700;
	padding: 8px 16px 8px 0;
}
.three td{
	width:auto;
	padding:8px 0 8px 16px;
	text-align:left;
	vertical-align:top;
}
*/

ul.lists{
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 8px;background-size: 12px 12px; padding-left: 18px;}
/*
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 6px;background-size: 15px 15px; padding-left: 20px;}
.lists li.dot{background: url("../img/common/circle.png") no-repeat 4px 12px;background-size: 6px 6px; 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.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 screen and (max-width: 768px) {
html, body{
	text-align: center;
	width: 100%;
	font-size:15px;
	line-height:1.6;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

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


#wrapper #header h1 {
	max-width: 80%;
	margin-left: 2%;
}

#wrapper #contents{
	max-width: inherit;
	width: 100%;
	margin: 0;
	padding: 0;
}
#wrapper #contents #rightslot{
	width:100%;
	margin:0;
	padding:0 0 5% 0;
	float:none;
	min-height:inherit;
}

#wrapper #contents #second{
	width:90%;
	float:none;
	margin-left: 0;
	padding: 5%;
	font-size: 0.95em;
	line-height: 2;
	min-height:inherit;
}

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


/* footer
--------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  clear:both;
	font-size: 0.88em;
	background: -moz-linear-gradient(left, #004ea2, #00164b);
	background: -webkit-linear-gradient(left, #004ea2, #00164b);
	background: linear-gradient(to right, #004ea2, #00164b);
	border-top: 2px solid #d6bf71;
}
#footer #foot {
  width: 100%;
	max-width: inherit;
	margin: 0;
	padding: 30px 0;
	display: flex;
	text-align:left;
	gap:0;
	flex-direction: column;
}
#footer #foot #secretariat,
#footer #foot #jcs{
	width: 90%;
	float: none;
	padding: 2% 5%;
	display: block;
	clear: both;
}

#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;
  padding: 0 5%;
}


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

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

	
}