@charset "utf-8";

body{
	margin:0;
	padding:0;
	text-align: center;
	line-height: 2;
	font-size: calc(16 / 16 * 1rem);
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Verdana, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color:#575757;
	overflow-x:hidden;
	background-color: #000000;
}
a:link {color:#d69b9c; text-decoration:underline;}
a:visited {color:#d69b9c;text-decoration:none;}
a:hover {color:#ffcccc; text-decoration:none;}
a:active {color:#d69b9c;text-decoration:none;}
.fontJKS{color: #d69b9c;}

/*
	font-family: "Noto Serif JP", Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
*/


/* header
--------------------------------------------------------------------------------------*/

#header{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
	display: block;
	border-bottom: 1px solid #d69b9c;
	background: url("../img/common/head.jpg") no-repeat center top;
	background-size: 100% auto;
}

#header #head{
	max-width: 1100px;
	margin: 0 auto;
	padding:15px 0;
}
#header h1 {
	width: 56%;	
  margin: 0 22%;
  padding: 0;
}

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

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

#wrapper{
	width: 100%;
	padding:0;
}

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

#wrapper #contents #rightslot{
	width:75%;
	float:right;
	min-height: 800px;
	padding: 0;
}
#wrapper #contents #rightslot.second{
	padding: 5% 0;
}


/* navi
--------------------------------------------------------------------------------------*/
#wrapper #contents #leftslot{
	width: 20%;
	float:left;
}

#menu, #menu ul {
	z-index: 9990;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#menu {
	margin:70px 0;
	position:relative;
	border-top: 1px solid #fff;
}

#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;
	border-bottom: 1px solid #fff;
}

#menu li a{
	width: 90%;
	padding: 6% 5%;
	color:#fff;
	display:inline-block;
	text-decoration:none;
}
#menu li.on{
	width: 100%;
}
#menu li.on a{
	width: 90%;
	padding: 6% 5%;
	background-color:#d69b9c;
	color:#fff;
}
.slicknav_menu {display:none;}
#menu li.nolink a{color: #666;}


/* footer
--------------------------------------------------------------------------------------*/
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align:center;
  clear:both;
  float:left;
	background-color:#fff;
	background-size: cover;
	font-size: 0.85em;
}
#footer #foot {
	width: 1100px;
	clear:both;
	margin: 0 auto;
	padding: 30px 0;
	text-align:left;
}
#footer #foot h1{
	width: 13%;
	float: left;
}
#footer #foot h1 img{
	width: 100%;
	height: auto;
}
#footer #foot #secretariat{
	width: 85%;
	float: right;
}

#footer #foot #secretariat dt{
	width: 6em;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	clear:both;
	position:relative;
	white-space: nowrap;
}
/*#footer #foot #secretariat dt.jcs{width: 6em;}*/
#footer #foot #secretariat dd{
	margin: 0 0 5px 4em;
	position:relative; 
	overflow:hidden;
	text-align: left;
}
#footer #foot #secretariat dd.jcs{margin: 0 0 5px 6em;}

#footer #copyright {
  width: 100%;
  clear:both;
  margin: 0;
  padding: 8px 0;
	border-top: 1px solid #d69b9c;
}
#footer #copyright p{
  text-align:center;
	font-size: 0.8em;
}

.box,
.box2nd {
	clear:both;
}

table.one{
	width:100%;
	font-size:98%;
	text-align:left;
	border-collapse:collapse;
}
.one th{
	width:2%;
	padding:12px 25px 12px 0;
	border-right:1px dotted #36577d;
	color: #36577d;
	text-align:right;
	font-weight:700;
	vertical-align:top;
	white-space:nowrap;
}
.one td{
	width:auto;
	padding:12px 0 12px 25px;
	text-align:left;
	vertical-align:top;
}


table.two{
font-size:98%;
text-align:left;
border-collapse:collapse;
	border: 1px solid #ccc;
}

.two th{
	text-align:center;
	vertical-align:top;
	color: #d69b9c;
	font-weight: 700;
	padding: 8px 20px;
	background-color: #fffbfb;
	border-bottom: 1px solid #d69b9c;
	border-right: 1px solid #ccc;
}
.two td{
	width:auto;
	padding: 14px 20px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

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;
}

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 12px;background-size: 10px 10px; padding-left: 16px;}
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 8px;background-size: 14px 14px; padding-left: 16px;}




/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@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: clamp(1rem, 2.5vw, 2rem); 
	line-height:1.6;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

/* header
--------------------------------------------------------------------------------------*/
#header{
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
	display: block;
	border-bottom: 1px solid #d69b9c;
	background: url("../img/common/head.jpg") no-repeat center top;
	background-size: 100% auto;
}

#header #head{
	max-width: 1100px;
	margin: 0 auto;
	padding:15px 0;
}
#header h1 {
	width: 56%;	
  margin: 0 22%;
  padding: 0;
}

#header h1 img{
	width: 100%;
	height: auto;
}
	
/* common
--------------------------------------------------------------------------------------*/

#wrapper{
	width: 100%;
	padding:0;
}

#wrapper #contents{
	max-width: inherit;
	width: 100%;
	margin: 0;
	padding: 0;
}



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

.slicknav_menu {display:block;}
#hamburger {display: block;position: relative;z-index: 9999;}
#wrapper #contents #leftslot{display:none;}


/* footer
--------------------------------------------------------------------------------------*/
#footer {
  float:none;
	font-size: 0.8em;
}

#footer #foot {
	max-width: inherit;
	width: 94%;
	margin: 0;
	padding: 30px 3%;
}
#footer #foot h1{
	width: 23%;
	float: none;
	margin-bottom: 2%;
}
#footer #foot h1 img{
	width: 100%;
	height: auto;
}
#footer #foot #secretariat{
	width: 100%;
	float: none;
}

#footer #copyright {
  width: 100%;
  clear:both;
  margin: 0;
  padding: 8px 0;
	border-top: 1px solid #d69b9c;
}
#footer #copyright p{
  text-align:center;
	font-size: 0.8em;
}
table.one{
	width:100%;
	font-size:.9em;
}
.one th{
	width: auto;
	display: block;
	font-size:105%;
	word-break: break-all;
	white-space: normal;
	font-weight:700;
	padding: 0;
	margin:0 0 1% 0;
	line-height:1.2;
	text-align:left;
	
	border-right:none;
	color: #36577d;
}
.one td{
	width: auto;
	display: block; 
	padding:0 0 10% 0;
	
}
	

.lists li{
width: auto;
margin: 0 0 5px 0;
display: block;
}
.lists li.arrow{background: url("../img/common/arrow.png") no-repeat 0 6px;background-size: 8px 8px; padding-left: 16px;}
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 6px;background-size: 12px 12px; padding-left: 16px;}

	
	
}