@charset "utf-8";

/*clr
-------------------------------------------------------------------------------------*/

body{
margin:0;
padding:0;
color:#5050505;
overflow-x:hidden;
font-family: sans-serif;
font-size: 14px;
line-height: 1.6;
}
a:link {color:#000; text-decoration:underline;}
a:visited {color:#505050;text-decoration:underline;}
a:hover {color:#ccc; text-decoration:underline;}
a:active {color:#505050;text-decoration:none;}
.fontSmilt, .fontSmilt a{color:#26598a;}
.bgSmilt{background-color: #26598a; padding: 0.3% 1%;}
span.bgSmilt2{background-color: #dfebf6; padding: 0.3% 1%;}
td.bgSmilt2{background-color: #dfebf6;}


/* header
--------------------------------------------------------------------------------------*/
#headerwrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
}

#headerwrapper #header{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 1% 0;
	text-align:center;
}

#headerwrapper #header h1 {
	width: 80%;
	margin: 0;
	padding: 0;
	float:left;
}
#headerwrapper #header h1 img{
	width: 100%;
	height: auto;
}
#headerwrapper #header div#logo {
	width: 15%;
	margin: 0 0 0 5%;
	float:right;
	
}
#headerwrapper #header #logo img{
	display: inline;
	margin: 0;
}



/****************************************************************************************************
gNavi
****************************************************************************************************/
#nav {
	width: 100%;
	margin: 0;
	padding:  0;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	background-color:#26598a;
}


#nav > ul {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0.5% 0;
	text-align:center;
	position:relative;
	display:table;
}
#nav > ul > li {
	width:11.5%;
	/*width:18%;*/
	/*width:23%;*/
	position:relative;
	display: table-cell;
  vertical-align: middle;
	text-align:center;
	border-left: 1px solid #fff;
	padding: 0.1% 0.5%;
}
#nav > ul > li:last-child {border-right: 1px solid #fff;}
#nav > ul > li:nth-of-type(1) {width:7%;}
#nav > ul > li:nth-of-type(2) {width:7%;}
#nav > ul > li:nth-of-type(3) {width:9%;}
#nav > ul > li:nth-of-type(4) {width:13%;}
#nav > ul > li:nth-of-type(5) {width:14%;}
#nav > ul > li:nth-of-type(6) {width:19%;}
#nav > ul > li:nth-of-type(7) {width:12.5%;}
#nav > ul > li:nth-of-type(8) {width:11%;}

#nav > ul > li > a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
  vertical-align: middle;
}
/*
#nav > ul > li.on > a {
	color:#11799e;
	color:#fff;
	font-weight: 700;
}*/

#nav > ul > li > ul {
	width:150%;
	display:none;
	position:absolute;
	z-index:3000;
	background-color: rgba(40, 72, 103, 0.87);
	text-align:center;
	left: 0;
	/*top:135%;*/
}

#nav > ul > li > ul > li + li {text-align:center;}
#nav > ul > li.on, #nav > ul > li.on a {color: #7de8ff;}
#menu li a:hover {opacity: .5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50)";-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;text-decoration: none;}
#menu li .sub{width:100%; display: none;position: absolute;padding:0; z-index:58; /*top:135%;*/}
#menu li .sub a{width:100%;padding:8px 0;display: block; /*line-height:1.2; */text-decoration:none;color:#fff;}
#menu li .sub li{border-bottom: 1px solid #ccc;}
#menu li .sub li:last-child{border-bottom: none;}
#nav > ul > li.on .sub li a {color: #fff;}
.slicknav_menu {display:none;}


/* common
--------------------------------------------------------------------------------------*/
#wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.box,
.box2nd,
.box3rd {
	width: 100%;
	clear:both;
}
.box.border,
.box2nd.border,
.box3rd.border{
	width: 94%;
	padding: 3%;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #000;
}

table.one{
width:100%;
text-align:left;
border-collapse:collapse;
}

.one th{
width:10%;
padding: 9px 18px;
border-right:	1px dotted #2677ac;
color: #2677ac;
text-align:right;
font-weight:400;
vertical-align:top;
white-space:nowrap;
background: #fff;
}
.one td{
width:auto;
padding: 9px 18px;
text-align:left;
vertical-align:top;
background: #fff;
}
.one th.vertical_align_middle,
.one td.vertical_align_middle{vertical-align:middle;}
.one th.vertical_align_bottom,
.one td.vertical_align_bottom{vertical-align:bottom;}
.one tr:nth-child(odd) th,
.one tr:nth-child(odd) td{
background: #f7f7f7;
}

/*
.one caption{
	text-align: left;
	color: #fff;
	background-color: #e60012;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
border-top:1px solid #231815;
	padding: 3px 8px;
	font-size: 1.25em;
}
table.zero{
	width: 100%;
text-align:left;
border-collapse:collapse;
border-bottom:	none;
	border-top:	none;
}
.organization .zero th{width:6.5em !important;}
.zero th{
width:3%;
padding:0 15px 0 0;
border-bottom:	none;
	background-color: #fff;
text-align:left;
vertical-align:top;
white-space:nowrap;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
}
.zero th.alignR{text-align:right;}
.zero td{
width:auto;
padding:0 0;
text-align:left;
vertical-align:top;
border-bottom:none;
}
.zero th.pdB10,
.zero td.pdB10{
	padding-bottom:10px;
}
*/
table.two{
	width: 100%;
	text-align:left;
	border-collapse:collapse;
	border:	1px solid #231815;
}
.two th{
	padding:5px 8px;
	border-right:	1px solid #231815;
	border-bottom:	1px solid #231815;
	background-color: #f7f7f7;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
  color: #231815;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}
.two.blue th,
.two.blue_table th{
	background-color: #4d72be;
  color: #fff;
}
.two th.w50{
	width: 50%;
}
#second.program .two th{width: 14.2%;}
.two td{
width:auto;
padding:5px 10px;
text-align:left;
	vertical-align:middle;
border-right:	1px solid #231815;
border-bottom:	1px solid #231815;
}
.two.blue td{background: #fff;}
.two.blue tr.bg td,
.two td,
.two td.bg{background: #dae1f0;}
.two.blue_table tr:nth-child(odd) td{background: #b7c6e4;}

.two.alignC td,
.two td.alignC{text-align:center;}

/*
table.three{
	width: 100%;
	text-align:left;
	border-collapse:collapse;
	border:	1px solid #ccc;
	font-size: 1em;
}
.three th{
	width: 18%;
	padding:15px 20px;
	border-right:	1px solid #ccc;
	border-bottom:	1px solid #ccc;
	background-color: #f9f9f9;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
  color: #000;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}
.three td{
width:auto;
	padding:15px 20px;
text-align:left;
vertical-align:top;
border-right:	1px solid #ccc;
border-bottom:	1px solid #ccc;
}
table.four{
width:100%;
text-align:left;
border-collapse:collapse;
}

.four th{
width:10%;
padding: 16px 20px;
border-right:	1px dotted #a3771d;
color: #a3771d;
text-align:right;
font-weight:700;
vertical-align:top;
white-space:nowrap;
background: #f7f7f7;
}
.four td{
width:auto;
padding: 16px 20px;
text-align:left;
vertical-align:top;
background: #f7f7f7;
}

.four tr:nth-child(odd) th,
.four tr:nth-child(odd) td{
background: #fff;
}
*/
/* footer
--------------------------------------------------------------------------------------*/
#footer {
width: 100%;
clear:both;
margin: 0;
padding: 0.5% 0;
background-color:#26598a;
text-align:center;
	color:#fff;
}
#footer .copy{margin-bottom: 1%;}
#footer a{color:#fff;}
.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	align-items:left;
}
.flex_banner{
	display: flex;
	flex-wrap: wrap;
}
.flex .item2,
.flex_banner .item2{
	width: calc(100% / 2 - 40px);
	margin: 20px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.flex .item3,
.flex_banner .item3{
	width: calc(100% / 3 - 40px);
	margin: 20px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.flex .item4,
.flex_banner .item4{
	width: calc(100% / 4 - 40px);
	margin: 20px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.flex .item5,
.flex_banner .item5{
	width: calc(100% / 5 - 20px);
	margin: 10px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}
.flex .item6,
.flex_banner .item6{
	width: calc(100% / 6 - 10px);
	margin: 5px;
	box-sizing: border-box;
}
.flex .item2{
	width:calc(48%);
	box-sizing: border-box;
	margin:0 4% 4% 0;
}
.flex .item2:nth-child(2n){margin:0 0 4% 0;}

.flex .item3{
	width:calc(32%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flex .item3:nth-child(3n){margin:0 0 2% 0;}

.flex .item4{
	width:calc(23.4%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flex .item4:nth-child(4n){margin:0 0 2% 0;}
/*
.flex .item5{
	width:calc(18%);
	box-sizing: border-box;
	margin:0 1% 2% 1%;
}
.flex .item5:nth-child(5n){margin:0 0 2% 0;}
*/
.flex_banner .item3 img,
.flex_banner .item4 img,
.flex_banner .item5 img,
.flex_banner .item6 img,
.flex .item2 img,
.flex .item3 img,
.flex .item4 img,
.flex .item5 img,
.flex .item6 img{
	width:100%;
	height: auto;
}

ol{
	text-align:left;
}
ol.olDot,
ol.olKakko {
list-style-type: none;
margin-left: 1.75em;
}

.olDot li:before {
  content: counter(cnt) ".";
  display:inline-block;
  margin-left:-1.75em;
  width: 1.75em;
}

.olKakko li:before {
  content: counter(cnt) ")";
  display:inline-block;
  margin-left:-1.75em;
  width: 1.75em;
}

.olDot li,
.olKakko li {
counter-increment: cnt;
}
/*
.dl{
  text-align: left;
}
.dl dt{
  border-left: 3px solid #990000;
  padding:0 0 0 6px;
  color: #990000;
  line-height: 1.2;
}
.dl dd{
}
*/

ul.lists{}
.lists li{
text-align: left;
display: block;
}
.lists li.arrow{background: url(../img/common/arrow.png) 0px 6px no-repeat;background-size: 12px 12px;padding-left: 18px;}
.lists li.dot{background: url("../img/common/square.png") no-repeat 4px 8px;background-size: 4px 4px; padding-left: 18px;}
.lists li.dotRed{background: url("../img/common/square_red.png") no-repeat 4px 8px;background-size: 4px 4px; padding-left: 18px; color: #f00;}
.lists li.circle{background: url(../img/common/circle.png) no-repeat 2px 7px;background-size: 10px 10px;padding-left: 18px;}
.lists li.kirakira{background: url(../img/common/kirakira.png) no-repeat 0px 4px;background-size: 18px 18px;padding-left: 22px; margin-bottom: 5px;}
.lists li.dush{background: url("../img/common/square.png") no-repeat 0px 11px;background-size: 11px 1px; padding-left: 18px;}
.lists li.asterisk{background: url("../img/common/asterisk.png") no-repeat 3px 8px;background-size: 7px 7px; padding-left: 17px;}
.lists li.asterisk.font80{background: url("../img/common/asterisk.png") no-repeat 0px 7px;background-size: 5px 5px; padding-left: 9px; font-size: 80%;}
.lists li.asteriskRed{background: url("../img/common/asteriskRed.png") no-repeat 3px 8px;background-size: 7px 7px; padding-left: 17px; color: #f00;}
.lists li.kome{background: url(../img/common/kome.png) 0 6px no-repeat; background-size: 12px 12px; padding-left: 17px;}
.lists li.komeRed{background: url(../img/common/komeRed.png) 0 6px no-repeat; background-size: 12px 12px; padding-left: 17px; color: #f00;}
.lists li.komeRed a, .lists li.asteriskRed a, .lists li.dotRed a{color: #f00 !important;}
.komeRed li.kome, li.dotRed .dot, li.komeRed .dot{color: #050505 !important;}
/*
.lists li.circleR{background-image: url(../img/common/circleR.png);background-size: 13px 13px; background-position: 0 7px; padding-left: 20px;}
.lists li.arrowBlack{background: url(../img/common/arrowBlack.png) 3px 10px no-repeat;background-size: 6px 6px;padding-left: 20px;}
.lists li.arrowRed{background: url(../img/common/arrowRed.png) 3px 10px no-repeat;background-size: 6px 6px;padding-left: 20px;}
.lists li.square{background: url("../img/common/dot.png") no-repeat 2px 7px;background-size: 11px 11px; padding-left: 20px;}
.lists li.squareRed{background: url("../img/common/dotRed.png") no-repeat 2px 7px;background-size: 11px 11px; padding-left: 20px;}
.lists li.squareBlue{background: url("../img/common/dotBlue.png") no-repeat 2px 7px;background-size: 11px 11px; padding-left: 20px;}
.lists li.dotRed{background: url("../img/common/squareRed.png") no-repeat 3px 10px;background-size: 4px 4px; padding-left: 17px;}
*/
.dl{
text-align: left;}
.dl dt{}
.dl dd{ padding-left: 1em;}

/* switchHat
--------------------------------------------------------------------------------------*/

.switchHat {
	margin:0 0 0 0;
	text-align: left;
	padding: 1% 0 1% 25px;
	background:url("../img/common/arrowDown.png") no-repeat 0px 14px;
	background-size: 18px 18px;
	color: #0d5a8e;
	font-size: 1.1em;
	border-bottom: 1px dotted #ccc;
}
.nowOpen {
	background: url("../img/common/arrowUp.png") no-repeat 0px 14px;
	background-size: 18px 18px;
	color: #95cd6c;
}
.closeBtnHat{display:none;}
.switchDetail {}
.switchDetail p{
	padding: 1% 0 3% 0;
	text-align: left;
	color: #111;
}

/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	
/* common
--------------------------------------------------------------------------------------*/
#wrapper{
	max-width:inherit;
width: 96%;
margin: 0;
padding: 0 2%;
text-align: center;
}
#headerwrapper #header #logo img{
	width:33%;
	height: auto;

}

}



/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/


@media only screen and (max-width: 481px) {

html, body{
	width: 100%;
	font-size:14px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


/* header
--------------------------------------------------------------------------------------*/
#headerwrapper{
	/*
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	border-top:1px solid #231815; 
	border-bottom:3px solid #231815; 
	*/
	border-bottom:1px solid #26598a; 
}

#headerwrapper #header{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
	text-align:center;
	position:relative;
}
#headerwrapper #header h1 {
	width: 68%;
	margin: 0 0 0 2%;
	padding: 0;
	float:left;
	z-index:9715 !important; position: relative;
}
#headerwrapper #header div#logo {
	width:19%;
	margin: 1% 10% 0 0;
	z-index:9719 !important;
	position: relative;
}
#nav {display: none;}
.slicknav_menu {display:block;}





/* footer
--------------------------------------------------------------------------------------*/
#footer{
	max-width: 98%;
	width: 98%;
	margin: 0;
	padding: 1%;
	font-size: 0.85em;
}

/*
.four{
width: 100%;
margin: 0;
padding: 0;
text-align: left;
border-collapse:collapse;
}

.four th {
	width: auto !important;
	display: block;
	font-size:110%;
	word-break: break-all !important;
	white-space: normal !important;
	font-weight:bolder;
	padding:1% 0;
	margin:0 0 2% 0;
	border-right:none;
	text-align:left;
	border-bottom:1px dotted #000;
background: #fff;
}
.four td {
	width: auto;
	display: block; 
	padding:1% 0 10% 0;
	border-top: none;
	border-bottom: none;
background: #fff;
}
*/

.scroll{
width:100%;
overflow: auto;
}
.scroll table{width:180%;}
.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	align-items:left;
}

.flex .item2,
.flex .item3{
	width:calc(100%);
	box-sizing: border-box;
	margin:2% 0;
}
.flex .item2:nth-child(2n),
.flex .item3:nth-child(3n){margin:0 0 4% 0;}

.flex .item4{
	width:calc(23.4%);
	box-sizing: border-box;
	margin:0 2% 2% 0;
}
.flex .item4:nth-child(4n){margin:0 0 2% 0;}

.flex .item5,
.flex .item6{
	width:calc(48%);
	box-sizing: border-box;
	margin:0 1% 2% 1%;
}

.switchHat {
	/*margin: 0;
	text-align: left;*/
	padding: 1% 0 1% 20px;
	background:url("../img/common/arrowDown.png") no-repeat 0px 8px;
	background-size: 15px 15px;
	/*color: #0d5a8e;
	font-size: 1.1em;
	border-bottom: 1px dotted #ccc;*/
}
.nowOpen {
	background: url("../img/common/arrowUp.png") no-repeat 0px 8px;
	background-size: 15px 15px;
	/*color: #95cd6c;*/
}
.closeBtnHat{display:none;}
/*.switchDetail {}
.switchDetail p{
	padding: 1% 0 3% 0;
	text-align: left;
	color: #111;
}*/
}