ul {

	padding: 0;
	margin: 0 ;

}

ul li {

	list-style: none;
	margin: 0;
	padding: 0;

}

a {

	text-decoration: none;
	color: #000;

}

a:hover {

	cursor: hand;

}

p {

	font-size: 17px;
	font-family: sans-serif;
	line-height: 30px;
	letter-spacing: 2px;

}

body {

	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 17px;
	letter-spacing: 1px;
	font-family: sans-serif;
	font-weight: 600;

}

img, a img {

  border-style: none;

}

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



	body {

		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 15px;
		letter-spacing: 1px;

	}

}

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

	p {

		font-size: 12px;
		line-height: 20px;
		letter-spacing: normal;

	}

	body {

		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 13px;
		letter-spacing: normal;

	}

	.br_none {

		display: none;

	}

}

/* 空白用 */

#all {

	padding-top: 207px;

}

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

	#all {

		padding-top: 180px;

	}

}

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

	#all {

		padding-top: 147px;

	}

}

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

	#all {

		padding-top: 130px;

	}

}




/* 詳細はこちら */

.more_btn {

	width: 200px;
	margin: 0 auto;
	padding: 15px 0;
	margin-bottom: 50px;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #006496;

}

/* 青帯タイトル */

.c_title {

	width: 100%;
	height: 75px;
	text-align: center;
	color: #fff;
	background: #042947;
	font-size: 30px;
	padding-top: 25px;
	line-height: 25px;
	letter-spacing: 2px;

}

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

	.c_title {

		font-size: 25px;

	}

}

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

	.c_title {

		height: auto;
		font-size: 20px;
		padding: 15px 0;
		overflow: hidden;

	}


}

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


}

/* テーブルタイトル */

.table_title {

	width: 1300px;
	background: #006496;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
	font-weight: bold;
	margin-top: 50px;

}

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

	.table_title {

		width: 90%;

	}

}

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

	.table_title {

		font-size: 15px;
		margin-top: 20px;
		padding: 3% 0;

	}

}

/* トップへもどる */

#top_btn {

	width: 200px;
	margin: 0 auto;

}

.top_btn, .next_btn {

	width: 200px;
	margin: 0 auto;
	padding: 15px 0;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #006496;
	background: #FFF;
}

#top_btn a:hover .top_btn, #top_btn a:hover .next_btn {

	background: #006496;
	color: #fff;

}

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

	.top_btn, .next_btn {

		margin: 5% auto 10% auto;

	}
}

/* 335-C紹介ページボタン */

#menu_335ver ul {

	width: 1300px;
	margin: 0 auto;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 0;

}

#menu_335ver ul.pc_btn {

	display: none;

}

li.btn01, li.btn02,li.btn03 {

	width: 33.3%;
	float: left;
	text-align: center;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	padding: 25% 0;
	line-height: 20px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

}

li.btn01 {

	background-image: url(../image/335-c/btn01_new.png);

}

li.btn02 {

	background-image: url(../image/335-c/btn02_new.png);

}

li.btn03 {

	background-image: url(../image/335-c/btn03.jpg);

}

#menu_335ver a:hover li {

	opacity: 0.5;

}

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

	#menu_335ver ul {

		width: 90%;

	}

}

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

	#menu_335ver ul {

		width: 90%;

	}

	#menu_335ver ul.pc_btn {

		display: none;

	}

	#menu_335ver ul.sp_btn li.btn01, #menu_335ver ul.sp_btn li.btn02, #menu_335ver ul.sp_btn li.btn03 {

		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 5% 0;
		background-repeat: no-repeat;
		-moz-background-size: 100% auto;
		background-size: cover;
		font-size: 18px;
		background-position: top;

	}

	#menu_335ver ul.sp_btn li.btn01 {

		background-image: url(../image/335-c/btn01_2024_sp.jpg);

	}

	#menu_335ver ul.sp_btn li.btn02  {

		background-image: url(../image/335-c/btn02_2024_sp.jpg);

	}

	#menu_335ver ul.sp_btn li.btn03 {

		background-image: url(../image/335-c/btn03_sp.jpg);

	}

}

/* ページめくる */

.page {

	margin: 50px 0;
	text-align: center;

}

.page a {
	color: #006496;
}
.page a:after {
	content:" | ";
	color:#333;
}
.page a:last-child:after {
	content:"";
}
.page .active {
	color: #333;
	pointer-events: none;
}

.page a:hover {

	opacity: 0.5;

}

/* フォームの必須と任意表示 */

.req, .any {

	width: 20%;
	float: left;
	font-size: 12px;
	color: #fff;
	padding: 5px 0;
	display: inline-block;
	text-align: center;
	margin-right: 3%;

}

.req {

	background-color: #FF7400;

}

.any {

	background-color: #565656;

}

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

	.req, .any {

		width: 100%;

	}

}

/* 完了画面 */

#end {

	width: 90%;
	margin: 0 auto;
	text-align: center;

}

.end_title {

	font-weight: bold;
	font-size: 25px;
	margin-top: 50px;

}

#end a {

	color: red;
	border-bottom: 1px solid red;

}

#end a:hover {

	opacity: 0.5;

}

/* パスワード入力 */

.password {

	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
}

.password p {

	margin: 0;
	font-weight: bold;

}

.password_box {

	width: 99%;
	height: 65px;
	border: 1px solid #006496;
	margin: 0 auto;

}

.password input {
	font-size:17px;
}
.password button:hover {
	background: #006496;
	color: #fff;
}

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

	.password {

		width: 90%;
		margin: 0 auto;

	}

	.password_box {

		width: 90%;

	}

}

/* 個人情報保護方針 */

#privacy {

	width: 1100px;
	margin: 0 auto;
	margin-top: 50px;

}

.privacy_title {

	border-left: 5px solid #006496;
	padding-left: 5px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;

}

#privacy p {

	margin-left: 15px;

}

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

	#privacy {

		width: 90%;

	}

}

/*サイトマップ*/
#sitemap {

  width: 500px;
  margin: 0 auto;
	margin-top: 50px;

}

.site_box {

	width: 210px;
	border: 1px solid #006496;
	padding: 15px 0;
	text-align: center;
	margin: 10px 0;

}

.map_01 {

	margin-left: 100px;
	margin-top: 30px;

}

.map_02 {

	margin-left: 200px;

}

.site_box:hover {

	opacity: 0.5;

}

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

	#sitemap {

		width: 90%;

	}

	.map_01 {

		margin-left: 50px;

	}

	.map_02 {

		margin-left: 100px;

	}

}


/* ニュース */

#news {

	width: 1300px;
	margin: 0 auto;

}

.title {

	width: 240px;
	margin: 0 auto;
	text-align: center;

}

.title img {

	border-bottom: 2px solid #006496;

}

.title p {

	margin-top: 0px;

}

#news .title img {

	margin-top: 50px;

}

table.type01 {

	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
    border-collapse: separate;
    border-spacing: 0px;
    text-align: center;
    line-height: 1.5;
    border-top: 1px solid #006496;

}

table.type01 tr:nth-child(odd) {

	background: rgba(0,100,150,0.1);

}

table.type01 td {

	height: 35px;
    padding: 20px;
    border-bottom: 1px solid #006496;

}

table.type01 td:first-child {

	width: 5%;

}

table.type01 td:nth-child(even) {

	width: 20%;

}

table.type01 td .text02 {

	width: 50%;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	border-radius: 35px;
	border: 1px solid #006496;

}

table.type01 td a {

	width: 75%;
	border-bottom: #006496 1px solid;

}

table.type01 td a:hover {

	opacity: 0.5;

}

table.type01 td:nth-child(3) {

	text-align: left;

}

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

	#news {

		width: 100%;
		height: auto;
		padding-bottom: 100px;

	}

	table.type01 {

		width: 90%;

	}

}


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

	table.type01 td .text02 {

		font-size: 12px;

	}

	table.type01 td:first-child {

		font-size: 12px;

	}

}

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

	.title {

		width: 40%;

	}

	#news .title img {

		width: 60%;
		margin: 0px auto;
		margin-top: 30px;

	}

	table.type01 td .text02 {

		width: 100%;

	}

}

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

}


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


}

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


}